npm - @skbkontur/react-ui - Versions diffs - 5.4.7-225d1.0 → 5.4.7-7ccf0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2417) hide show

package/cjs/components/Input/InputLayout/InputLayout.styles.js CHANGED Viewed

@@ -1,56 +1,62 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.stylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _chars = require("../../../lib/chars");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _chars = require("../../../lib/chars");
 var _Emotion = require("../../../lib/theming/Emotion");
 var _Input = require("../Input.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var stylesLayout = exports.stylesLayout = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return _Input.styles.root(t);
-  },
-  input: function input() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    "])));
+var getStylesLayout = exports.getStylesLayout = (0, _Emotion.memoizeGetStyles)(function (emotion) {
+  var styles = (0, _Input.getStyles)(emotion);
+  return {
+    root: function root(t) {
+      return styles.root(t);
+    },
+    input: function input() {
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      "])));
-  },
-  aside: function aside() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '", "';\n      }\n    "])),
+    },
+    aside: function aside() {
+      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '", "';\n        }\n      "])),
-    _chars.ZERO_WIDTH_SPACE_CSS);
+      _chars.ZERO_WIDTH_SPACE_CSS);
-  },
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputIconColor);
+    },
+    icon: function icon(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.inputIconColor);
-  },
-  iconFocus: function iconFocus(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputFocusedIconColor);
+    },
+    iconFocus: function iconFocus(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.inputFocusedIconColor);
-  },
-  iconDisabled: function iconDisabled(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
+    },
+    iconDisabled: function iconDisabled(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        color: ", ";\n      "])),
-    t.inputIconColorDisabled);
+      t.inputIconColorDisabled);
-  },
-  text: function text(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColor);
+    },
+    text: function text(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.inputPlaceholderColor);
-  },
-  textDisabled: function textDisabled(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColorDisabled);
+    },
+    textDisabled: function textDisabled(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.inputPlaceholderColorDisabled);
-  }
+    }
+  };
 });

package/cjs/components/Input/InputLayout/InputLayout.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","~~stylesLayout~~","exports","~~memoizeStyle~~","~~root~~","t","~~styles~~","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { ~~css,~~ ~~memoizeStyle~~ } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ~~styles~~ } from '../Input.styles';\n\nexport const ~~stylesLayout~~ = ~~memoizeStyle~~({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"],"mappings":"~~0RAAA~~,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,~~oBAAyC~~,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;~~AAElC~~,IAAMC,~~YAAY~~,GAAAC,OAAA,CAAAD,~~YAAA~~,GAAG,IAAAE,~~qBAAY~~,EAAC;~~EACvCC~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~IACb~~,~~OAAOC~~,~~aAAM~~,~~CAACF~~,IAAI,CAACC,CAAC,CAAC;~~EACvB~~,CAAC;~~EACDE~~,KAAK,WAAAA,MAAA,EAAG;~~IACN~~,~~WAAOC~~,~~YAAG~~,~~EAAAd~~,eAAA,KAAAA,eAAA,~~OAAAe~~,4BAAA,CAAAC,OAAA;;;;;;;~~EAOZ~~,CAAC;~~EACDC~~,KAAK,WAAAA,MAAA,EAAG;~~IACN~~,~~WAAOH~~,~~YAAG~~,~~EAAAb~~,gBAAA,KAAAA,gBAAA,~~OAAAc~~,4BAAA,CAAAC,OAAA;;;;;;~~IAMME~~,2BAAoB;;;~~EAGtC~~,CAAC;~~EACDC~~,IAAI,WAAAA,~~KAACR~~,CAAQ,EAAE;~~IACb~~,~~WAAOG~~,~~YAAG~~,~~EAAAZ~~,gBAAA,KAAAA,gBAAA,~~OAAAa~~,4BAAA,CAAAC,OAAA;~~IACCL~~,CAAC,~~CAACS~~,cAAc;;~~EAE7B~~,CAAC;~~EACDC~~,SAAS,WAAAA,~~UAACV~~,CAAQ,EAAE;~~IAClB~~,~~WAAOG~~,~~YAAG~~,~~EAAAX~~,gBAAA,KAAAA,gBAAA,~~OAAAY~~,4BAAA,CAAAC,OAAA;~~IACCL~~,CAAC,~~CAACW~~,qBAAqB;;~~EAEpC~~,CAAC;~~EACDC~~,YAAY,WAAAA,~~aAACZ~~,CAAQ,EAAE;~~IACrB~~,~~WAAOG~~,~~YAAG~~,~~EAAAV~~,gBAAA,KAAAA,gBAAA,~~OAAAW~~,4BAAA,CAAAC,OAAA;;~~IAECL~~,CAAC,~~CAACa~~,sBAAsB;;~~EAErC~~,CAAC;~~EACDC~~,IAAI,WAAAA,~~KAACd~~,CAAQ,EAAE;~~IACb~~,~~WAAOG~~,~~YAAG~~,~~EAAAT~~,gBAAA,KAAAA,gBAAA,~~OAAAU~~,4BAAA,CAAAC,OAAA;~~IACCL~~,CAAC,~~CAACe~~,qBAAqB;;~~EAEpC~~,CAAC;~~EACDC~~,YAAY,WAAAA,~~aAAChB~~,CAAQ,EAAE;~~IACrB~~,~~WAAOG~~,~~YAAG~~,~~EAAAR~~,gBAAA,KAAAA,gBAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;~~IACCL~~,CAAC,~~CAACiB~~,6BAA6B;;~~EAE5C~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","getStylesLayout","exports","memoizeGetStyles","emotion","styles","getStyles","root","t","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { getStyles } from '../Input.styles';\n\nexport const getStylesLayout = memoizeGetStyles((emotion: Emotion) => {\n const styles = getStyles(emotion);\n\n return {\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return emotion.css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return emotion.css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return emotion.css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return emotion.css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return emotion.css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n };\n});\n"],"mappings":";;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAA4C,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAErC,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,yBAAgB,EAAC,UAACC,OAAgB,EAAK;EACpE,IAAMC,MAAM,GAAG,IAAAC,gBAAS,EAACF,OAAO,CAAC;;EAEjC,OAAO;IACLG,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOH,MAAM,CAACE,IAAI,CAACC,CAAC,CAAC;IACvB,CAAC;IACDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOL,OAAO,CAACM,GAAG,CAAAhB,eAAA,KAAAA,eAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;IAOpB,CAAC;IACDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOT,OAAO,CAACM,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;;;MAMFE,2BAAoB;;;IAGtC,CAAC;IACDC,IAAI,WAAAA,KAACP,CAAQ,EAAE;MACb,OAAOJ,OAAO,CAACM,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;MACPJ,CAAC,CAACQ,cAAc;;IAE7B,CAAC;IACDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;MAClB,OAAOJ,OAAO,CAACM,GAAG,CAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;MACPJ,CAAC,CAACU,qBAAqB;;IAEpC,CAAC;IACDC,YAAY,WAAAA,aAACX,CAAQ,EAAE;MACrB,OAAOJ,OAAO,CAACM,GAAG,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;;MAEPJ,CAAC,CAACY,sBAAsB;;IAErC,CAAC;IACDC,IAAI,WAAAA,KAACb,CAAQ,EAAE;MACb,OAAOJ,OAAO,CAACM,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACPJ,CAAC,CAACc,qBAAqB;;IAEpC,CAAC;IACDC,YAAY,WAAAA,aAACf,CAAQ,EAAE;MACrB,OAAOJ,OAAO,CAACM,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACPJ,CAAC,CAACgB,6BAA6B;;IAE5C;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAside.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAside = void 0;var _react = _interopRequireDefault(require("react"));
+var _renderEnvironment = require("../../../lib/renderEnvironment");
 var _InputLayout = require("./InputLayout.styles");
@@ -13,7 +14,8 @@ var _InputLayoutAsideText = require("./InputLayoutAsideText");
 var InputLayoutAside = exports.InputLayoutAside = function InputLayoutAside(_ref) {var icon = _ref.icon,text = _ref.text,side = _ref.side;
-  var asideClassName = _InputLayout.stylesLayout.aside();
+  var stylesLayout = (0, _renderEnvironment.useStyles)(_InputLayout.getStylesLayout);
+  var asideClassName = stylesLayout.aside();
   var _icon = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideIcon.InputLayoutAsideIcon, { key: "icon", icon: icon, side: side });
   var _text = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideText.InputLayoutAsideText, { key: "text", text: text });

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

	@@ -1 +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 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":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","stylesLayout","useStyles","getStylesLayout","asideClassName","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment';\nimport type { InputProps } from '../Input';\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 stylesLayout = useStyles(getStylesLayout);\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;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;;AAGA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;;;;;;;;AAQO,IAAMK,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,YAAY,GAAG,IAAAC,4BAAS,EAACC,4BAAe,CAAC;EAC/C,IAAMC,cAAc,GAAGH,YAAY,CAACI,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,qBAAA,CAAAgB,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACZ,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMW,KAAK,gBAAGvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,qBAAA,CAAAkB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACX,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMc,KAAK,GAAGb,IAAI,KAAK,MAAM,GAAG,CAACM,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEV,cAAe,IAAES,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js CHANGED Viewed

@@ -2,9 +2,9 @@
 var _react = _interopRequireDefault(require("react"));
 var _reactIs = require("react-is");
+var _renderEnvironment = require("../../../lib/renderEnvironment");
 var _utils = require("../../../lib/utils");
-var _Emotion = require("../../../lib/theming/Emotion");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
@@ -17,6 +17,8 @@ var _InputLayout = require("./InputLayout.styles");
 var InputLayoutAsideIcon = exports.InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {var _ref$icon = _ref.icon,icon = _ref$icon === void 0 ? null : _ref$icon,side = _ref.side;
   var theme = _react.default.useContext(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var stylesLayout = (0, _renderEnvironment.useStyles)(_InputLayout.getStylesLayout);
   var _React$useContext = _react.default.useContext(_InputLayoutContext.InputLayoutContext),focused = _React$useContext.focused,disabled = _React$useContext.disabled,size = _React$useContext.size;
   var sizes = {
@@ -47,11 +49,11 @@ var InputLayoutAsideIcon = exports.InputLayoutAsideIcon = function InputLayoutAs
   return _icon ? /*#__PURE__*/
   _react.default.createElement("span", {
     style: style,
-    className: (0, _Emotion.cx)(
-      _InputLayout.stylesLayout.aside(),
-      _InputLayout.stylesLayout.icon(theme),
-      focused && _InputLayout.stylesLayout.iconFocus(theme),
-      disabled && _InputLayout.stylesLayout.iconDisabled(theme)
+    className: cx(
+      stylesLayout.aside(),
+      stylesLayout.icon(theme),
+      focused && stylesLayout.iconFocus(theme),
+      disabled && stylesLayout.iconDisabled(theme)
     ) },
   _icon

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

	@@ -1 +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 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":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_renderEnvironment","_utils","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideIcon","exports","_ref","_ref$icon","icon","side","theme","React","useContext","ThemeContext","_useEmotion","useEmotion","cx","stylesLayout","useStyles","getStylesLayout","_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","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment';\nimport { isKonturIcon } from '../../../lib/utils';\nimport type { InputProps } from '../Input';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { getStylesLayout } 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 { cx } = useEmotion();\n const stylesLayout = useStyles(getStylesLayout);\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":"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","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAsideText.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAsideText = void 0;var _react = _interopRequireDefault(require("react"));
+var _renderEnvironment = require("../../../lib/renderEnvironment");
-var _Emotion = require("../../../lib/theming/Emotion");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _InputLayoutContext = require("./InputLayoutContext");
@@ -13,12 +13,14 @@ var _InputLayout = require("./InputLayout.styles");
 var InputLayoutAsideText = exports.InputLayoutAsideText = function InputLayoutAsideText(_ref) {var _ref$text = _ref.text,text = _ref$text === void 0 ? null : _ref$text;
   var theme = _react.default.useContext(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var stylesLayout = (0, _renderEnvironment.useStyles)(_InputLayout.getStylesLayout);
   var _React$useContext = _react.default.useContext(_InputLayoutContext.InputLayoutContext),disabled = _React$useContext.disabled;
-  var asideClassName = _InputLayout.stylesLayout.aside();
+  var asideClassName = stylesLayout.aside();
   return text ? /*#__PURE__*/
-  _react.default.createElement("span", { className: (0, _Emotion.cx)(asideClassName, _InputLayout.stylesLayout.text(theme), disabled && _InputLayout.stylesLayout.textDisabled(theme)) },
+  _react.default.createElement("span", { className: cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme)) },
   text
   ) :
   null;

package/cjs/components/Input/InputLayout/InputLayoutAsideText.js.map CHANGED Viewed

	@@ -1 +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 ~~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":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideText","exports","_ref","_ref$text","text","theme","React","useContext","ThemeContext","_useEmotion","useEmotion","cx","stylesLayout","useStyles","getStylesLayout","_React$useContext","InputLayoutContext","disabled","asideClassName","aside","default","createElement","className","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment';\nimport type { InputProps } from '../Input';\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 theme = React.useContext(ThemeContext);\n const { cx } = useEmotion();\n const stylesLayout = useStyles(getStylesLayout);\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;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,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,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;EACV,IAAMC,YAAY,GAAG,IAAAC,4BAAS,EAACC,4BAAe,CAAC;EAC/C,IAAAC,iBAAA,GAAqBT,cAAK,CAACC,UAAU,CAACS,sCAAkB,CAAC,CAAjDC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEhB,IAAMC,cAAc,GAAGN,YAAY,CAACO,KAAK,CAAC,CAAC;;EAE3C,OAAOf,IAAI;EACTX,MAAA,CAAA2B,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAEX,EAAE,CAACO,cAAc,EAAEN,YAAY,CAACR,IAAI,CAACC,KAAK,CAAC,EAAEY,QAAQ,IAAIL,YAAY,CAACW,YAAY,CAAClB,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

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

@@ -42,10 +42,15 @@ export declare class Kebab extends React.Component<KebabProps, KebabState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: KebabState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private size;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private keyListener;
     private listener;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/cjs/components/Kebab/Kebab.js CHANGED Viewed

@@ -1,7 +1,8 @@
 "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 _reactIs = require("react-is");
-var _globalObject = require("@skbkontur/global-object");
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -17,13 +18,13 @@ 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 _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _Kebab2 = require("./Kebab.styles");
 var _KebabIcon = require("./KebabIcon");var _class, _Kebab;
@@ -75,7 +76,7 @@ var KebabDataTids = exports.KebabDataTids = {
-Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_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.
+Kebab = exports.Kebab = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_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.
@@ -98,6 +99,11 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
     listener =
     {
@@ -156,6 +162,9 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
@@ -184,14 +193,14 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
           onKeyDown: handleCaptionKeyDown,
           onFocus: _this.handleFocus,
           onBlur: _this.handleBlur,
-          className: (0, _Emotion.cx)(
-            _Kebab2.styles.kebab(_this.theme),
-            size === 'small' && _Kebab2.styles.kebabSmall(_this.theme),
-            size === 'medium' && _Kebab2.styles.kebabMedium(_this.theme),
-            size === 'large' && _Kebab2.styles.kebabLarge(_this.theme),
-            captionProps.opened && _Kebab2.styles.opened(_this.theme),
-            disabled && _Kebab2.styles.disabled(),
-            _this.state.focusedByTab && _Kebab2.styles.focused(_this.theme)
+          className: _this.cx(
+            _this.styles.kebab(_this.theme),
+            size === 'small' && _this.styles.kebabSmall(_this.theme),
+            size === 'medium' && _this.styles.kebabMedium(_this.theme),
+            size === 'large' && _this.styles.kebabLarge(_this.theme),
+            captionProps.opened && _this.styles.opened(_this.theme),
+            disabled && _this.styles.disabled(),
+            _this.state.focusedByTab && _this.styles.focused(_this.theme)
           ),
           "aria-describedby": _this.props['aria-describedby'] },
@@ -220,8 +229,8 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-          if (_keyListener.keyListener.isTabPressed) {
+        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
+          if (_this.keyListener.isTabPressed) {
             _this.setState({ focusedByTab: true });
           }
         });
@@ -232,7 +241,7 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
       _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({ 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.
+    };return _this;}(0, _inheritsLoose2.default)(Kebab, _React$Component);var _proto = Kebab.prototype;_proto.componentDidMount = function componentDidMount() {this.keyListener = new _keyListener.KeyListener(this.globalObject); /** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {return undefined;}, this.globalObject);};_proto.componentWillUnmount = function componentWillUnmount() {this.listener.remove();};_proto.render = function render() {var _this2 = this;this.styles = (0, _Kebab2.getStyles)(this.emotion);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(),_this$getProps3$icon = _this$getProps3.icon,icon = _this$getProps3$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_KebabIcon.KebabIcon, null) : _this$getProps3$icon;
@@ -251,4 +260,4 @@ Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
     }
     return icon;
-  };return Kebab;}(_react.default.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.defaultProps = { onOpen: function onOpen() {return undefined;}, onClose: function onClose() {return undefined;}, positions: ['bottom left', 'bottom right', 'top left', 'top right'], disableAnimations: _currentEnvironment.isTestEnv }, _Kebab)) || _class) || _class;
+  };return Kebab;}(_react.default.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.defaultProps = { onOpen: function onOpen() {return undefined;}, onClose: function onClose() {return undefined;}, positions: ['bottom left', 'bottom right', 'top left', 'top right'], disableAnimations: _currentEnvironment.isTestEnv }, _Kebab)) || _class) || _class) || _class;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_keyListener","_PopupMenu","_ThemeContext","_currentEnvironment","_ThemeFactory","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_SizeDecorator","_Kebab2","_KebabIcon","_class","_Kebab","KebabDataTids","exports","caption","Kebab","rootNode","withSize","_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","isTestEnv"],"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 { TGetRootNode, 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';\nimport { withSize } from '../../lib/size/SizeDecorator';\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' \| 'disableAnimations'>>;\n\n/\n Кебаб-меню `Kebab` содержит действия с объектом.\n /\n\n@rootNode\n@withSize\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 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 size!: SizeProp;\n public getRootNode!: TGetRootNode;\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 } = this.getProps();\n const size = this.size;\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 { 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[this.size],\n color: icon.props.color ?? this.theme.kebabIconColor,\n });\n }\n\n return icon;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_keyListener","_PopupMenu","_ThemeContext","_currentEnvironment","_ThemeFactory","_CommonWrapper","_rootNode","_createPropsGetter","_getVisualStateDataAttributes","_SizeDecorator","_renderEnvironment","_Kebab2","_KebabIcon","_class","_Kebab","KebabDataTids","exports","caption","Kebab","withRenderEnvironment","rootNode","withSize","_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","KeyListener","addListener","componentWillUnmount","render","_this2","getStyles","emotion","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","isTestEnv"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\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 type { TGetRootNode, 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';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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 /** Делает компонент недоступным. /\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' \| 'disableAnimations'>>;\n\n/\n Кебаб-меню `Kebab` содержит действия с объектом.\n /\n@withRenderEnvironment\n@rootNode\n@withSize\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 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 globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private size!: SizeProp;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n private listener: {\n remove: () => void;\n } = {\n remove: () => undefined,\n };\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n /* addListener'у нужен колбэк в аргумент */\n this.listener = LayoutEvents.addListener(() => undefined, this.globalObject);\n }\n\n public componentWillUnmount() {\n this.listener.remove();\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n\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 } = this.getProps();\n const size = this.size;\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={this.cx(\n this.styles.kebab(this.theme),\n size === 'small' && this.styles.kebabSmall(this.theme),\n size === 'medium' && this.styles.kebabMedium(this.theme),\n size === 'large' && this.styles.kebabLarge(this.theme),\n captionProps.opened && this.styles.opened(this.theme),\n disabled && this.styles.disabled(),\n this.state.focusedByTab && this.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 this.globalObject.requestAnimationFrame?.(() => {\n if (this.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 { 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[this.size],\n color: icon.props.color ?? this.theme.kebabIconColor,\n });\n }\n\n return icon;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Kebab/Kebab.styles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     kebab(t: Theme): string;
     kebabSmall(t: Theme): string;
     kebabMedium(t: Theme): string;
@@ -8,4 +8,4 @@ export declare const styles: {
     opened(t: Theme): string;
     disabled(): string;
     menu(t: Theme): string;
-};
+}>;