@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js

@@ -1,14 +1,12 @@
-import React, { useContext } from 'react';
-import { EmotionContext } from "../../../../lib/theming/Emotion";
-import { getStylesLayout } from "../InputLayout.styles";
+import React from 'react';
+import { stylesLayout } from "../InputLayout.styles";
 import { InputLayoutAsideIcon } from "../InputLayoutAsideIcon";
 import { InputLayoutAsideText } from "../InputLayoutAsideText";
 export var InputLayoutAside = function InputLayoutAside(_ref) {
   var icon = _ref.icon,
     text = _ref.text,
     side = _ref.side;
-  var emotion = useContext(EmotionContext);
-  var asideClassName = getStylesLayout(emotion).aside();
+  var asideClassName = stylesLayout.aside();
   var _icon = /*#__PURE__*/React.createElement(InputLayoutAsideIcon, {
     key: "icon",
     icon: icon,

package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","EmotionContext","getStylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","emotion","asideClassName","aside","_icon","createElement","key","_text","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { InputProps } from '../Input';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\n\nimport { getStylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const emotion = useContext(EmotionContext);\n  const asideClassName = getStylesLayout(emotion).aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,cAAc,QAAQ,8BAA8B;;AAE7D,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,OAAO,GAAGV,UAAU,CAACC,cAAc,CAAC;EAC1C,IAAMU,cAAc,GAAGT,eAAe,CAACQ,OAAO,CAAC,CAACE,KAAK,CAAC,CAAC;;EAEvD,IAAMC,KAAK,gBAAGd,KAAA,CAAAe,aAAA,CAACX,oBAAoB,IAACY,GAAG,EAAC,MAAM,EAACR,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMO,KAAK,gBAAGjB,KAAA,CAAAe,aAAA,CAACV,oBAAoB,IAACW,GAAG,EAAC,MAAM,EAACP,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMS,KAAK,GAAGR,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,oBAAOd,KAAA,CAAAe,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","asideClassName","aside","_icon","createElement","key","_text","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const asideClassName = stylesLayout.aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGR,YAAY,CAACS,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGX,KAAA,CAAAY,aAAA,CAACV,oBAAoB,IAACW,GAAG,EAAC,MAAM,EAACP,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMM,KAAK,gBAAGd,KAAA,CAAAY,aAAA,CAACT,oBAAoB,IAACU,GAAG,EAAC,MAAM,EAACN,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMQ,KAAK,GAAGP,IAAI,KAAK,MAAM,GAAG,CAACG,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,oBAAOX,KAAA,CAAAY,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

package/components/Input/InputLayout/InputLayoutAside.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideProps {
-    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
-    text: InputProps['prefix'] | InputProps['suffix'];
-    side: 'left' | 'right';
-}
-export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    text: InputProps['prefix'] | InputProps['suffix'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;

package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js

@@ -1,16 +1,15 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { isElement } from 'react-is';
 import { isKonturIcon } from "../../../../lib/utils";
-import { EmotionContext } from "../../../../lib/theming/Emotion";
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { InputLayoutContext } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
     side = _ref.side;
-  var emotion = useContext(EmotionContext);
-  var theme = useContext(ThemeContext);
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
     focused = _React$useContext.focused,
     disabled = _React$useContext.disabled,
@@ -40,10 +39,9 @@ export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
       style.marginRight = gaps[size];
     }
   }
-  var stylesLayout = getStylesLayout(emotion);
   return _icon ? /*#__PURE__*/
   React.createElement("span", {
     style: style,
-    className: emotion.cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled(theme))
+    className: cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled(theme))
   }, _icon) : null;
 };

package/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","isElement","isKonturIcon","EmotionContext","ThemeContext","InputLayoutContext","getStylesLayout","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","emotion","theme","_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","stylesLayout","createElement","className","cx","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\nimport { SizeProp } from '../../../lib/types/props';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { getStylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const emotion = useContext(EmotionContext);\n  const theme = useContext(ThemeContext);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  const sizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const gaps: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconGapSmall),\n    medium: parseInt(theme.inputIconGapMedium),\n    large: parseInt(theme.inputIconGapLarge),\n  };\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n    _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n  }\n\n  const style: React.CSSProperties = {};\n  if (side) {\n    if (side === 'right') {\n      style.marginLeft = gaps[size];\n    } else {\n      style.marginRight = gaps[size];\n    }\n  }\n\n  const stylesLayout = getStylesLayout(emotion);\n  return _icon ? (\n    <span\n      style={style}\n      className={emotion.cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(theme),\n        focused && stylesLayout.iconFocus(theme),\n        disabled && stylesLayout.iconDisabled(theme),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AACvD,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD,SAASC,cAAc,QAAQ,8BAA8B;;AAE7D,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,eAAe,QAAQ,sBAAsB;;;;;;;AAOtD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,OAAO,GAAGZ,UAAU,CAACG,cAAc,CAAC;EAC1C,IAAMU,KAAK,GAAGb,UAAU,CAACI,YAAY,CAAC;EACtC,IAAAU,iBAAA,GAAoCf,KAAK,CAACC,UAAU,CAACK,kBAAkB,CAAC,CAAhEU,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACc,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACe,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACgB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGpB,IAAI,YAAYqB,QAAQ,GAAGrB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,IAAIR,YAAY,CAACQ,IAAoB,CAAC,EAAE,KAAAsB,gBAAA;IACzDF,KAAK,gBAAG/B,KAAK,CAACkC,YAAY,CAACvB,IAAI,EAAkB,EAAEO,IAAI,GAAAe,gBAAA,GAAEtB,IAAI,CAACwB,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAIxB,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpBwB,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,IAAMqB,YAAY,GAAGhC,eAAe,CAACM,OAAO,CAAC;EAC7C,OAAOkB,KAAK;EACV/B,KAAA,CAAAwC,aAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAE5B,OAAO,CAAC6B,EAAE;MACnBH,YAAY,CAACI,KAAK,CAAC,CAAC;MACpBJ,YAAY,CAAC5B,IAAI,CAACG,KAAK,CAAC;MACxBE,OAAO,IAAIuB,YAAY,CAACK,SAAS,CAAC9B,KAAK,CAAC;MACxCG,QAAQ,IAAIsB,YAAY,CAACM,YAAY,CAAC/B,KAAK;IAC7C,CAAE;;EAEDiB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","theme","useContext","_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","createElement","className","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const theme = React.useContext(ThemeContext);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  const sizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const gaps: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconGapSmall),\n    medium: parseInt(theme.inputIconGapMedium),\n    large: parseInt(theme.inputIconGapLarge),\n  };\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n    _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n  }\n\n  const style: React.CSSProperties = {};\n  if (side) {\n    if (side === 'right') {\n      style.marginLeft = gaps[size];\n    } else {\n      style.marginRight = gaps[size];\n    }\n  }\n\n  return _icon ? (\n    <span\n      style={style}\n      className={cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(theme),\n        focused && stylesLayout.iconFocus(theme),\n        disabled && stylesLayout.iconDisabled(theme),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,KAAK,GAAGZ,KAAK,CAACa,UAAU,CAACT,YAAY,CAAC;EAC5C,IAAAU,iBAAA,GAAoCd,KAAK,CAACa,UAAU,CAACR,kBAAkB,CAAC,CAAhEU,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACe,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACgB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACiB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGpB,IAAI,YAAYqB,QAAQ,GAAGrB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,IAAIR,YAAY,CAACQ,IAAoB,CAAC,EAAE,KAAAsB,gBAAA;IACzDF,KAAK,gBAAG9B,KAAK,CAACiC,YAAY,CAACvB,IAAI,EAAkB,EAAEO,IAAI,GAAAe,gBAAA,GAAEtB,IAAI,CAACwB,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAIxB,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpBwB,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACV9B,KAAA,CAAAsC,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEpC,EAAE;MACXG,YAAY,CAACkC,KAAK,CAAC,CAAC;MACpBlC,YAAY,CAACI,IAAI,CAACE,KAAK,CAAC;MACxBG,OAAO,IAAIT,YAAY,CAACmC,SAAS,CAAC7B,KAAK,CAAC;MACxCI,QAAQ,IAAIV,YAAY,CAACoC,YAAY,CAAC9B,KAAK;IAC7C,CAAE;;EAEDkB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/components/Input/InputLayout/InputLayoutAsideIcon.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideIconProps {
-    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
-    side: 'left' | 'right';
-}
-export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideIconProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;

package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js

@@ -1,19 +1,17 @@
-import React, { useContext } from 'react';
-import { EmotionContext } from "../../../../lib/theming/Emotion";
+import React from 'react';
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { InputLayoutContext } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayoutAsideText = function InputLayoutAsideText(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? null : _ref$text;
-  var emotion = useContext(EmotionContext);
-  var theme = useContext(ThemeContext);
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
     disabled = _React$useContext.disabled;
-  var stylesLayout = getStylesLayout(emotion);
   var asideClassName = stylesLayout.aside();
   return text ? /*#__PURE__*/
   React.createElement("span", {
-    className: emotion.cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))
+    className: cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))
   }, text) : null;
 };

package/components/Input/InputLayout/InputLayoutAsideText/InputLayoutAsideText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","EmotionContext","ThemeContext","InputLayoutContext","getStylesLayout","InputLayoutAsideText","_ref","_ref$text","text","emotion","theme","_React$useContext","disabled","stylesLayout","asideClassName","aside","createElement","className","cx","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { InputProps } from '../Input';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { getStylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const emotion = useContext(EmotionContext);\n  const theme = useContext(ThemeContext);\n  const { disabled } = React.useContext(InputLayoutContext);\n\n  const stylesLayout = getStylesLayout(emotion);\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span\n      className={emotion.cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}\n    >\n      {text}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,eAAe,QAAQ,sBAAsB;;;;;;AAMtD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,OAAO,GAAGT,UAAU,CAACC,cAAc,CAAC;EAC1C,IAAMS,KAAK,GAAGV,UAAU,CAACE,YAAY,CAAC;EACtC,IAAAS,iBAAA,GAAqBZ,KAAK,CAACC,UAAU,CAACG,kBAAkB,CAAC,CAAjDS,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,YAAY,GAAGT,eAAe,CAACK,OAAO,CAAC;EAC7C,IAAMK,cAAc,GAAGD,YAAY,CAACE,KAAK,CAAC,CAAC;;EAE3C,OAAOP,IAAI;EACTT,KAAA,CAAAiB,aAAA;IACEC,SAAS,EAAER,OAAO,CAACS,EAAE,CAACJ,cAAc,EAAED,YAAY,CAACL,IAAI,CAACE,KAAK,CAAC,EAAEE,QAAQ,IAAIC,YAAY,CAACM,YAAY,CAACT,KAAK,CAAC,CAAE;;EAE7GF;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideText","_ref","_ref$text","text","theme","useContext","_React$useContext","disabled","asideClassName","aside","createElement","className","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const theme = React.useContext(ThemeContext);\n  const { disabled } = React.useContext(InputLayoutContext);\n\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n      {text}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGT,KAAK,CAACU,UAAU,CAACR,YAAY,CAAC;EAC5C,IAAAS,iBAAA,GAAqBX,KAAK,CAACU,UAAU,CAACP,kBAAkB,CAAC,CAAjDS,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,cAAc,GAAGT,YAAY,CAACU,KAAK,CAAC,CAAC;;EAE3C,OAAON,IAAI;EACTR,KAAA,CAAAe,aAAA,WAAMC,SAAS,EAAEf,EAAE,CAACY,cAAc,EAAET,YAAY,CAACI,IAAI,CAACC,KAAK,CAAC,EAAEG,QAAQ,IAAIR,YAAY,CAACa,YAAY,CAACR,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/components/Input/InputLayout/InputLayoutAsideText.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideTextProps {
-    text: InputProps['prefix'] | InputProps['suffix'];
-}
-export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideTextProps {
+    text: InputProps['prefix'] | InputProps['suffix'];
+}
+export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;

package/components/Input/InputLayout/InputLayoutContext/InputLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n  focused: boolean;\n  disabled: boolean;\n  size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n  focused: false,\n  disabled: false,\n  size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;AAUzB,OAAO,IAAMC,yBAAkD,GAAG;EAChEC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAED,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAa,CAA0BL,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n  focused: boolean;\n  disabled: boolean;\n  size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n  focused: false,\n  disabled: false,\n  size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;AAUzB,OAAO,IAAMC,yBAAkD,GAAG;EAChEC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAED,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAa,CAA0BL,yBAAyB,CAAC","ignoreList":[]}

package/components/Input/InputLayout/InputLayoutContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import { SizeProp } from '../../../lib/types/props';
-export interface InputLayoutContextProps {
-    focused: boolean;
-    disabled: boolean;
-    size: SizeProp;
-}
-export declare const InputLayoutContextDefault: InputLayoutContextProps;
-export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;
+import React from 'react';
+import type { SizeProp } from '../../../lib/types/props';
+export interface InputLayoutContextProps {
+    focused: boolean;
+    disabled: boolean;
+    size: SizeProp;
+}
+export declare const InputLayoutContextDefault: InputLayoutContextProps;
+export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;

package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js

@@ -1,8 +1,8 @@
-import React, { useContext } from 'react';
-import { EmotionContext } from "../../../../lib/theming/Emotion";
-import { getStyles } from "../../Input.styles";
-import { needsPolyfillPlaceholder } from "../../../../lib/needsPolyfillPlaceholder";
+import React from 'react';
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
+import { styles } from "../../Input.styles";
+import { needsPolyfillPlaceholder } from "../../../../lib/needsPolyfillPlaceholder";
 import { InputLayoutContext } from "../InputLayoutContext";
 export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
   var placeholder = _ref.children,
@@ -10,18 +10,16 @@ export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
     value = _ref.value,
     defaultValue = _ref.defaultValue,
     isMaskVisible = _ref.isMaskVisible;
-  var emotion = useContext(EmotionContext);
-  var theme = useContext(ThemeContext);
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
     focused = _React$useContext.focused,
     disabled = _React$useContext.disabled;
   var _placeholder = null;
-  var styles = getStyles(emotion);
   if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {
-    var _emotion$cx;
+    var _cx;
     _placeholder = /*#__PURE__*/
     React.createElement("div", {
-      className: emotion.cx(styles.placeholder(theme), (_emotion$cx = {}, _emotion$cx[styles.placeholderDisabled(theme)] = disabled, _emotion$cx[styles.placeholderFocus(theme)] = focused, _emotion$cx)),
+      className: cx(styles.placeholder(theme), (_cx = {}, _cx[styles.placeholderDisabled(theme)] = disabled, _cx[styles.placeholderFocus(theme)] = focused, _cx)),
       style: {
         textAlign: align || 'inherit'
       }

package/components/Input/InputLayout/PolyfillPlaceholder/PolyfillPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","EmotionContext","getStyles","needsPolyfillPlaceholder","ThemeContext","InputLayoutContext","PolyfillPlaceholder","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","emotion","theme","_React$useContext","focused","disabled","_placeholder","styles","_emotion$cx","createElement","className","cx","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { InputProps } from '../Input';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\nimport { getStyles } from '../Input.styles';\nimport { needsPolyfillPlaceholder } from '../../../lib/needsPolyfillPlaceholder';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\n\ntype PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {\n  isMaskVisible: boolean;\n};\n\nexport interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {\n  children: InputProps['placeholder'];\n}\n\nexport const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps> = ({\n  children: placeholder,\n  align,\n  value,\n  defaultValue,\n  isMaskVisible,\n}) => {\n  const emotion = useContext(EmotionContext);\n  const theme = useContext(ThemeContext);\n  const { focused, disabled } = React.useContext(InputLayoutContext);\n\n  let _placeholder = null;\n  const styles = getStyles(emotion);\n\n  if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {\n    _placeholder = (\n      <div\n        className={emotion.cx(styles.placeholder(theme), {\n          [styles.placeholderDisabled(theme)]: disabled,\n          [styles.placeholderFocus(theme)]: focused,\n        })}\n        style={{ textAlign: align || 'inherit' }}\n      >\n        {placeholder}\n      </div>\n    );\n  }\n\n  return _placeholder;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;;AAGzC,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,wBAAwB,QAAQ,uCAAuC;AAChF,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;;;;;;;;;;AAUzD,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAAyEA,CAAAC,IAAA;;;;;;AAMhF,KALMC,WAAW,GAAAD,IAAA,CAArBE,QAAQ,CACRC,KAAK,GAAAH,IAAA,CAALG,KAAK,CACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY,CACZC,aAAa,GAAAN,IAAA,CAAbM,aAAa;EAEb,IAAMC,OAAO,GAAGd,UAAU,CAACC,cAAc,CAAC;EAC1C,IAAMc,KAAK,GAAGf,UAAU,CAACI,YAAY,CAAC;EACtC,IAAAY,iBAAA,GAA8BjB,KAAK,CAACC,UAAU,CAACK,kBAAkB,CAAC,CAA1DY,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;EACvB,IAAMC,MAAM,GAAGlB,SAAS,CAACY,OAAO,CAAC;;EAEjC,IAAIX,wBAAwB,IAAIK,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAS,WAAA;IACxFF,YAAY;IACVpB,KAAA,CAAAuB,aAAA;MACEC,SAAS,EAAET,OAAO,CAACU,EAAE,CAACJ,MAAM,CAACZ,WAAW,CAACO,KAAK,CAAC,GAAAM,WAAA,OAAAA,WAAA;MAC5CD,MAAM,CAACK,mBAAmB,CAACV,KAAK,CAAC,IAAGG,QAAQ,EAAAG,WAAA;MAC5CD,MAAM,CAACM,gBAAgB,CAACX,KAAK,CAAC,IAAGE,OAAO,EAAAI,WAAA;MAC1C,CAAE;MACHM,KAAK,EAAE,EAAEC,SAAS,EAAElB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOW,YAAY;AACrB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cx","ThemeContext","styles","needsPolyfillPlaceholder","InputLayoutContext","PolyfillPlaceholder","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","useContext","_React$useContext","focused","disabled","_placeholder","_cx","createElement","className","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { styles } from '../Input.styles';\nimport { needsPolyfillPlaceholder } from '../../../lib/needsPolyfillPlaceholder';\n\nimport { InputLayoutContext } from './InputLayoutContext';\n\ntype PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {\n  isMaskVisible: boolean;\n};\n\nexport interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {\n  children: InputProps['placeholder'];\n}\n\nexport const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps> = ({\n  children: placeholder,\n  align,\n  value,\n  defaultValue,\n  isMaskVisible,\n}) => {\n  const theme = React.useContext(ThemeContext);\n  const { focused, disabled } = React.useContext(InputLayoutContext);\n\n  let _placeholder = null;\n\n  if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {\n    _placeholder = (\n      <div\n        className={cx(styles.placeholder(theme), {\n          [styles.placeholderDisabled(theme)]: disabled,\n          [styles.placeholderFocus(theme)]: focused,\n        })}\n        style={{ textAlign: align || 'inherit' }}\n      >\n        {placeholder}\n      </div>\n    );\n  }\n\n  return _placeholder;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,wBAAwB,QAAQ,uCAAuC;;AAEhF,SAASC,kBAAkB,QAAQ,sBAAsB;;;;;;;;;;AAUzD,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAAyEA,CAAAC,IAAA;;;;;;AAMhF,KALMC,WAAW,GAAAD,IAAA,CAArBE,QAAQ,CACRC,KAAK,GAAAH,IAAA,CAALG,KAAK,CACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY,CACZC,aAAa,GAAAN,IAAA,CAAbM,aAAa;EAEb,IAAMC,KAAK,GAAGd,KAAK,CAACe,UAAU,CAACb,YAAY,CAAC;EAC5C,IAAAc,iBAAA,GAA8BhB,KAAK,CAACe,UAAU,CAACV,kBAAkB,CAAC,CAA1DY,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIf,wBAAwB,IAAII,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAQ,GAAA;IACxFD,YAAY;IACVnB,KAAA,CAAAqB,aAAA;MACEC,SAAS,EAAErB,EAAE,CAACE,MAAM,CAACK,WAAW,CAACM,KAAK,CAAC,GAAAM,GAAA,OAAAA,GAAA;MACpCjB,MAAM,CAACoB,mBAAmB,CAACT,KAAK,CAAC,IAAGI,QAAQ,EAAAE,GAAA;MAC5CjB,MAAM,CAACqB,gBAAgB,CAACV,KAAK,CAAC,IAAGG,OAAO,EAAAG,GAAA;MAC1C,CAAE;MACHK,KAAK,EAAE,EAAEC,SAAS,EAAEhB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOW,YAAY;AACrB,CAAC","ignoreList":[]}

package/components/Input/InputLayout/PolyfillPlaceholder.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { InputProps } from '../Input';
-type PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {
-    isMaskVisible: boolean;
-};
-export interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {
-    children: InputProps['placeholder'];
-}
-export declare const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps>;
-export {};
+import React from 'react';
+import type { InputProps } from '../Input';
+type PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {
+    isMaskVisible: boolean;
+};
+export interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {
+    children: InputProps['placeholder'];
+}
+export declare const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps>;
+export {};

package/components/Input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Input';
-export * from './Input.typings';
+export * from './Input';
+export * from './Input.typings';

package/components/Kebab/Kebab/Kebab.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Kebab;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { isElement } from 'react-is';
 import { globalObject } from '@skbkontur/global-object';
 import { isKonturIcon } from "../../../lib/utils";
@@ -10,19 +9,23 @@ import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../l
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { keyListener } from "../../../lib/events/keyListener";
 import { PopupMenu } from "../../../internal/PopupMenu";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../Kebab.styles";
+import { styles } from "../Kebab.styles";
 import { KebabIcon } from "../KebabIcon";
 export var KebabDataTids = {
   caption: 'Kebab__caption'
 };
+
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */
 export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Component) {
   function Kebab() {
     var _this;
@@ -54,7 +57,6 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
           captionProps.toggleMenu();
         }
       };
-      var styles = _this.styles;
       return /*#__PURE__*/(
         React.createElement("span", {
           role: "button",
@@ -64,7 +66,7 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
           onKeyDown: handleCaptionKeyDown,
           onFocus: _this.handleFocus,
           onBlur: _this.handleBlur,
-          className: _this.emotion.cx(styles.kebab(_this.theme), size === 'small' && styles.kebabSmall(_this.theme), size === 'medium' && styles.kebabMedium(_this.theme), size === 'large' && styles.kebabLarge(_this.theme), captionProps.opened && styles.opened(_this.theme), disabled && styles.disabled(), _this.state.focusedByTab && styles.focused(_this.theme)),
+          className: cx(styles.kebab(_this.theme), size === 'small' && styles.kebabSmall(_this.theme), size === 'medium' && styles.kebabMedium(_this.theme), size === 'large' && styles.kebabLarge(_this.theme), captionProps.opened && styles.opened(_this.theme), disabled && styles.disabled(), _this.state.focusedByTab && styles.focused(_this.theme)),
           "aria-describedby": _this.props['aria-describedby']
         }, _this.renderIcon())
       );
@@ -112,17 +114,13 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: ThemeFactory.create({
-            popupMargin: theme.kebabMargin
-          }, theme)
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupMargin: theme.kebabMargin
+        }, theme)
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {
@@ -171,7 +169,7 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
     return icon;
   };
   return Kebab;
-}(React.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.propTypes = {}, _Kebab.defaultProps = {
+}(React.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.defaultProps = {
   onOpen: function onOpen() {
     return undefined;
   },
@@ -181,21 +179,4 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
   positions: ['bottom left', 'bottom right', 'top left', 'top right'],
   size: 'small',
   disableAnimations: isTestEnv
-}, _Kebab)) || _class;
-Kebab.propTypes = {
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Размер кебаба small 14px | large 20px
-   */
-  size: PropTypes.string,
-  /**
-   * Коллбек, вызывающийся перед закрытием кебаба
-   */
-  onClose: PropTypes.func,
-  /**
-   * Коллбек, вызывающийся перед открытием кебаба
-   */
-  onOpen: PropTypes.func
-};
+}, _Kebab)) || _class;

package/components/Kebab/Kebab/Kebab.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","isElement","globalObject","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","isTestEnv","ThemeFactory","CommonWrapper","EmotionConsumer","rootNode","createPropsGetter","getVisualStateDataAttributes","ThemeContext","getStyles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","styles","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","emotion","cx","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","requestAnimationFrame","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","Provider","value","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","_extends","rootNodeRef","setRootNode","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName","propTypes","node","bool","oneOfType","string","number","func"],"sources":["Kebab.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { isElement } from 'react-is';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { PopupMenu, PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  disabled?: boolean;\n  size?: SizeProp;\n  /**\n   * Список позиций доступных для расположения выпадашки.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n  menuMaxHeight?: number | string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n  /**\n   * Кастомная иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;\n\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static propTypes = {};\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <ThemeContext.Provider\n                    value={ThemeFactory.create(\n                      {\n                        popupMargin: theme.kebabMargin,\n                      },\n                      theme,\n                    )}\n                  >\n                    {this.renderMain()}\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          id={this.props.id}\n          popupHasPin={false}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled, size } = this.getProps();\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n    const styles = this.styles;\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={this.emotion.cx(\n          styles.kebab(this.theme),\n          size === 'small' && styles.kebabSmall(this.theme),\n          size === 'medium' && styles.kebabMedium(this.theme),\n          size === 'large' && styles.kebabLarge(this.theme),\n          captionProps.opened && styles.opened(this.theme),\n          disabled && styles.disabled(),\n          this.state.focusedByTab && styles.focused(this.theme),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { size, icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon as ReactElement, {\n        size: icon.props.size ?? sizes[size],\n        color: icon.props.color ?? this.theme.kebabIconColor,\n      });\n    }\n\n    return icon;\n  }\n}\n\nKebab.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Размер кебаба small 14px | large 20px\n   */\n  size: PropTypes.string,\n\n  /**\n   * Коллбек, вызывающийся перед закрытием кебаба\n   */\n  onClose: PropTypes.func,\n\n  /**\n   * Коллбек, вызывающийся перед открытием кебаба\n   */\n  onOpen: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isElement","globalObject","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","ThemeContext","isTestEnv","ThemeFactory","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","styles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","requestAnimationFrame","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","Provider","value","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","_extends","rootNodeRef","setRootNode","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']. */\n  positions?: PopupPositionsType[];\n  positions2?: string;\n\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Добавляет иконку слева. */\n  icon?: React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;\n\n/**\n * Кебаб-меню `Kebab` содержит действия с объектом.\n */\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: theme.kebabMargin,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          id={this.props.id}\n          popupHasPin={false}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled, size } = this.getProps();\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx(\n          styles.kebab(this.theme),\n          size === 'small' && styles.kebabSmall(this.theme),\n          size === 'medium' && styles.kebabMedium(this.theme),\n          size === 'large' && styles.kebabLarge(this.theme),\n          captionProps.opened && styles.opened(this.theme),\n          disabled && styles.disabled(),\n          this.state.focusedByTab && styles.focused(this.theme),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { size, icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon as ReactElement, {\n        size: icon.props.size ?? sizes[size],\n        color: icon.props.color ?? this.theme.kebabIconColor,\n      });\n    }\n\n    return icon;\n  }\n}\n"],"mappings":"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","ignoreList":[]}