@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/cjs/internal/Menu/Menu.styles.js

@@ -1,105 +1,102 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      box-sizing: ", ";\n      outline: none;\n      padding: ", " ", ";\n    "])),
+    t.menuBgDefault,
+    t.menuBorderRadius,
+    t.menuBoxSizing,
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border-radius: ", ";\n        box-sizing: ", ";\n        outline: none;\n        padding: ", " ", ";\n      "])),
-        t.menuBgDefault,
-        t.menuBorderRadius,
-        t.menuBoxSizing,
+    t.menuPaddingY, t.menuPaddingX);
 
-        t.menuPaddingY, t.menuPaddingX);
+  },
 
-      },
+  hasMargin: function hasMargin(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", " 0;\n    "])),
+    t.menuOffsetY);
 
-      hasMargin: function hasMargin(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", " 0;\n      "])),
-        t.menuOffsetY);
+  },
 
-      },
+  mobileRoot: function mobileRoot(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ", ";\n    "])),
 
-      mobileRoot: function mobileRoot(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-radius: 0;\n        margin: 0;\n        padding: 0 ", ";\n      "])),
 
+    t.mobileMenuPaddingX);
 
-        t.mobileMenuPaddingX);
+  },
 
-      },
+  alignRight: function alignRight() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
 
-      alignRight: function alignRight() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n      "])));
 
+  },
 
-      },
+  alignRightIE11: function alignRightIE11() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      float: right;\n      width: 100%;\n    "])));
 
-      alignRightIE11: function alignRightIE11() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        float: right;\n        width: 100%;\n      "])));
 
 
+  },
 
-      },
+  alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    "])));
 
-      alignRightIE11FixAutoWidth: function alignRightIE11FixAutoWidth() {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: border-box !important; // override root styles\n        overflow: hidden !important; // override root styles\n      "])));
 
 
+  },
 
-      },
+  scrollContainer: function scrollContainer(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+    t.menuScrollContainerContentWrapperPaddingY);
 
-      scrollContainer: function scrollContainer(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " 0;\n      "])),
-        t.menuScrollContainerContentWrapperPaddingY);
+  },
 
-      },
+  scrollContainerMobile: function scrollContainerMobile(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
+    t.mobileMenuScrollContainerContentWrapperPaddingY);
 
-      scrollContainerMobile: function scrollContainerMobile(t) {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " 0;\n      "])),
-        t.mobileMenuScrollContainerContentWrapperPaddingY);
+  },
 
-      },
+  shadow: function shadow(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", ";\n      box-shadow: ", ";\n    "])),
+    t.menuBorder,
+    t.menuShadow);
 
-      shadow: function shadow(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", ";\n        box-shadow: ", ";\n      "])),
-        t.menuBorder,
-        t.menuShadow);
+  },
 
-      },
+  wrapper: function wrapper() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    "])));
 
-      wrapper: function wrapper() {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        overflow: hidden;\n        line-height: 18px;\n        box-sizing: border-box;\n      "])));
 
 
 
 
 
 
+  },
 
-      },
+  headerWrapper: function headerWrapper() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      top: -5px;\n    "])));
 
-      headerWrapper: function headerWrapper() {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        top: -5px;\n      "])));
 
+  },
 
-      },
+  footerWrapper: function footerWrapper() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: -5px;\n    "])));
 
-      footerWrapper: function footerWrapper() {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        bottom: -5px;\n      "])));
 
+  },
 
-      },
+  contentWrapper: function contentWrapper() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 6px 18px 7px 8px;\n    "])));
 
-      contentWrapper: function contentWrapper() {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: 6px 18px 7px 8px;\n      "])));
 
+  },
 
-      },
+  menuSeparatorWrapper: function menuSeparatorWrapper(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    t.menuSeparatorBorderWidth);
 
-      menuSeparatorWrapper: function menuSeparatorWrapper(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: ", ";\n      "])),
-        t.menuSeparatorBorderWidth);
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","getStyles","exports","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        background: ${t.menuBgDefault};\n        border-radius: ${t.menuBorderRadius};\n        box-sizing: ${t.menuBoxSizing};\n        outline: none;\n        padding: ${t.menuPaddingY} ${t.menuPaddingX};\n      `;\n    },\n\n    hasMargin(t: Theme) {\n      return emotion.css`\n        margin: ${t.menuOffsetY} 0;\n      `;\n    },\n\n    mobileRoot(t: Theme) {\n      return emotion.css`\n        border-radius: 0;\n        margin: 0;\n        padding: 0 ${t.mobileMenuPaddingX};\n      `;\n    },\n\n    alignRight() {\n      return emotion.css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    alignRightIE11() {\n      return emotion.css`\n        float: right;\n        width: 100%;\n      `;\n    },\n\n    alignRightIE11FixAutoWidth() {\n      return emotion.css`\n        box-sizing: border-box !important; // override root styles\n        overflow: hidden !important; // override root styles\n      `;\n    },\n\n    scrollContainer(t: Theme) {\n      return emotion.css`\n        padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n      `;\n    },\n\n    scrollContainerMobile(t: Theme) {\n      return emotion.css`\n        padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n      `;\n    },\n\n    shadow(t: Theme) {\n      return emotion.css`\n        border: ${t.menuBorder};\n        box-shadow: ${t.menuShadow};\n      `;\n    },\n\n    wrapper() {\n      return emotion.css`\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        overflow: hidden;\n        line-height: 18px;\n        box-sizing: border-box;\n      `;\n    },\n\n    headerWrapper() {\n      return emotion.css`\n        top: -5px;\n      `;\n    },\n\n    footerWrapper() {\n      return emotion.css`\n        bottom: -5px;\n      `;\n    },\n\n    contentWrapper() {\n      return emotion.css`\n        padding: 6px 18px 7px 8px;\n      `;\n    },\n\n    menuSeparatorWrapper(t: Theme) {\n      return emotion.css`\n        height: ${t.menuSeparatorBorderWidth};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","menuOffsetY","mobileRoot","mobileMenuPaddingX","alignRight","alignRightIE11","alignRightIE11FixAutoWidth","scrollContainer","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","mobileMenuScrollContainerContentWrapperPaddingY","shadow","menuBorder","menuShadow","wrapper","headerWrapper","footerWrapper","contentWrapper","menuSeparatorWrapper","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.menuBgDefault};\n      border-radius: ${t.menuBorderRadius};\n      box-sizing: ${t.menuBoxSizing};\n      outline: none;\n      padding: ${t.menuPaddingY} ${t.menuPaddingX};\n    `;\n  },\n\n  hasMargin(t: Theme) {\n    return css`\n      margin: ${t.menuOffsetY} 0;\n    `;\n  },\n\n  mobileRoot(t: Theme) {\n    return css`\n      border-radius: 0;\n      margin: 0;\n      padding: 0 ${t.mobileMenuPaddingX};\n    `;\n  },\n\n  alignRight() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  alignRightIE11() {\n    return css`\n      float: right;\n      width: 100%;\n    `;\n  },\n\n  alignRightIE11FixAutoWidth() {\n    return css`\n      box-sizing: border-box !important; // override root styles\n      overflow: hidden !important; // override root styles\n    `;\n  },\n\n  scrollContainer(t: Theme) {\n    return css`\n      padding: ${t.menuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  scrollContainerMobile(t: Theme) {\n    return css`\n      padding: ${t.mobileMenuScrollContainerContentWrapperPaddingY} 0;\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      border: ${t.menuBorder};\n      box-shadow: ${t.menuShadow};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      overflow: hidden;\n      line-height: 18px;\n      box-sizing: border-box;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      top: -5px;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      bottom: -5px;\n    `;\n  },\n\n  contentWrapper() {\n    return css`\n      padding: 6px 18px 7px 8px;\n    `;\n  },\n\n  menuSeparatorWrapper(t: Theme) {\n    return css`\n      height: ${t.menuSeparatorBorderWidth};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/MenuMessage/MenuMessage.js

@@ -1,8 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuMessageDataTids = exports.MenuMessage = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ResponsiveLayout = require("../../components/ResponsiveLayout");
+var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
@@ -24,20 +24,17 @@ var MenuMessage = exports.MenuMessage = (0, _forwardRefAndName.forwardRefAndName
   function (_ref, ref) {var _cx;var children = _ref.children,className = _ref.className,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,_ref$as = _ref.as,Tag = _ref$as === void 0 ? 'p' : _ref$as,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
 
-    var emotion = (0, _RenderEnvironmentContext.useEmotion)();
-    var cx = emotion.cx;
-    var styles = (0, _MenuMessage.getStyles)(emotion);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
     var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
       switch (size) {
         case 'large':
-          return cx(styles.rootLarge(theme));
+          return (0, _Emotion.cx)(_MenuMessage.styles.rootLarge(theme));
         case 'medium':
-          return cx(styles.rootMedium(theme));
+          return (0, _Emotion.cx)(_MenuMessage.styles.rootMedium(theme));
         case 'small':
         default:
-          return cx(styles.rootSmall(theme));
+          return (0, _Emotion.cx)(_MenuMessage.styles.rootSmall(theme));
       }
     };
 
@@ -45,11 +42,11 @@ var MenuMessage = exports.MenuMessage = (0, _forwardRefAndName.forwardRefAndName
       _react.default.createElement(Tag, (0, _extends2.default)({
         ref: ref,
         "data-tid": MenuMessageDataTids.root,
-        className: cx(
+        className: (0, _Emotion.cx)(
           getMenuMessageSizeClassName(), (_cx = {}, _cx[
 
-          styles.root(theme)] = true, _cx[
-          styles.rootMobile(theme)] = isMobile, _cx),
+          _MenuMessage.styles.root(theme)] = true, _cx[
+          _MenuMessage.styles.rootMobile(theme)] = isMobile, _cx),
 
           className
         ) },

package/cjs/internal/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_RenderEnvironmentContext","_forwardRefAndName","_ResponsiveLayout","_ThemeContext","_MenuMessage","_excluded","MenuMessageDataTids","exports","root","MenuMessage","forwardRefAndName","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose2","default","_useResponsiveLayout","useResponsiveLayout","isMobile","emotion","useEmotion","cx","styles","getStyles","theme","useContext","ThemeContext","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends2","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion } from '../../lib/theming/RenderEnvironmentContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getStyles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const emotion = useEmotion();\n    const { cx } = emotion;\n    const styles = getStyles(emotion);\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"],"mappings":"4eAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;;AAIA,IAAAK,YAAA,GAAAL,OAAA,yBAAiD,IAAAM,SAAA;;;;;;;;AAQ1C,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAAC,oCAAiB;EAC1C,aAAa;EACb,UAAAC,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAAN,SAAA;IAC5D,IAAAmB,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;IAEhB,IAAMC,OAAO,GAAG,IAAAC,oCAAU,EAAC,CAAC;IAC5B,IAAQC,EAAE,GAAKF,OAAO,CAAdE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,sBAAS,EAACJ,OAAO,CAAC;IACjC,IAAMK,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQlB,IAAI;QACV,KAAK,OAAO;UACV,OAAOY,EAAE,CAACC,MAAM,CAACM,SAAS,CAACJ,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOH,EAAE,CAACC,MAAM,CAACO,UAAU,CAACL,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOH,EAAE,CAACC,MAAM,CAACQ,SAAS,CAACN,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEnC,MAAA,CAAA0B,OAAA,CAAAgB,aAAA,CAACnB,GAAG,MAAAoB,SAAA,CAAAjB,OAAA;QACFX,GAAG,EAAEA,GAAI;QACT,YAAUN,mBAAmB,CAACE,IAAK;QACnCO,SAAS,EAAEc,EAAE;UACXM,2BAA2B,CAAC,CAAC,GAAAtB,GAAA,OAAAA,GAAA;;UAE1BiB,MAAM,CAACtB,IAAI,CAACwB,KAAK,CAAC,IAAG,IAAI,EAAAnB,GAAA;UACzBiB,MAAM,CAACW,UAAU,CAACT,KAAK,CAAC,IAAGN,QAAQ,EAAAb,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ResponsiveLayout","_Emotion","_ThemeContext","_MenuMessage","_excluded","MenuMessageDataTids","exports","root","MenuMessage","forwardRefAndName","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose2","default","_useResponsiveLayout","useResponsiveLayout","isMobile","theme","useContext","ThemeContext","getMenuMessageSizeClassName","cx","styles","rootLarge","rootMedium","rootSmall","createElement","_extends2","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"],"mappings":"4eAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;;AAIA,IAAAK,YAAA,GAAAL,OAAA,yBAA8C,IAAAM,SAAA;;;;;;;;AAQvC,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAAC,oCAAiB;EAC1C,aAAa;EACb,UAAAC,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAAN,SAAA;IAC5D,IAAAmB,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;IAEhB,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQb,IAAI;QACV,KAAK,OAAO;UACV,OAAO,IAAAc,WAAE,EAACC,mBAAM,CAACC,SAAS,CAACN,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAO,IAAAI,WAAE,EAACC,mBAAM,CAACE,UAAU,CAACP,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAO,IAAAI,WAAE,EAACC,mBAAM,CAACG,SAAS,CAACR,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACE9B,MAAA,CAAA0B,OAAA,CAAAa,aAAA,CAAChB,GAAG,MAAAiB,SAAA,CAAAd,OAAA;QACFX,GAAG,EAAEA,GAAI;QACT,YAAUN,mBAAmB,CAACE,IAAK;QACnCO,SAAS,EAAE,IAAAgB,WAAE;UACXD,2BAA2B,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;;UAE1BmB,mBAAM,CAACxB,IAAI,CAACmB,KAAK,CAAC,IAAG,IAAI,EAAAd,GAAA;UACzBmB,mBAAM,CAACM,UAAU,CAACX,KAAK,CAAC,IAAGD,QAAQ,EAAAb,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

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

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

package/cjs/internal/MenuMessage/MenuMessage.styles.js

@@ -1,50 +1,47 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _Emotion = require("../../lib/theming/Emotion");
 var _MenuItem = require("../../components/MenuItem/MenuItem.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
-            menuItemPaddingX: t.menuMessagePaddingX,
-            menuItemPaddingY: t.menuMessagePaddingY
-          }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
-
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: 0;\n        display: ", ";\n        padding: ", " ", " ", " ", ";\n        color: ", ";\n        background: ", ";\n      "])),
-
-        t.menuMessageDisplay,
-        t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX,
-        t.menuMessageTextColor,
-        t.menuMessageBg);
-
-      },
-
-      rootMobile: function rootMobile(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])),
-        t.menuMessageFontSizeMobile,
-        t.menuMessageLineHeightMobile,
-        t.menuMessagePaddingMobile);
-
-      },
-
-      rootSmall: function rootSmall(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.menuMessageFontSizeSmall,
-        t.menuMessageLineHeightSmall);
-
-      },
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.menuMessageFontSizeMedium,
-        t.menuMessageLineHeightMedium);
-
-      },
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n      "])),
-        t.menuMessageFontSizeLarge,
-        t.menuMessageLineHeightLarge);
-
-      }
-    }));};
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
+        menuItemPaddingX: t.menuMessagePaddingX,
+        menuItemPaddingY: t.menuMessagePaddingY
+      }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
+
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])),
+
+    t.menuMessageDisplay,
+    t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX,
+    t.menuMessageTextColor,
+    t.menuMessageBg);
+
+  },
+
+  rootMobile: function rootMobile(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.menuMessageFontSizeMobile,
+    t.menuMessageLineHeightMobile,
+    t.menuMessagePaddingMobile);
+
+  },
+
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.menuMessageFontSizeSmall,
+    t.menuMessageLineHeightSmall);
+
+  },
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.menuMessageFontSizeMedium,
+    t.menuMessageLineHeightMedium);
+
+  },
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.menuMessageFontSizeLarge,
+    t.menuMessageLineHeightLarge);
+
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","emotion","memoizeStyle","root","t","_getMenuItemPaddings","getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","_taggedTemplateLiteralLoose2","default","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      const { paddingX, paddingY } = getMenuItemPaddings({\n        menuItemPaddingX: t.menuMessagePaddingX,\n        menuItemPaddingY: t.menuMessagePaddingY,\n      });\n\n      return emotion.css`\n        margin: 0;\n        display: ${t.menuMessageDisplay};\n        padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n        color: ${t.menuMessageTextColor};\n        background: ${t.menuMessageBg};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeMobile};\n        line-height: ${t.menuMessageLineHeightMobile};\n        padding: ${t.menuMessagePaddingMobile};\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeSmall};\n        line-height: ${t.menuMessageLineHeightSmall};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeMedium};\n        line-height: ${t.menuMessageLineHeightMedium};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuMessageFontSizeLarge};\n        line-height: ${t.menuMessageLineHeightLarge};\n      `;\n    },\n  });\n"],"mappings":";;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA,8CAAgF,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;YACjDC,gBAAgB,EAAEH,CAAC,CAACI,mBAAmB;YACvCC,gBAAgB,EAAEL,CAAC,CAACM;UACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ,CAAEC,QAAQ,GAAAP,oBAAA,CAARO,QAAQ;;QAK1B,OAAOX,OAAO,CAACY,GAAG,CAAAnB,eAAA,KAAAA,eAAA,OAAAoB,4BAAA,CAAAC,OAAA;;QAELX,CAAC,CAACY,kBAAkB;QACpBZ,CAAC,CAACM,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIR,CAAC,CAACI,mBAAmB;QACxEJ,CAAC,CAACa,oBAAoB;QACjBb,CAAC,CAACc,aAAa;;MAEjC,CAAC;;MAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACY,GAAG,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;QACHX,CAAC,CAACgB,yBAAyB;QACzBhB,CAAC,CAACiB,2BAA2B;QACjCjB,CAAC,CAACkB,wBAAwB;;MAEzC,CAAC;;MAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;QAClB,OAAOH,OAAO,CAACY,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;QACHX,CAAC,CAACoB,wBAAwB;QACxBpB,CAAC,CAACqB,0BAA0B;;MAE/C,CAAC;MACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACY,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;QACHX,CAAC,CAACuB,yBAAyB;QACzBvB,CAAC,CAACwB,2BAA2B;;MAEhD,CAAC;MACDC,SAAS,WAAAA,UAACzB,CAAQ,EAAE;QAClB,OAAOH,OAAO,CAACY,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;QACHX,CAAC,CAAC0B,wBAAwB;QACxB1B,CAAC,CAAC2B,0BAA0B;;MAE/C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","t","_getMenuItemPaddings","getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","_taggedTemplateLiteralLoose2","default","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA,8CAAgF,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;QACjDC,gBAAgB,EAAEH,CAAC,CAACI,mBAAmB;QACvCC,gBAAgB,EAAEL,CAAC,CAACM;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ,CAAEC,QAAQ,GAAAP,oBAAA,CAARO,QAAQ;;IAK1B,WAAOC,YAAG,EAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;;IAEGX,CAAC,CAACY,kBAAkB;IACpBZ,CAAC,CAACM,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIR,CAAC,CAACI,mBAAmB;IACxEJ,CAAC,CAACa,oBAAoB;IACjBb,CAAC,CAACc,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACf,CAAQ,EAAE;IACnB,WAAOS,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACgB,yBAAyB;IACzBhB,CAAC,CAACiB,2BAA2B;IACjCjB,CAAC,CAACkB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;IAClB,WAAOS,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,WAAOS,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAACuB,yBAAyB;IACzBvB,CAAC,CAACwB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAACzB,CAAQ,EAAE;IAClB,WAAOS,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACKX,CAAC,CAAC0B,wBAAwB;IACxB1B,CAAC,CAAC2B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/MobilePopup/MobilePopup.d.ts

@@ -40,7 +40,6 @@ export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static readonly defaultRootNode: null;
-    private jsStyles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -2,7 +2,6 @@
 var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _RenderContainer = require("../RenderContainer");
@@ -99,15 +98,6 @@ MobilePopup = exports.MobilePopup = (0, _rootNode.rootNode)(_class = (_MobilePop
 
 
 
-
-
-
-
-
-
-
-
-
 
 
 
@@ -122,4 +112,4 @@ MobilePopup = exports.MobilePopup = (0, _rootNode.rootNode)(_class = (_MobilePop
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
-    };return _this;}(0, _inheritsLoose2.default)(MobilePopup, _React$Component);var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.jsStyles = (0, _MobilePopup2.getJsStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: this.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: this.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: this.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.content(this.theme) }, this.props.children), /*#__PURE__*/_react.default.createElement(_MobilePopupFooter.MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: this.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(MobilePopup, _React$Component);var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: _MobilePopup2.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0 }, /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: _MobilePopup2.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup2.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.content(this.theme) }, this.props.children), /*#__PURE__*/_react.default.createElement(_MobilePopupFooter.MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup2.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup2.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class;

package/cjs/internal/MobilePopup/MobilePopup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_RenderEnvironmentContext","_ThemeContext","_RenderContainer","_HideBodyVerticalScroll","_ZIndex","_RenderLayer","_rootNode","_MobilePopup2","_MobilePopupHeader","_MobilePopupFooter","_class","_MobilePopup","MobilePopupDataTids","exports","root","container","MobilePopup","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","jsStyles","getJsStyles","ThemeContext","theme","renderMain","content","ZIndex","id","className","zIndex","priority","Transition","in","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","RenderLayer","onClickOutside","ref","setRootNode","MobilePopupHeader","caption","headerChildComponent","children","MobilePopupFooter","footerChildComponent","onClick","bottomIndent","bg","HideBodyVerticalScroll","withoutRenderContainer","RenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { getJsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.jsStyles = getJsStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={this.jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={this.jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={this.jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;;AAEA,IAAAE,yBAAA,GAAAF,OAAA;;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA;;AAEA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA,wBAAwD,IAAAY,MAAA,EAAAC,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCjD,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE,mBAAmB;EACzBC,SAAS,EAAE;AACb,CAAU,CAAC;;;AAGEC,WAAW,GAAAH,OAAA,CAAAG,WAAA,OADvBC,kBAAQ,EAAAP,MAAA,IAAAC,YAAA,0BAAAO,gBAAA,YAAAF,YAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiEAU,KAAK,GAAG,YAAM;MACnB,IAAIV,KAAA,CAAKW,KAAK,CAACC,cAAc,EAAE;QAC7BZ,KAAA,CAAKW,KAAK,CAACC,cAAc,CAAC,CAAC;MAC7B;IACF,CAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,WAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,WAAA,CAAAmB,SAAA,CAAAD,MAAA,CAxDME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEzC,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACtC,yBAAA,CAAAuC,wBAAwB,CAACC,QAAQ,QAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CACTL,MAAI,CAACM,QAAQ,GAAG,IAAAC,yBAAW,EAACF,OAAO,CAAC,CAEpC,oBACE9C,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACrC,aAAA,CAAA4C,YAAY,CAACL,QAAQ,QACnB,UAACM,KAAK,EAAK,CACVT,MAAI,CAACS,KAAK,GAAGA,KAAK,CAClB,OAAOT,MAAI,CAACU,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CACiC,CAAC,CAExC,CAAC,CAAAb,MAAA,CAEMa,UAAU,GAAjB,SAAAA,WAAA,EAAoB,CAClB,IAAMC,OAAO,gBACXpD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAAClC,OAAA,CAAA6C,MAAM,IAACC,EAAE,EAAE,IAAI,CAACpB,KAAK,CAACoB,EAAG,EAACC,SAAS,EAAE,IAAI,CAACR,QAAQ,CAACS,MAAM,CAAC,CAAE,EAACC,QAAQ,EAAE,aAAc,iBACpFzD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACvC,qBAAA,CAAAuD,UAAU,IAACC,EAAE,EAAE,IAAI,CAACzB,KAAK,CAAC0B,MAAO,EAACC,QAAQ,EAAE,IAAI,CAAC3B,KAAK,CAAC4B,OAAQ,EAACC,YAAY,QAACC,aAAa,QAACC,OAAO,EAAE,CAAE,iBACrGjE,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UAAKa,SAAS,EAAE,IAAI,CAACR,QAAQ,CAACmB,OAAO,CAAC,CAAE,iBACtClE,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACjC,YAAA,CAAA0D,WAAW,IAACC,cAAc,EAAE,IAAI,CAACnC,KAAM,iBACtCjC,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UACE2B,GAAG,EAAE,IAAI,CAACC,WAAY,EACtB,YAAUtD,mBAAmB,CAACG,SAAU,EACxCoC,SAAS,EAAE,IAAI,CAACR,QAAQ,CAAC5B,SAAS,CAAC,IAAI,CAAC+B,KAAK,CAAE,iBAE/ClD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UAAK,YAAU1B,mBAAmB,CAACE,IAAK,EAACqC,SAAS,EAAE,IAAI,CAACR,QAAQ,CAAC7B,IAAI,CAAC,IAAI,CAACgC,KAAK,CAAE,iBACjFlD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAAC9B,kBAAA,CAAA2D,iBAAiB,IAACC,OAAO,EAAE,IAAI,CAACtC,KAAK,CAACsC,OAAQ,IAAE,IAAI,CAACtC,KAAK,CAACuC,oBAAwC,CAAC,eACrGzE,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UAAKa,SAAS,EAAE,IAAI,CAACR,QAAQ,CAACK,OAAO,CAAC,IAAI,CAACF,KAAK,CAAE,IAAE,IAAI,CAAChB,KAAK,CAACwC,QAAc,CAAC,eAC9E1E,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAAC7B,kBAAA,CAAA8D,iBAAiB,QAAE,IAAI,CAACzC,KAAK,CAAC0C,oBAAwC,CACpE,CAAC,eACN5E,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UAAKmC,OAAO,EAAE,IAAI,CAAC5C,KAAM,EAACsB,SAAS,EAAE,IAAI,CAACR,QAAQ,CAAC+B,YAAY,CAAC,CAAE,EAAE,CACjE,CACM,CAAC,eACd9E,MAAA,CAAAqC,OAAA,CAAAK,aAAA,UAAKa,SAAS,EAAE,IAAI,CAACR,QAAQ,CAACgC,EAAE,CAAC,CAAE,EAAE,CAAC,eACtC/E,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACnC,uBAAA,CAAAyE,sBAAsB,MAAE,CACtB,CACK,CACN,CACT,CAED,IAAI,IAAI,CAAC9C,KAAK,CAAC+C,sBAAsB,EAAE,CACrC,OAAO7B,OAAO,CAChB,CAEA,oBAAOpD,MAAA,CAAAqC,OAAA,CAAAK,aAAA,CAACpC,gBAAA,CAAA4E,eAAe,QAAE9B,OAAyB,CAAC,CACrD,CAAC,QAAAhC,WAAA,GA9D8B+D,cAAK,CAACC,SAAS,GAAArE,YAAA,CAChCsE,mBAAmB,GAAG,kBAAkB,EAAAtE,YAAA,CACxCuE,WAAW,GAAG,kBAAkB,EAAAvE,YAAA,CAGvBwE,eAAe,GAAG,IAAI,EAAAxE,YAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_ThemeContext","_RenderContainer","_HideBodyVerticalScroll","_ZIndex","_RenderLayer","_rootNode","_MobilePopup2","_MobilePopupHeader","_MobilePopupFooter","_class","_MobilePopup","MobilePopupDataTids","exports","root","container","MobilePopup","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","content","ZIndex","id","className","jsStyles","zIndex","priority","Transition","in","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","RenderLayer","onClickOutside","ref","setRootNode","MobilePopupHeader","caption","headerChildComponent","children","MobilePopupFooter","footerChildComponent","onClick","bottomIndent","bg","HideBodyVerticalScroll","withoutRenderContainer","RenderContainer","React","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

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