open-index/open-npm huggingface dataset:
npm package: @n3/browser-messages
Description: Browser messages for n3 interfaces
Author: Vadim Taits
Latest version: 1.1.3

# @n3/browser-messages

Всплывающие уведомления для приложений на базе `@n3/kit`.

❗Если используется отдельно от `@n3/kit`, необходимо подключить тему `@n3/css-base`❗

```typescript
import { theme } from '@n3/css-base/themes/theme-2';
import { setTheme } from '@n3/css-base';

setTheme(theme);
```

## Успешное уведомление

```javascript
import { successLog } from '@n3/browser-messages';

successLog({
  title: 'Успешно',
  content: 'Действие прошло успешно',
});
```

## Уведомление об ошибке

```javascript
import { errorLog } from '@n3/browser-messages';

errorLog({
  title: 'Ошибка',
  content: 'Действие прошло с ошибкой',
});
```

## Параметры

| Название | Описание | Значение по умолчанию |
|----------|----------|-----------------------|
| title | Заголовок | |
| content | Содержание | |
| isAutoClose | Закрытие по таймауту | `false` |
| timeout | Время показа до закрытия | 4500 |
| zIndex | z-index fixed-элемента | 20 |

### Интергация с axios

Выводит ошибку из поля `detail` или `non_field_errors`.

```javascript
import axios from 'axios';
import { axiosErrorLog } from '@n3/browser-messages';

try {
  await axios.post(...);
} catch (e) {
  axiosErrorLog(e);
}
```

Аргументы:

1. `axiosError` - обязательный, ошибка `axios`;
2. `message` - необязательный, дополнительные параметры вывода сообщения;
3. `order` - необязательный, порядок, по которому в ответе производится поиск ошибки, по умолчанию `['detail', 'non_field_errors']`.
npm package: @n3/css-base
Description: css variables for n3 interfaces
Author: Vadim Taits
Latest version: 1.17.10

# @n3/css-base

Темы для приложений на базе `@n3/kit`.

## Интерфейс темы

```typescript
import type {
  ThemeType,
} from '@n3/css-base';
```

## Задание темы

❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗

При использовании `@n3/kit` это делается автоматически

❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗❗

```typescript
import {
  getTheme,
  listenThemeChange,
  setTheme,
} from '@n3/css-base';

// установать тему
setTheme(theme);

// получить текущую тему
const theme = getTheme();

// следить за изменениями темы
const unsubscribe = listenThemeChange(() => {
  const theme = getTheme();

  // применить изменения темы
});
```

## Встроенные темы

Стиль компонентов версий от `0.1.x` до `0.14.x`

```typescript
import { theme } from '@n3/css-base/themes/theme-1';
```

Стиль компонентов, начиная с версии `0.15.x`

```typescript
import { theme } from '@n3/css-base/themes/theme-2';
```
npm package: @n3/eslint-config
Description: N3 ESLint config, following our styleguide
Author: Vadim Taits
Latest version: 0.14.0

# @n3/eslint-config

## Установка

```
npm install @n3/eslint-config --save-dev
```

или

```
yarn add @n3/eslint-config --dev
```

## Конфигурация .eslinrc

По умолчанию, нужно настроить только `import/resolver`. Самый распространённый конфиг:

```javascript
// .eslintrc.js
module.exports = {
  extends: ['@n3/eslint-config'],

  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx'],
      },

      'babel-module': {
        alias: {
          common: './src/js/common',
          staff: './src/js/staff',
          ...
        },
      },
    },
  },
};
```

## Проверка кода

Добавить в `scripts` в `package.json` следующую команду:

```
"lint": "eslint <path_to_src1> <path_to_src2> <...> --ext .js,.jsx",
```

## typescript

1. Конфигурация `.eslintrc.js`

```javascript
// .eslintrc.js
module.exports = {
  extends: ['@n3/eslint-config/typescript'],
};
```

2. Необходимо добавить файл `tsconfig.validate.json`, он будет использоваться для линтинга файлов

3. Скрипт проверки должен выглядеть так

```
"lint": "eslint <path_to_src1> <path_to_src2> <...> --ext .ts,.tsx",
```
npm package: @n3/kit-global-styles
Description: Global styles for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 1.1.5

# @n3/kit-global-styles

Глобальные стили для приложений на базе `@n3/kit`.

```typescript
import { theme } from '@n3/css-base/themes/theme-2';
import { appendGlobalStyles } from '@n3/kit-global-styles';

const detach = appendGlobalStyles(theme);
```
npm package: @n3/kit-utils
Description: Utils for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.1.3

# @n3/kit-utils

Набор утилит для приложений на базе `@n3/kit`.

```typescript
import {
  checkNativeScrollbarSupported,
  get,
  getOS,
} from '@n3/kit-utils';
```

## Использование

### checkNativeScrollbarSupported

Проверка, рендерится ли нативный скроллбар без вытеснения контента

```typescript
const isSupported: boolean = checkNativeScrollbarSupported();
```

### get

Асинхронная функция запроса

```typescript
const url = '/test/';
const params: {
  [key: string]: unknown;
} = {
  param1: 'value1',
  param2: 'value2',
};

const result: Promise<ResponseType> = get<ResponseType>(url, params);
```

### getOS

Функция получения названия операционной системы.

```typescript
type OS = 'Android' | 'iOS' | 'Mac OS' | 'Windows' | 'unknown';

const os: OS = getOS();
```
npm package: @n3/ng-lib-generator
Description: generate ng2 lib seed
Author: k.kulik
Latest version: 0.0.46

# NG lib generator

generate angula lib seed


- > sudo npm install -g @n3/ng-lib-generator
- > ng-lib-generator -n LibName [-v LibVersion (default 0.0.1)]

[More description](https://confluence.n3demo.ru/pages/viewpage.action?pageId=48499416)

[Repo](https://gitlab.develop.netrika.ru/js-engine/ng-lib-generator)

for questions k.kulik@netrika.ru

[source](https://github.com/robisim74/angular-library-starter)
npm package: @n3/ng-petrobr-kit
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.
Latest version: 0.0.14

# NgPetrobrKit

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @n3/prop-types-to-markdown
Description: Markdown generator by propTypes of react component
Latest version: 0.1.0

# @n3/prop-types-to-markdown

## Установка

```
yarn add @n3/prop-types-to-markdown --dev
```

## Использование

Код компонента:

```javascript
// src/Example.jsx

import React from 'react';
import PropTypes from 'prop-types';

const Example = () => <div />;

Example.propTypes = {
  /**
   * Необязательная строка
   */
  simpleString: PropTypes.string,
  /**
   * Обязательная строка
   */
  requiredString: PropTypes.string.isRequired,
  /**
   * Число
   */
  number: PropTypes.number.isRequired,
  /**
   * Функция
   * @param {number} value - аргумент-число
   * @param {string} description - аргумент-строка
   */
  function: PropTypes.func,
  /**
   * Объект с заданными ключами
   */
  shape: PropTypes.shape({
    id: PropTypes.number.isRequired,
    name: PropTypes.string.isRequired,
  }),
  /**
   * Словарь
   */
  dictionary: PropTypes.objectOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    name: PropTypes.string.isRequired,
  })),
  /**
   * Массив
   */
  array: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    name: PropTypes.string.isRequired,
  })),
  /**
   * Одно из значений
   */
  color: PropTypes.oneOf([
    'red',
    'green',
    'blue',
  ]).isRequired,
};

Example.defaultProps = {
  simpleString: 'Hello',
  function: () => null,
  shape: null,
  dictionary: {},
  array: [],
};

export default Example;
```

Команда:

```
./node_modules/bin/pt2md src/Example.jsx
```

Результат (будет выведен в консоль):

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| simpleString |  | string | `'Hello'` | Необязательная строка |
| requiredString | + | string |  | Обязательная строка |
| number | + | number |  | Число |
| function |  | func | `() => null` | Функция<br>@param {number} value - аргумент-число<br>@param {string} description - аргумент-строка |
| shape |  | shape {<br>- id<br>  number<br>- name<br>  string<br>} | `null` | Объект с заданными ключами |
| dictionary |  | objectOf {<br>  shape {<br>  - id<br>    number<br>  - name<br>    string<br>  }<br>} | `{}` | Словарь |
| array |  | arrayOf [<br>  shape {<br>  - id<br>    number<br>  - name<br>    string<br>  }<br>] | `[]` | Массив |
| color | + | enum<br>- 'red'<br>- 'green'<br>- 'blue' |  | Одно из значений |
npm package: @n3/react-alert
Description: Alert component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-alert

Компонент уведомления для приложений на базе `@n3/kit`.

```javascript
import {
  Alert,
  alertTypes,
} from '@n3/react-alert';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| type | + | enum<br>- alertTypes.INFO<br>- alertTypes.WARNING<br>- alertTypes.DANGER<br>- alertTypes.SUCCESS |  | Тип сообщения |
| title |  | node | `null` | Заголовок сообщения |
| button |  | node | `null` | Кнопка действий у сообщения |
| noMargins |  | bool | `false` | Если true, сообщение ренедерится без отступов сверху и снизу |
| children |  | node | `null` |  |
npm package: @n3/react-autocomplete
Description: Autocomplete component for react applications
Author: Vadim Taits
Latest version: 2.0.0

# @n3/react-autocomplete

## Установка

```sh
yarn add @n3/react-autocomplete styled-components
```

## API

### Использование

```javascript
import { Autocomplete } from '@n3/react-autocomplete';

<Autocomplete
  loadOptions={(q) => fetch(`/options/?q=${q}`).then((response) => response.json())}
  value={value}
  onChange={(event) => {
    onChangeCallback(event.target.value)
  }}
  onSelect={(text, option) => {
    onSelectCallback(text, option);
  }}
/>
```

### Терминология

Лейбл опции вычисляется следующим способом:

    1. Если определено `getItemValue`, лейбл поля будет равен результату вызова `getItemValue` от опции.
    2. Если определено `labelKey`, лейбл поля будет равен значению опции по ключу `labelKey`.
    3. Лейбл поля будет равен значению опции по ключу "label".

### Props

- `loadOptions` - обязательное, асинхронная функция, которая должна возвращать список опций для автокомплита. Первым аргументом принимает параметр поиска.
- `value` - обязательное, строка, которая выводится в инпуте.
- `onChange` - необязательное, колбэк, вызывающийся после ручного изменения инпута. Первым аргументом принимает событие.
- `onSelect` - необязательное, колбэк, вызывающийся после выбора опции из списка. Первым аргументом принимает лейбл опции, вторым - опцию.

- `disabled` - булево, выключено ли поле.
- `hasError` - булево, есть ли у поля ошибка.
- `hasWarning` - булево, есть ли у поля предупреждение.
- `inputProps` - дополнительные `props`, которые будут переданы инпуту.

- `labelKey` - строка, нужна для определения лейбла опции.
- `getOptionLabel` - функция, нужна для определения лейбла опции.
- `formatOptionLabel` - функция, нужна для кастомного рендера опции. Может возвращать jsx. Первым аргументом принимает опцию.

- `components` - объект переопределяемых компонентов. Ключи:

  - `Wrapper`
  - `Input`
  - `Menu`
  - `MenuItem`

## Локальная разработка

Репозиторий использует стабильную версию [yarn](https://yarnpkg.com/getting-started).

[Инструкция по установке](https://yarnpkg.com/getting-started/install).

### Команды

- `yarn build` - сборка;

- `yarn clean` - удалить все собранне файлы;

- `yarn test` - валидация кода;

- `yarn start` - запуск [storybook](https://storybook.js.org/) с примерами.
npm package: @n3/react-breadcrumbs
Description: Breadcrumbs component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-breadcrumbs

Компонент хлебных крошек для приложений на базе `@n3/kit`.

```javascript
import Breadcrumbs from '@n3/react-breadcrumbs';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| breadcrumbs | + | arrayOf [<br>  shape {<br>  - url<br>    string<br>  - title<br>    string<br>  }<br>] |  | массив объектов хлебных крошек |
npm package: @n3/react-button
Description: Button component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button

Компонент кнопки для приложений на базе `@n3/kit`.

```javascript
import Button, {
  buttonColors,
  buttonSizes,
  ButtonIcon,
} from '@n3/react-button';
```

## Props

### Button

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| color |  | enum<br>- buttonColors.DEFAULT<br>- buttonColors.PRIMARY<br>- buttonColors.TERTIARY<br>- buttonColors.DANGER | `buttonColors.DEFAULT` | Цвет кнопки |
| size |  | enum<br>- buttonSizes.DEFAULT<br>- buttonSizes.SMALL | `buttonSizes.DEFAULT` | Размер кнопки |
| component |  | elementType | `'button'` | Компонент корневого элемента кнопки |
| componentProps |  | object | `{}` | Дополнительный props компонента кнопки при использовании кастомного component |
| loading |  | bool | `false` | Состояние загрузки |
| disabled |  | bool | `false` | Кнопка выключена |
| pressed |  | bool | `false` | Кнопка зажата |
| flatLeft |  | bool | `false` | Не отображать закругления слева |
| flatRight |  | bool | `false` | Не отображать закругления справа |
| onlyIcon |  | bool | `false` | Кнопка состоит только из иконки |
| className |  | string | `''` | Дополнительный класс корневого компонента кнопки |
| onClick |  | func | `Function.prototype` | Обработчик нажатия на кнопку |
| children |  | node | `null` |  |

### ButtonIcon

Компонент для выравнивания иконок относительно границ и текста кнопки.

```javascript
<Button>
  Скачать
  <ButtonIcon
    isRight
  >
    <i className="fa fa-download" />
  </ButtonIcon>
</Button>
```

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| isLeft |  | bool | `false` | Иконка находится слева от текста |
| isRight |  | bool | `false` | Иконка находится справа от текста |
npm package: @n3/react-button-dropdown
Description: Button-dropdown component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button-dropdown

Кнопка-дропдаун для приложений на базе `@n3/kit`.

```javascript
import ButtonDropdown from '@n3/react-button-dropdown';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| dropdown | + | DropdownBase | | props компонента Dropdown |
| hasArrow |  | boolean | `false` | Показывать ли стрелку справа от текста |
| children |  | ReactNode | `null` | Содержимое кнопки |
| ...rest |  | Object | | props, которые будут переданы в кнопку |
npm package: @n3/react-button-group
Description: Button group component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button-group

Группа кнопок для приложений на базе `@n3/kit`.

```javascript
import ButtonGroup from '@n3/react-button-group';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| borderCollapse |  | boolean | `false` | Должны ли соседние кнопки иметь общую границу |
| ...rest |  | Object | | props, которые будут переданы в каждую кнопку |
npm package: @n3/react-button-link
Description: React router link styled as button for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button-link

Ссылка `react-router-dom`, стилизованная под кнопку, для приложений на базе `@n3/kit`.

```javascript
import ButtonLink from '@n3/react-button-link';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| to | + | any |  | Параметр ссылки react-router-dom |
| target |  | string | `undefined` | Параметр ссылки react-router-dom |
| disabled |  | boolean | `false` | Выключена ли кнопка |
npm package: @n3/react-button-modal
Description: Button that open modal for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.1.0

# @n3/react-button-modal

Кнопка, открывающая модальное окно, для приложений на базе `@n3/kit`.

```javascript
import { ButtonModal } from '@n3/react-button-modal';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| renderModal | + | (renderProps: {<br>  closeModal: () => void;<br>}) => ReactNode |  | Функция рендера модального окна |
| modalSize |  | `ModalSize` |  | Размер модального окна |
| hasCloseButton |  | `boolean` |  | Отображается ли кнопка закрытия окна |
| isHideOnBackdropClick |  | `boolean` |  | Закрывать ли окно при нажатии вне окна |
| ...rest |  | `Omit<ButtonProps, 'component' | 'componentProps'>` |  | Свойства кнопки |
npm package: @n3/react-button-toolbar
Description: Button toolbar component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button-toolbar

Тулбар кнопок для приложений на базе `@n3/kit`.

```javascript
import ButtonToolbar from '@n3/react-button-toolbar';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| align |  | enum<br>- 'left'<br>- 'right' | `'left'` | Выравнивание кнопок внутри |
| indent |  | enum<br>- 'default'<br>- 'small' | `'default'` | Расстояние между кнопками |
| children |  | node | `null` |  |
npm package: @n3/react-button-with-dropdown
Description: Button with dropdown component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-button-with-dropdown

Кнопка с выпадающим списком для приложений на базе `@n3/kit`.

```javascript
import ButtonWithDropdown from '@n3/react-button-with-dropdown';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| size |  | ButtonSize |  | Размер кнопки |
| component |  | ButtonComponent | `undefined` | Компонент корневого элемента кнопки
Компонент кнопки |
| componentProps |  | { [key: string]: any; } | `undefined` | Дополнительный props компонента кнопки при использовании кастомного component
Дополнительные props кнопки |
| loading |  | boolean | `false` | Состояние загрузки
Находится ли кнопка в состоянии загрузки |
| disabled |  | boolean | `false` | Кнопка выключена
Выключены ли кнопка и дропдаун |
| pressed |  | boolean |  | Кнопка зажата |
| flatLeft |  | boolean |  | Не отображать закругления слева |
| flatRight |  | boolean |  | Не отображать закругления справа |
| onlyIcon |  | boolean |  | Кнопка состоит только из иконки |
| className |  | string |  | Дополнительный класс корневого компонента кнопки |
| onClick |  | Function | `Function.prototype` | Обработчик нажатия на кнопку
Обработчик нажатия на кнопку |
| children |  | ReactNode | `null` | Текст кнопки |
| dropdown | + | DropdownBase |  | props компонента Dropdown |
| buttonDisabled |  | boolean | `false` | Выключена ли кнопка |
| color |  | ButtonColor | `buttonColors.DEFAULT` | Цвет |
| dropdownDisabled |  | boolean | `false` | Выключена ли кнопка открытия выпадающего списка |
npm package: @n3/react-checkbox
Description: Checkbox component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-checkbox

Чекбокс для приложений на базе `@n3/kit`.

```javascript
import { Checkbox } from '@n3/react-checkbox';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| checked | + | boolean |  | выбран ли данный чекбокс |
| name |  | string | "" | name html-элемента input, а также аргумент колбэка onChange |
| value |  | ReactText | "" | value html-элемента input, а также аргумент колбэка onChange |
| disabled |  | boolean | false | выключен ли данный чекбокс |
| hasError |  | boolean | false | подсветка ошибки |
| hasWarning |  | boolean | false | подсветка предупреждения |
| indeterminate |  | boolean | false | находится ли данный чекбокс в неопределённом состоянии |
| label |  | ReactNode | null | текст/контент, выводящийся рядом с чекбоксом |
| onChange |  | OnCheckboxChange | "(): void => {}" | хэндлер изменения значения, вызывается с параметрами: (nextChecked, value, name) |
npm package: @n3/react-checkbox-group
Description: Checkbox group component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-checkbox-group

Группа чекбоксов для приложений на базе `@n3/kit`.

```javascript
import CheckboxGroup from '@n3/react-checkbox-group';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| inline |  | boolean | false | инлайновый вывод чекбоксов |
| name |  | string | "" | name каждого html-элемента input |
| value | + | ReactText[] |  | массив значений выбранных опций |
| disabled |  | boolean | false | выключена ли данная группа чекбоксов |
| options | + | Record<string, any>[] |  | список опций данной группы чекбоксов |
| valueKey |  | string | "value" | ключ, по которому хранятся значения в объектах options |
| labelKey |  | string | "label" | ключ, по которому хранятся заголовки в объектах options |
| onChange |  | (nextValue: ReactText[]) => void | "(): void => {}" | хэндлер изменения значения |
npm package: @n3/react-clear-button
Description: Clear button component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-clear-button

Кнопка очистки поля для приложений на базе `@n3/kit`.

```javascript
import ClearButton from '@n3/react-clear-button';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | ComponentType | `'span'` | Корневой компонент |
npm package: @n3/react-confirm
Description: Confirm for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-confirm

Всплывающее подтверждение для приложений на базе `@n3/kit`.

```javascript
import {
  showConfirm,
  ConfirmError,
} from '@n3/react-confirm';

...

const result = await showConfirm({
  title: 'Таблица «Отчет 23.10.2019»',
  content: 'Вы сможете переместить таблицу обратно в любое время.',
  approveButtonText: 'Переместить',
  cancelButtonText: 'Оставить',
});
```

## Параметры

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| modalSize |  | enum<br>- modalSizes.SMALL<br>- modalSizes.DEFAULT | `modalSizes.SMALL` | Размер модального окна |
| title |  | string | `null` | Заголовок |
| content |  | node | `null` | Текст |
| approve |  | func | `null` | Асинхронная функция подтверждения, может закончиться с исключением ConfirmError({ title, message }) |
| cancelButtonText | + | string |  | Текст кнопки отмены |
| approveButtonText | + | string |  | Текст кнопки подтвеждения |
| approveButtonColor |  | enum<br>- buttonColors.DEFAULT<br>- buttonColors.PRIMARY<br>- buttonColors.TERTIARY<br>- buttonColors.DANGER | `buttonColors.PRIMARY` | Цвет кнопки подтверждения |
| resolveModal | + | func |  |  |
npm package: @n3/react-counter
Description: Counter component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-counter

Компонент счётчика для приложений на базе `@n3/kit`.

```javascript
import Counter from '@n3/react-counter';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| counter | + | number |  | Значение счётчика |
| maxNumber |  | number | `null` | Максимальное значение счётчика |
| isLight |  | bool | `false` | Отображение в светлых цветах |
npm package: @n3/react-datepicker-classic
Description: Datepicker component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.3.0

# @n3/react-datepicker-classic

Поле ввода даты для приложений на базе `@n3/kit`.

```javascript
import Datepicker from '@n3/react-datepicker-classic';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| selected |  | Date |  | Выбранная дата |
| disabled |  | boolean | false | Выключено ли поле |
| small |  | boolean | false | Маленькое ли поле |
| hasError |  | boolean | false | Есть ли у поля ошибка |
| hasWarning |  | boolean | false | Есть ли у поля предупреждение |
| withTime |  | boolean | false | Есть ли возможность выбора времени |
| timeCaption |  | string | "Время" | Текст над вариантами выбора времени |
| block |  | boolean | false | Отображать ли поле во всю ширину |
| isClearable |  | boolean | false | Возможность сброса выбранной даты |
| autoComplete |  | "on" | "off" | "off" | Включен ли нативный автокомплит в поле ввода дейтпикера |
| onChange |  | (nextDate: Date) => void | "(): void => {}" | Обработчик изменения или сброса значения<br>@param nextDate - новое значение |
npm package: @n3/react-debounce-input
Description: Debounce input component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-debounce-input

Инпут с задержкой для приложений на базе `@n3/kit`.

```javascript
import DebounceInput from '@n3/react-debounce-input';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | InputComponent |  | Компонент корневого элемента инпута |
| disabled |  | boolean |  | Выключено ли поле |
| hasError |  | boolean |  | Есть ли у поля ошибка |
| hasWarning |  | boolean |  | Есть ли у поля предупреждение |
| small |  | boolean |  | Маленькое ли поле |
| className |  | string |  | Дополнительный класс корневого компонента инпута |
| isOnlyBorderBottom |  | boolean |  | Отображение без рамки только с подчёркиванием снизу |
| buttons |  | RenderInputButton[] |  | Массив функций реднеда кнопок<br>@param props - все props инпута<br>@param index - индекс кнопки |
| debounceTimeout |  | number | 300 | Время задержки в мс |
npm package: @n3/react-dropdown
Description: Dropdown component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.3.0

# @n3/react-dropdown

Компонент выпадающего меню для приложений на базе `@n3/kit`.

```javascript
import Dropdown from '@n3/react-dropdown';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| hasHorizontalOffsets |  | bool | `true` | есть ли горизонтальный отступ между элементом и меню |
| hasVerticalOffsets |  | bool | `true` | есть ли вертикальный отступ между элементом и меню |
| dropdownComponent | + | elementType |  | компонент выпадающего меню |
| dropdownProps |  | objectOf {<br>  any<br>} | `{}` | дополнительные props выпадающего списка |
| placement |  | string | `'bottom-start'` | позиция меню в формате popper.js |
| popperStyle |  | object | `{}` | дополнительные стили popper-компонента |
| popperProps |  | objectOf {<br>  any<br>} | `{}` | дополнительные опции popper-компонента |
| modifiers |  | arrayOf [<br>  object<br>] | `[]` | modifiers popper-компонента |
| children | + | func |  | Функция рендера элемента, открывающего выпадающего меню<br>@param {Object} renderProps<br>@param {boolean} renderProps.isDropdownOpen - открыто ли меню<br>@param {Function} renderProps.onClick - обработчик нажатия на элемент, открывающий/закрывающий меню<br>@param {React ref} renderProps.ref - ref элемента, относительно которого позиционируется выпадающее меню |
npm package: @n3/react-dropdown-menu
Description: Dropdown menu for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-dropdown-menu

Список опций выпадающего меню для приложений на базе `@n3/kit`.

```javascript
import createDropdownMenu from '@n3/react-dropdown-menu';
```

## Пример

```javascript
import { ButtonDropdown } from '@n3/kit';
import createDropdownMenu from '@n3/react-dropdown-menu';

...

<ButtonDropdown
  dropdown={createDropdownMenu([
    {
      component: 'a',
      href: 'http://netrika.ru/',
      target: '_blank',
      label: 'Ссылка на сайт Нетрики',
    },

    {
      type: 'button',
      onClick: () => {
        alert('Hello');
      },
      label: 'Алерт',
    },
  ])}
>
  Открыть меню
</ButtonDropdown>
```

## Параметры пункта меню

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | elementType | `'button'` | Компонент для рендера элемента меню |
| disabled |  | bool | `false` | Выключен ли данный элемент меню |
| className |  | string | `''` | Дополнительный className |
| onClick |  | func | `null` |  |
| renderIcon |  | func | `null` | Функция рендера иконки пункта меню<br>@param {Object} renderProps<br>@param {boolean} renderProps.disabled - выключен ли пункт меню |
| label | + | node |  | Текст пункта меню |
npm package: @n3/react-ellipsis-dropdown
Description: Ellipsis dropdown component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-ellipsis-dropdown

Выпадающий список в виде точек для приложений на базе `@n3/kit`.

```javascript
import EllipsisDropdown from '@n3/react-ellipsis-dropdown';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| dropdown | + | shape {<br>- hasHorizontalOffsets<br>  bool<br>- hasVerticalOffsets<br>  bool<br>- dropdownComponent<br>  elementType<br>- dropdownProps<br>  objectOf {<br>    any<br>  }<br>- placement<br>  string<br>- popperStyle<br>  object<br>- popperProps<br>  objectOf {<br>    any<br>  }<br>- modifiers<br>  arrayOf [<br>    object<br>  ]<br>} |  | props компонента Dropdown |
| className |  | string | `''` |  |
| disabled |  | bool | `false` |  |
npm package: @n3/react-error-page
Description: Error page component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-error-page

Компонент страницы ошибки для приложений на базе `@n3/kit`.

```typescript
import ErrorPage from '@n3/react-error-page';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| status | + | number |  | http-статус |
| title |  | ReactNode | `null` | Заголовок страницы |
| description |  | ReactNode | `null` | Описание/руководство к действиям |

## Интеграция с axios

```typescript
import {
  AxiosErrorPage,
} from '@n3/react-error-page';
```

### Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| error | + | AxiosError |  | Ошибка axios |
npm package: @n3/react-fake-link
Description: Fake link component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-fake-link

Компонент, стилизованный, как ссылка, для приложений на базе `@n3/kit`.

```javascript
import FakeLink from '@n3/react-fake-link';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | React Component | `'span'` |  |
| disabled |  | boolean | `false` | Выключена ли обработка событий |
| onClick |  | Function | `null` | Обработчик нажатия, вызывается, если disabled не true |
npm package: @n3/react-field-group
Description: Field group component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-field-group

Обёртка над полем для вывода заголовка, подсказки, ошибок и предупреждений для приложений на базе `@n3/kit`.

```javascript
import {
  FieldGroup,
  FieldWrapper,
} from '@n3/react-field-group';
```

## Props

### FieldGroup

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| onlyField |  | boolean | false | Если true, поле выводится без заголовка |
| label |  | string | null | Заголовок поля |
| required |  | boolean | false | Обязательность поля |
| isInput |  | boolean | false | Задать отступ заголовка, чтобы он был в одну линию с текстом поля ввода |
| isShow |  | boolean | false | Вывод в режиме просмотра (влияет на расстояние между полями) |
| hasRepeatOffsets |  | boolean | false | Вывод внутри `Repeat.Block` |
| hint |  | ReactNode | null | Подсказка, выводящаяся в тултипе рядом с заголовком |
| unit |  | ReactNode | null | Единицы измерения, выводится справа от поля |
| help |  | string[] | null | Подсказки поля |
| errors |  | string[] | null | Ошибки поля |
| warnings |  | string[] | null | Предупреждения поля |
| showBackground |  | boolean | false | Менять ли фон поля в случае ошибки или предупреждения |
| labelColsXs |  | CellValue | 3 | Количество колонок заголовка |
| fieldColsXs |  | CellValue | 5 | Количество колонок контента |
| unitColsXs |  | CellValue | 1 | Количество колонок единиц измерения |
| children |  | ReactNode | null | Контент поля |

### FieldWrapper

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| help |  | string[] | null | Подсказки поля |
| errors |  | string[] | null | Ошибки поля |
| warnings |  | string[] | null | Предупреждения поля |
| showBackground |  | boolean | false | Менять ли фон в случае ошибки или предупреждения |
| children |  | ReactNode | null | Поле |
npm package: @n3/react-filters-filterlist
Description: Integration of @n3/react-filters with @vtaits/react-filterlist
Author: Vadim Taits
Latest version: 0.6.2

# @n3/react-filters-filterlist

Инкапсулирует сериализацию, парсинг, изменения, отслеживание возможности сброса фильтров, передачу параметров `values`, `errors` и `appliedFilters`.

### Импорт

```
import { Filterlist, Filters } from '@n3/react-filters-filterlist';
```

### Использование

```
<Filterlist
  filters={filters}
  filterData={filterData}
  labelKey={labelKey}
  typeKey={typeKey}
  hintKey={hintKey}
  loadItems={loadItems}
  parseFiltersAndSort={parseFiltersAndSort}
  onChangeLoadParams={onChangeLoadParams}
  {...otherFilterlistProps}
>
  {({
    isListInited,
    listState,
    listActions,
  }) => (
    <div>
      <Filters
        isAdaptive={isAdaptive}
        filtersBlockComponent={filtersBlockComponent}
      />

      {otherJsx}
    </div>
  )}
</Filterlist>
```

- **filters** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **filterData** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **labelKey** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **typeKey** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **hintKey** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **isAdaptive** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);
- **filtersBlockComponent** - смотри [@n3/react-filters](https://www.npmjs.com/package/@n3/react-filters);

- **loadItems** - аналогично функции **loadItems** из [filterlist](https://www.npmjs.com/package/@vtaits/filterlist), но принимает вторым аргументом объект `{ serializedValues: {...} }`, где `serializedValues` - сериализованные значения фильтров;
- **onChangeLoadParams** - аналогично функции **onChangeLoadParams** из [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist), но принимает вторым аргументом объект `{ serializedValues: {...}, serializeValuesForQueryString }`, где `serializedValues` - сериализованные значения фильтров, `serializeValuesForQueryString` - функция сериализации значений фильтров для адресной строки;
- **parseFiltersAndSort** - аналогично функции **parseFiltersAndSort** из [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist), но принимает вторым аргументом объект `{ parseValues }`, где `parseValues` - **асинхронная** функция парсинга значений, принимающая только один аргумент - объект значений;

- **otherFilterlistProps** - остальные параметры [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist) за исключением `isRecountAsync`, оно всегда `true`;

- **isListInited** - смотри [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist);
- **listState** - смотри [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist);
- **listActions** - смотри [react-filterlist](https://www.npmjs.com/package/@vtaits/react-filterlist);
npm package: @n3/react-fixedtable
Description: Table with fixed headers, columns and scrollbars for react applications
Author: Vadim Taits
Latest version: 1.0.2

# @n3/react-fixedtable

Таблица с фиксированными заголовками и колонками.

## Установка

```
yarn add @n3/react-fixedtable
npm install @n3/react-fixedtable --save
```

## Использование

Нужно обернуть компонент таблицы компонентом `FixedTable`. `ref` из render props должен указывать на dom-элемент таблицы.


```tsx
import { FixedTable } from '@n3/react-fixedtable';

// ...

<FixedTable>
  {({
    ref,
  }) => (
    <table
      ref={ref}
    >
      ...
    </table>
  )}
</FixedTable>
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| className |  | string | `''` | Класс корневого элемента |
| stickyHeadClassName |  | string | `''` | Класс шапки в зафиксированном состоянии |
| stickyFootClassName |  | string | `''` | Класс футера в зафиксированном состоянии |
| children | + | func |  | Функция рендера таблицы<br>@param {Object} renderProps<br>@param {React ref} renderProps.ref - ref таблицы<br>@param {?Number} renderProps.leftCols - количество колонок таблицы, используется для оптимизации рендера таблицы с фиксированными колонками слева. Если рендерится основная таблица, принимает `null` |
| top |  | number | `0` | Отступ от верхнего края экрана до фиксированной шапки |
| bottom |  | number | `0` | Отсутп от нижнего края экрана до фиксированного футера |
| fixedLeftCols |  | number | `0` | Количество левых колонок для фиксации |
| fixedLeftColsClassName |  | string | `''` | Класс обёртки блока фиксированных колонок |
| fixedLeftColsStickyClassName |  | string | `''` | Класс обёртки блока фиксированных колонок в зафиксированном состоянии |
| getScrollableWrapper |  | func | `() => document` | Функция получения элемента, скролл которого отслеживается таблицей |
| checkCanInit |  | func | `() => true` | Функция проверки возможности инициализации. Если определена, инициализация не начнётся до того момента, пока не вернёт `true` |
| checkCanInitInterval |  | number | `5` | Интервал между вызовами `checkCanInit` в мс |
| initDelay |  | number | `0` | Задержка инициализации в мс |
| horizontalScrollDelta |  | number | `5` | Контрольное значение разницы ширины таблицы и ширины области в пикселях, начиная с которой появляется горизонтальный скролл |
| scrollbarWidth |  | number | `15` | Ширина скроллбара |
| updateUniqs |  | arrayOf [<br>  any<br>] | `[]` | Набор значений, при изменении хотя бы одного будет произведена перерисовка фиксированных элементов |
| tableRef |  | Ref<HTMLTableElement> |  | ref для получения таблицы |
| isNativeStickyPositioning |  | boolean | `false` | Использовать нативное sticky-позиционирование через css |
npm package: @n3/react-grid
Description: Grid components for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-grid

Сетка для приложений на базе `@n3/kit`.

```javascript
import {
  Grid,
  Row,
  Cell,
} from '@n3/react-grid';
```

## Props

### Grid

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| centered |  | boolean | `false` | Добавить ли margin слева и справа |
| isFixedWidth |  | boolean | `false` | Не давать контенту сужаться |

### Row

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| isWrap |  | boolean | `false` | Рендер внутренних блоков c переносами |

### Cell

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| xs |  | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 | `null` | Количество колонок в разрешениях до 576px |
| sm |  | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 | `null` | Количество колонок в разрешениях до 768px |
| md |  | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 | `null` | Количество колонок в разрешениях до 992px |
| lg |  | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 | `null` | Количество колонок в разрешениях до 1200px |
| xl |  | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 | `null` | Количество колонок в разрешениях от 1200px включительно |
npm package: @n3/react-hint
Description: Hint component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-hint

Компонент всплывающей подсказки для приложений на базе `@n3/kit`.

```javascript
import Hint from '@n3/react-hint';

...

<Hint
  tooltip="Подсказка"
/>
```

Для кастомизации принимает свойства компонента [@n3/react-tooltip](https://www.npmjs.com/package/@n3/react-tooltip).
npm package: @n3/react-input
Description: Input component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-input

Инпут для приложений на базе `@n3/input`.

```javascript
import Input from '@n3/react-input';
```

## Использование

### Обычный инпут

```javascript
import React, { useState } from 'react';
import Input from '@n3/react-input';

const Example = () => {
  const [value, setValue] = useState('');
  
  <Input
    value={value}
    onChange={(event) => {
      setValue(event.target.value);
    }}
  />
};
```

### С кнопкой

```javascript
import React, { useState } from 'react';
import Input, {
  StyledButton,
} from '@n3/react-input';

const Example = () => {
  const [value, setValue] = useState('');
  
  <Input
    value={value}
    onChange={(event) => {
      setValue(event.target.value);
    }}
    buttons={[
      (inputProps, index) => (
        <StyledButton
          type="button"
          key={index}
        >
          <FontAwesomeIcon
            icon="cog"
          />
        </StyledButton>
      ),

      (inputProps, index) => (
        <StyledButton
          type="button"
          key={index}
        >
          <FontAwesomeIcon
            icon="file"
          />
        </StyledButton>
      ),
    ]}
  />
};
```

### Обычный инпут

```javascript
const [value, setValue] = useState('');

<Input
  value={value}
  onChange={(event) => {
    setValue(event.target.value);
  }}
/>
```

## Props

### Input

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | InputComponent |  | Компонент корневого элемента инпута |
| disabled |  | boolean |  | Выключено ли поле |
| hasError |  | boolean |  | Есть ли у поля ошибка |
| hasWarning |  | boolean |  | Есть ли у поля предупреждение |
| small |  | boolean |  | Маленькое ли поле |
| className |  | string |  | Дополнительный класс корневого компонента инпута |
| isOnlyBorderBottom |  | boolean |  | Отображение без рамки только с подчёркиванием снизу |
| buttons |  | RenderInputButton[] |  | Массив функций реднеда кнопок<br>@param props - все props инпута<br>@param index - индекс кнопки |

### StyledButton

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| disabled |  | boolean |  | Кнопка выключена |
| $small |  | boolean |  | Кнопка маленькая |
npm package: @n3/react-input-mask
Description: Input with mask component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-input-mask

Инпут для приложений на базе `@n3/kit`.

```javascript
import InputMask from '@n3/react-input-mask';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| component |  | InputComponent |  | Компонент корневого элемента инпута |
| disabled |  | boolean |  | Выключено ли поле |
| hasError |  | boolean |  | Есть ли у поля ошибка |
| hasWarning |  | boolean |  | Есть ли у поля предупреждение |
| small |  | boolean |  | Маленькое ли поле |
| className |  | string |  | Дополнительный класс корневого компонента инпута |
| isOnlyBorderBottom |  | boolean |  | Отображение без рамки только с подчёркиванием снизу |
| buttons |  | RenderInputButton[] |  | Массив функций реднеда кнопок<br>@param renderProps - объект свойств для ренера |
| mask | + | boolean \| (string \| RegExp)[] \| ((value: string) => maskArray) |  | маска в формате react-text-mask |
npm package: @n3/react-kit-autocomplete
Description: Autocomplete component for react applications based on @n3/kit
Author: Vadim Taits
Latest version: 0.2.0

# @n3/react-kit-autocomplete

Автокомплит для приложений на базе `@n3/kit`.

```javascript
import Autocomplete from '@n3/react-kit-autocomplete';
```

## Props

| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| loadOptions | + | LoadOptions |  | Функция загрузки опций<br>@param search - текущее значение поля ввода<br>@returns response.options - опции |
| value | + | string |  | Значение элемента input |
| onChange |  | OnChange |  | Обработчик изменения значения поля при ручном вводе |
| onSelect |  | OnSelect |  | Обработчик изменения значения поля при выборе из меню<br>@param value - текст выбранной опции<br>@param option - выбранная опция |
| disabled |  | boolean | false | Выключено ли поле |
| hasError |  | boolean | false | Есть ли у поля ошибка |
| hasWarning |  | boolean | false | Есть ли у поля предупреждение |
| inputProps |  | HTMLProps\<HTMLInputElement\> | "{}" | Дополнительные props элемента input |
| labelKey |  | string | "label" | Ключ, по которому хранится текст опции |
| getOptionLabel |  | GetOptionLabel |  | Функция получения текста опции, который будет подставлен при выборе |
| formatOptionLabel |  | FormatOptionLabel |  | Функция отображения опции |