@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","asideClassName","stylesLayout","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport { 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":"sKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;;;;;;;;AAQO,IAAMI,gBAAgE,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnEA,gBAAgEA,CAAAE,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,qBAAA,CAAAc,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACV,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMS,KAAK,gBAAGpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAgB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACT,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMY,KAAK,GAAGX,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEX,cAAe,IAAEU,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","asideClassName","stylesLayout","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","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":"sKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;;;;;;;;AAQO,IAAMI,gBAAgE,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnEA,gBAAgEA,CAAAE,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,qBAAA,CAAAc,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACV,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMS,KAAK,gBAAGpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAgB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACT,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMY,KAAK,GAAGX,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEX,cAAe,IAAEU,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAsideIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAsideIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _reactIs = require("react-is");
 
 var _utils = require("../../../lib/utils");
@@ -50,7 +51,7 @@ var InputLayoutAsideIcon = exports.InputLayoutAsideIcon = function InputLayoutAs
       _InputLayout.stylesLayout.aside(),
       _InputLayout.stylesLayout.icon(theme),
       focused && _InputLayout.stylesLayout.iconFocus(theme),
-      disabled && _InputLayout.stylesLayout.iconDisabled()
+      disabled && _InputLayout.stylesLayout.iconDisabled(theme)
     ) },
 
   _icon

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_utils","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideIcon","exports","_ref","_ref$icon","icon","side","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","isElement","isKonturIcon","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","default","createElement","className","cx","stylesLayout","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { 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(),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"],"mappings":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,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,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAoCH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAhEC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ,CAAEC,IAAI,GAAAJ,iBAAA,CAAJI,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACY,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACc,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACgB,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACkB,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACmB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACoB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGvB,IAAI,YAAYwB,QAAQ,GAAGxB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAI,IAAAyB,kBAAS,EAACzB,IAAI,CAAC,IAAI,IAAA0B,mBAAY,EAAC1B,IAAoB,CAAC,EAAE,KAAA2B,gBAAA;IACzDJ,KAAK,gBAAGpB,cAAK,CAACyB,YAAY,CAAC5B,IAAI,EAAkB,EAAEU,IAAI,GAAAiB,gBAAA,GAAE3B,IAAI,CAAC6B,KAAK,CAACnB,IAAI,YAAAiB,gBAAA,GAAIhB,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMoB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAI7B,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpB6B,KAAK,CAACC,UAAU,GAAGZ,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLoB,KAAK,CAACE,WAAW,GAAGb,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACVpC,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAE,IAAAC,WAAE;MACXC,yBAAY,CAACC,KAAK,CAAC,CAAC;MACpBD,yBAAY,CAACrC,IAAI,CAACE,KAAK,CAAC;MACxBM,OAAO,IAAI6B,yBAAY,CAACE,SAAS,CAACrC,KAAK,CAAC;MACxCO,QAAQ,IAAI4B,yBAAY,CAACG,YAAY,CAAC;IACxC,CAAE;;EAEDjB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_utils","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideIcon","exports","_ref","_ref$icon","icon","side","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","isElement","isKonturIcon","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","default","createElement","className","cx","stylesLayout","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,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,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAoCH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAhEC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ,CAAEC,IAAI,GAAAJ,iBAAA,CAAJI,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACY,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACc,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACgB,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACkB,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACmB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACoB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGvB,IAAI,YAAYwB,QAAQ,GAAGxB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAI,IAAAyB,kBAAS,EAACzB,IAAI,CAAC,IAAI,IAAA0B,mBAAY,EAAC1B,IAAoB,CAAC,EAAE,KAAA2B,gBAAA;IACzDJ,KAAK,gBAAGpB,cAAK,CAACyB,YAAY,CAAC5B,IAAI,EAAkB,EAAEU,IAAI,GAAAiB,gBAAA,GAAE3B,IAAI,CAAC6B,KAAK,CAACnB,IAAI,YAAAiB,gBAAA,GAAIhB,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMoB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAI7B,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpB6B,KAAK,CAACC,UAAU,GAAGZ,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLoB,KAAK,CAACE,WAAW,GAAGb,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACVpC,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAE,IAAAC,WAAE;MACXC,yBAAY,CAACC,KAAK,CAAC,CAAC;MACpBD,yBAAY,CAACrC,IAAI,CAACE,KAAK,CAAC;MACxBM,OAAO,IAAI6B,yBAAY,CAACE,SAAS,CAACrC,KAAK,CAAC;MACxCO,QAAQ,IAAI4B,yBAAY,CAACG,YAAY,CAACtC,KAAK;IAC7C,CAAE;;EAEDqB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/Input/InputLayout/InputLayoutAsideText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideText","exports","_ref","_ref$text","text","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","disabled","asideClassName","stylesLayout","aside","default","createElement","className","cx","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { 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":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;;;;;AAMO,IAAMK,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAqBH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAjDC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEhB,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,OAAOV,IAAI;EACTX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAE,IAAAC,WAAE,EAACN,cAAc,EAAEC,yBAAY,CAACT,IAAI,CAACC,KAAK,CAAC,EAAEM,QAAQ,IAAIE,yBAAY,CAACM,YAAY,CAACd,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideText","exports","_ref","_ref$text","text","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","disabled","asideClassName","stylesLayout","aside","default","createElement","className","cx","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":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;;;;;AAMO,IAAMK,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAqBH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAjDC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEhB,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,OAAOV,IAAI;EACTX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAE,IAAAC,WAAE,EAACN,cAAc,EAAEC,yBAAY,CAACT,IAAI,CAACC,KAAK,CAAC,EAAEM,QAAQ,IAAIE,yBAAY,CAACM,YAAY,CAACd,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/Input/InputLayout/InputLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","InputLayoutContextDefault","exports","focused","disabled","size","InputLayoutContext","React","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":"4MAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;AAUO,IAAMC,yBAAkD,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EAChEE,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAEM,IAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,gBAAGC,cAAK,CAACC,aAAa,CAA0BP,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","InputLayoutContextDefault","exports","focused","disabled","size","InputLayoutContext","React","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":"4MAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;AAUO,IAAMC,yBAAkD,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EAChEE,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAEM,IAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,gBAAGC,cAAK,CAACC,aAAa,CAA0BP,yBAAyB,CAAC","ignoreList":[]}

package/cjs/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/cjs/components/Input/InputLayout/PolyfillPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_Input","_needsPolyfillPlaceholder","_InputLayoutContext","PolyfillPlaceholder","exports","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","_placeholder","needsPolyfillPlaceholder","_cx","default","createElement","className","cx","styles","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { 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":"yKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;;;;;;;;;;AAUO,IAAMM,mBAAyE,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAA5EA,mBAAyEA,CAAAE,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,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAA8BH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAA1DC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIC,kDAAwB,IAAIf,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAY,GAAA;IACxFF,YAAY;IACVzB,MAAA,CAAA4B,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,aAAM,CAACrB,WAAW,CAACM,KAAK,CAAC,GAAAU,GAAA,OAAAA,GAAA;MACpCK,aAAM,CAACC,mBAAmB,CAAChB,KAAK,CAAC,IAAGO,QAAQ,EAAAG,GAAA;MAC5CK,aAAM,CAACE,gBAAgB,CAACjB,KAAK,CAAC,IAAGM,OAAO,EAAAI,GAAA;MAC1C,CAAE;MACHQ,KAAK,EAAE,EAAEC,SAAS,EAAEvB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOc,YAAY;AACrB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_Input","_needsPolyfillPlaceholder","_InputLayoutContext","PolyfillPlaceholder","exports","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","_placeholder","needsPolyfillPlaceholder","_cx","default","createElement","className","cx","styles","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":"yKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;;;;;;;;;;AAUO,IAAMM,mBAAyE,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAA5EA,mBAAyEA,CAAAE,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,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAA8BH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAA1DC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIC,kDAAwB,IAAIf,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAY,GAAA;IACxFF,YAAY;IACVzB,MAAA,CAAA4B,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,aAAM,CAACrB,WAAW,CAACM,KAAK,CAAC,GAAAU,GAAA,OAAAA,GAAA;MACpCK,aAAM,CAACC,mBAAmB,CAAChB,KAAK,CAAC,IAAGO,QAAQ,EAAAG,GAAA;MAC5CK,aAAM,CAACE,gBAAgB,CAACjB,KAAK,CAAC,IAAGM,OAAO,EAAAI,GAAA;MAC1C,CAAE;MACHQ,KAAK,EAAE,EAAEC,SAAS,EAAEvB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOc,YAAY;AACrB,CAAC","ignoreList":[]}

package/cjs/components/Input/index.d.ts

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

package/cjs/components/Kebab/Kebab.d.ts

@@ -1,63 +1,59 @@
-import React, { AriaAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { Nullable } from '../../typings/utility-types';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
-    disabled?: boolean;
-    size?: SizeProp;
-    /**
-     * Список позиций доступных для расположения выпадашки.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    menuMaxHeight?: number | string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-    /**
-     * Кастомная иконка
-     */
-    icon?: React.ReactNode;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-}
-export declare const KebabDataTids: {
-    readonly caption: "Kebab__caption";
-};
-export interface KebabState {
-    anchor: Nullable<HTMLElement>;
-    focusedByTab: boolean;
-}
-type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
-export declare class Kebab extends React.Component<KebabProps, KebabState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {};
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: KebabState;
-    private theme;
-    private setRootNode;
-    private listener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderCaption;
-    private handleCaptionKeyDown;
-    private handleChangeMenuState;
-    private handleFocus;
-    private handleBlur;
-    private renderIcon;
-    private renderIcon2022;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { Nullable } from '../../typings/utility-types';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']. */
+    positions?: PopupPositionsType[];
+    positions2?: string;
+    /** Задает максимальную высоту меню. */
+    menuMaxHeight?: number | string;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+    /** Добавляет иконку слева. */
+    icon?: React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+}
+export declare const KebabDataTids: {
+    readonly caption: "Kebab__caption";
+};
+export interface KebabState {
+    anchor: Nullable<HTMLElement>;
+    focusedByTab: boolean;
+}
+type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */
+export declare class Kebab extends React.Component<KebabProps, KebabState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {};
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: KebabState;
+    private theme;
+    private setRootNode;
+    private listener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderCaption;
+    private handleCaptionKeyDown;
+    private handleChangeMenuState;
+    private handleFocus;
+    private handleBlur;
+    private renderIcon;
+}
+export {};

package/cjs/components/Kebab/Kebab.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.KebabDataTids = exports.Kebab = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.KebabDataTids = exports.Kebab = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIs = require("react-is");
 var _globalObject = require("@skbkontur/global-object");
@@ -7,19 +8,20 @@ var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _keyListener = require("../../lib/events/keyListener");
+
 var _PopupMenu = require("../../internal/PopupMenu");
 
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _px = require("../../internal/icons/16px");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 
@@ -58,7 +60,7 @@ var _KebabIcon = require("./KebabIcon");var _class, _Kebab;
 
 var KebabDataTids = exports.KebabDataTids = {
   caption: 'Kebab__caption'
-};var
+};
 
 
 
@@ -67,6 +69,9 @@ var KebabDataTids = exports.KebabDataTids = {
 
 
 
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */var
 
 Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (_Kebab = /*#__PURE__*/function (_React$Component) {function Kebab() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -150,9 +155,6 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (_Kebab = /*#__PURE__*/
 
 
 
-
-
-
 
 
 
@@ -185,14 +187,13 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (_Kebab = /*#__PURE__*/
             size === 'small' && _Kebab2.styles.kebabSmall(_this.theme),
             size === 'medium' && _Kebab2.styles.kebabMedium(_this.theme),
             size === 'large' && _Kebab2.styles.kebabLarge(_this.theme),
-            (0, _ThemeHelpers.isTheme2022)(_this.theme) && _Kebab2.styles.kebab2022(),
             captionProps.opened && _Kebab2.styles.opened(_this.theme),
             disabled && _Kebab2.styles.disabled(),
             _this.state.focusedByTab && _Kebab2.styles.focused(_this.theme)
           ),
           "aria-describedby": _this.props['aria-describedby'] },
 
-        (0, _ThemeHelpers.isTheme2022)(_this.theme) ? _this.renderIcon2022() : _this.renderIcon()
+        _this.renderIcon()
         ));
 
     };_this.
@@ -229,26 +230,10 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (_Kebab = /*#__PURE__*/
       _this.setState({
         focusedByTab: false
       });
-    };return _this;}(0, _inheritsLoose2.default)(Kebab, _React$Component);var _proto = Kebab.prototype;_proto.componentDidMount = function componentDidMount() {/** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {return undefined;});};_proto.componentWillUnmount = function componentWillUnmount() {this.listener.remove();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupPinOffset: theme.kebabPinOffset, popupMargin: theme.kebabMargin, popupPinSize: theme.kebabPinSize, menuScrollContainerContentWrapperPaddingY: theme.menuLegacyPaddingY }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var disabled = this.props.disabled;var _this$getProps2 = this.getProps(),positions = _this$getProps2.positions,disableAnimations = _this$getProps2.disableAnimations,onOpen = _this$getProps2.onOpen,onClose = _this$getProps2.onClose;var hasPin = !(0, _ThemeHelpers.isTheme2022)(this.theme);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { popupHasPin: hasPin, preventIconsOffset: this.props.preventIconsOffset, positions: positions, onChangeMenuState: this.handleChangeMenuState, caption: this.renderCaption, disableAnimations: disableAnimations, menuMaxHeight: this.props.menuMaxHeight, onOpen: onOpen, onClose: onClose, popupMenuId: this.props.popupMenuId, "aria-label": this.props['aria-label'] }, !disabled && this.props.children));};_proto.
-
-  renderIcon = function renderIcon() {var _cx;
-    var _this$getProps3 = this.getProps(),size = _this$getProps3.size,_this$getProps3$icon = _this$getProps3.icon,icon = _this$getProps3$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_px.MenuKebabIcon, null) : _this$getProps3$icon;
-    return /*#__PURE__*/(
-      _react.default.createElement("div", {
-        className: (0, _Emotion.cx)((_cx = {}, _cx[
-        _Kebab2.styles.icon(this.theme)] = true, _cx[
-        _Kebab2.styles.iconsmall(this.theme)] = size === 'small', _cx[
-        _Kebab2.styles.iconmedium(this.theme)] = size === 'medium', _cx[
-        _Kebab2.styles.iconlarge(this.theme)] = size === 'large', _cx)
-        ) },
-
-      icon
-      ));
-
-  };_proto.
-
-  renderIcon2022 = function renderIcon2022() {
-    var _this$getProps4 = this.getProps(),size = _this$getProps4.size,_this$getProps4$icon = _this$getProps4.icon,icon = _this$getProps4$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_KebabIcon.KebabIcon, null) : _this$getProps4$icon;
+    };return _this;}(0, _inheritsLoose2.default)(Kebab, _React$Component);var _proto = Kebab.prototype;_proto.componentDidMount = function componentDidMount() {/** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {return undefined;});};_proto.componentWillUnmount = function componentWillUnmount() {this.listener.remove();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: theme.kebabMargin }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var disabled = this.props.disabled;var _this$getProps2 = this.getProps(),positions = _this$getProps2.positions,disableAnimations = _this$getProps2.disableAnimations,onOpen = _this$getProps2.onOpen,onClose = _this$getProps2.onClose;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { id: this.props.id, popupHasPin: false, preventIconsOffset: this.props.preventIconsOffset, positions: positions, onChangeMenuState: this.handleChangeMenuState, caption: this.renderCaption, disableAnimations: disableAnimations, menuMaxHeight: this.props.menuMaxHeight, onOpen: onOpen, onClose: onClose, popupMenuId: this.props.popupMenuId, "aria-label": this.props['aria-label'] }, !disabled && this.props.children));};_proto.
+
+  renderIcon = function renderIcon() {
+    var _this$getProps3 = this.getProps(),size = _this$getProps3.size,_this$getProps3$icon = _this$getProps3.icon,icon = _this$getProps3$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_KebabIcon.KebabIcon, null) : _this$getProps3$icon;
 
     if ((0, _reactIs.isElement)(icon) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size, _icon$props$color;
       var sizes = {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_reactIs","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_keyListener","_PopupMenu","_ThemeContext","_px","_currentEnvironment","_ThemeFactory","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_ThemeHelpers","_getVisualStateDataAttributes","_Kebab2","_KebabIcon","_class","_Kebab","KebabDataTids","exports","caption","Kebab","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","default","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","cx","styles","kebab","theme","kebabSmall","kebabMedium","kebabLarge","isTheme2022","kebab2022","opened","focused","props","renderIcon2022","renderIcon","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","globalObject","requestAnimationFrame","keyListener","isTabPressed","_inheritsLoose2","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","menuScrollContainerContentWrapperPaddingY","menuLegacyPaddingY","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","hasPin","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","PopupMenu","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_cx","_this$getProps3","_this$getProps3$icon","icon","MenuKebabIcon","iconsmall","iconmedium","iconlarge","_this$getProps4","_this$getProps4$icon","KebabIcon","isElement","isKonturIcon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","React","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName","propTypes","isTestEnv","PropTypes","node","bool","oneOfType","string","number","func"],"sources":["Kebab.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactElement } from 'react';\nimport PropTypes from 'prop-types';\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 { PopupMenu, PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MenuKebabIcon } from '../../internal/icons/16px';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { 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<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 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                  popupPinOffset: theme.kebabPinOffset,\n                  popupMargin: theme.kebabMargin,\n                  popupPinSize: theme.kebabPinSize,\n                  menuScrollContainerContentWrapperPaddingY: theme.menuLegacyPaddingY,\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    const hasPin = !isTheme2022(this.theme);\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          popupHasPin={hasPin}\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          isTheme2022(this.theme) && styles.kebab2022(),\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        {isTheme2022(this.theme) ? this.renderIcon2022() : 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 = <MenuKebabIcon /> } = this.getProps();\n    return (\n      <div\n        className={cx({\n          [styles.icon(this.theme)]: true,\n          [styles.iconsmall(this.theme)]: size === 'small',\n          [styles.iconmedium(this.theme)]: size === 'medium',\n          [styles.iconlarge(this.theme)]: size === 'large',\n        })}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  private renderIcon2022() {\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","_interopRequireDefault","require","_propTypes","_reactIs","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_keyListener","_PopupMenu","_ThemeContext","_currentEnvironment","_ThemeFactory","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_Kebab2","_KebabIcon","_class","_Kebab","KebabDataTids","exports","caption","Kebab","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","default","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","cx","styles","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","someKeys","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","globalObject","requestAnimationFrame","keyListener","isTabPressed","_inheritsLoose2","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","PopupMenu","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","KebabIcon","isElement","isKonturIcon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","React","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName","propTypes","isTestEnv","PropTypes","node","bool","oneOfType","string","number","func"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\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 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 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\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":[]}

package/cjs/components/Kebab/Kebab.md

@@ -1,4 +1,4 @@
-Базовый пример кебаб-меню.
+### Базовый пример
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -44,7 +44,7 @@ let Card = ({ name, post }) => (
 </Gapped>;
 ```
 
-Различные размеры кебаб-меню.
+### Размер
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -84,7 +84,7 @@ let Card = ({ title, size }) => (
 </Gapped>
 ```
 
-Кебаб-меню с выпадашкой слева.
+### Кебаб-меню с выпадашкой слева
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -121,7 +121,7 @@ let Card = ({ title }) => (
 <Card title="С выпадашкой слева" />
 ```
 
-С кастомным действием при открытии.
+### Кастомное действие при открытии
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -160,7 +160,7 @@ let Card = ({ title }) => (
 <Card title="С кастомным действием" />
 ```
 
-С иконками и включенным по-умолчанию автоматическим выравниванием текста.
+### Иконка и автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
@@ -174,7 +174,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </Kebab>;
 ```
 
-С иконками и отключенным автоматическим выравниванием текста.
+### Иконка и отключенное автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
@@ -188,7 +188,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </Kebab>
 ```
 
-Отключенное кебаб-меню.
+### Отключенное кебаб-меню
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -224,7 +224,7 @@ let Card = ({ title }) => (
 <Card title="Не нажимается :(" />
 ```
 
-Кебаб-меню с отключенной анимацией.
+### Отключенная анимация
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -260,7 +260,7 @@ let Card = ({ title }) => (
 <Card title="Без анимации" />
 ```
 
-Кебаб-меню с заданной высотой.
+### Высота
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';