@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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

@@ -1,39 +1,36 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");
+"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;
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])),
-        (0, _Mixins.resetButton)(emotion),
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    (0, _Mixins.resetButton)(),
 
 
-        t.closeBtnIconBorderRadius,
-        t.closeBtnIconColor,
+    t.closeBtnIconBorderRadius,
+    t.closeBtnIconColor,
 
-        t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
 
 
 
-        t.closeBtnIconHoverColor);
+    t.closeBtnIconHoverColor);
 
 
-      },
-      rootDisabled: function rootDisabled(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.closeBtnIconDisabledColor);
+  },
+  rootDisabled: function rootDisabled(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.closeBtnIconDisabledColor);
 
-      },
-      focus: function focus(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: ", ";\n      "])),
-        t.closeBtnIconFocusShadow);
+  },
+  focus: function focus(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
+    t.closeBtnIconFocusShadow);
 
-      },
-      wrapper: function wrapper() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])));
+  },
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -42,5 +39,5 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOH,OAAO,CAACI,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;QACd,IAAAC,mBAAW,EAACP,OAAO,CAAC;;;QAGLG,CAAC,CAACK,wBAAwB;QAClCL,CAAC,CAACM,iBAAiB;;QAERN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;;QAI3DR,CAAC,CAACS,sBAAsB;;;MAGvC,CAAC;MACDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;QACrB,OAAOH,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;QACPH,CAAC,CAACW,yBAAyB;;MAExC,CAAC;MACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;QACd,OAAOH,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACa,uBAAuB;;MAE3C,CAAC;MACDC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOjB,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;MASpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,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,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;;;IAGEJ,CAAC,CAACK,wBAAwB;IAClCL,CAAC,CAACM,iBAAiB;;IAERN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;;IAI3DR,CAAC,CAACS,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACW,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOb,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/CommonWrapper/CommonWrapper.d.ts

@@ -5,11 +5,10 @@ export type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;
 export declare class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private cx;
     private child;
     getRootNode: TGetRootNode;
     private setRootNode;
     private rootNodeSubscription;
-    render(): React.JSX.Element;
+    render(): React.ReactNode;
     private ref;
 }

package/cjs/internal/CommonWrapper/CommonWrapper.js

@@ -1,8 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CommonWrapper = void 0;var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _utils = require("../../lib/utils");
+var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _rootNode = require("../../lib/rootNode");
@@ -24,7 +23,6 @@ CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_Commo
 
 
 
-
     rootNodeSubscription = null;_this.
 
 
@@ -44,14 +42,6 @@ CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_Commo
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -81,4 +71,4 @@ CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_Commo
       if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
         originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);
       }
-    };return _this;}(0, _inheritsLoose2.default)(CommonWrapper, _React$Component);var _proto = CommonWrapper.prototype;_proto.render = function render() {var _this2 = this;var _extractCommonProps = (0, _extractCommonProps2.extractCommonProps)(this.props),_extractCommonProps$ = _extractCommonProps[0],className = _extractCommonProps$.className,style = _extractCommonProps$.style,children = _extractCommonProps$.children,rootNodeRef = _extractCommonProps$.rootNodeRef,dataProps = (0, _objectWithoutPropertiesLoose2.default)(_extractCommonProps$, _excluded),rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_extractCommonProps[1]), _extractCommonProps[1]));this.child = (0, _utils.isFunction)(children) ? children(rest) : children;var getChildProps = function getChildProps(child) {var childProps = (0, _extends2.default)({}, (0, _getCommonVisualStateDataAttributes.getCommonVisualStateDataAttributes)(rest), dataProps);(0, _utils.isRefableElement)(child) && (childProps.ref = _this2.ref);var classNames = _this2.cx(child.props.className, className);classNames && (childProps.className = classNames);var styles = (0, _extends2.default)({}, child.props.style, style);Object.keys(styles).length && (childProps.style = styles);return childProps;};return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;return /*#__PURE__*/_react.default.isValidElement(_this2.child) ? /*#__PURE__*/_react.default.cloneElement(_this2.child, getChildProps(_this2.child)) : _this2.child;});};return CommonWrapper;}(_react.default.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(CommonWrapper, _React$Component);var _proto = CommonWrapper.prototype;_proto.render = function render() {var _this2 = this;var _extractCommonProps = (0, _extractCommonProps2.extractCommonProps)(this.props),_extractCommonProps$ = _extractCommonProps[0],className = _extractCommonProps$.className,style = _extractCommonProps$.style,children = _extractCommonProps$.children,rootNodeRef = _extractCommonProps$.rootNodeRef,dataProps = (0, _objectWithoutPropertiesLoose2.default)(_extractCommonProps$, _excluded),rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_extractCommonProps[1]), _extractCommonProps[1]));this.child = (0, _utils.isFunction)(children) ? children(rest) : children;var getChildProps = function getChildProps(child) {var childProps = (0, _extends2.default)({}, (0, _getCommonVisualStateDataAttributes.getCommonVisualStateDataAttributes)(rest), dataProps);(0, _utils.isRefableElement)(child) && (childProps.ref = _this2.ref);var classNames = (0, _Emotion.cx)(child.props.className, className);classNames && (childProps.className = classNames);var styles = (0, _extends2.default)({}, child.props.style, style);Object.keys(styles).length && (childProps.style = styles);return childProps;};return /*#__PURE__*/_react.default.isValidElement(this.child) ? /*#__PURE__*/_react.default.cloneElement(this.child, getChildProps(this.child)) : this.child;};return CommonWrapper;}(_react.default.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_utils","_rootNode","_callChildRef","_extractCommonProps2","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","CommonWrapper","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","getRootNode","remove","isInstanceWithRootNode","addRootNodeChangeListener","node","originalRef","child","callChildRef","_inheritsLoose2","default","_proto","prototype","render","_this2","_extractCommonProps","extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose2","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","React","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } 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 cx!: Emotion['cx'];\n  private child: React.ReactNode;\n  public getRootNode!: TGetRootNode;\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 = this.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 (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n\n          return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n            ? React.cloneElement(this.child, getChildProps(this.child))\n            : this.child;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\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","_interopRequireDefault","require","_utils","_Emotion","_rootNode","_callChildRef","_extractCommonProps2","_getCommonVisualStateDataAttributes","_excluded","_class","_CommonWrapper","CommonWrapper","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","getRootNode","remove","isInstanceWithRootNode","addRootNodeChangeListener","node","originalRef","child","callChildRef","_inheritsLoose2","default","_proto","prototype","render","_this2","_extractCommonProps","extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose2","rest","_extends2","_objectDestructuringEmpty2","isFunction","getChildProps","childProps","getCommonVisualStateDataAttributes","isRefableElement","classNames","cx","styles","Object","keys","React","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 type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } 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  public getRootNode!: TGetRootNode;\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/cjs/internal/CustomComboBox/ComboBoxView.d.ts

@@ -10,8 +10,9 @@ import type { CommonProps } from '../CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { ComboBoxExtendedItem } from '../../components/ComboBox';
 import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputProps } from '../../components/MaskedInput';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
     borderless?: boolean;
@@ -92,7 +93,6 @@ export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T
     private mobileInput;
     private isMobileLayout;
     private dropdownContainerRef;
-    private styles;
     private theme;
     private menuId;
     state: {

package/cjs/internal/CustomComboBox/ComboBoxView.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComboBoxViewIds = exports.ComboBoxView = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _utils = require("../../lib/utils");
 
 var _Input = require("../../components/Input");
@@ -27,6 +26,10 @@ var _Popup = require("../Popup");
 var _getMenuPositions = require("../../lib/getMenuPositions");
 var _ZIndex = require("../ZIndex");
 
+var _MaskedInput = require("../../components/MaskedInput");
+var _MaskedInput2 = require("../../components/MaskedInput/MaskedInput.styles");
+var _Emotion = require("../../lib/theming/Emotion");
+
 var _ArrowDownIcon = require("./ArrowDownIcon");
 var _ComboBoxMenu = require("./ComboBoxMenu");
 var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
@@ -114,6 +117,8 @@ var _getComboBoxTheme = require("./getComboBoxTheme");var _class, _ComboBoxView;
 
 
 
+
+
 
 
 
@@ -158,7 +163,6 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
     dropdownContainerRef = /*#__PURE__*/_react.default.createRef();_this.
 
-
     menuId = ComboBoxViewIds.menu + (0, _utils.getRandomID)();_this.
 
     state = {
@@ -225,14 +229,6 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -409,6 +405,22 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -450,7 +462,7 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
     };_this.
 
     renderSpinner = function () {return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _this.styles.spinnerWrapper() }, /*#__PURE__*/
+        _react.default.createElement("span", { className: _CustomComboBox.styles.spinnerWrapper() }, /*#__PURE__*/
         _react.default.createElement(_Spinner.Spinner, { type: "mini", caption: "", dimmed: true })
         ));};_this.
 
@@ -471,4 +483,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(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _CustomComboBox.getStyles)(emotion);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: this.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;
+    };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,onPaste = _this$props5.onPaste,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,mask = _this$props5.mask,maskChar = _this$props5.maskChar,formatChars = _this$props5.formatChars;var rightIcon = this.getRightIcon();if (editing) {var inputProps = { id: id, align: align, borderless: borderless, disabled: disabled, error: error, onBlur: isMobile ? undefined : onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: isMobile ? this.handleMobileFocus : onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, onPaste: onPaste, placeholder: placeholder, width: '100%', size: size, warning: warning, inputMode: inputMode, autoComplete: 'off', 'aria-describedby': ariaDescribedby, 'aria-controls': this.menuId, 'aria-label': ariaLabel, showClearIcon: showClearIcon };if (mask) {return /*#__PURE__*/_react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({ ref: this.refInput }, inputProps, { type: "text", mask: mask, maskChar: maskChar, formatChars: formatChars }));}return /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: this.refInput, maxLength: this.props.maxLength }, inputProps));}var _this$getProps4 = this.getProps(),renderValue = _this$getProps4.renderValue;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, className: (0, _Emotion.cx)(mask && _MaskedInput2.styles.root(this.theme)), 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","_RenderEnvironmentContext","_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","onInputKeyDown","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","onKeyDown","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","RenderEnvironmentContext","Consumer","_ref","emotion","getStyles","ThemeContext","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","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","_this$getProps4","renderValue","maxLength","onBlur","undefined","onClick","InputLikeText","onClearCrossClick","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport type { Menu } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode, getRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { 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 { 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  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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private styles!: ReturnType<typeof getStyles>;\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      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.styles = getStyles(emotion);\n\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      </RenderEnvironmentContext.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={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, onInputKeyDown, 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      onKeyDown: onInputKeyDown,\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={this.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","_MaskedInput","_MaskedInput2","_Emotion","_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","onInputKeyDown","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","onKeyDown","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","onPaste","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","mask","maskChar","formatChars","onBlur","undefined","onClick","MaskedInput","maxLength","_this$getProps4","renderValue","InputLikeText","cx","MaskedInputStyles","onClearCrossClick","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport type { Menu } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode, getRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../ZIndex';\nimport type { MaskedInputProps } from '../../components/MaskedInput';\nimport { MaskedInput } from '../../components/MaskedInput';\nimport { styles as MaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles';\nimport { cx } from '../../lib/theming/Emotion';\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    Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\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  public getRootNode!: TGetRootNode;\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, onInputKeyDown, 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      onKeyDown: onInputKeyDown,\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      onPaste,\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      mask,\n      maskChar,\n      formatChars,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      const inputProps: InputProps = {\n        id,\n        align,\n        borderless,\n        disabled,\n        error,\n        onBlur: isMobile ? undefined : onInputBlur,\n        onValueChange: onInputValueChange,\n        onFocus: onInputFocus,\n        onClick: isMobile ? this.handleMobileFocus : onInputClick,\n        leftIcon,\n        rightIcon,\n        value: textValue || '',\n        onKeyDown: onInputKeyDown,\n        onPaste,\n        placeholder,\n        width: '100%',\n        size,\n        warning,\n        inputMode,\n        autoComplete: 'off',\n        'aria-describedby': ariaDescribedby,\n        'aria-controls': this.menuId,\n        'aria-label': ariaLabel,\n        showClearIcon,\n      };\n\n      if (mask) {\n        return (\n          <MaskedInput\n            ref={this.refInput}\n            {...inputProps}\n            type=\"text\"\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n          />\n        );\n      }\n\n      return <Input ref={this.refInput} maxLength={this.props.maxLength} {...inputProps} />;\n    }\n\n    const { renderValue } = this.getProps();\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        className={cx(mask && MaskedInputStyles.root(this.theme))}\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

@@ -9,9 +9,10 @@ import type { CommonProps } from '../CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { ComboBoxExtendedItem } from '../../components/ComboBox';
 import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputProps } from '../../components/MaskedInput';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
 export * from './tids';
-export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
     borderless?: boolean;
@@ -96,7 +97,6 @@ export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBo
     inputLikeText: Nullable<InputLikeText>;
     requestId: number;
     loaderShowDelay: Nullable<Promise<void>>;
-    private globalObject;
     private focused;
     private cancelationToken;
     private isMobileLayout;
@@ -143,11 +143,14 @@ export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBo
      * @public
      */
     reset(): void;
+    /**
+     * @public
+     */
+    changeValue: (value: T) => void;
     private dispatch;
     private handleEffect;
     private getProps;
     private getState;
-    private handleValueChange;
     private handleFocus;
     private handleMobileClose;
     private handleClickOutside;