@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js

@@ -0,0 +1,51 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])),
+    (0, _Mixins.resetButton)(),
+    t.clearCrossIconColor,
+
+    t.transitionDuration, t.transitionTimingFunction,
+
+    t.clearCrossIconHoverColor);
+
+
+
+
+
+  },
+
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.clearCrossIconHoverColor);
+
+  },
+
+  clearCrossSmall: function clearCrossSmall(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])),
+    t.clearCrossIconWidthSmall,
+    t.clearCrossIconHeightSmall,
+    t.clearCrossIconRightMarginSmall,
+    t.clearCrossIconBorderRadiusSmall);
+
+  },
+  clearCrossMedium: function clearCrossMedium(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])),
+    t.clearCrossIconWidthMedium,
+    t.clearCrossIconHeightMedium,
+    t.clearCrossIconRightMarginMedium,
+    t.clearCrossIconBorderRadiusMedium);
+
+  },
+  clearCrossLarge: function clearCrossLarge(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])),
+    t.clearCrossIconWidthLarge,
+    t.clearCrossIconHeightLarge,
+    t.clearCrossIconRightMarginLarge,
+    t.clearCrossIconBorderRadiusLarge);
+
+  }
+});

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","focus","clearCrossSmall","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconRightMarginSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconRightMarginMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconRightMarginLarge","clearCrossIconBorderRadiusLarge"],"sources":["ClearCrossIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.clearCrossIconHoverColor};\n    `;\n  },\n\n  clearCrossSmall(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      margin-right: ${t.clearCrossIconRightMarginSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n  },\n  clearCrossMedium(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      margin-right: ${t.clearCrossIconRightMarginMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n  },\n  clearCrossLarge(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      margin-right: ${t.clearCrossIconRightMarginLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;IACNJ,CAAC,CAACK,mBAAmB;;IAEVL,CAAC,CAACM,kBAAkB,EAAIN,CAAC,CAACO,wBAAwB;;IAE3DP,CAAC,CAACQ,wBAAwB;;;;;;EAMzC,CAAC;;EAEDC,KAAK,WAAAA,MAACT,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACQ,wBAAwB;;EAEvC,CAAC;;EAEDE,eAAe,WAAAA,gBAACV,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACW,wBAAwB;IACzBX,CAAC,CAACY,yBAAyB;IACrBZ,CAAC,CAACa,8BAA8B;IAC/Bb,CAAC,CAACc,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAACf,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACgB,yBAAyB;IAC1BhB,CAAC,CAACiB,0BAA0B;IACtBjB,CAAC,CAACkB,+BAA+B;IAChClB,CAAC,CAACmB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACqB,wBAAwB;IACzBrB,CAAC,CAACsB,yBAAyB;IACrBtB,CAAC,CAACuB,8BAA8B;IAC/BvB,CAAC,CAACwB,+BAA+B;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/CrossIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/internal/ClearCrossIcon/CrossIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../icons2022/iconSizer");
+var _XIcon16Light = require("../icons2022/XIcon/XIcon16Light");
+var _XIcon20Light = require("../icons2022/XIcon/XIcon20Light");
+var _XIcon24Regular = require("../icons2022/XIcon/XIcon24Regular");
+
+var CrossIcon = exports.CrossIcon = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_XIcon16Light.XIcon16Light, { align: "none" });},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, { align: "none" });},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_XIcon24Regular.XIcon24Regular, { align: "none" });}
+  },
+  'CrossIcon'
+);

package/cjs/internal/ClearCrossIcon/CrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon16Light","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon16Light","align","medium","XIcon20Light","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon16Light align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"+JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;;AAEO,IAAMK,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,YAAY,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAW,YAAY,IAACF,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CG,KAAK,EAAE,SAAAA,MAAA,uBAAMjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACJ,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/__creevey__/ClearCrossIcon.creevey.mts

@@ -0,0 +1,44 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('ClearCrossIcon', () => {
+  story('ClearCrossIconDefaultColors', () => {
+    test('idle', async (context) => {
+      const plain = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
+        })
+        .perform();
+      await delay(300);
+      const hover = await context.takeScreenshot();
+
+      await context.matchImages({ plain, hover });
+    });
+  });
+
+  story('ClearCrossIconWithCustomColors', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'test theme variables': { in: /^(?!\bchrome2022\b)/ } },
+    });
+    test('idle', async (context) => {
+      const plain = await context.takeScreenshot();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
+        })
+        .perform();
+      await delay(300);
+      const hover = await context.takeScreenshot();
+
+      await context.matchImages({ plain, hover });
+    });
+  });
+});

package/cjs/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.mts

@@ -0,0 +1,48 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+const clickThenTAB = (clickDataTid: string) => {
+  test(clickDataTid, async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: `[data-tid="${clickDataTid}"] input` }))
+      .pause(500)
+      .perform();
+    const firstFocus = await context.takeScreenshot();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .pause(500)
+      .perform();
+    const secondFocus = await context.takeScreenshot();
+
+    await context.matchImages({ firstFocus, secondFocus });
+  });
+};
+
+kind('CloseButtonIcon', () => {
+  story('Tabbable', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'] },
+        'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ },
+      },
+    });
+    clickThenTAB('notTabbable');
+    clickThenTAB('tabbable');
+  });
+  story('Side', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
+    });
+  });
+  story('VerticalAlign', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
+    });
+  });
+});

package/cjs/internal/CustomComboBox/ComboBoxMenu.js

@@ -235,7 +235,7 @@ ComboBoxMenu = exports.ComboBoxMenu = (_dec = (0, _decorators.locale)('ComboBox'
         function (state) {return renderItem(item, state);}
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(ComboBoxMenu, _React$Component);var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,isMobile = _this$props2.isMobile;var requestStatus = this.getProps().requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}var maxHeight = isMobile ? 'auto' : maxMenuHeight;if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.loading }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, as: "div" }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.failed }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton));}if (((0, _utils.isNullable)(items) || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton);}if (notFoundValue) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, "data-tid": ComboBoxMenuDataTids.notFound }, notFoundValue));}return null;}var total = null;var renderedItems = items && items.map(this.renderItem);var menuItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {return (0, _MenuItem.isMenuItem)(item);});var countItems = menuItems == null ? void 0 : menuItems.length;if (countItems && renderTotalCount && totalCount && countItems < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuFooter.MenuFooter, { size: this.props.size, key: "total" }, /*#__PURE__*/_react.default.createElement("div", null, renderTotalCount(countItems, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.items, ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile }, renderedItems, total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.default.Component), _ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _ComboBoxMenu.displayName = 'ComboBoxMenu', _ComboBoxMenu.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _ComboBoxMenu)) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(ComboBoxMenu, _React$Component);var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,isMobile = _this$props2.isMobile;var requestStatus = this.getProps().requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}var maxHeight = isMobile ? 'auto' : maxMenuHeight;if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.loading + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, as: "div" }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.failed + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton));}if (((0, _utils.isNullable)(items) || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton);}if (notFoundValue) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, "data-tid": ComboBoxMenuDataTids.notFound }, notFoundValue));}return null;}var total = null;var renderedItems = items && items.map(this.renderItem);var menuItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {return (0, _MenuItem.isMenuItem)(item);});var countItems = menuItems == null ? void 0 : menuItems.length;if (countItems && renderTotalCount && totalCount && countItems < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuFooter.MenuFooter, { size: this.props.size, key: "total" }, /*#__PURE__*/_react.default.createElement("div", null, renderTotalCount(countItems, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.items + " " + _Menu.MenuDataTids.root, ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile }, renderedItems, total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.default.Component), _ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _ComboBoxMenu.displayName = 'ComboBoxMenu', _ComboBoxMenu.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _ComboBoxMenu)) || _class);
 
 
 function isSimpleItem(item) {

package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_decorators","_Menu","_MenuItem","_Spinner","_MenuSeparator","_createPropsGetter","_MenuMessage","_ThemeContext","_MenuFooter","_CustomComboBoxTypes","_locale","_dec","_class","_ComboBoxMenu","ComboBoxMenuDataTids","exports","loading","failed","notFound","items","item","ComboBoxMenu","locale","CustomComboBoxLocaleHelper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","isFunction","Object","assign","key","onClick","React","cloneElement","default","createElement","MenuItem","component","size","isMobile","state","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","Provider","value","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","Menu","ref","hasMargin","disableScrollContainer","id","menuId","MenuMessage","as","Spinner","type","dimmed","ComboBoxRequestStatus","Failed","style","maxWidth","whiteSpace","link","repeatRequest","isNullable","notFoundValue","total","renderedItems","map","menuItems","filter","isMenuItem","countItems","MenuFooter","MenuSeparator","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu } from '../Menu';\nimport { isMenuItem, MenuItem, MenuItemState } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={ComboBoxMenuDataTids.loading}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={ComboBoxMenuDataTids.failed}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={ComboBoxMenuDataTids.items}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_decorators","_Menu","_MenuItem","_Spinner","_MenuSeparator","_createPropsGetter","_MenuMessage","_ThemeContext","_MenuFooter","_CustomComboBoxTypes","_locale","_dec","_class","_ComboBoxMenu","ComboBoxMenuDataTids","exports","loading","failed","notFound","items","item","ComboBoxMenu","locale","CustomComboBoxLocaleHelper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","isFunction","Object","assign","key","onClick","React","cloneElement","default","createElement","MenuItem","component","size","isMobile","state","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","Provider","value","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","Menu","ref","hasMargin","disableScrollContainer","id","menuId","MenuDataTids","root","MenuMessage","as","Spinner","type","dimmed","ComboBoxRequestStatus","Failed","style","maxWidth","whiteSpace","link","repeatRequest","isNullable","notFoundValue","total","renderedItems","map","menuItems","filter","isMenuItem","countItems","MenuFooter","MenuSeparator","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu, MenuDataTids } from '../Menu';\nimport { isMenuItem, MenuItem, MenuItemState } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/ComboBoxView.d.ts

@@ -1,5 +1,5 @@
 import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { Input, InputIconType } from '../../components/Input';
+import { Input, InputIconType, ShowClearIcon } from '../../components/Input';
 import { InputLikeText } from '../InputLikeText';
 import { Menu } from '../Menu';
 import { MenuItemState } from '../../components/MenuItem';
@@ -33,6 +33,7 @@ interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' |
     textValue?: string;
     totalCount?: number;
     value?: Nullable<T>;
+    showClearIcon?: ShowClearIcon;
     /**
      * Cостояние валидации при предупреждении.
      */
@@ -52,6 +53,7 @@ interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' |
     onInputValueChange?: (value: string) => void;
     onInputFocus?: () => void;
     onInputClick?: () => void;
+    onClearCrossClick?: () => void;
     onInputKeyDown?: (e: React.KeyboardEvent) => void;
     onMouseEnter?: (e: React.MouseEvent) => void;
     onMouseOver?: (e: React.MouseEvent) => void;
@@ -68,12 +70,13 @@ interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' |
     refMenu?: (menu: Nullable<Menu>) => void;
     refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
 }
-type DefaultProps<T> = Required<Pick<ComboBoxViewProps<T>, 'renderItem' | 'renderValue' | 'renderAddButton' | 'repeatRequest' | 'requestStatus' | 'onClickOutside' | 'onFocusOutside' | 'size' | 'width'>>;
+type DefaultProps<T> = Required<Pick<ComboBoxViewProps<T>, 'renderItem' | 'renderValue' | 'renderAddButton' | 'repeatRequest' | 'requestStatus' | 'onClickOutside' | 'onFocusOutside' | 'size' | 'width' | 'showClearIcon'>>;
 export declare const ComboBoxViewIds: {
     menu: string;
 };
 interface ComboBoxViewState {
     anchorElement: Nullable<Element>;
+    clearCrossShowed: boolean;
 }
 export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {
     static __KONTUR_REACT_UI__: string;
@@ -89,6 +92,7 @@ export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T
     private menuId;
     state: {
         anchorElement: null;
+        clearCrossShowed: boolean;
     };
     componentDidMount(): void;
     updateAnchorElement(): void;

package/cjs/internal/CustomComboBox/ComboBoxView.js

@@ -105,6 +105,9 @@ var _getComboBoxTheme = require("./getComboBoxTheme");var _class, _ComboBoxView;
 
 
 
+
+
+
 
 
 
@@ -119,7 +122,9 @@ var ComboBoxViewIds = exports.ComboBoxViewIds = {
 
 
 
-ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_ComboBoxView = /*#__PURE__*/function (_React$Component) {function ComboBoxView() {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.
+
+ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_ComboBoxView = /*#__PURE__*/function (_React$Component) {function ComboBoxView() {var _this$props$value;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.
+
 
 
 
@@ -150,7 +155,8 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
     menuId = ComboBoxViewIds.menu + (0, _utils.getRandomID)();_this.
 
     state = {
-      anchorElement: null
+      anchorElement: null,
+      clearCrossShowed: _this.props.showClearIcon === 'always' && !!((_this$props$value = _this.props.value) != null && _this$props$value.toString())
     };_this.
 
 
@@ -395,6 +401,10 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
 
 
+
+
+
+
 
 
 
@@ -445,4 +455,4 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
     refMobileInput = function (input) {
       _this.mobileInput = input;
-    };return _this;}(0, _inheritsLoose2.default)(ComboBoxView, _React$Component);var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {this.updateAnchorElement();if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.updateAnchorElement = function updateAnchorElement() {var parent = this.getParent();var anchorElement = this.state.anchorElement;if (anchorElement !== parent) {this.setState({ anchorElement: parent });}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;this.updateAnchorElement();if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getComboBoxTheme.getComboBoxTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props4 = this.props,onMouseEnter = _this$props4.onMouseEnter,onMouseLeave = _this$props4.onMouseLeave,onMouseOver = _this$props4.onMouseOver,opened = _this$props4.opened;var _this$getProps3 = this.getProps(),onClickOutside = _this$getProps3.onClickOutside,onFocusOutside = _this$getProps3.onFocusOutside,width = _this$getProps3.width;var isMobile = this.isMobileLayout;var input = this.renderInput();return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { "data-tid": _CustomComboBox2.CustomComboBoxDataTids.comboBoxView, style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, ref: this.setRootNode }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));};_proto.renderInput = function renderInput() {var isMobile = this.isMobileLayout;var _this$props5 = this.props,id = _this$props5.id,align = _this$props5.align,borderless = _this$props5.borderless,disabled = _this$props5.disabled,editing = _this$props5.editing,error = _this$props5.error,onFocus = _this$props5.onFocus,onInputBlur = _this$props5.onInputBlur,onInputValueChange = _this$props5.onInputValueChange,onInputFocus = _this$props5.onInputFocus,onInputClick = _this$props5.onInputClick,onInputKeyDown = _this$props5.onInputKeyDown,placeholder = _this$props5.placeholder,textValue = _this$props5.textValue,value = _this$props5.value,warning = _this$props5.warning,refInputLikeText = _this$props5.refInputLikeText,leftIcon = _this$props5.leftIcon,inputMode = _this$props5.inputMode,size = _this$props5.size,ariaDescribedby = _this$props5['aria-describedby'],ariaLabel = _this$props5['aria-label'];var _this$getProps4 = this.getProps(),renderValue = _this$getProps4.renderValue;var rightIcon = this.getRightIcon();if (editing) {return /*#__PURE__*/_react.default.createElement(_Input.Input, { id: id, align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: isMobile ? undefined : onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: isMobile ? this.handleMobileFocus : onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning, inputMode: inputMode, autoComplete: "off", "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, "aria-label": ariaLabel });}return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: id, align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText, "aria-describedby": ariaDescribedby, "aria-controls": this.menuId }, (0, _utils.isNonNullable)(value) && renderValue ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component), _ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView', _ComboBoxView.displayName = 'ComboBoxView', _ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250 }, _ComboBoxView)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(ComboBoxView, _React$Component);var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {this.updateAnchorElement();if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.updateAnchorElement = function updateAnchorElement() {var parent = this.getParent();var anchorElement = this.state.anchorElement;if (anchorElement !== parent) {this.setState({ anchorElement: parent });}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;this.updateAnchorElement();if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getComboBoxTheme.getComboBoxTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props4 = this.props,onMouseEnter = _this$props4.onMouseEnter,onMouseLeave = _this$props4.onMouseLeave,onMouseOver = _this$props4.onMouseOver,opened = _this$props4.opened;var _this$getProps3 = this.getProps(),onClickOutside = _this$getProps3.onClickOutside,onFocusOutside = _this$getProps3.onFocusOutside,width = _this$getProps3.width;var isMobile = this.isMobileLayout;var input = this.renderInput();return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { "data-tid": _CustomComboBox2.CustomComboBoxDataTids.comboBoxView, style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, ref: this.setRootNode }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));};_proto.renderInput = function renderInput() {var isMobile = this.isMobileLayout;var _this$props5 = this.props,id = _this$props5.id,align = _this$props5.align,borderless = _this$props5.borderless,disabled = _this$props5.disabled,editing = _this$props5.editing,error = _this$props5.error,onFocus = _this$props5.onFocus,onInputBlur = _this$props5.onInputBlur,onInputValueChange = _this$props5.onInputValueChange,onInputFocus = _this$props5.onInputFocus,onInputClick = _this$props5.onInputClick,onInputKeyDown = _this$props5.onInputKeyDown,placeholder = _this$props5.placeholder,textValue = _this$props5.textValue,value = _this$props5.value,warning = _this$props5.warning,refInputLikeText = _this$props5.refInputLikeText,leftIcon = _this$props5.leftIcon,inputMode = _this$props5.inputMode,size = _this$props5.size,ariaDescribedby = _this$props5['aria-describedby'],ariaLabel = _this$props5['aria-label'],showClearIcon = _this$props5.showClearIcon;var _this$getProps4 = this.getProps(),renderValue = _this$getProps4.renderValue;var rightIcon = this.getRightIcon();if (editing) {return /*#__PURE__*/_react.default.createElement(_Input.Input, { id: id, align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: isMobile ? undefined : onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: isMobile ? this.handleMobileFocus : onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning, inputMode: inputMode, autoComplete: "off", "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, "aria-label": ariaLabel, showClearIcon: showClearIcon });}return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: id, align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText, "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, showClearIcon: showClearIcon, onClearCrossClick: this.props.onClearCrossClick }, (0, _utils.isNonNullable)(value) && renderValue ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component), _ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView', _ComboBoxView.displayName = 'ComboBoxView', _ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250, showClearIcon: 'never' }, _ComboBoxView)) || _class) || _class;

package/cjs/internal/CustomComboBox/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Input","_InputLikeText","_RenderLayer","_Spinner","_CommonWrapper","_MobilePopup","_decorator","_rootNode","_createPropsGetter","_ThemeContext","_LoadingIcon","_Popup","_getMenuPositions","_ZIndex","_ArrowDownIcon","_ComboBoxMenu","_CustomComboBoxTypes","_CustomComboBox","_CustomComboBox2","_getComboBoxTheme","_class","_ComboBoxView","ComboBoxViewIds","exports","menu","ComboBoxView","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","mobileInput","dropdownContainerRef","React","createRef","menuId","getRandomID","state","anchorElement","getComboBoxMenu","_this$props","props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","_this$getProps","repeatRequest","requestStatus","renderItem","itemWrapper","default","createElement","ComboBoxMenu","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","Popup","hasShadow","minWidth","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","value","MobilePopup","headerChildComponent","Input","_extends2","refMobileInput","onCloseRequest","onMobileClose","getParent","getRootNode","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","styles","spinnerWrapper","Spinner","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","LoadingIcon","ArrowDownIcon","_inheritsLoose2","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","ThemeContext","Consumer","getComboBoxTheme","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","CommonWrapper","RenderLayer","active","CustomComboBoxDataTids","comboBoxView","style","root","setRootNode","_this$props5","id","align","borderless","disabled","error","onInputBlur","onInputFocus","onInputKeyDown","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","_this$getProps4","renderValue","maxLength","onBlur","undefined","onClick","onKeyDown","InputLikeText","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Input, InputIconType, InputProps } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, getRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../ZIndex';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n}\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private theme!: Theme;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state = {\n    anchorElement: null,\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n\n    const { renderValue } = this.getProps();\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          id={id}\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={isMobile ? undefined : onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={isMobile ? this.handleMobileFocus : onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n          autoComplete=\"off\"\n          aria-describedby={ariaDescribedby}\n          aria-controls={this.menuId}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        id={id}\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Input","_InputLikeText","_RenderLayer","_Spinner","_CommonWrapper","_MobilePopup","_decorator","_rootNode","_createPropsGetter","_ThemeContext","_LoadingIcon","_Popup","_getMenuPositions","_ZIndex","_ArrowDownIcon","_ComboBoxMenu","_CustomComboBoxTypes","_CustomComboBox","_CustomComboBox2","_getComboBoxTheme","_class","_ComboBoxView","ComboBoxViewIds","exports","menu","ComboBoxView","responsiveLayout","rootNode","_React$Component","_this$props$value","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","mobileInput","dropdownContainerRef","React","createRef","menuId","getRandomID","state","anchorElement","clearCrossShowed","props","showClearIcon","value","toString","getComboBoxMenu","_this$props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","_this$getProps","repeatRequest","requestStatus","renderItem","itemWrapper","default","createElement","ComboBoxMenu","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","Popup","hasShadow","minWidth","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","MobilePopup","headerChildComponent","Input","_extends2","refMobileInput","onCloseRequest","onMobileClose","getParent","getRootNode","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","styles","spinnerWrapper","Spinner","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","LoadingIcon","ArrowDownIcon","_inheritsLoose2","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","ThemeContext","Consumer","getComboBoxTheme","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","CommonWrapper","RenderLayer","active","CustomComboBoxDataTids","comboBoxView","style","root","setRootNode","_this$props5","id","align","borderless","disabled","error","onInputBlur","onInputFocus","onInputKeyDown","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","_this$getProps4","renderValue","maxLength","onBlur","undefined","onClick","onKeyDown","InputLikeText","onClearCrossClick","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Input, InputIconType, InputProps, ShowClearIcon } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, getRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../ZIndex';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onClearCrossClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n    | 'showClearIcon'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n  clearCrossShowed: boolean;\n}\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private theme!: Theme;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state = {\n    anchorElement: null,\n    clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      showClearIcon,\n    } = this.props;\n\n    const { renderValue } = this.getProps();\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          id={id}\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={isMobile ? undefined : onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={isMobile ? this.handleMobileFocus : onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n          autoComplete=\"off\"\n          aria-describedby={ariaDescribedby}\n          aria-controls={this.menuId}\n          aria-label={ariaLabel}\n          showClearIcon={showClearIcon}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        id={id}\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n        showClearIcon={showClearIcon}\n        onClearCrossClick={this.props.onClearCrossClick}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/CustomComboBox.d.ts

@@ -1,6 +1,6 @@
 import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { Nullable } from '../../typings/utility-types';
-import { Input, InputIconType } from '../../components/Input';
+import { Input, InputIconType, ShowClearIcon } from '../../components/Input';
 import { Menu } from '../Menu';
 import { InputLikeText } from '../InputLikeText';
 import { MenuItemState } from '../../components/MenuItem';
@@ -8,6 +8,7 @@ import { CommonProps } from '../CommonWrapper';
 import { ComboBoxExtendedItem } from '../../components/ComboBox';
 import { SizeProp } from '../../lib/types/props';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export * from './tids';
 export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
@@ -41,6 +42,7 @@ export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-descr
     size?: SizeProp;
     totalCount?: number;
     value?: Nullable<T>;
+    showClearIcon?: ShowClearIcon;
     /**
      * Cостояние валидации при предупреждении.
      */
@@ -83,9 +85,6 @@ export declare const DefaultState: {
     requestStatus: ComboBoxRequestStatus;
     size: string;
 };
-export declare const CustomComboBoxDataTids: {
-    readonly comboBoxView: "ComboBoxView__root";
-};
 export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
@@ -98,12 +97,16 @@ export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBo
     private focused;
     private cancelationToken;
     private isMobileLayout;
+    private featureFlags;
+    private canOpenPopup;
     private reducer;
     cancelLoaderDelay: () => void;
     /**
      * @public
      */
-    focus: () => void;
+    focus: (opts?: {
+        withoutOpenDropdown?: boolean;
+    }) => void;
     /**
      * @public
      */