@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/hooks/useDrop/useDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useState","globalObject","useDrop","props","_props","onDrop","droppableRef","overRef","timerId","_useState","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && globalObject.clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = globalObject.setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":";AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAEhE,SAASC,YAAY,QAAQ,0BAA0B;;;;;;;;;;;;;AAavD,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAA2CC,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAGP,MAAM,CAAW,IAAI,CAAC;EAC3C,IAAMQ,OAAO,GAAGR,MAAM,CAAU,KAAK,CAAC;EACtC,IAAMS,OAAO,GAAGT,MAAM,CAAY,CAAC;EACnC,IAAAU,SAAA,GAAsCT,QAAQ,CAAU,KAAK,CAAC,CAAvDU,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;;EAElC,IAAMG,UAAU,GAAGf,WAAW,CAAC,YAAM;IACnCW,OAAO,CAACK,OAAO,IAAIZ,YAAY,CAACa,YAAY,CAACN,OAAO,CAACK,OAAO,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAGlB,WAAW;IAChC,UAACmB,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBN,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZJ,OAAO,CAACK,OAAO,GAAGZ,YAAY,CAACiB,UAAU,CAAC,YAAM;QAC9CX,OAAO,CAACM,OAAO,GAAG,KAAK;QACvBF,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMK,cAAc,GAAGpB,WAAW,CAAC,UAACmB,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAGvB,WAAW;IAC5B,UAACmB,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBL,cAAc,CAAC,KAAK,CAAC;MACrBJ,OAAO,CAACM,OAAO,GAAG,KAAK;;MAEvBR,MAAM,YAANA,MAAM,CAAGW,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEZ,MAAM;EACzB,CAAC;;EAEDP,SAAS,CAAC,YAAM;IACd,IAAMuB,GAAG,GAAGf,YAAY,CAACO,OAAO;;IAEhC,IAAI,CAACQ,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAEP,cAAc,CAAC;IAChDM,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEF,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXC,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAER,cAAc,CAAC;MACnDM,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEH,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAEP,WAAW,EAAXA,WAAW,EAAEW,GAAG,EAAEf,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useDrop","props","_props","onDrop","droppableRef","overRef","timerId","_useState","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SafeTimer } from '../lib/globalObject';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":";AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;;;;;;;;;;;;;;AAehE,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAA2CC,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAGN,MAAM,CAAW,IAAI,CAAC;EAC3C,IAAMO,OAAO,GAAGP,MAAM,CAAU,KAAK,CAAC;EACtC,IAAMQ,OAAO,GAAGR,MAAM,CAAY,CAAC;EACnC,IAAAS,SAAA,GAAsCR,QAAQ,CAAU,KAAK,CAAC,CAAvDS,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;;EAElC,IAAMG,UAAU,GAAGd,WAAW,CAAC,YAAM;IACnCU,OAAO,CAACK,OAAO,IAAIC,YAAY,CAACN,OAAO,CAACK,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAGjB,WAAW;IAChC,UAACkB,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBN,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZJ,OAAO,CAACK,OAAO,GAAGK,UAAU,CAAC,YAAM;QACjCX,OAAO,CAACM,OAAO,GAAG,KAAK;QACvBF,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMK,cAAc,GAAGnB,WAAW,CAAC,UAACkB,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAGtB,WAAW;IAC5B,UAACkB,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBL,cAAc,CAAC,KAAK,CAAC;MACrBJ,OAAO,CAACM,OAAO,GAAG,KAAK;;MAEvBR,MAAM,YAANA,MAAM,CAAGW,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEZ,MAAM;EACzB,CAAC;;EAEDN,SAAS,CAAC,YAAM;IACd,IAAMsB,GAAG,GAAGf,YAAY,CAACO,OAAO;;IAEhC,IAAI,CAACQ,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAEP,cAAc,CAAC;IAChDM,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEF,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXC,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAER,cAAc,CAAC;MACnDM,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEH,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAEP,WAAW,EAAXA,WAAW,EAAEW,GAAG,EAAEf,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["size", "style", "data-tid"];
 import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { cx } from "../../../lib/theming/Emotion";
-import { keyListener } from "../../../lib/events/keyListener";
+import { useGlobal, useEmotion, useStyles } from "../../../lib/renderEnvironment";
+import { useKeyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../CommonWrapper";
-import { styles } from "../ClearCrossIcon.styles";
+import { getStyles } from "../ClearCrossIcon.styles";
 import { CrossIcon } from "../CrossIcon";
 export var ClearCrossIcon = function ClearCrossIcon(_ref) {
   var _ref$size = _ref.size,
@@ -15,7 +14,12 @@ export var ClearCrossIcon = function ClearCrossIcon(_ref) {
     style = _ref.style,
     dataTid = _ref['data-tid'],
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var globalObject = useGlobal();
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var theme = React.useContext(ThemeContext);
+  var keyListener = useKeyListener();
   var getSizeClassNames = function getSizeClassNames(size) {
     switch (size) {
       case 'large':

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","CommonWrapper","styles","CrossIcon","ClearCrossIcon","_ref","_ref$size","size","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","theme","useContext","getSizeClassNames","button","clearCrossLarge","span","relativeWidthLarge","clearCrossMedium","relativeWidthMedium","clearCrossSmall","relativeWidthSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","createElement","className","_extends","type","tabIndex","root","focus","onFocus","onBlur","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React 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 type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener 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  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useGlobal","useEmotion","useStyles","useKeyListener","ThemeContext","CommonWrapper","getStyles","CrossIcon","ClearCrossIcon","_ref","_ref$size","size","style","dataTid","rest","_objectWithoutPropertiesLoose","_excluded","globalObject","_useEmotion","cx","styles","theme","useContext","keyListener","getSizeClassNames","button","clearCrossLarge","span","relativeWidthLarge","clearCrossMedium","relativeWidthMedium","clearCrossSmall","relativeWidthSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","createElement","className","_extends","type","tabIndex","root","focus","onFocus","onBlur","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { getStyles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  const keyListener = useKeyListener();\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener 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  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,30 +1,32 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor, t.clearCrossIconAlign, t.inputBorderWidth, t.inputBorderWidth);
-  },
-  focus: function focus(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.clearCrossIconHoverColor);
-  },
-  clearCrossSmall: function clearCrossSmall(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconBorderRadiusSmall);
-  },
-  clearCrossMedium: function clearCrossMedium(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconBorderRadiusMedium);
-  },
-  clearCrossLarge: function clearCrossLarge(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconBorderRadiusLarge);
-  },
-  relativeWidthSmall: function relativeWidthSmall(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeSmall);
-  },
-  relativeWidthMedium: function relativeWidthMedium(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeMedium);
-  },
-  relativeWidthLarge: function relativeWidthLarge(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeLarge);
-  }
-});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor, t.clearCrossIconAlign, t.inputBorderWidth, t.inputBorderWidth);
+    },
+    focus: function focus(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.clearCrossIconHoverColor);
+    },
+    clearCrossSmall: function clearCrossSmall(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconBorderRadiusSmall);
+    },
+    clearCrossMedium: function clearCrossMedium(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconBorderRadiusMedium);
+    },
+    clearCrossLarge: function clearCrossLarge(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconBorderRadiusLarge);
+    },
+    relativeWidthSmall: function relativeWidthSmall(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeSmall);
+    },
+    relativeWidthMedium: function relativeWidthMedium(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeMedium);
+    },
+    relativeWidthLarge: function relativeWidthLarge(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeLarge);
+    }
+  });
+};

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","clearCrossIconAlign","inputBorderWidth","focus","_templateObject2","clearCrossSmall","_templateObject3","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","_templateObject4","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","_templateObject5","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconBorderRadiusLarge","relativeWidthSmall","_templateObject6","inputIconSizeSmall","relativeWidthMedium","_templateObject7","inputIconSizeMedium","relativeWidthLarge","_templateObject8","inputIconSizeLarge"],"sources":["ClearCrossIcon.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      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: ${t.clearCrossIconAlign};\n      align-items: center;\n      position: absolute;\n      right: -${t.inputBorderWidth};\n      top: -${t.inputBorderWidth};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.clearCrossIconHoverColor};\n    `;\n  },\n\n  clearCrossSmall(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n  },\n  clearCrossMedium(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n  },\n  clearCrossLarge(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n  },\n  relativeWidthSmall(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeSmall};\n    `;\n  },\n  relativeWidthMedium(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeMedium};\n    `;\n  },\n  relativeWidthLarge(t: Theme) {\n    return css`\n      display: inline-block;\n      width: ${t.inputIconSizeLarge};\n    `;\n  },\n});\n"],"mappings":"kPAAA,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;IACNG,CAAC,CAACG,mBAAmB;;IAEVH,CAAC,CAACI,kBAAkB,EAAIJ,CAAC,CAACK,wBAAwB;;IAE3DL,CAAC,CAACM,wBAAwB;;;IAGlBN,CAAC,CAACO,mBAAmB;;;IAG9BP,CAAC,CAACQ,gBAAgB;IACpBR,CAAC,CAACQ,gBAAgB;;EAE9B,CAAC;;EAEDC,KAAK,WAAAA,MAACT,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACCF,CAAC,CAACM,wBAAwB;;EAEvC,CAAC;;EAEDK,eAAe,WAAAA,gBAACX,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCF,CAAC,CAACa,wBAAwB;IACzBb,CAAC,CAACc,yBAAyB;IACpBd,CAAC,CAACe,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAAChB,CAAQ,EAAE;IACzB,OAAOL,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACCF,CAAC,CAACkB,yBAAyB;IAC1BlB,CAAC,CAACmB,0BAA0B;IACrBnB,CAAC,CAACoB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCF,CAAC,CAACuB,wBAAwB;IACzBvB,CAAC,CAACwB,yBAAyB;IACpBxB,CAAC,CAACyB,+BAA+B;;EAEtD,CAAC;EACDC,kBAAkB,WAAAA,mBAAC1B,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;;IAECF,CAAC,CAAC4B,kBAAkB;;EAEjC,CAAC;EACDC,mBAAmB,WAAAA,oBAAC7B,CAAQ,EAAE;IAC5B,OAAOL,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;;IAECF,CAAC,CAAC+B,mBAAmB;;EAElC,CAAC;EACDC,kBAAkB,WAAAA,mBAAChC,CAAQ,EAAE;IAC3B,OAAOL,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;;IAECF,CAAC,CAACkC,kBAAkB;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memoizeStyle","resetButton","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","clearCrossIconAlign","inputBorderWidth","focus","_templateObject2","clearCrossSmall","_templateObject3","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","_templateObject4","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","_templateObject5","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconBorderRadiusLarge","relativeWidthSmall","_templateObject6","inputIconSizeSmall","relativeWidthMedium","_templateObject7","inputIconSizeMedium","relativeWidthLarge","_templateObject8","inputIconSizeLarge"],"sources":["ClearCrossIcon.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()}\n      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: ${t.clearCrossIconAlign};\n      align-items: center;\n      position: absolute;\n      right: -${t.inputBorderWidth};\n      top: -${t.inputBorderWidth};\n    `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        color: ${t.clearCrossIconHoverColor};\n      `;\n    },\n\n    clearCrossSmall(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n    },\n    clearCrossMedium(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n    },\n    clearCrossLarge(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n    },\n    relativeWidthSmall(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeSmall};\n    `;\n    },\n    relativeWidthMedium(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeMedium};\n    `;\n    },\n    relativeWidthLarge(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeLarge};\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;QAChBP,WAAW,CAAC,CAAC;QACNI,CAAC,CAACI,mBAAmB;;QAEVJ,CAAC,CAACK,kBAAkB,EAAIL,CAAC,CAACM,wBAAwB;;QAE3DN,CAAC,CAACO,wBAAwB;;;QAGlBP,CAAC,CAACQ,mBAAmB;;;QAG9BR,CAAC,CAACS,gBAAgB;QACpBT,CAAC,CAACS,gBAAgB;;MAE5B,CAAC;;MAEDC,KAAK,WAAAA,MAACV,CAAQ,EAAE;QACd,OAAOF,OAAO,CAACG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;QACPH,CAAC,CAACO,wBAAwB;;MAEvC,CAAC;;MAEDK,eAAe,WAAAA,gBAACZ,CAAQ,EAAE;QACxB,OAAOF,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;QACTH,CAAC,CAACc,wBAAwB;QACzBd,CAAC,CAACe,yBAAyB;QACpBf,CAAC,CAACgB,+BAA+B;;MAEpD,CAAC;MACDC,gBAAgB,WAAAA,iBAACjB,CAAQ,EAAE;QACzB,OAAOF,OAAO,CAACG,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;QACTH,CAAC,CAACmB,yBAAyB;QAC1BnB,CAAC,CAACoB,0BAA0B;QACrBpB,CAAC,CAACqB,gCAAgC;;MAErD,CAAC;MACDC,eAAe,WAAAA,gBAACtB,CAAQ,EAAE;QACxB,OAAOF,OAAO,CAACG,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;QACTH,CAAC,CAACwB,wBAAwB;QACzBxB,CAAC,CAACyB,yBAAyB;QACpBzB,CAAC,CAAC0B,+BAA+B;;MAEpD,CAAC;MACDC,kBAAkB,WAAAA,mBAAC3B,CAAQ,EAAE;QAC3B,OAAOF,OAAO,CAACG,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;;QAETH,CAAC,CAAC6B,kBAAkB;;MAE/B,CAAC;MACDC,mBAAmB,WAAAA,oBAAC9B,CAAQ,EAAE;QAC5B,OAAOF,OAAO,CAACG,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;;QAETH,CAAC,CAACgC,mBAAmB;;MAEhC,CAAC;MACDC,kBAAkB,WAAAA,mBAACjC,CAAQ,EAAE;QAC3B,OAAOF,OAAO,CAACG,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;;QAETH,CAAC,CAACmC,kBAAkB;;MAE/B;IACF,CAAC,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts

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

package/internal/ClearCrossIcon/CrossIcon.d.ts

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

package/internal/CloseButtonIcon/CloseButtonIcon/CloseButtonIcon.js

@@ -2,14 +2,13 @@ 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 from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { cx } from "../../../lib/theming/Emotion";
-import { keyListener } from "../../../lib/events/keyListener";
+import { useGlobal, useEmotion, useStyles } from "../../../lib/renderEnvironment";
+import { useKeyListener } 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 { styles } from "../CloseButtonIcon.styles";
+import { getStyles } from "../CloseButtonIcon.styles";
 import { CrossIcon } from "../CrossIcon";
 export var CloseButtonIcon = function CloseButtonIcon(_ref) {
   var _ref$side = _ref.side,
@@ -22,11 +21,16 @@ export var CloseButtonIcon = function CloseButtonIcon(_ref) {
     tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,
     style = _ref.style,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var globalObject = useGlobal();
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   var _theme = React.useContext(ThemeContext);
   var theme = ThemeFactory.create({
     closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
     closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
   }, _theme);
+  var keyListener = useKeyListener();
   var _React$useState = React.useState(false),
     focusedByTab = _React$useState[0],
     setFocusedByTab = _React$useState[1];

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

@@ -1 +1 @@
-{"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 type { AriaAttributes, CSSProperties } from 'react';\nimport React 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 type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } 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":[]}
+{"version":3,"names":["React","useGlobal","useEmotion","useStyles","useKeyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","getStyles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","globalObject","_useEmotion","cx","styles","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","keyListener","_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 type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\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 globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\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 keyListener = useKeyListener();\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,18 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
-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    "])));
-  }
-});
+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(), 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      "])));
+    }
+  });
+};

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

@@ -1 +1 @@
-{"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 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":"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":[]}
+{"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/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()}\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,CAAC,CAAC;;;QAGEI,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":[]}

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

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

package/internal/CloseButtonIcon/CrossIcon.d.ts

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

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -6,12 +6,12 @@ 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 { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { extractCommonProps } from "../utils/extractCommonProps";
 import { getCommonVisualStateDataAttributes } from "../utils/getCommonVisualStateDataAttributes";
-export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
+export var CommonWrapper = withRenderEnvironment(_class = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
   function CommonWrapper() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -57,7 +57,7 @@ export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/func
     var getChildProps = function getChildProps(child) {
       var childProps = _extends({}, getCommonVisualStateDataAttributes(rest), dataProps);
       isRefableElement(child) && (childProps.ref = _this2.ref);
-      var classNames = cx(child.props.className, className);
+      var classNames = _this2.cx(child.props.className, className);
       classNames && (childProps.className = classNames);
       var styles = _extends({}, child.props.style, style);
       Object.keys(styles).length && (childProps.style = styles);
@@ -66,4 +66,4 @@ export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/func
     return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, getChildProps(this.child)) : this.child;
   };
   return CommonWrapper;
-}(React.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;
+}(React.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class) || _class;

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

@@ -1 +1 @@
-{"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 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":"6ZAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,iBAAiB;AAC9D,SAASC,EAAE,QAAQ,2BAA2B;;;AAG9C,SAASC,WAAW,EAAEC,sBAAsB,EAAEC,QAAQ,QAAQ,oBAAoB;AAClF,SAASC,YAAY,QAAQ,qCAAqC;;;AAGlE,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kCAAkC,QAAQ,4CAA4C;;;;AAI/F;AACaC,aAAa,GADzBJ,QAAQ,CAAAK,MAAA,IAAAC,cAAA,0BAAAC,gBAAA,YAAAH,cAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;IAUCU,oBAAoB,GAAoC,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B5DW,GAAG,GAAG,UAACC,QAAuC,EAAK,KAAAC,qBAAA,EAAAC,WAAA;MACzDd,KAAA,CAAKe,WAAW,CAACH,QAAQ,CAAC;MAC1BZ,KAAA,CAAKgB,KAAK,CAACC,WAAW,YAAtBjB,KAAA,CAAKgB,KAAK,CAACC,WAAW,CAAG3B,WAAW,CAACsB,QAAQ,CAAC,CAAC;;MAE/C;MACA;MACA,CAAAC,qBAAA,GAAAb,KAAA,CAAKU,oBAAoB,aAAzBG,qBAAA,CAA2BK,MAAM,CAAC,CAAC;MACnClB,KAAA,CAAKU,oBAAoB,GAAG,IAAI;;MAEhC,IAAIE,QAAQ,IAAIrB,sBAAsB,CAACqB,QAAQ,CAAC,EAAE;QAChDZ,KAAA,CAAKU,oBAAoB,GAAGE,QAAQ,CAACO,yBAAyB,oBAAlCP,QAAQ,CAACO,yBAAyB,CAAG,UAACC,IAAI,EAAK;UACzEpB,KAAA,CAAKe,WAAW,CAACK,IAAI,CAAC;UACtBpB,KAAA,CAAKgB,KAAK,CAACC,WAAW,YAAtBjB,KAAA,CAAKgB,KAAK,CAACC,WAAW,CAAGG,IAAI,CAAC;QAChC,CAAC,CAAC;MACJ;;MAEA,IAAMC,WAAW,IAAAP,WAAA,GAAId,KAAA,CAAKsB,KAAK,qBAAXR,WAAA,CAA0CH,GAAG;MACjE,IAAI,OAAOU,WAAW,KAAK,UAAU,IAAKA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAS,EAAE;QACzFA,WAAW,IAAI5B,YAAY,CAAC4B,WAAW,EAAET,QAAQ,CAAC;MACpD;IACF,CAAC,QAAAZ,KAAA,EAAAuB,cAAA,CAAA3B,aAAA,EAAAG,gBAAA,MAAAyB,MAAA,GAAA5B,aAAA,CAAA6B,SAAA,CAAAD,MAAA,CA9CDE,MAAM,GAAN,SAAAA,OAAA,EAAS,KAAAC,MAAA,QACP,IAAAC,mBAAA,GAAiFlC,kBAAkB,CAAC,IAAI,CAACsB,KAAK,CAAC,CAAAa,oBAAA,GAAAD,mBAAA,IAAtGE,SAAS,GAAAD,oBAAA,CAATC,SAAS,CAAEC,KAAK,GAAAF,oBAAA,CAALE,KAAK,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ,CAAEf,WAAW,GAAAY,oBAAA,CAAXZ,WAAW,CAAKgB,SAAS,GAAAC,6BAAA,CAAAL,oBAAA,EAAAM,SAAA,EAASC,IAAI,GAAAC,QAAA,MAAAC,yBAAA,CAAAV,mBAAA,MAAAA,mBAAA,MAC3E,IAAI,CAACN,KAAK,GAAGnC,UAAU,CAAC6C,QAAQ,CAAC,GAAGA,QAAQ,CAACI,IAAI,CAAC,GAAGJ,QAAQ,CAE7D,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CAAIjB,KAAiE,EAAK,CAC3F,IAAMkB,UAAmC,GAAAH,QAAA,KACpC1C,kCAAkC,CAACyC,IAAI,CAAC,EACxCH,SAAS,CACb,CAED7C,gBAAgB,CAACkC,KAAK,CAAC,KAAKkB,UAAU,CAAC7B,GAAG,GAAGgB,MAAI,CAAChB,GAAG,CAAC,CAEtD,IAAM8B,UAAkB,GAAGpD,EAAE,CAACiC,KAAK,CAACN,KAAK,CAACc,SAAS,EAAEA,SAAS,CAAC,CAC/DW,UAAU,KAAKD,UAAU,CAACV,SAAS,GAAGW,UAAU,CAAC,CAEjD,IAAMC,MAA2B,GAAAL,QAAA,KAAQf,KAAK,CAACN,KAAK,CAACe,KAAK,EAAKA,KAAK,CAAE,CACtEY,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACvC,MAAM,KAAKqC,UAAU,CAACT,KAAK,GAAGW,MAAM,CAAC,CAEzD,OAAOF,UAAU,CACnB,CAAC,CAED,OAAO,aAAAtD,KAAK,CAAC2D,cAAc,CAAyC,IAAI,CAACvB,KAAK,CAAC,gBAC3EpC,KAAK,CAAC4D,YAAY,CAAC,IAAI,CAACxB,KAAK,EAAEiB,aAAa,CAAC,IAAI,CAACjB,KAAK,CAAC,CAAC,GACzD,IAAI,CAACA,KAAK,CAChB,CAAC,QAAA1B,aAAA,GAnCsEV,KAAK,CAAC6D,SAAS,GAAAjD,cAAA,CAGxEkD,mBAAmB,GAAG,eAAe,EAAAlD,cAAA,CACrCmD,WAAW,GAAG,eAAe,EAAAnD,cAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["React","isFunction","isRefableElement","getRootNode","isInstanceWithRootNode","rootNode","callChildRef","withRenderEnvironment","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","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/types/create-instance';\n\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';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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@withRenderEnvironment\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 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

@@ -5,6 +5,7 @@ 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;

package/internal/CustomComboBox/ArrowDownIcon.d.ts

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

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js

@@ -133,7 +133,6 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
           whiteSpace: 'normal'
         }
       }, errorNetworkMessage)), /*#__PURE__*/React.createElement(MenuItem, {
-        link: true,
         onClick: this.getProps().repeatRequest,
         size: this.props.size,
         key: "retry",

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

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