@skbkontur/react-ui 5.1.2 → 5.1.3

package/cjs/hooks/useMemoObject.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useMemoObject","exports","objectValue","useMemo","Object","values"],"sources":["useMemoObject.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"],"mappings":"sEAAA,IAAAA,MAAA,GAAAC,OAAA;;;;AAIO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAA+BE,WAAoB,EAAK;EAChF,OAAO,IAAAC,cAAO,EAAU,oBAAMD,WAAW,IAAEE,MAAM,CAACC,MAAM,CAACH,WAAW,CAAC,CAAC;AACxE,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","useMemoObject","exports","objectValue","useMemo","Object","values"],"sources":["useMemoObject.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"],"mappings":"sEAAA,IAAAA,MAAA,GAAAC,OAAA;;;;AAIO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAA+BE,WAAoB,EAAK;EAChF,OAAO,IAAAC,cAAO,EAAU,oBAAMD,WAAW,IAAEE,MAAM,CAACC,MAAM,CAACH,WAAW,CAAC,CAAC;AACxE,CAAC","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
 export interface ClearCrossIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
     /** Ширина и высота иконки крестика
      * @default small */

package/cjs/internal/ClearCrossIcon/ClearCrossIcon.js

@@ -1,9 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ClearCrossIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ClearCrossIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../CommonWrapper");
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_CommonWrapper","_ClearCrossIcon","_CrossIcon","_excluded","ClearCrossIcon","exports","_ref","_ref$size","size","style","rest","_objectWithoutPropertiesLoose2","default","theme","React","useContext","ThemeContext","getSizeClassName","styles","clearCrossLarge","clearCrossMedium","clearCrossSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","createElement","CommonWrapper","_extends2","type","tabIndex","className","cx","root","focus","onFocus","onBlur","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import React, { AriaAttributes } 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 { CommonWrapper, CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { 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}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({ size = 'small', style, ...rest }) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.clearCrossLarge(theme);\n      case 'medium':\n        return styles.clearCrossMedium(theme);\n      case 'small':\n      default:\n        return styles.clearCrossSmall(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      <button\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          getSizeClassName(size),\n        )}\n        style={style}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <CrossIcon size={size} focusable />\n      </button>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":"kXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA,gBAAwC,IAAAQ,SAAA;;;;;;;;;;;AAWjC,IAAMC,cAA4D,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAA/DA,cAA4DA,CAAAE,IAAA,EAA2C,KAAAC,SAAA,GAAAD,IAAA,CAArCE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAC3G,IAAMU,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIT,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOU,sBAAM,CAACC,eAAe,CAACN,KAAK,CAAC;MACtC,KAAK,QAAQ;QACX,OAAOK,sBAAM,CAACE,gBAAgB,CAACP,KAAK,CAAC;MACvC,KAAK,OAAO;MACZ;QACE,OAAOK,sBAAM,CAACG,eAAe,CAACR,KAAK,CAAC;IACxC;EACF,CAAC;;EAED,IAAAS,eAAA,GAAwCR,cAAK,CAACS,QAAQ,CAAU,KAAK,CAAC,CAA/DC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASN,eAAe,CAAC,KAAK,CAAC;;EAE/C;IACEhC,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,CAAChC,cAAA,CAAAiC,aAAa,EAAKvB,IAAI;IACrBjB,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,eAAAE,SAAA,CAAAtB,OAAA;MACEuB,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAE,IAAAC,WAAE;QACXpB,sBAAM,CAACqB,IAAI,CAAC1B,KAAK,CAAC;QAClB;QACAW,YAAY,IAAIN,sBAAM,CAACsB,KAAK,CAAC3B,KAAK,CAAC;QACnCI,gBAAgB,CAACT,IAAI;MACvB,CAAE;MACFC,KAAK,EAAEA,KAAM;MACbgC,OAAO,EAAEf,WAAY;MACrBgB,MAAM,EAAEX,UAAW;IACfrB,IAAI;;IAERjB,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,CAAC9B,UAAA,CAAAyC,SAAS,IAACnC,IAAI,EAAEA,IAAK,EAACoC,SAAS,QAAE;IAC5B;IACK,CAAC;;AAEpB,CAAC;;AAEDxC,cAAc,CAACyC,mBAAmB,GAAG,gBAAgB;AACrDzC,cAAc,CAAC0C,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_CommonWrapper","_ClearCrossIcon","_CrossIcon","_excluded","ClearCrossIcon","exports","_ref","_ref$size","size","style","rest","_objectWithoutPropertiesLoose2","default","theme","React","useContext","ThemeContext","getSizeClassName","styles","clearCrossLarge","clearCrossMedium","clearCrossSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","createElement","CommonWrapper","_extends2","type","tabIndex","className","cx","root","focus","onFocus","onBlur","CrossIcon","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}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({ size = 'small', style, ...rest }) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.clearCrossLarge(theme);\n      case 'medium':\n        return styles.clearCrossMedium(theme);\n      case 'small':\n      default:\n        return styles.clearCrossSmall(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      <button\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          getSizeClassName(size),\n        )}\n        style={style}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <CrossIcon size={size} focusable />\n      </button>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,cAAA,GAAAL,OAAA;;;;AAIA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA,gBAAwC,IAAAQ,SAAA;;;;;;;;;;;AAWjC,IAAMC,cAA4D,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAA/DA,cAA4DA,CAAAE,IAAA,EAA2C,KAAAC,SAAA,GAAAD,IAAA,CAArCE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAC3G,IAAMU,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIT,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOU,sBAAM,CAACC,eAAe,CAACN,KAAK,CAAC;MACtC,KAAK,QAAQ;QACX,OAAOK,sBAAM,CAACE,gBAAgB,CAACP,KAAK,CAAC;MACvC,KAAK,OAAO;MACZ;QACE,OAAOK,sBAAM,CAACG,eAAe,CAACR,KAAK,CAAC;IACxC;EACF,CAAC;;EAED,IAAAS,eAAA,GAAwCR,cAAK,CAACS,QAAQ,CAAU,KAAK,CAAC,CAA/DC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASN,eAAe,CAAC,KAAK,CAAC;;EAE/C;IACEhC,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,CAAChC,cAAA,CAAAiC,aAAa,EAAKvB,IAAI;IACrBjB,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,eAAAE,SAAA,CAAAtB,OAAA;MACEuB,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAE,IAAAC,WAAE;QACXpB,sBAAM,CAACqB,IAAI,CAAC1B,KAAK,CAAC;QAClB;QACAW,YAAY,IAAIN,sBAAM,CAACsB,KAAK,CAAC3B,KAAK,CAAC;QACnCI,gBAAgB,CAACT,IAAI;MACvB,CAAE;MACFC,KAAK,EAAEA,KAAM;MACbgC,OAAO,EAAEf,WAAY;MACrBgB,MAAM,EAAEX,UAAW;IACfrB,IAAI;;IAERjB,MAAA,CAAAmB,OAAA,CAAAoB,aAAA,CAAC9B,UAAA,CAAAyC,SAAS,IAACnC,IAAI,EAAEA,IAAK,EAACoC,SAAS,QAAE;IAC5B;IACK,CAAC;;AAEpB,CAAC;;AAEDxC,cAAc,CAACyC,mBAAmB,GAAG,gBAAgB;AACrDzC,cAAc,CAAC0C,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     focus(t: Theme): string;

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

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

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.d.ts

@@ -1,5 +1,6 @@
-import React, { AriaAttributes, CSSProperties } from 'react';
-import { CommonProps } from '../CommonWrapper';
+import type { AriaAttributes, CSSProperties } from 'react';
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
 export interface CloseButtonIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
     /**
      * Ширина и высота иконки крестика

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CloseButtonIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CloseButtonIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
 var _Emotion = require("../../lib/theming/Emotion");
@@ -6,6 +7,7 @@ var _keyListener = require("../../lib/events/keyListener");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _iconConstants = require("../icons2022/iconConstants");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
 var _CommonWrapper = require("../CommonWrapper");
 
 var _CloseButtonIcon = require("./CloseButtonIcon.styles");

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_iconConstants","_ThemeFactory","_CommonWrapper","_CloseButtonIcon","_CrossIcon","_excluded","CloseButtonIcon","exports","_ref","_ref$side","side","DEFAULT_ICON_SIZE","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose2","default","_theme","React","useContext","ThemeContext","theme","ThemeFactory","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","tabIndex","disabled","createElement","CommonWrapper","_extends2","className","cx","styles","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","CrossIcon","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import React, { AriaAttributes, CSSProperties } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"mXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA,gBAAwC,IAAAU,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCjC,IAAMC,eAA8D,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAjEA,eAA8DA,CAAAE,IAAA;;;;;;;;AAQrE,KAAAC,SAAA,GAAAD,IAAA,CAPJE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAGE,gCAAiB,GAAAF,SAAA,CAAAG,SAAA,GAAAJ,IAAA,CACxBK,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAGD,gCAAiB,GAAAC,SAAA,CACxBE,KAAK,GAAAN,IAAA,CAALM,KAAK,CACLC,UAAU,GAAAP,IAAA,CAAVO,UAAU,CAAAC,aAAA,GAAAR,IAAA,CACVS,QAAQ,CAARA,QAAQ,GAAAD,aAAA,cAAG,IAAI,GAAAA,aAAA,CACfE,KAAK,GAAAV,IAAA,CAALU,KAAK,CACFC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAb,IAAA,EAAAH,SAAA;EAEP,IAAMiB,MAAM,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC7C,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM;IAC/B;MACEC,iBAAiB,EAAEf,KAAK,WAALA,KAAK,GAAIQ,MAAM,CAACO,iBAAiB;MACpDC,sBAAsB,EAAEf,UAAU,WAAVA,UAAU,GAAIO,MAAM,CAACQ;IAC/C,CAAC;IACDR;EACF,CAAC;EACD,IAAAS,eAAA,GAAwCR,cAAK,CAACS,QAAQ,CAAC,KAAK,CAAC,CAAtDC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACA;IACAC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BL,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASN,eAAe,CAAC,KAAK,CAAC;;EAE/C,IAAMO,QAAQ,GAAG,CAACxB,QAAQ,IAAIE,IAAI,CAACuB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;;EAEpD;IACEjD,MAAA,CAAA4B,OAAA,CAAAsB,aAAA,CAACzC,cAAA,CAAA0C,aAAa,EAAKzB,IAAI;IACrB1B,MAAA,CAAA4B,OAAA,CAAAsB,aAAA,eAAAE,SAAA,CAAAxB,OAAA;MACEoB,QAAQ,EAAEA,QAAS;MACnBK,SAAS,EAAE,IAAAC,WAAE;QACXC,uBAAM,CAACC,IAAI,CAACvB,KAAK,CAAC;QAClB,CAACP,IAAI,CAACuB,QAAQ,IAAIT,YAAY,IAAIe,uBAAM,CAACE,KAAK,CAACxB,KAAK,CAAC;QACrDP,IAAI,CAACuB,QAAQ,IAAIM,uBAAM,CAACG,YAAY,CAACzB,KAAK;MAC5C,CAAE;MACFR,KAAK,MAAA2B,SAAA,CAAAxB,OAAA,MAAOH,KAAK,IAAEkC,KAAK,EAAE1C,IAAI,EAAE2C,MAAM,EAAE3C,IAAI,GAAG;MAC/C4C,OAAO,EAAEnB,WAAY;MACrBoB,MAAM,EAAEf,UAAW;IACfrB,IAAI;;IAER1B,MAAA,CAAA4B,OAAA,CAAAsB,aAAA,WAAMG,SAAS,EAAEE,uBAAM,CAACQ,OAAO,CAAC,CAAE;IAChC/D,MAAA,CAAA4B,OAAA,CAAAsB,aAAA,CAACvC,UAAA,CAAAqD,SAAS,IAAC5C,IAAI,EAAEH,IAAI,GAAGG,IAAI,GAAGH,IAAI,GAAGG,IAAK,EAAC6C,SAAS,EAAEjB,QAAQ,IAAI,CAAE,EAAE;IACnE;IACA;IACK,CAAC;;AAEpB,CAAC;;AAEDnC,eAAe,CAACqD,mBAAmB,GAAG,iBAAiB;AACvDrD,eAAe,CAACsD,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_iconConstants","_ThemeFactory","_CommonWrapper","_CloseButtonIcon","_CrossIcon","_excluded","CloseButtonIcon","exports","_ref","_ref$side","side","DEFAULT_ICON_SIZE","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose2","default","_theme","React","useContext","ThemeContext","theme","ThemeFactory","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","tabIndex","disabled","createElement","CommonWrapper","_extends2","className","cx","styles","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","CrossIcon","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":[]}

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     rootDisabled(t: Theme): string;

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

@@ -1 +1 @@
-{"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 { 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":[]}
+{"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.js

@@ -3,6 +3,7 @@
 var _utils = require("../../lib/utils");
 var _Emotion = require("../../lib/theming/Emotion");
 
+
 var _rootNode = require("../../lib/rootNode");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
 

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

@@ -1 +1 @@
-{"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 { Nullable } from '../../typings/utility-types';\nimport { getRootNode, isInstanceWithRootNode, rootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"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 { 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  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/CommonWrapper/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { Nullable } from '../../typings/utility-types';
 export interface CommonProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n  children?: React.ReactNode;\n}\n\nexport interface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<Element>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n  children?: React.ReactNode;\n}\n\nexport interface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<Element>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n"],"mappings":"","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import { VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';
+import type { VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';
 export declare function getCommonVisualStateDataAttributes(componentProps: Record<string, unknown>): VisualStateDataAttributesResultType;

package/cjs/internal/CommonWrapper/utils/getCommonVisualStateDataAttributes.js

@@ -1,4 +1,5 @@
-"use strict";exports.__esModule = true;exports.getCommonVisualStateDataAttributes = getCommonVisualStateDataAttributes;var _getVisualStateDataAttributes = require("./getVisualStateDataAttributes");
+"use strict";exports.__esModule = true;exports.getCommonVisualStateDataAttributes = getCommonVisualStateDataAttributes;
+var _getVisualStateDataAttributes = require("./getVisualStateDataAttributes");
 var _tryGetBoolean = require("./tryGetBoolean");
 
 function getCommonVisualStateDataAttributes(

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

@@ -1 +1 @@
-{"version":3,"names":["_getVisualStateDataAttributes","require","_tryGetBoolean","getCommonVisualStateDataAttributes","componentProps","getVisualStateDataAttributes","error","tryGetBoolean","warning"],"sources":["getCommonVisualStateDataAttributes.ts"],"sourcesContent":["import { getVisualStateDataAttributes, VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\nimport { tryGetBoolean } from './tryGetBoolean';\n\nexport function getCommonVisualStateDataAttributes(\n  componentProps: Record<string, unknown>,\n): VisualStateDataAttributesResultType {\n  return getVisualStateDataAttributes({\n    error: tryGetBoolean(componentProps['error']),\n    warning: tryGetBoolean(componentProps['warning']),\n  });\n}\n"],"mappings":"uHAAA,IAAAA,6BAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;;AAEO,SAASE,kCAAkCA;AAChDC,cAAuC;AACF;EACrC,OAAO,IAAAC,0DAA4B,EAAC;IAClCC,KAAK,EAAE,IAAAC,4BAAa,EAACH,cAAc,CAAC,OAAO,CAAC,CAAC;IAC7CI,OAAO,EAAE,IAAAD,4BAAa,EAACH,cAAc,CAAC,SAAS,CAAC;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_getVisualStateDataAttributes","require","_tryGetBoolean","getCommonVisualStateDataAttributes","componentProps","getVisualStateDataAttributes","error","tryGetBoolean","warning"],"sources":["getCommonVisualStateDataAttributes.ts"],"sourcesContent":["import type { VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\nimport { getVisualStateDataAttributes } from './getVisualStateDataAttributes';\nimport { tryGetBoolean } from './tryGetBoolean';\n\nexport function getCommonVisualStateDataAttributes(\n  componentProps: Record<string, unknown>,\n): VisualStateDataAttributesResultType {\n  return getVisualStateDataAttributes({\n    error: tryGetBoolean(componentProps['error']),\n    warning: tryGetBoolean(componentProps['warning']),\n  });\n}\n"],"mappings":";AACA,IAAAA,6BAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;;AAEO,SAASE,kCAAkCA;AAChDC,cAAuC;AACF;EACrC,OAAO,IAAAC,0DAA4B,EAAC;IAClCC,KAAK,EAAE,IAAAC,4BAAa,EAACH,cAAc,CAAC,OAAO,CAAC,CAAC;IAC7CI,OAAO,EAAE,IAAAD,4BAAa,EAACH,cAAc,CAAC,SAAS,CAAC;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import { Nullable } from '../../../typings/utility-types';
+import type { Nullable } from '../../../typings/utility-types';
 export type VisualStateDataAttributesResultType = Record<string, string>;
 export declare function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(attributes: T): VisualStateDataAttributesResultType;

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

@@ -1 +1 @@
-{"version":3,"names":["_toKebabCase","require","prefix","fillResult","result","key","value","toKebabCase","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"sources":["getVisualStateDataAttributes.ts"],"sourcesContent":["import { toKebabCase } from '../../../lib/toKebabCase';\nimport { Nullable } from '../../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: Nullable<boolean>) {\n  if (value) {\n    result[`${prefix}${toKebabCase(key)}`] = '';\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"],"mappings":"2GAAA,IAAAA,YAAA,GAAAC,OAAA;;;;;AAKA,IAAMC,MAAM,uBAAuB;;AAEnC,SAASC,UAAUA,CAACC,MAA2C,EAAEC,GAAW,EAAEC,KAAwB,EAAE;EACtG,IAAIA,KAAK,EAAE;IACTF,MAAM,MAAIF,MAAM,GAAG,IAAAK,wBAAW,EAACF,GAAG,CAAC,CAAG,GAAG,EAAE;EAC7C;;EAEA,OAAOD,MAAM;AACf;;AAEO,SAASI,4BAA4BA;AAC1CC,UAAa;AACwB;EACrC,OAAOC,MAAM,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,MAAM;IACtC,UAACC,aAAa,EAAEC,YAAY,UAAKX,UAAU,CAACU,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;EACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_toKebabCase","require","prefix","fillResult","result","key","value","toKebabCase","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"sources":["getVisualStateDataAttributes.ts"],"sourcesContent":["import { toKebabCase } from '../../../lib/toKebabCase';\nimport type { Nullable } from '../../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: Nullable<boolean>) {\n  if (value) {\n    result[`${prefix}${toKebabCase(key)}`] = '';\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"],"mappings":"2GAAA,IAAAA,YAAA,GAAAC,OAAA;;;;;AAKA,IAAMC,MAAM,uBAAuB;;AAEnC,SAASC,UAAUA,CAACC,MAA2C,EAAEC,GAAW,EAAEC,KAAwB,EAAE;EACtG,IAAIA,KAAK,EAAE;IACTF,MAAM,MAAIF,MAAM,GAAG,IAAAK,wBAAW,EAACF,GAAG,CAAC,CAAG,GAAG,EAAE;EAC7C;;EAEA,OAAOD,MAAM;AACf;;AAEO,SAASI,4BAA4BA;AAC1CC,UAAa;AACwB;EACrC,OAAOC,MAAM,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,MAAM;IACtC,UAACC,aAAa,EAAEC,YAAY,UAAKX,UAAU,CAACU,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;EACH,CAAC;AACH","ignoreList":[]}

package/cjs/internal/ComponentCombinator.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-import { StatePropsCombinations, StateType } from './ComponentTable';
+import type { DefaultizeProps } from '../lib/utils';
+import type { StatePropsCombinations, StateType } from './ComponentTable';
 export interface ComponentCombinatorProps<C, P, S> {
     combinations: Array<StatePropsCombinations<P, S>>;
     Component: C;

package/cjs/internal/ComponentCombinator.js

@@ -3,6 +3,7 @@
 
 var _createPropsGetter = require("../lib/createPropsGetter");
 
+
 var _ComponentTable = require("./ComponentTable");var
 
 

package/cjs/internal/ComponentCombinator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_createPropsGetter","_ComponentTable","ComponentCombinator","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose2","default","_proto","prototype","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","ComponentTable","key","rows","slice","cols","React"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport { ComponentTable, StatePropsCombinations, StateType } from './ComponentTable';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentCombinator<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps: DefaultProps<unknown, unknown, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentCombinator.defaultProps);\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map((c) => c.length);\n    const flatCombinations = ([] as (typeof combinations)[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: (row += sizes[j]),\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps as DefaultizeProps<C, P>}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_createPropsGetter","_ComponentTable","ComponentCombinator","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose2","default","_proto","prototype","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","ComponentTable","key","rows","slice","cols","React"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport type { StatePropsCombinations, StateType } from './ComponentTable';\nimport { ComponentTable } from './ComponentTable';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentCombinator<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps: DefaultProps<unknown, unknown, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentCombinator.defaultProps);\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map((c) => c.length);\n    const flatCombinations = ([] as (typeof combinations)[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: (row += sizes[j]),\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps as DefaultizeProps<C, P>}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ComponentTable.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
+import type { DefaultizeProps } from '../lib/utils';
 interface StatePropsObject<P, S> {
     props?: Partial<P>;
     state?: Partial<S>;

package/cjs/internal/ComponentTable.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentTable = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+
 var _utils = require("../lib/utils");
 var _createPropsGetter = require("../lib/createPropsGetter");
 

package/cjs/internal/ComponentTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","default","length","ComponentTable","exports","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends2","ref","isFunctionalComponent","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","default","length","ComponentTable","exports","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends2","ref","isFunctionalComponent","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { isFunctionalComponent } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxExtendedItem } from '../../components/ComboBox';
-import { SizeProp } from '../../lib/types/props';
+import type { MenuItemState } from '../../components/MenuItem';
+import type { Nullable } from '../../typings/utility-types';
+import type { ComboBoxExtendedItem } from '../../components/ComboBox';
+import type { SizeProp } from '../../lib/types/props';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
 export interface ComboBoxMenuProps<T> {
     opened?: boolean;

package/cjs/internal/CustomComboBox/ComboBoxMenu.js

@@ -3,6 +3,7 @@
 var _utils = require("../../lib/utils");
 var _decorators = require("../../lib/locale/decorators");
 var _Menu = require("../Menu");
+
 var _MenuItem = require("../../components/MenuItem");
 var _Spinner = require("../../components/Spinner");
 
@@ -16,6 +17,7 @@ var _MenuFooter = require("../../components/MenuFooter");
 
 
 var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
+
 var _locale = require("./locale");var _dec, _class, _ComboBoxMenu;
 
 

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

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

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

@@ -1,12 +1,14 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { Input, InputIconType, ShowClearIcon } from '../../components/Input';
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { InputIconType, ShowClearIcon } from '../../components/Input';
+import { Input } from '../../components/Input';
 import { InputLikeText } from '../InputLikeText';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../CommonWrapper';
-import { ComboBoxExtendedItem } from '../../components/ComboBox';
-import { SizeProp } from '../../lib/types/props';
+import type { Menu } from '../Menu';
+import type { MenuItemState } from '../../components/MenuItem';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../CommonWrapper';
+import type { ComboBoxExtendedItem } from '../../components/ComboBox';
+import type { SizeProp } from '../../lib/types/props';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
 interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
     align?: 'left' | 'center' | 'right';