@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js

@@ -1,15 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["side", "size", "color", "colorHover", "tabbable", "style"];
-import React, { useContext } from 'react';
+import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
-import { EmotionContext } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { DEFAULT_ICON_SIZE } from "../../icons2022/iconConstants";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { CommonWrapper } from "../../CommonWrapper";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../CloseButtonIcon.styles";
+import { styles } from "../CloseButtonIcon.styles";
 import { CrossIcon } from "../CrossIcon";
 export var CloseButtonIcon = function CloseButtonIcon(_ref) {
   var _ref$side = _ref.side,
@@ -22,8 +22,7 @@ export var CloseButtonIcon = function CloseButtonIcon(_ref) {
     tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,
     style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var emotion = useContext(EmotionContext);
-  var _theme = useContext(ThemeContext);
+  var _theme = React.useContext(ThemeContext);
   var theme = ThemeFactory.create({
     closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
     closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
@@ -44,12 +43,11 @@ export var CloseButtonIcon = function CloseButtonIcon(_ref) {
     return setFocusedByTab(false);
   };
   var tabIndex = !tabbable || rest.disabled ? -1 : 0;
-  var styles = getStyles(emotion);
   return /*#__PURE__*/(
     React.createElement(CommonWrapper, rest, /*#__PURE__*/
     React.createElement("button", _extends({
       tabIndex: tabIndex,
-      className: emotion.cx(styles.root(theme), !rest.disabled && focusedByTab && styles.focus(theme), rest.disabled && styles.rootDisabled(theme)),
+      className: cx(styles.root(theme), !rest.disabled && focusedByTab && styles.focus(theme), rest.disabled && styles.rootDisabled(theme)),
       style: _extends({}, style, {
         width: side,
         height: side

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","globalObject","EmotionContext","keyListener","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","ThemeContext","getStyles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","emotion","_theme","theme","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","styles","createElement","_extends","className","cx","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import React, { AriaAttributes, CSSProperties, useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const emotion = useContext(EmotionContext);\n  const _theme = useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n  const styles = getStyles(emotion);\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={emotion.cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","styles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","createElement","_extends","className","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import React, { AriaAttributes, CSSProperties } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js

@@ -1,20 +1,18 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        ", "\n        display: inline-block;\n        position: relative;\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        transition: color ", " ", ";\n\n        &:enabled:focus,\n        &:enabled:hover {\n          color: ", ";\n        }\n      "])), resetButton(emotion), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
-    },
-    rootDisabled: function rootDisabled(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.closeBtnIconDisabledColor);
-    },
-    focus: function focus(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        box-shadow: ", ";\n      "])), t.closeBtnIconFocusShadow);
-    },
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        box-sizing: content-box;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n      "])));
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
+  },
+  rootDisabled: function rootDisabled(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.closeBtnIconDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.closeBtnIconFocusShadow);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
+  }
+});

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","resetButton","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","_templateObject2","closeBtnIconDisabledColor","focus","_templateObject3","closeBtnIconFocusShadow","wrapper","_templateObject4"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)}\n        display: inline-block;\n        position: relative;\n        border-radius: ${t.closeBtnIconBorderRadius};\n        color: ${t.closeBtnIconColor};\n        cursor: pointer;\n        transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n        &:enabled:focus,\n        &:enabled:hover {\n          color: ${t.closeBtnIconHoverColor};\n        }\n      `;\n    },\n    rootDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.closeBtnIconDisabledColor};\n      `;\n    },\n    focus(t: Theme) {\n      return emotion.css`\n        box-shadow: ${t.closeBtnIconFocusShadow};\n      `;\n    },\n    wrapper() {\n      return emotion.css`\n        box-sizing: content-box;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCH,YAAY,CAAC;MACXI,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;QACdP,WAAW,CAACE,OAAO,CAAC;;;QAGLE,CAAC,CAACI,wBAAwB;QAClCJ,CAAC,CAACK,iBAAiB;;QAERL,CAAC,CAACM,kBAAkB,EAAIN,CAAC,CAACO,wBAAwB;;;;QAI3DP,CAAC,CAACQ,sBAAsB;;;MAGvC,CAAC;MACDC,YAAY,WAAAA,aAACT,CAAQ,EAAE;QACrB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACPH,CAAC,CAACW,yBAAyB;;MAExC,CAAC;MACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;QACd,OAAOF,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;QACFH,CAAC,CAACc,uBAAuB;;MAE3C,CAAC;MACDC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOjB,OAAO,CAACG,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;;MASpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","_templateObject2","closeBtnIconDisabledColor","focus","_templateObject3","closeBtnIconFocusShadow","wrapper","_templateObject4"],"sources":["CloseButtonIcon.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      display: inline-block;\n      position: relative;\n      border-radius: ${t.closeBtnIconBorderRadius};\n      color: ${t.closeBtnIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ${t.closeBtnIconHoverColor};\n      }\n    `;\n  },\n  rootDisabled(t: Theme) {\n    return css`\n      color: ${t.closeBtnIconDisabledColor};\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: ${t.closeBtnIconFocusShadow};\n    `;\n  },\n  wrapper() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNL,WAAW,CAAC,CAAC;;;IAGEG,CAAC,CAACG,wBAAwB;IAClCH,CAAC,CAACI,iBAAiB;;IAERJ,CAAC,CAACK,kBAAkB,EAAIL,CAAC,CAACM,wBAAwB;;;;IAI3DN,CAAC,CAACO,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACR,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACMF,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootDisabled(t: Theme): string;
     focus(t: Theme): string;

package/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/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -6,9 +6,9 @@ var _excluded = ["className", "style", "children", "rootNodeRef"];
 var _class, _CommonWrapper;
 import React from 'react';
 import { isFunction, isRefableElement } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
 import { getRootNode, isInstanceWithRootNode, rootNode } from "../../../lib/rootNode";
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { extractCommonProps } from "../utils/extractCommonProps";
 import { getCommonVisualStateDataAttributes } from "../utils/getCommonVisualStateDataAttributes";
 export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
@@ -45,13 +45,6 @@ export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/func
   var _proto = CommonWrapper.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return _this2.renderMain();
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _this3 = this;
     var _extractCommonProps = extractCommonProps(this.props),
       _extractCommonProps$ = _extractCommonProps[0],
       className = _extractCommonProps$.className,
@@ -63,8 +56,8 @@ export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/func
     this.child = isFunction(children) ? children(rest) : children;
     var getChildProps = function getChildProps(child) {
       var childProps = _extends({}, getCommonVisualStateDataAttributes(rest), dataProps);
-      isRefableElement(child) && (childProps.ref = _this3.ref);
-      var classNames = _this3.emotion.cx(child.props.className, className);
+      isRefableElement(child) && (childProps.ref = _this2.ref);
+      var classNames = cx(child.props.className, className);
       classNames && (childProps.className = classNames);
       var styles = _extends({}, child.props.style, style);
       Object.keys(styles).length && (childProps.style = styles);

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isFunction","isRefableElement","getRootNode","isInstanceWithRootNode","rootNode","callChildRef","EmotionConsumer","extractCommonProps","getCommonVisualStateDataAttributes","CommonWrapper","_class","_CommonWrapper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","_inheritsLoose","_proto","prototype","render","_this2","createElement","emotion","renderMain","_this3","_extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose","_excluded","rest","_extends","_objectDestructuringEmpty","getChildProps","childProps","classNames","cx","styles","Object","keys","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRootNode, isInstanceWithRootNode, rootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n  private emotion!: Emotion;\n\n  render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return this.renderMain();\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  renderMain() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = this.emotion.cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isFunction","isRefableElement","cx","getRootNode","isInstanceWithRootNode","rootNode","callChildRef","extractCommonProps","getCommonVisualStateDataAttributes","CommonWrapper","_class","_CommonWrapper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","_inheritsLoose","_proto","prototype","render","_this2","_extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose","_excluded","rest","_extends","_objectDestructuringEmpty","getChildProps","childProps","classNames","styles","Object","keys","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRootNode, isInstanceWithRootNode, rootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/CommonWrapper/CommonWrapper.d.ts

@@ -7,8 +7,6 @@ export declare class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends
     private child;
     private setRootNode;
     private rootNodeSubscription;
-    private emotion;
-    render(): React.JSX.Element;
-    renderMain(): React.ReactNode;
+    render(): React.ReactNode;
     private ref;
 }

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js

@@ -10,18 +10,17 @@ import { Spinner } from "../../../components/Spinner";
 import { CommonWrapper } from "../../CommonWrapper";
 import { MobilePopup } from "../../MobilePopup";
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
-import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { rootNode, getRootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { LoadingIcon } from "../../icons2022/LoadingIcon";
 import { Popup } from "../../Popup";
 import { getMenuPositions } from "../../../lib/getMenuPositions";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { ZIndex } from "../../ZIndex";
 import { ArrowDownIcon } from "../ArrowDownIcon";
 import { ComboBoxMenu } from "../ComboBoxMenu";
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
-import { getStyles } from "../CustomComboBox.styles";
+import { styles } from "../CustomComboBox.styles";
 import { CustomComboBoxDataTids } from "../CustomComboBox";
 import { getComboBoxTheme } from "../getComboBoxTheme";
 export var ComboBoxViewIds = {
@@ -29,6 +28,7 @@ export var ComboBoxViewIds = {
 };
 export var ComboBoxView = responsiveLayout(_class = 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];
@@ -39,7 +39,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
     _this.dropdownContainerRef = /*#__PURE__*/React.createRef();
     _this.menuId = ComboBoxViewIds.menu + getRandomID();
     _this.state = {
-      anchorElement: null
+      anchorElement: null,
+      clearCrossShowed: _this.props.showClearIcon === 'always' && !!((_this$props$value = _this.props.value) != null && _this$props$value.toString())
     };
     _this.getComboBoxMenu = function () {
       var _this$props = _this.props,
@@ -159,7 +160,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
     _this.renderSpinner = function () {
       return /*#__PURE__*/(
         React.createElement("span", {
-          className: _this.styles.spinnerWrapper()
+          className: styles.spinnerWrapper()
         }, /*#__PURE__*/
         React.createElement(Spinner, {
           type: "mini",
@@ -219,15 +220,11 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = getComboBoxTheme(theme);
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: _this2.theme
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getComboBoxTheme(theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
@@ -251,7 +248,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
       style: {
         width: width
       },
-      className: this.styles.root(),
+      className: styles.root(),
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onMouseOver: onMouseOver,
@@ -282,7 +279,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
       inputMode = _this$props5.inputMode,
       size = _this$props5.size,
       ariaDescribedby = _this$props5['aria-describedby'],
-      ariaLabel = _this$props5['aria-label'];
+      ariaLabel = _this$props5['aria-label'],
+      showClearIcon = _this$props5.showClearIcon;
     var _this$getProps4 = this.getProps(),
       renderValue = _this$getProps4.renderValue;
     var rightIcon = this.getRightIcon();
@@ -311,7 +309,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
         autoComplete: "off",
         "aria-describedby": ariaDescribedby,
         "aria-controls": this.menuId,
-        "aria-label": ariaLabel
+        "aria-label": ariaLabel,
+        showClearIcon: showClearIcon
       });
     }
     return /*#__PURE__*/React.createElement(InputLikeText, {
@@ -329,7 +328,9 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
       width: "100%",
       ref: refInputLikeText,
       "aria-describedby": ariaDescribedby,
-      "aria-controls": this.menuId
+      "aria-controls": this.menuId,
+      showClearIcon: showClearIcon,
+      onClearCrossClick: this.props.onClearCrossClick
     }, isNonNullable(value) && renderValue ? renderValue(value) : null);
   };
   return ComboBoxView;
@@ -350,5 +351,6 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
   onClickOutside: function onClickOutside() {/**/},
   onFocusOutside: function onFocusOutside() {/**/},
   size: 'small',
-  width: 250
+  width: 250,
+  showClearIcon: 'never'
 }, _ComboBoxView)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","getRandomID","isNonNullable","Input","InputLikeText","RenderLayer","Spinner","CommonWrapper","MobilePopup","responsiveLayout","getRootNode","rootNode","createPropsGetter","LoadingIcon","Popup","getMenuPositions","ThemeContext","EmotionConsumer","ZIndex","ArrowDownIcon","ComboBoxMenu","ComboBoxRequestStatus","getStyles","CustomComboBoxDataTids","getComboBoxTheme","ComboBoxViewIds","menu","ComboBoxView","_class","_ComboBoxView","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","mobileInput","dropdownContainerRef","createRef","menuId","state","anchorElement","getComboBoxMenu","_this$props","props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","_this$getProps","repeatRequest","requestStatus","renderItem","itemWrapper","createElement","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","hasShadow","minWidth","priority","priorities","PopupMenu","positions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","value","headerChildComponent","_extends","refMobileInput","onCloseRequest","onMobileClose","getParent","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","styles","spinnerWrapper","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","_inheritsLoose","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","emotion","Consumer","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","active","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","Component","__KONTUR_REACT_UI__","displayName","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\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 { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../ZIndex';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { getStyles } 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 emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\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      </EmotionConsumer>\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={this.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    return (\n      <span className={this.styles.spinnerWrapper()}>\n        <Spinner type=\"mini\" caption=\"\" dimmed />\n      </span>\n    );\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","getRandomID","isNonNullable","Input","InputLikeText","RenderLayer","Spinner","CommonWrapper","MobilePopup","responsiveLayout","rootNode","getRootNode","createPropsGetter","ThemeContext","LoadingIcon","Popup","getMenuPositions","ZIndex","ArrowDownIcon","ComboBoxMenu","ComboBoxRequestStatus","styles","CustomComboBoxDataTids","getComboBoxTheme","ComboBoxViewIds","menu","ComboBoxView","_class","_ComboBoxView","_React$Component","_this$props$value","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","mobileInput","dropdownContainerRef","createRef","menuId","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","createElement","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","hasShadow","minWidth","priority","priorities","PopupMenu","positions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","headerChildComponent","_extends","refMobileInput","onCloseRequest","onMobileClose","getParent","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","spinnerWrapper","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","_inheritsLoose","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","Consumer","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","active","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","onClearCrossClick","Component","__KONTUR_REACT_UI__","displayName","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/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;
@@ -86,11 +89,10 @@ export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T
     private isMobileLayout;
     private dropdownContainerRef;
     private theme;
-    private emotion;
-    private styles;
     private menuId;
     state: {
         anchorElement: null;
+        clearCrossShowed: boolean;
     };
     componentDidMount(): void;
     updateAnchorElement(): void;