open-index/open-npm huggingface dataset:
npm package: @hitachivantara/app-shell
Description: AppShell Component
Author: Hitachi Vantara - Boba Fett Team
Latest version: 0.37.2

# @hitachivantara/app-shell

Hitachi Vantara App Shell. Effortless UI integration with top-notch user experience, empowering composability.

## Overview

The App Shell is a set of shared client-side modules for common user-focused UI components and services. Together with the [Hitachi NEXT UI Kit](https://www.npmjs.com/package/@hitachivantara/uikit-react-core), it aims to provide a consistent user experience across all Hitachi Vantara applications, adopting the NEXT Design System and addressing Lumada Architecture key concepts of Composability and Portability.

At its core, the App Shell consists of a collection of UI patterns shared by all products within the platform, providing a consistent set of interaction patterns that persist across all products. These include navigation, notifications, user information, and other common UX.

The App Shell also provides services that support the integration and communication between embedded applications, as well as guidelines and strategies for building web apps with multiple teams that ship features independently.

## Installation

The App Shell is available as an NPM package, and can be installed with:

```bash
npm install @hitachivantara/app-shell
```

Setup instructions for the App Shell are available in https://github.com/lumada-design/hv-app-shell.
npm package: @hitachivantara/app-shell-events
Description: AppShell Events
Author: Hitachi Vantara UI Kit Team
Latest version: 2.0.3

# @hitachivantara/app-shell-events

Hitachi Vantara App Shell Events. Type definitions for App Shell events ecosystem.

## Overview

App Shell events mechanism is based at the usage of javascript's CustomEvent (for more detail check [here](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent)).
This package defines the set of possible `type` values and `options.detail` type definition.

## Installation

The App Shell Events is available as an NPM package, and can be installed with:

```bash
npm install @hitachivantara/app-shell-events
```

More info about App Shell events is available in https://github.com/lumada-design/hv-app-shell/blob/main/docs/notifications.md#notifications and https://github.com/lumada-design/hv-app-shell/blob/main/docs/theming.md#triggering-color-mode-change.
npm package: @hitachivantara/app-shell-navigation
Description: AppShell Navigation
Author: Hitachi Vantara UI Kit Team
Latest version: 2.1.9

# @hitachivantara/app-shell-navigation

Hitachi Vantara App Shell Navigation. Support navigation at the App Shell ecosystem.

## Overview

This package provides hooks and types to enable application to perform navigation integrated with App Shell.

## Installation

The App Shell navigation is available as an NPM package, and can be installed with:

```bash
npm install @hitachivantara/app-shell-navigation
```
npm package: @hitachivantara/app-shell-shared
Description: AppShell Shared
Author: Hitachi Vantara UI Kit Team
Latest version: 2.2.4

# @hitachivantara/app-shell-shared

Hitachi Vantara App Shell Shared. Support package for shared functionality.

## Overview

This package provides shared React contexts for the Hitachi Vantara App Shell. It allows embedded views and components to share state (e.g. access the app shell configuration).

It should be declared as external in your bundler configuration. An ESM bundle is provided in the package, which can be deployed, and the importmap can be configured to point to it.

For regular usage of the App Shell, you don't need to know about this package.
npm package: @hitachivantara/app-shell-ui
Description: AppShell Component
Author: Hitachi Vantara UI Kit Team
Latest version: 2.2.4

# @hitachivantara/app-shell-ui

Hitachi Vantara App Shell. Effortless UI integration with top-notch user experience, empowering composability.

## Overview

The App Shell UI is a set of shared client-side modules for common user-focused UI components and services. It aims to provide a consistent user experience across applications, addressing Architecture key concepts of Composability and Portability.

At its core, the App Shell consists of a collection of UI patterns shared by all products within the platform, providing a consistent set of interaction patterns that persist across all products. These include navigation, notifications, user information, and other common UX.

The App Shell also provides services that support the integration and communication between embedded applications, as well as guidelines and strategies for building web apps with multiple teams that ship features independently.

## Installation

The App Shell is available as an NPM package, and can be installed with:

```bash
npm install @hitachivantara/app-shell-ui
```

Setup instructions for the App Shell are available in https://github.com/lumada-design/hv-app-shell.
npm package: @hitachivantara/cra-template-uikit
Description: The Hitachi Vantara UI Kit template for Create React App.
Author: Hitachi Vantara UI Kit Team
Latest version: 1.1.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# cra-template-uikit
The Hitachi Vantara UI Kit template for Create React App.

#### Use this template to create a new application
```
npx create-react-app new-app --template @hitachivantara/cra-template-uikit
```

#### If you want to test it locally follow the next steps:

##### 1. Clone this repo
```
git clone https://github.com/lumada-design/cra-template-uikit.git
```

##### 2. Use the local template to create the new application
```
npx create-react-app new-app --template file:<path-to-cra-template-uikit>
```

> Visit [create-react-app]('https://create-react-app.dev/docs/getting-started') to find more information on supported arguments.

#### To start your app.
```
cd <path-to-new-app>
yarn start or npm start
```
npm package: @hitachivantara/hv-uikit-cli
Description: The Hitachi Vantara CLI for UI Kit apps.
Author: Hitachi Vantara UI Kit Team
Latest version: 1.24.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Hitachi Vantara UI Kit CLI

The Hitachi Vantara CLI for UI Kit apps.

This CLI provides a way to automate tasks you regularly perform as part of your development workflow.

Whether is quickly start a new application or scaffolding out templates and components, it will help you standardize these tasks in a consistent, and predictable manner.

## Usage

For usage documentation, run the CLI with the `--help` option for any `<command>`. Examples:

```sh
npx @hitachivantara/hv-uikit-cli@latest --help
npx @hitachivantara/hv-uikit-cli@latest <command> --help
```

## Creating an App

You can create a new app using the different baselines provided and our official supported templates.

To get started, use the following command:

```sh
npx @hitachivantara/hv-uikit-cli@latest create
```

It launches an interactive experience that guides you through setting up a new app.

You can also directly specify the app name and the template to use. For example:

```sh
npx @hitachivantara/hv-uikit-cli@latest create MyAppName --templates Form
```

## How to test

You can run the project locally by executing the following command:

```
node <path-to-repo>/hv-uikit-cli/src/index.js create
```

## License

This project is licensed under the terms of the [Apache 2.0 license](/LICENSE.md).
npm package: @hitachivantara/uikit-cli
Description: The Hitachi Vantara CLI for UI Kit apps.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.0.4

# Hitachi Vantara UI Kit CLI

The Hitachi Vantara CLI for UI Kit apps.

This CLI provides a way to automate tasks you regularly perform as part of your development workflow.

Whether is quickly start a new application or scaffolding out templates and components, it will help you standardize these tasks in a consistent, and predictable manner.

## Usage

For usage documentation, run the CLI with the `--help` option for any `<command>`. Examples:

```sh
npx @hitachivantara/uikit-cli@latest --help
npx @hitachivantara/uikit-cli@latest <command> --help
```

## Creating an App

You can create a new app using the different baselines provided and our official supported templates.

To get started, use the following command:

```sh
npx @hitachivantara/uikit-cli@latest create
```

It launches an interactive experience that guides you through setting up a new app.

You can also directly specify the app name and the template to use. For example:

```sh
npx @hitachivantara/uikit-cli@latest create MyAppName --templates Form
```

## How to test

You can run the project locally by executing the following command:

```
node <path-to-repo>/uikit-cli/src/index.js create
```

## License

This project is licensed under the terms of the [Apache 2.0 license](/LICENSE.md).
npm package: @hitachivantara/uikit-config
Description: UI Kit Sharable projects configurations
Author: Hitachi Vantara UI Kit Team
Latest version: 0.6.0

# @hitachivantara/uikit-config

UI Kit Sharable projects configurations

## Installation

Install the package in your project, and any peer-dependencies you need

```sh
npm i -D prettier@3 @hitachivantara/uikit-config
```

## Usage

Extend the configurations in `package.json` or the corresponding config file.

### Prettier

Example [Prettier configuration](https://prettier.io/docs/en/configuration.html#sharing-configurations) in `package.json`:

```json
{
  "prettier": "@hitachivantara/uikit-config/prettier"
}
```

### TSConfig

```json
{
  "extends": "@hitachivantara/uikit-config/tsconfig"
}
```

### oxlint

```json
{
  "extends": ["./node_modules/@hitachivantara/uikit-config/oxlint/strict.json"]
}
```
npm package: @hitachivantara/uikit-core
Description: UI Kit core React components for the Hitachi Vantara Design System.
Author: Hitachi Vantara UI Kit Team
Latest version: 5.1.0-next.2

# @hitachivantara/uikit-core

UI Kit core React components for the Hitachi Vantara Design System.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-core
```
npm package: @hitachivantara/uikit-icons
Description: A collection of icons to use with Hitachi Vantara's React Components.
Author: Hitachi Vantara UI Kit Team
Latest version: 5.1.0-next.2

# @hitachivantara/uikit-icons

This package provides the Hitachi Vantara Design System icons packaged as a set of React components.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-icons
```

## Adding New Icons

To add new icons, you should copy the `.svg` to the `assets` directory and execute `npm run build`.
npm package: @hitachivantara/uikit-react-code-editor
Description: A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) using the Hitachi Vantara's Design System styles.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.0.4

# @hitachivantara/uikit-react-code-editor

React Monaco editor wrapper with Hitachi Vantara Design System styles.

## Installation

```sh
npm install @hitachivantara/uikit-react-code-editor
```

## Usage

```jsx
import { HvCodeEditor } from "@hitachivantara/uikit-react-code-editor";

<HvCodeEditor
  language="javascript"
  defaultValue="console.log('Hello, World!');"
/>;
```

## Offline Support

The editor automatically handles offline support:

- **Vite**: Workers are bundled by default
- **Other bundlers**: Falls back to CDN

### Vite Configuration

To prevent Vite from pre-bundling Monaco Editor, add the following to your `vite.config.js`:

```js
export default {
  optimizeDeps: {
    exclude: ["monaco-editor"],
  },
};
```

## Documentation

See [Monaco Editor for React](https://github.com/suren-atoyan/monaco-react) for additional options.
npm package: @hitachivantara/uikit-react-core
Description: UI Kit Core React components.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.6.1

# @hitachivantara/uikit-react-core

UI Kit core React components.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-react-core
```
npm package: @hitachivantara/uikit-react-icons
Description: NEXT Design System icons packaged as a set of React components.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.0.3

# @hitachivantara/uikit-react-icons

NEXT Design System icons packaged as a set of React components.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-react-icons
```

## Adding New Icons

1. Copy the `.svg` to the `assets` directory.
2. Run `npm run optimize` to optimize the icons (using `svgo`).
3. Run `npm run convert` to convert the SVGs to React components.
4. Run `npm run build` to build the package.

## File structure

```sh
icons/
├── assets  # optimized `.svg` assets
├── dist    # built artifacts (by `vite build`)
├── lib     # library code to be moved to `./src`
├── scripts # .svg to React component generator scripts
└── src     # generated `.tsx` React icon components
```
npm package: @hitachivantara/uikit-react-lab
Description: Contributed React components for the NEXT UI Kit.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.1.6

# @hitachivantara/uikit-react-lab

Contributed React components for the NEXT UI Kit.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-react-lab
```
npm package: @hitachivantara/uikit-react-pentaho
Description: UI Kit Pentaho React components.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.0.10

# @hitachivantara/uikit-react-pentaho

UI Kit Pentaho React components.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-react-pentaho
```
npm package: @hitachivantara/uikit-react-shared
Description: Shared React contexts for the NEXT UI Kit.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.0.3

# @hitachivantara/uikit-react-shared

The package provides shared React contexts for the NEXT UI Kit. It allows UI Kit components to share state (e.g. active theme) even if they are built with different versions of the UI Kit or are not using the same HvProvider instance.

This package is intended to be used in embedded scenarios, particularly when using the Hitachi Vantara App Shell framework. In these cases, declare the @hitachivantara/uikit-react-shared package as external in your bundler configuration. An ESM bundle is provided in the package, which can be deployed, and the importmap can be configured to point to it.

For regular usage of the UI Kit, you don't need to know about this package. All the contexts and types are re-exported from the core package.
npm package: @hitachivantara/uikit-react-viz
Description: Contributed React visualization components for the NEXT UI Kit.
Author: Hitachi Vantara UI Kit Team
Latest version: 6.1.5

# @hitachivantara/uikit-react-viz

Contributed React visualization components for the NEXT UI Kit.

## Installation

Install the package in your project directory with:

```sh
npm install @hitachivantara/uikit-react-viz
```
npm package: @hitachivantara/uikit-uno-preset
Description: UI Kit UnoCSS preset with the NEXT theme.
Author: Hitachi Vantara UI Kit Team
Latest version: 1.0.3

# @hitachivantara/uikit-uno-preset

UI Kit UnoCSS preset with the NEXT theme.

## Installation

Install the package in your project directory with:

```sh
npm install -D unocss @hitachivantara/uikit-uno-preset
```

Add the `presetHv` to the array of presets in your `vite.config.ts` or `uno.config.ts` files:

```ts
// vite.config.ts
import unoCSS from "unocss/vite";
import { defineConfig } from "vite";
import { presetHv } from "@hitachivantara/uikit-uno-preset";

export default defineConfig({
  plugins: [
    unoCSS({
      presets: [presetHv()],
    }),
  ],
});
```

```ts
// uno.config.ts
import { defineConfig } from "unocss";
import { presetHv } from "@hitachivantara/uikit-uno-preset";

export default defineConfig({
  presets: [presetHv()],
});
```

## Usage

Use any of [Tailwind-like default utility](https://tailwindcomponents.com/cheatsheet/) classes along with the NEXT UI Kit theme utilities:

<img src="https://i.imgur.com/bKY5ZUG.png" alt="VSCode completions" width=400>
npm package: @hitask/blueprint-core
Description: Core styles & components
Author: Palantir Technologies
Latest version: 3.24.2

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Core Components

Blueprint is a React UI toolkit for the web.

This package contains the core set of UI components as CSS and React code.

## Installation

```
npm install --save @blueprintjs/core
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-datetime
Description: Components for interacting with dates and times
Author: Palantir Technologies
Latest version: 3.15.3

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Date & Time Components

Blueprint is a React UI toolkit for the web.

This package contains a collection of React components for working with dates and times.

[react-day-picker](http://react-day-picker.js.org/) is a dependency of this package; we use it
to render calendars.

## Installation

```
npm install --save @blueprintjs/datetime
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-icons
Description: Components, fonts, icons, and css files for creating and displaying icons.
Author: Palantir Technologies
Latest version: 3.14.0

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Icon Components and files

Blueprint is a React UI toolkit for the web.

This package contains a collection of React components and other files for displaying icons.

## Installation

```
npm install --save @blueprintjs/icons
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-labs
Description: Incubator for unstable and in-development Blueprint components
Author: Palantir Technologies
Latest version: 0.14.13

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Laboratory for Component Development

Blueprint is a React UI toolkit for the web.

This package contains in-progress and unstable React components as we develop them.

Current components:

- `QueryList` is a low-level component for filtering an array of `items` with keyboard selection interactions.
- `Select` is a high-level component for choosing items from a list. It can be used instead of the
  HTML `<select>` element.

## Installation

```
npm install --save @blueprintjs/labs
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-select
Description: Components related to selecting items from a list
Author: Palantir Technologies
Latest version: 3.12.0

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Select Components

Blueprint is a React UI toolkit for the web.

This package provides React components related to selecting items from a list:

* `Select` for selecting items in a list.
* `Suggest` for selecting items in a list, from a text input.
* `MultiSelect` for selecting multiple items in a list.
* `Omnibar`, a macOS spotlight-style typeahead component.
* `QueryList`, a higher-order component that provides interactions between a query string and a list of items.

## Installation

```
npm install --save @blueprintjs/select
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-table
Description: Scalable interactive table component
Author: Palantir Technologies
Latest version: 3.8.4

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Table Component

Blueprint is a React UI toolkit for the web.

This package provides a set of React components used to construct a highly configurable and performant table
or spreadsheet.

## Features

- Fixed column headers and row indices columns
- Resizable columns and rows
  - Double-click column resize handles for auto-sizing
- Viewport-only rendering for scale (also known as _lazy_ rendering)
- Robust selections (columns, rows, or multiple cell regions)
- Right-click to copy cell region contents
- Inline editable column headers & cells

## Installation

```
npm install --save @blueprintjs/table
```

### [Table Documentation](http://blueprintjs.com/docs/#table) | [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)
npm package: @hitask/blueprint-timezone
Description: Components related to timezone selection and UI
Author: Palantir Technologies
Latest version: 3.6.1

<img height="204" src="https://cloud.githubusercontent.com/assets/464822/20228152/d3f36dc2-a804-11e6-80ff-51ada2d13ea7.png">

# [Blueprint](http://blueprintjs.com/) Timezone Components

Blueprint is a React UI toolkit for the web.

This package contains components relating to handling and selecting Timezones. It includes:

* `TimezonePicker`, which allows the user to select from a list of timezones.


## Installation

```
npm install --save @blueprintjs/timezone
```

### [Full Documentation](http://blueprintjs.com/docs) | [Source Code](https://github.com/palantir/blueprint)