@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.styles.ts"],"names":["css","memoizeStyle","prefix","isChrome","globalClasses","box","styles","root","t","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","checkboxBorderWidth","checkboxBoxOffsetY","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.checkboxBoxSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation =\n      fontSize < 16 && !isChrome\n        ? labGrotesqueCompenstation\n        : fontSize === 16 && isChrome\n        ? -labGrotesqueCompenstation\n        : 0;\n    return css`\n      position: absolute;\n      width: ${t.checkboxBoxSize};\n      height: ${t.checkboxBoxSize};\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n      margin-top: calc(${t.checkboxBoxOffsetY} + ${baselineCompensation}px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"]}

package/components/Checkbox/Checkbox.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Checkbox/Checkbox.styles.js",
+  "module": "Checkbox.styles",
+  "types": "../Checkbox.styles.d.ts",
+  "sideEffects": false
+}

package/components/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,23 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    box: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootChecked(t: Theme): string;
+    rootFallback(): string;
+    rootWrapperIE11(): string;
+    boxWrapper(t: Theme): string;
+    box(t: Theme): string;
+    input(): string;
+    boxWarning(t: Theme): string;
+    boxError(t: Theme): string;
+    boxChecked(t: Theme): string;
+    boxFocus(t: Theme): string;
+    boxDisabled(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconUnchecked(): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+};

package/components/Checkbox/index/index.js

@@ -0,0 +1 @@
+export * from "../Checkbox";

package/components/Checkbox/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Checkbox';\n"]}

package/components/Checkbox/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Checkbox/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Checkbox/index.d.ts

@@ -1 +1 @@
-export { default, CheckboxProps, CheckboxState } from './Checkbox';
+export * from './Checkbox';

package/components/Checkbox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Checkbox/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/ComboBox/ComboBox/ComboBox.js

@@ -0,0 +1,136 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { CustomComboBox } from "../../../internal/CustomComboBox";
+export var ComboBox = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ComboBox, _React$Component);
+
+  function ComboBox() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.comboboxElement = null;
+    return _this;
+  }
+
+  var _proto = ComboBox.prototype;
+  /**
+   * @public
+   */
+
+  _proto.focus = function focus() {
+    if (this.comboboxElement) {
+      this.comboboxElement.focus();
+    }
+  }
+  /**
+   * @public
+   */
+  ;
+
+  _proto.blur = function blur() {
+    if (this.comboboxElement) {
+      this.comboboxElement.blur();
+    }
+  }
+  /**
+   * Открывает выпадающий список и запускает поиск элементов
+   *
+   * @public
+   * @param {string} [query] Текст поиска. По умолчанию берется
+   * текст из инпута или результат `valueToString(value)`
+   */
+  ;
+
+  _proto.search = function search(query) {
+    if (this.comboboxElement) {
+      this.comboboxElement.search(query);
+    }
+  }
+  /**
+   * @public
+   */
+  ;
+
+  _proto.cancelSearch = function cancelSearch() {
+    if (this.comboboxElement) {
+      this.comboboxElement.cancelSearch();
+    }
+  }
+  /**
+   * @public Открывает выпадающий список
+   */
+  ;
+
+  _proto.open = function open() {
+    if (this.comboboxElement) {
+      this.comboboxElement.open();
+    }
+  }
+  /**
+   * @public Закрывает выпадающий список
+   */
+  ;
+
+  _proto.close = function close() {
+    if (this.comboboxElement) {
+      this.comboboxElement.close();
+    }
+  }
+  /**
+   * Выделяет текст внутри input
+   * @public
+   */
+  ;
+
+  _proto.selectInputText = function selectInputText() {
+    if (this.comboboxElement) {
+      this.comboboxElement.selectInputText();
+    }
+  }
+  /**
+   * Сбрасывает введенное пользователем значение
+   * @public
+   */
+  ;
+
+  _proto.reset = function reset() {
+    if (this.comboboxElement) {
+      this.comboboxElement.reset();
+    }
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(CustomComboBox, _extends({}, this.props, {
+      ref: function ref(element) {
+        return _this2.comboboxElement = element;
+      }
+    }));
+  };
+
+  return ComboBox;
+}(React.Component);
+ComboBox.__KONTUR_REACT_UI__ = 'ComboBox';
+ComboBox.defaultProps = {
+  itemToValue: function itemToValue(item) {
+    return item.value;
+  },
+  valueToString: function valueToString(item) {
+    return item.label;
+  },
+  renderValue: function renderValue(item) {
+    return item.label;
+  },
+  renderItem: function renderItem(item) {
+    return item.label;
+  },
+  menuAlign: 'left',
+  searchOnFocus: true,
+  drawArrow: true
+};

package/components/ComboBox/ComboBox/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ComboBox.tsx"],"names":["React","CustomComboBox","ComboBox","comboboxElement","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","props","element","Component","__KONTUR_REACT_UI__","defaultProps","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,cAAT,QAA+B,+BAA/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,WAAaC,QAAb;;;;;;;;;;;;;AAaUC,IAAAA,eAbV,GAayD,IAbzD;;AAeE;AACF;AACA,KAjBA;AAkBSC,EAAAA,KAlBT,GAkBE,iBAAe;AACb,QAAI,KAAKD,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBC,KAArB;AACD;AACF;;AAED;AACF;AACA,KA1BA;AA2BSC,EAAAA,IA3BT,GA2BE,gBAAc;AACZ,QAAI,KAAKF,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBE,IAArB;AACD;AACF;;AAED;AACF;AACA;AACA;AACA;AACA;AACA,KAvCA;AAwCSC,EAAAA,MAxCT,GAwCE,gBAAcC,KAAd,EAA8B;AAC5B,QAAI,KAAKJ,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBG,MAArB,CAA4BC,KAA5B;AACD;AACF;;AAED;AACF;AACA,KAhDA;AAiDSC,EAAAA,YAjDT,GAiDE,wBAAsB;AACpB,QAAI,KAAKL,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBK,YAArB;AACD;AACF;;AAED;AACF;AACA,KAzDA;AA0DSC,EAAAA,IA1DT,GA0DE,gBAAc;AACZ,QAAI,KAAKN,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBM,IAArB;AACD;AACF;;AAED;AACF;AACA,KAlEA;AAmESC,EAAAA,KAnET,GAmEE,iBAAe;AACb,QAAI,KAAKP,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBO,KAArB;AACD;AACF;;AAED;AACF;AACA;AACA,KA5EA;AA6ESC,EAAAA,eA7ET,GA6EE,2BAAyB;AACvB,QAAI,KAAKR,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBQ,eAArB;AACD;AACF;;AAED;AACF;AACA;AACA,KAtFA;AAuFSC,EAAAA,KAvFT,GAuFE,iBAAe;AACb,QAAI,KAAKT,eAAT,EAA0B;AACxB,WAAKA,eAAL,CAAqBS,KAArB;AACD;AACF,GA3FH;;AA6FSC,EAAAA,MA7FT,GA6FE,kBAAgB;AACd,wBAAO,oBAAC,cAAD,eAAoB,KAAKC,KAAzB,IAAgC,GAAG,EAAE,aAACC,OAAD,UAAc,MAAI,CAACZ,eAAL,GAAuBY,OAArC,EAArC,IAAP;AACD,GA/FH,mBAAgDf,KAAK,CAACgB,SAAtD,EAAad,Q,CACGe,mB,GAAsB,U,CADzBf,Q,CAGGgB,Y,GAAe,EAC3BC,WAAW,EAAE,qBAACC,IAAD,UAAwBA,IAAI,CAACC,KAA7B,EADc,EAE3BC,aAAa,EAAE,uBAACF,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAFY,EAG3BC,WAAW,EAAE,qBAACJ,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAHc,EAI3BE,UAAU,EAAE,oBAACL,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAJe,EAK3BG,SAAS,EAAE,MALgB,EAM3BC,aAAa,EAAE,IANY,EAO3BC,SAAS,EAAE,IAPgB,E","sourcesContent":["import React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\nexport interface ComboBoxProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n   * @default true\n   */\n  searchOnFocus?: boolean;\n  /**\n   * Рисует справа иконку в виде стрелки\n   * @default true\n   */\n  drawArrow?: boolean;\n\n  autoFocus?: boolean;\n\n  borderless?: boolean;\n\n  /**\n   * Не использовать Portal для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15\n   * @default false\n   */\n  disablePortal?: boolean;\n\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  leftIcon?: InputIconType;\n\n  rightIcon?: InputIconType;\n\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n   */\n  getItems: (query: string) => Promise<T[]>;\n\n  /**\n   * Необходим для сравнения полученных результатов с `value`\n   * @default item => item.label\n   */\n  itemToValue: (item: T) => string | number;\n\n  maxLength?: number;\n\n  menuAlign?: 'left' | 'right';\n\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  onFocus?: () => void;\n\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   * если результатом функции будет строка,\n   * то она станет следующим состояним полем ввода\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /**\n   * Функция для обработки ситуации, когда была введена\n   * строка в инпут и был потерян фокус с элемента.\n   *\n   * Если при потере фокуса в выпадающем списке будет только один\n   * элемент и  результат `renderValue` с этим элементом будет\n   * совпадать со значение в текстовом поле, то\n   * сработает onValueChange со значением данного элемента\n   *\n   * Сама функция также может вернуть значение,\n   * неравное `undefined`,\n   * с которым будет вызван onValueChange.\n   */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  placeholder?: string;\n\n  /**\n   * Функция отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   */\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /**\n   * Функция для отрисовки сообщения о пустом результате поиска\n   * Если есть renderAddButton - не работает\n   */\n  renderNotFound?: () => React.ReactNode;\n\n  /**\n   * Функция отображающая сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /**\n   * Функция отрисовки выбранного значения\n   * @default item => item.label\n   */\n  renderValue: (item: T) => React.ReactNode;\n\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке\n   */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /**\n   * Общее количество элементов.\n   * Необходим для работы `renderTotalCount`\n   */\n  totalCount?: number;\n\n  /**\n   * Выбранное значение\n   * Ожидается, что `value` того же типа что и элементы в массиве,\n   * возвращаемом в `getItems`\n   */\n  value?: Nullable<T>;\n\n  /**\n   * Необходим для преобразования `value` в строку при фокусировке\n   * @default item => item.label\n   */\n  valueToString: (item: T) => string;\n\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  width?: string | number;\n\n  maxMenuHeight?: number | string;\n\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n\n  public static defaultProps = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.props} ref={(element) => (this.comboboxElement = element)} />;\n  }\n}\n"]}

package/components/ComboBox/ComboBox/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/ComboBox/ComboBox.js",
+  "module": "ComboBox",
+  "types": "../ComboBox.d.ts",
+  "sideEffects": false
+}

package/components/ComboBox/ComboBox.d.ts

@@ -1,176 +1,182 @@
-import * as React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MenuItemState } from '../MenuItem';
-export interface ComboBoxProps<T> {
-    align?: 'left' | 'center' | 'right';
-    /**
-     * Включает режим автокомплита
-     * @deprecated используйте флаги `searchOnFocus` и `drawArrow`.
-     * Установка обоих флагов в `false` соответствует режиму автокомплита
-     */
-    autocomplete?: boolean;
-    /**
-     * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
-     * @default true
-     */
-    searchOnFocus?: boolean;
-    /**
-     * Рисует справа иконку в виде стрелки
-     * @default true
-     */
-    drawArrow?: boolean;
-    autoFocus?: boolean;
-    borderless?: boolean;
-    /**
-     * Не использовать Portal для рендеринга меню.
-     * См. https://github.com/skbkontur/retail-ui/issues/15
-     * @default false
-     */
-    disablePortal?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
-     */
-    getItems: (query: string) => Promise<T[]>;
-    /**
-     * Необходим для сравнения полученных результатов с `value`
-     * @default item => item.label
-     */
-    itemToValue: (item: T) => string | number;
-    maxLength?: number;
-    menuAlign?: 'left' | 'right';
-    onBlur?: () => void;
-    onChange?: (event: {
-        target: {
-            value: T;
-        };
-    }, item: T) => void;
-    onFocus?: () => void;
-    /**
-     * Вызывается при изменении текста в поле ввода,
-     * если результатом функции будет строка,
-     * то она станет следующим состояним полем ввода
-     */
-    onInputChange?: (query: string) => Nullable<string> | void;
-    /**
-     * Функция для обработки ситуации, когда была введена
-     * строка в инпут и был потерян фокус с элемента.
-     *
-     * Если при потере фокуса в выпадающем списке будет только один
-     * элемент и  результат `renderValue` с этим элементом будет
-     * совпадать со значение в текстовом поле, то
-     * сработает onChange со значением данного элемента
-     *
-     * Сама функция также может вернуть значение,
-     * не равное `null` и `undefined`,
-     * с которым будет вызван onChange.
-     */
-    onUnexpectedInput?: (query: string) => void | null | T;
-    placeholder?: string;
-    /**
-     * Функция отрисовки элементов результата поиска.
-     * Не применяется если элемент является функцией или React-элементом
-     * @default item => item.label
-     */
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    /**
-     * Функция для отрисовки сообщения о пустом результате поиска
-     */
-    renderNotFound?: () => React.ReactNode;
-    /**
-     * Функция отображающаяя сообщение об общем количестве элементов
-     */
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /**
-     * Функция отрисовки выбранного значения
-     * @default item => item.label
-     */
-    renderValue: (item: T) => React.ReactNode;
-    /**
-     * Функция отрисовки кнопки добавления в выпадающем списке
-     */
-    renderAddButton?: (query?: string) => React.ReactNode;
-    /**
-     * Общее количество элементов.
-     * Необходим для работы `renderTotalCount`
-     */
-    totalCount?: number;
-    /**
-     * Выбранное значение
-     * Ожидается, что `value` того же типа что и элементы в массиве,
-     * возвращаемом в `getItems`
-     */
-    value?: Nullable<T>;
-    /**
-     * Необходим для преобразования `value` в строку при фокусировке
-     * @default item => item.label
-     */
-    valueToString: (item: T) => string;
-    size?: 'small' | 'medium' | 'large';
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-}
-export interface ComboBoxItem {
-    value: string;
-    label: string;
-}
-declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
-    static defaultProps: {
-        itemToValue: (item: ComboBoxItem) => string;
-        valueToString: (item: ComboBoxItem) => string;
-        renderValue: (item: ComboBoxItem) => string;
-        renderItem: (item: ComboBoxItem) => string;
-        menuAlign: string;
-        searchOnFocus: boolean;
-        drawArrow: boolean;
-    };
-    private comboboxElement;
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public Открывает выпадающий список и запускает поиск элементов
-     * @param {string} [query] - Текст поиска. По умолчанию берется
-     * текст из инпута или результат `valueToString(value)`
-     */
-    search(query?: string): void;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public Открывает выпадающий список
-     */
-    open(): void;
-    /**
-     * @public Закрывает выпадающий список
-     */
-    close(): void;
-    /**
-     * Выделяет текст внутри input
-     * @public
-     */
-    selectInputText(): void;
-    /**
-     * Сбрасывает введенное пользователем значение
-     * @public
-     */
-    reset(): void;
-    render(): JSX.Element;
-}
-export default ComboBox;
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { MenuItemState } from '../MenuItem';
+import { InputIconType } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ComboBoxProps<T> extends CommonProps {
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
+     * @default true
+     */
+    searchOnFocus?: boolean;
+    /**
+     * Рисует справа иконку в виде стрелки
+     * @default true
+     */
+    drawArrow?: boolean;
+    autoFocus?: boolean;
+    borderless?: boolean;
+    /**
+     * Не использовать Portal для рендеринга меню.
+     * См. https://github.com/skbkontur/retail-ui/issues/15
+     * @default false
+     */
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
+    /**
+     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
+     *
+     * Элементы могут быть любого типа. В этом случае необходимо определить
+     * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
+     */
+    getItems: (query: string) => Promise<T[]>;
+    /**
+     * Необходим для сравнения полученных результатов с `value`
+     * @default item => item.label
+     */
+    itemToValue: (item: T) => string | number;
+    maxLength?: number;
+    menuAlign?: 'left' | 'right';
+    onBlur?: () => void;
+    /** Вызывается при изменении `value` */
+    onValueChange?: (value: T) => void;
+    onFocus?: () => void;
+    /**
+     * Вызывается при изменении текста в поле ввода,
+     * если результатом функции будет строка,
+     * то она станет следующим состояним полем ввода
+     */
+    onInputValueChange?: (value: string) => Nullable<string> | void;
+    /**
+     * Функция для обработки ситуации, когда была введена
+     * строка в инпут и был потерян фокус с элемента.
+     *
+     * Если при потере фокуса в выпадающем списке будет только один
+     * элемент и  результат `renderValue` с этим элементом будет
+     * совпадать со значение в текстовом поле, то
+     * сработает onValueChange со значением данного элемента
+     *
+     * Сама функция также может вернуть значение,
+     * неравное `undefined`,
+     * с которым будет вызван onValueChange.
+     */
+    onUnexpectedInput?: (value: string) => void | null | T;
+    placeholder?: string;
+    /**
+     * Функция отрисовки элементов результата поиска.
+     * Не применяется если элемент является функцией или React-элементом
+     * @default item => item.label
+     */
+    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    /**
+     * Функция для отрисовки сообщения о пустом результате поиска
+     * Если есть renderAddButton - не работает
+     */
+    renderNotFound?: () => React.ReactNode;
+    /**
+     * Функция отображающая сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
+     */
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    /**
+     * Функция отрисовки выбранного значения
+     * @default item => item.label
+     */
+    renderValue: (item: T) => React.ReactNode;
+    /**
+     * Функция отрисовки кнопки добавления в выпадающем списке
+     */
+    renderAddButton?: (query?: string) => React.ReactNode;
+    /**
+     * Общее количество элементов.
+     * Необходим для работы `renderTotalCount`
+     */
+    totalCount?: number;
+    /**
+     * Выбранное значение
+     * Ожидается, что `value` того же типа что и элементы в массиве,
+     * возвращаемом в `getItems`
+     */
+    value?: Nullable<T>;
+    /**
+     * Необходим для преобразования `value` в строку при фокусировке
+     * @default item => item.label
+     */
+    valueToString: (item: T) => string;
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+}
+export interface ComboBoxItem {
+    value: string;
+    label: string;
+}
+export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        itemToValue: (item: ComboBoxItem) => string;
+        valueToString: (item: ComboBoxItem) => string;
+        renderValue: (item: ComboBoxItem) => string;
+        renderItem: (item: ComboBoxItem) => string;
+        menuAlign: string;
+        searchOnFocus: boolean;
+        drawArrow: boolean;
+    };
+    private comboboxElement;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * Открывает выпадающий список и запускает поиск элементов
+     *
+     * @public
+     * @param {string} [query] Текст поиска. По умолчанию берется
+     * текст из инпута или результат `valueToString(value)`
+     */
+    search(query?: string): void;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public Открывает выпадающий список
+     */
+    open(): void;
+    /**
+     * @public Закрывает выпадающий список
+     */
+    close(): void;
+    /**
+     * Выделяет текст внутри input
+     * @public
+     */
+    selectInputText(): void;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    render(): JSX.Element;
+}