open-index/open-npm huggingface dataset:
npm package: @hrnet-aj/data-table
Description: React component for displaying tables in the HRNet application's UI.
Latest version: 2.0.0

# Data-table

React component for displaying tables in the HRNet application's UI.

## Requirements

- [NodeJS](https://nodejs.org/en/) 18+
- [pnpm](https://pnpm.io/fr/) 7+

## 🚀 Getting started

```shell
pnpm dev-standalone  # Serves the package's demo application
```

```shell
pnpm install
pnpm build
```

## Notes

### This package is experimenting the [Vite's library mode](https://vitejs.dev/guide/build.html#library-mode).

For now, it is meant to be developed with its standalone application, served by Vite.

This leads to:

➕ way simpler configuration  
➕ faster reload on source file changes    
➖ Storybook in monorepo won't refresh alone

#### Reason

You will be able to get HMR while serving the app in dev mode, but this won't update the `dist/` directory.  
This means that the Storybook in the monorepo won't update when modifying this package source files.

#### Temporary workaround

Develop the package with the standalone dev command.

If you want to let the Storybook update at some point, you can still run the build command.  
As soon as the build ends, Storybook will reload the components.

> This might or might not change in the future, depending on whether we are happy with this behavior.
npm package: @hrnet-aj/modal
Description: React modal for the HRNet application's UI.
Latest version: 2.0.0

# Modal

React modal for the HRNet application's UI.

## Requirements

- [NodeJS](https://nodejs.org/en/) 18+
- [pnpm](https://pnpm.io/fr/) 7+

## 🚀 Getting started

```shell
pnpm dev-standalone  # Serves the package's demo application
```

```shell
pnpm install
pnpm build
```

## Notes

### This package is experimenting the [Vite's library mode](https://vitejs.dev/guide/build.html#library-mode).

For now, it is meant to be developed with its standalone application, served by Vite.

This leads to:

➕ way simpler configuration  
➕ faster reload on source file changes    
➖ Storybook in monorepo won't refresh alone

#### Reason

You will be able to get HMR while serving the app in dev mode, but this won't update the `dist/` directory.  
This means that the Storybook in the monorepo won't update when modifying this package source files.

#### Temporary workaround

Develop the package with the standalone dev command.

If you want to let the Storybook update at some point, you can still run the build command.  
As soon as the build ends, Storybook will reload the components.

> This might or might not change in the future, depending on whether we are happy with this behavior.
npm package: @hrnet-plugins/react-modal
Description: ## Table of Contents
Latest version: 0.1.9

# @hrnet-plugins/react-modal

## Table of Contents

* [Installation](#installation)
* [Examples](#examples)
* [Demo](#demo)


## Installation

To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com):


    $ npm install --save @hrnet-plugins/react-modal
    $ yarn add @hrnet-plugins/react-modal


## Examples

Here is a simple example of react-modal being used in an app:

```jsx
import { useState } from 'react';
import { Modal } from '@hrnet-plugins/react-modal';

export default function App() {
  const [ showModal, setShowModal ] = useState(false);

  return (
    <div className="App">
      <button onClick={ () => setShowModal(true) }>Open Modal</button>

      <Modal id="confirmation" isVisible={ showModal } onClose={ () => setShowModal(false) }>Open!</Modal>
    </div>
  );
}
```

## Demo
Demo CodeSandbox - [https://codesandbox.io/s/hrnet-react-modal-qrsqlk](https://codesandbox.io/s/hrnet-react-modal-qrsqlk)
npm package: @hrnet-plugins/react-selectmenu
Description: ## Table of Contents
Latest version: 0.1.11

# @hrnet-plugins/react-selectmenu

## Table of Contents

* [Installation](#installation)
* [Examples](#examples)
* [Demo](#demo)


## Installation

To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com):


    $ npm install --save @hrnet-plugins/react-selectmenu
    $ yarn add @hrnet-plugins/react-selectmenu


## Examples

Here is a simple example of react-selectmenu being used in an app:

```jsx
import { SelectMenu } from '@hrnet/react-selectmenu';

function App() {
  const options = [
    { option: "option1", value: "value1" },
    { option: "option2", value: "value2" },
    { option: "option3", value: "value3" }
  ];

  const handleChange = event => {
    console.log(event.target.value);

    const { name, value } = event.currentTarget;
    console.log(name, value);
  };

  return (
    <div className="App">
      <SelectMenu id="select-example" options={ options } onChange={ handleChange } />
    </div>
  );
}
```

## Demo
Demo - [https://codesandbox.io/s/hrnet-react-selectmenu-e5e8ov](https://codesandbox.io/s/hrnet-react-selectmenu-e5e8ov)