open-index/open-npm huggingface dataset:
npm package: @opuscapita/react-floating-select
Description: OpusCapita floating select
Author: OpusCapita
Latest version: 4.0.2

# react-floating-select

### Description
Originally this component was introduced in order to enhance react-select by fixing [bug#810](https://github.com/JedWatson/react-select/issues/810). When react-select was upgraded to version 2.0.0, the original need for this component disappeared. Since react-select v2.0.0 this component is needed for specifying OC specific styles for the floating select component.

### Installation
```
npm install @opuscapita/react-floating-select
```

### Demo
View the [Demo](https://opuscapita.github.io/react-floating-select)

### Change log
View the [Change log](CHANGELOG.md)

### Migrate guide
View the [Migrate guide](MIGRATEGUIDE.md) between major versions

### Builds
#### UMD
The default build with compiled styles in the .js file. Also minified version available in the lib/umd directory.
#### CommonJS/ES Module
You need to configure your module loader to use `cjs` or `es` fields of the package.json to use these module types.
Also you need to configure sass loader, since all the styles are in sass format.
* With webpack use [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolve-mainfields) to configure the module type.
* Add [SASS loader](https://github.com/webpack-contrib/sass-loader) to support importing of SASS styles.

### Exported components
* FloatingSelect
* FloatingSelectCreatable
* FloatingSelectInfinite
* FloatingSelectPortal **will be removed**
* FloatingSelectPortalCreatable **will be removed**

### API
* [react-select props](https://react-select.com/props)
* [Grouped options](https://github.com/JedWatson/react-select/issues/2417)

| Prop name     | Type   | Default | Description                                                   |
| ------------- | ------ | ------- | ------------------------------------------------------------- |
| name          | string |         | It's recommended to give unique name for select component     |
| controlHeight | string |         | Custom height of the control                                  |
| customStyles  | object | {}      | Custom [style functions](https://react-select.com/styles) to be merged with default style functions |

### Code example
```jsx
import React from 'react';
import { FloatingSelect } from '@opuscapita/react-floating-select';
import myOptions from './my-options';

export default class ReactView extends React.Component {
  state = {
    value: null,
  }

  handleOnChange = value => this.setState({ value })

  render() {
    return (
      <FloatingSelect
        name="my-select"
        options={myOptions}
        value={this.state.value}
        onChange={this.handleOnChange}
      />
    );
  }
}
```
npm package: @opuscapita/react-icons
Description: OpusCapita icons
Author: OpusCapita
Latest version: 4.0.14

# react-icons

### Description
A collection of SVG icons, check out the Demo for the list of icons.

### Installation
```
npm install @opuscapita/react-icons
```

### Demo
View the [DEMO](https://opuscapita.github.io/react-icons)

### Builds
#### UMD
The default build with compiled styles in the .js file. Also minified version available in the lib/umd directory.
#### CommonJS/ES Module
You need to configure your module loader to use `cjs` or `es` fields of the package.json to use these module types.
Also you need to configure sass loader, since all the styles are in sass format.
* With webpack use [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolve-mainfields) to configure the module type.
* Add [SASS loader](https://github.com/webpack-contrib/sass-loader) to support importing of SASS styles.

### API
| Prop name                | Type             | Default                                  | Description                              |
| ------------------------ | ---------------- | ---------------------------------------- | ---------------------------------------- |
| type                     | string           | required                                 | Icon type / category                     |
| name                     | string           | required                                 | Icon name                                |
| width                    | number           | 40                                       | Icon width                               |
| height                   | number           | 40                                       | Icon height                              |

### Code example
```jsx
import React from 'react';
import { Icon } from '@opuscapita/react-icons';

export default class IconsView extends React.Component {
  render() {
    return (
      <Icon type="indicator" name="remove" />
    );
  }
}
```