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

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","_templateObject2","menuOffsetY","mobileRoot","_templateObject3","mobileMenuPaddingX","alignRight","_templateObject4","alignRightIE11","_templateObject5","alignRightIE11FixAutoWidth","_templateObject6","scrollContainer","_templateObject7","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","_templateObject8","mobileMenuScrollContainerContentWrapperPaddingY","shadow","_templateObject9","menuBorder","menuShadow","wrapper","_templateObject10","headerWrapper","_templateObject11","footerWrapper","_templateObject12","contentWrapper","_templateObject13","menuSeparatorWrapper","_templateObject14","menuSeparatorBorderWidth"],"sources":["Menu.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { 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":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;QACFH,CAAC,CAACI,aAAa;QACZJ,CAAC,CAACK,gBAAgB;QACrBL,CAAC,CAACM,aAAa;;QAElBN,CAAC,CAACO,YAAY,EAAIP,CAAC,CAACQ,YAAY;;MAE/C,CAAC;;MAEDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACNH,CAAC,CAACW,WAAW;;MAE3B,CAAC;;MAEDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;QAGHH,CAAC,CAACc,kBAAkB;;MAErC,CAAC;;MAEDC,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOjB,OAAO,CAACG,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;MAGpB,CAAC;;MAEDc,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOnB,OAAO,CAACG,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;;MAIpB,CAAC;;MAEDgB,0BAA0B,WAAAA,2BAAA,EAAG;QAC3B,OAAOrB,OAAO,CAACG,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;MAIpB,CAAC;;MAEDkB,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;QACxB,OAAOF,OAAO,CAACG,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;QACLH,CAAC,CAACuB,yCAAyC;;MAE1D,CAAC;;MAEDC,qBAAqB,WAAAA,sBAACxB,CAAQ,EAAE;QAC9B,OAAOF,OAAO,CAACG,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;QACLH,CAAC,CAAC0B,+CAA+C;;MAEhE,CAAC;;MAEDC,MAAM,WAAAA,OAAC3B,CAAQ,EAAE;QACf,OAAOF,OAAO,CAACG,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;QACNH,CAAC,CAAC6B,UAAU;QACR7B,CAAC,CAAC8B,UAAU;;MAE9B,CAAC;;MAEDC,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOjC,OAAO,CAACG,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;;;;;;;MAQpB,CAAC;;MAED8B,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOnC,OAAO,CAACG,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;MAGpB,CAAC;;MAEDgC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAOrC,OAAO,CAACG,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;;MAGpB,CAAC;;MAEDkC,cAAc,WAAAA,eAAA,EAAG;QACf,OAAOvC,OAAO,CAACG,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;MAGpB,CAAC;;MAEDoC,oBAAoB,WAAAA,qBAACvC,CAAQ,EAAE;QAC7B,OAAOF,OAAO,CAACG,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;QACNH,CAAC,CAACyC,wBAAwB;;MAExC;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuBgDefault","menuBorderRadius","menuBoxSizing","menuPaddingY","menuPaddingX","hasMargin","_templateObject2","menuOffsetY","mobileRoot","_templateObject3","mobileMenuPaddingX","alignRight","_templateObject4","alignRightIE11","_templateObject5","alignRightIE11FixAutoWidth","_templateObject6","scrollContainer","_templateObject7","menuScrollContainerContentWrapperPaddingY","scrollContainerMobile","_templateObject8","mobileMenuScrollContainerContentWrapperPaddingY","shadow","_templateObject9","menuBorder","menuShadow","wrapper","_templateObject10","headerWrapper","_templateObject11","footerWrapper","_templateObject12","contentWrapper","_templateObject13","menuSeparatorWrapper","_templateObject14","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":"mWAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACMF,CAAC,CAACG,aAAa;IACZH,CAAC,CAACI,gBAAgB;IACrBJ,CAAC,CAACK,aAAa;;IAElBL,CAAC,CAACM,YAAY,EAAIN,CAAC,CAACO,YAAY;;EAE/C,CAAC;;EAEDC,SAAS,WAAAA,UAACR,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACEF,CAAC,CAACU,WAAW;;EAE3B,CAAC;;EAEDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;IAGKF,CAAC,CAACa,kBAAkB;;EAErC,CAAC;;EAEDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOlB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;EAGZ,CAAC;;EAEDc,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;;EAIZ,CAAC;;EAEDgB,0BAA0B,WAAAA,2BAAA,EAAG;IAC3B,OAAOtB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOJ,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACGF,CAAC,CAACsB,yCAAyC;;EAE1D,CAAC;;EAEDC,qBAAqB,WAAAA,sBAACvB,CAAQ,EAAE;IAC9B,OAAOJ,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;IACGF,CAAC,CAACyB,+CAA+C;;EAEhE,CAAC;;EAEDC,MAAM,WAAAA,OAAC1B,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACEF,CAAC,CAAC4B,UAAU;IACR5B,CAAC,CAAC6B,UAAU;;EAE9B,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOlC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;;;;;;;EAQZ,CAAC;;EAED8B,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;EAGZ,CAAC;;EAEDgC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;;EAGZ,CAAC;;EAEDkC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;EAGZ,CAAC;;EAEDoC,oBAAoB,WAAAA,qBAACtC,CAAQ,EAAE;IAC7B,OAAOJ,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;IACEF,CAAC,CAACwC,wBAAwB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/Menu/Menu.styles.d.ts

@@ -1,18 +1,17 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
-    root(t: Theme): string;
-    hasMargin(t: Theme): string;
-    mobileRoot(t: Theme): string;
-    alignRight(): string;
-    alignRightIE11(): string;
-    alignRightIE11FixAutoWidth(): string;
-    scrollContainer(t: Theme): string;
-    scrollContainerMobile(t: Theme): string;
-    shadow(t: Theme): string;
-    wrapper(): string;
-    headerWrapper(): string;
-    footerWrapper(): string;
-    contentWrapper(): string;
-    menuSeparatorWrapper(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    hasMargin(t: Theme): string;
+    mobileRoot(t: Theme): string;
+    alignRight(): string;
+    alignRightIE11(): string;
+    alignRightIE11FixAutoWidth(): string;
+    scrollContainer(t: Theme): string;
+    scrollContainerMobile(t: Theme): string;
+    shadow(t: Theme): string;
+    wrapper(): string;
+    headerWrapper(): string;
+    footerWrapper(): string;
+    contentWrapper(): string;
+    menuSeparatorWrapper(t: Theme): string;
+};

package/internal/Menu/MenuContext/MenuContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","MenuContext","createContext","navigation","enableIconPadding"],"sources":["MenuContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../../components/MenuItem';\n\nimport { MenuNavigation } from './MenuNavigation';\n\nexport interface MenuContextType {\n  navigation: MenuNavigation<MenuItem> | null;\n  enableIconPadding: boolean;\n  setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextType>({\n  navigation: null,\n  enableIconPadding: false,\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;AAazB,OAAO,IAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAa,CAAkB;EAC9DC,UAAU,EAAE,IAAI;EAChBC,iBAAiB,EAAE;AACrB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","MenuContext","createContext","navigation","enableIconPadding"],"sources":["MenuContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { MenuItem } from '../../components/MenuItem';\n\nimport type { MenuNavigation } from './MenuNavigation';\n\nexport interface MenuContextType {\n  navigation: MenuNavigation<MenuItem> | null;\n  enableIconPadding: boolean;\n  setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;\n  onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n}\n\nexport const MenuContext = React.createContext<MenuContextType>({\n  navigation: null,\n  enableIconPadding: false,\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;AAazB,OAAO,IAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAa,CAAkB;EAC9DC,UAAU,EAAE,IAAI;EAChBC,iBAAiB,EAAE;AACrB,CAAC,CAAC","ignoreList":[]}

package/internal/Menu/MenuContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { MenuItem } from '../../components/MenuItem';
-import { MenuNavigation } from './MenuNavigation';
-export interface MenuContextType {
-    navigation: MenuNavigation<MenuItem> | null;
-    enableIconPadding: boolean;
-    setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;
-    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-}
-export declare const MenuContext: React.Context<MenuContextType>;
+import React from 'react';
+import type { MenuItem } from '../../components/MenuItem';
+import type { MenuNavigation } from './MenuNavigation';
+export interface MenuContextType {
+    navigation: MenuNavigation<MenuItem> | null;
+    enableIconPadding: boolean;
+    setEnableIconPadding?: (isIconPaddingEnabled: boolean) => void;
+    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+}
+export declare const MenuContext: React.Context<MenuContextType>;

package/internal/Menu/MenuNavigation/MenuNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuNavigation","root","itemsContentDataTid","_this","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","_proto","prototype","update","_this$root","_this2","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","_this$root2","set","push","remove","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","_this3","forEach","_item","unhighlight","highlightByIndex","index","_this4","i","_this$highlightedItem","select","event","reset"],"sources":["MenuNavigation.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\n\ninterface Highlightable {\n  highlight(): void;\n  unhighlight(): void;\n  select(...args: unknown[]): void;\n  isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n  private readonly root: RefObject<HTMLDivElement> | null;\n  private readonly itemsContentDataTid: string;\n  private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n  public highlightedItem: T | null = null;\n  public items: T[] = [];\n\n  constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string) {\n    this.root = root;\n    this.itemsContentDataTid = itemsContentDataTid;\n  }\n\n  private update() {\n    if (this.root?.current) {\n      const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n      this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n    }\n  }\n\n  public add(tag: Element, item: T) {\n    this.tagsAndItems.set(tag, item);\n    if (this.root?.current) {\n      this.update();\n    } else {\n      this.items.push(item);\n    }\n  }\n\n  public remove(tag: HTMLElement) {\n    this.tagsAndItems.delete(tag);\n    this.update();\n  }\n\n  public move(step: number, isCyclic: boolean) {\n    const enabledItems = this.getEnabledItems();\n    const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n    const minIndex = 0;\n    const maxIndex = enabledItems.length - 1;\n    let nextIndex = currentIndex + step;\n    if (nextIndex < minIndex) {\n      nextIndex = isCyclic ? maxIndex : minIndex;\n    }\n    if (nextIndex > maxIndex) {\n      nextIndex = isCyclic ? minIndex : maxIndex;\n    }\n\n    const nextItem = enabledItems[nextIndex];\n\n    this.highlight(nextItem);\n\n    return nextIndex;\n  }\n\n  public highlight(item: T | null) {\n    const enabledItems = this.getEnabledItems();\n    enabledItems.forEach((_item) => {\n      if (item === _item) {\n        _item.highlight();\n        this.highlightedItem = item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public highlightByIndex(index: number) {\n    this.items.forEach((_item, i) => {\n      if (index === i && _item.isEnabled()) {\n        _item.highlight();\n        this.highlightedItem = _item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public unhighlight() {\n    this.highlightedItem?.unhighlight();\n    this.highlightedItem = null;\n  }\n\n  public select(event: React.SyntheticEvent<HTMLElement>) {\n    if (this.highlightedItem) {\n      this.highlightedItem.select(event);\n      return true;\n    }\n    return false;\n  }\n\n  public reset() {\n    this.highlight(null);\n    this.highlightedItem = null;\n  }\n\n  private getEnabledItems = () => {\n    return this.items.filter((item) => item.isEnabled());\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MenuNavigation","root","itemsContentDataTid","_this","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","_proto","prototype","update","_this$root","_this2","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","_this$root2","set","push","remove","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","_this3","forEach","_item","unhighlight","highlightByIndex","index","_this4","i","_this$highlightedItem","select","event","reset"],"sources":["MenuNavigation.tsx"],"sourcesContent":["import type { RefObject } from 'react';\nimport type React from 'react';\n\ninterface Highlightable {\n  highlight(): void;\n  unhighlight(): void;\n  select(...args: unknown[]): void;\n  isEnabled(): boolean;\n}\n\nexport class MenuNavigation<T extends Highlightable> {\n  private readonly root: RefObject<HTMLDivElement> | null;\n  private readonly itemsContentDataTid: string;\n  private tagsAndItems: WeakMap<Element, T> = new WeakMap();\n\n  public highlightedItem: T | null = null;\n  public items: T[] = [];\n\n  constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string) {\n    this.root = root;\n    this.itemsContentDataTid = itemsContentDataTid;\n  }\n\n  private update() {\n    if (this.root?.current) {\n      const menuItems = Array.from(this.root.current.querySelectorAll(`span[data-tid=\"${this.itemsContentDataTid}\"]`));\n      this.items = menuItems.map((item) => this.tagsAndItems.get(item)).filter((item): item is T => item !== undefined);\n    }\n  }\n\n  public add(tag: Element, item: T) {\n    this.tagsAndItems.set(tag, item);\n    if (this.root?.current) {\n      this.update();\n    } else {\n      this.items.push(item);\n    }\n  }\n\n  public remove(tag: HTMLElement) {\n    this.tagsAndItems.delete(tag);\n    this.update();\n  }\n\n  public move(step: number, isCyclic: boolean) {\n    const enabledItems = this.getEnabledItems();\n    const currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;\n    const minIndex = 0;\n    const maxIndex = enabledItems.length - 1;\n    let nextIndex = currentIndex + step;\n    if (nextIndex < minIndex) {\n      nextIndex = isCyclic ? maxIndex : minIndex;\n    }\n    if (nextIndex > maxIndex) {\n      nextIndex = isCyclic ? minIndex : maxIndex;\n    }\n\n    const nextItem = enabledItems[nextIndex];\n\n    this.highlight(nextItem);\n\n    return nextIndex;\n  }\n\n  public highlight(item: T | null) {\n    const enabledItems = this.getEnabledItems();\n    enabledItems.forEach((_item) => {\n      if (item === _item) {\n        _item.highlight();\n        this.highlightedItem = item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public highlightByIndex(index: number) {\n    this.items.forEach((_item, i) => {\n      if (index === i && _item.isEnabled()) {\n        _item.highlight();\n        this.highlightedItem = _item;\n      } else {\n        _item.unhighlight();\n      }\n    });\n  }\n\n  public unhighlight() {\n    this.highlightedItem?.unhighlight();\n    this.highlightedItem = null;\n  }\n\n  public select(event: React.SyntheticEvent<HTMLElement>) {\n    if (this.highlightedItem) {\n      this.highlightedItem.select(event);\n      return true;\n    }\n    return false;\n  }\n\n  public reset() {\n    this.highlight(null);\n    this.highlightedItem = null;\n  }\n\n  private getEnabledItems = () => {\n    return this.items.filter((item) => item.isEnabled());\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/Menu/MenuNavigation.d.ts

@@ -1,26 +1,27 @@
-import React, { RefObject } from 'react';
-interface Highlightable {
-    highlight(): void;
-    unhighlight(): void;
-    select(...args: unknown[]): void;
-    isEnabled(): boolean;
-}
-export declare class MenuNavigation<T extends Highlightable> {
-    private readonly root;
-    private readonly itemsContentDataTid;
-    private tagsAndItems;
-    highlightedItem: T | null;
-    items: T[];
-    constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string);
-    private update;
-    add(tag: Element, item: T): void;
-    remove(tag: HTMLElement): void;
-    move(step: number, isCyclic: boolean): number;
-    highlight(item: T | null): void;
-    highlightByIndex(index: number): void;
-    unhighlight(): void;
-    select(event: React.SyntheticEvent<HTMLElement>): boolean;
-    reset(): void;
-    private getEnabledItems;
-}
-export {};
+import type { RefObject } from 'react';
+import type React from 'react';
+interface Highlightable {
+    highlight(): void;
+    unhighlight(): void;
+    select(...args: unknown[]): void;
+    isEnabled(): boolean;
+}
+export declare class MenuNavigation<T extends Highlightable> {
+    private readonly root;
+    private readonly itemsContentDataTid;
+    private tagsAndItems;
+    highlightedItem: T | null;
+    items: T[];
+    constructor(root: RefObject<HTMLDivElement> | null, itemsContentDataTid: string);
+    private update;
+    add(tag: Element, item: T): void;
+    remove(tag: HTMLElement): void;
+    move(step: number, isCyclic: boolean): number;
+    highlight(item: T | null): void;
+    highlightByIndex(index: number): void;
+    unhighlight(): void;
+    select(event: React.SyntheticEvent<HTMLElement>): boolean;
+    reset(): void;
+    private getEnabledItems;
+}
+export {};

package/internal/Menu/index.d.ts

@@ -1 +1 @@
-export * from './Menu';
+export * from './Menu';

package/internal/Menu/isActiveElement/isActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["isMenuItem","isActiveElement","element","props","disabled","isNotSelectable"],"sources":["isActiveElement.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem, MenuItemProps, isMenuItem } from '../../components/MenuItem';\n\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\n  return isMenuItem(element) && !element.props.disabled && !element.props.isNotSelectable;\n}\n"],"mappings":";;AAEA,SAAkCA,UAAU,QAAQ,2BAA2B;;AAE/E,OAAO,SAASC,eAAeA,CAACC,OAAY,EAA8D;EACxG,OAAOF,UAAU,CAACE,OAAO,CAAC,IAAI,CAACA,OAAO,CAACC,KAAK,CAACC,QAAQ,IAAI,CAACF,OAAO,CAACC,KAAK,CAACE,eAAe;AACzF","ignoreList":[]}
+{"version":3,"names":["isMenuItem","isActiveElement","element","props","disabled","isNotSelectable"],"sources":["isActiveElement.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { MenuItem, MenuItemProps } from '../../components/MenuItem';\nimport { isMenuItem } from '../../components/MenuItem';\n\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\n  return isMenuItem(element) && !element.props.disabled && !element.props.isNotSelectable;\n}\n"],"mappings":";;;AAGA,SAASA,UAAU,QAAQ,2BAA2B;;AAEtD,OAAO,SAASC,eAAeA,CAACC,OAAY,EAA8D;EACxG,OAAOF,UAAU,CAACE,OAAO,CAAC,IAAI,CAACA,OAAO,CAACC,KAAK,CAACC,QAAQ,IAAI,CAACF,OAAO,CAACC,KAAK,CAACE,eAAe;AACzF","ignoreList":[]}

package/internal/Menu/isActiveElement.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { MenuItem, MenuItemProps } from '../../components/MenuItem';
-export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;
+import type React from 'react';
+import type { MenuItem, MenuItemProps } from '../../components/MenuItem';
+export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;

package/internal/MenuMessage/MenuMessage/MenuMessage.js

@@ -4,14 +4,14 @@ var _excluded = ["children", "className", "size", "as"];
 import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { useResponsiveLayout } from "../../../components/ResponsiveLayout";
-import { EmotionContext } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../MenuMessage.styles";
+import { styles } from "../MenuMessage.styles";
 export var MenuMessageDataTids = {
   root: 'MenuMessage__root'
 };
 export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
-  var _emotion$cx;
+  var _cx;
   var children = _ref.children,
     className = _ref.className,
     _ref$size = _ref.size,
@@ -22,24 +22,22 @@ export var MenuMessage = forwardRefAndName('MenuMessage', function (_ref, ref) {
   var _useResponsiveLayout = useResponsiveLayout(),
     isMobile = _useResponsiveLayout.isMobile;
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
-  var styles = getStyles(emotion);
   var getMenuMessageSizeClassName = function getMenuMessageSizeClassName() {
     switch (size) {
       case 'large':
-        return emotion.cx(styles.rootLarge(theme));
+        return cx(styles.rootLarge(theme));
       case 'medium':
-        return emotion.cx(styles.rootMedium(theme));
+        return cx(styles.rootMedium(theme));
       case 'small':
       default:
-        return emotion.cx(styles.rootSmall(theme));
+        return cx(styles.rootSmall(theme));
     }
   };
   return /*#__PURE__*/(
     React.createElement(Tag, _extends({
       ref: ref,
       "data-tid": MenuMessageDataTids.root,
-      className: emotion.cx(getMenuMessageSizeClassName(), (_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx), className)
+      className: cx(getMenuMessageSizeClassName(), (_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx), className)
     }, rest), children)
   );
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","EmotionContext","ThemeContext","getStyles","MenuMessageDataTids","root","MenuMessage","_ref","ref","_emotion$cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","emotion","styles","getMenuMessageSizeClassName","cx","rootLarge","rootMedium","rootSmall","createElement","_extends","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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    const theme = useContext(ThemeContext);\n    const emotion = useContext(EmotionContext);\n    const styles = getStyles(emotion);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return emotion.cx(styles.rootLarge(theme));\n        case 'medium':\n          return emotion.cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return emotion.cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={emotion.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":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,cAAc,QAAQ,2BAA2B;;;AAG1D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,sBAAsB;;;;;;;;AAQhD,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,IAAA,EAAkEC,GAAG,EAAK,KAAAC,WAAA,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,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;IAChB,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC;IACtC,IAAMqB,OAAO,GAAGzB,UAAU,CAACG,cAAc,CAAC;IAC1C,IAAMuB,MAAM,GAAGrB,SAAS,CAACoB,OAAO,CAAC;;IAEjC,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQZ,IAAI;QACV,KAAK,OAAO;UACV,OAAOU,OAAO,CAACG,EAAE,CAACF,MAAM,CAACG,SAAS,CAACL,KAAK,CAAC,CAAC;QAC5C,KAAK,QAAQ;UACX,OAAOC,OAAO,CAACG,EAAE,CAACF,MAAM,CAACI,UAAU,CAACN,KAAK,CAAC,CAAC;QAC7C,KAAK,OAAO;QACZ;UACE,OAAOC,OAAO,CAACG,EAAE,CAACF,MAAM,CAACK,SAAS,CAACP,KAAK,CAAC,CAAC;MAC9C;IACF,CAAC;;IAED;MACEzB,KAAA,CAAAiC,aAAA,CAACd,GAAG,EAAAe,QAAA;QACFvB,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,EAAEY,OAAO,CAACG,EAAE;UACnBD,2BAA2B,CAAC,CAAC,GAAAhB,WAAA,OAAAA,WAAA;;UAE1Be,MAAM,CAACnB,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,WAAA;UACzBe,MAAM,CAACQ,UAAU,CAACV,KAAK,CAAC,IAAGD,QAAQ,EAAAZ,WAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends","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":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;AAI7D,SAASC,MAAM,QAAQ,sBAAsB;;;;;;;;AAQ7C,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,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,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;IAEhB,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC;;IAEtC,IAAMqB,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQV,IAAI;QACV,KAAK,OAAO;UACV,OAAOZ,EAAE,CAACE,MAAM,CAACqB,SAAS,CAACF,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOrB,EAAE,CAACE,MAAM,CAACsB,UAAU,CAACH,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOrB,EAAE,CAACE,MAAM,CAACuB,SAAS,CAACJ,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEzB,KAAA,CAAA8B,aAAA,CAACX,GAAG,EAAAY,QAAA;QACFpB,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,EAAEV,EAAE;UACXsB,2BAA2B,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;;UAE1BN,MAAM,CAACE,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;UACzBN,MAAM,CAAC0B,UAAU,CAACP,KAAK,CAAC,IAAGD,QAAQ,EAAAZ,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

package/internal/MenuMessage/MenuMessage.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { CommonProps } from '../CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface MenuMessageProps extends CommonProps {
-    children: React.ReactNode;
-    as?: React.ElementType;
-    size?: SizeProp;
-}
-export declare const MenuMessageDataTids: {
-    readonly root: "MenuMessage__root";
-};
-export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLOrSVGElement, MenuMessageProps> & Record<never, never>;
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface MenuMessageProps extends CommonProps {
+    children: React.ReactNode;
+    as?: React.ElementType;
+    size?: SizeProp;
+}
+export declare const MenuMessageDataTids: {
+    readonly root: "MenuMessage__root";
+};
+export declare const MenuMessage: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLOrSVGElement, MenuMessageProps> & Record<never, never>;

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

@@ -1,29 +1,27 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      var _getMenuItemPaddings = getMenuItemPaddings({
-          menuItemPaddingX: t.menuMessagePaddingX,
-          menuItemPaddingY: t.menuMessagePaddingY
-        }),
-        paddingX = _getMenuItemPaddings.paddingX,
-        paddingY = _getMenuItemPaddings.paddingY;
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", ";\n      "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
-    },
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    var _getMenuItemPaddings = getMenuItemPaddings({
+        menuItemPaddingX: t.menuMessagePaddingX,
+        menuItemPaddingY: t.menuMessagePaddingY
+      }),
+      paddingX = _getMenuItemPaddings.paddingX,
+      paddingY = _getMenuItemPaddings.paddingY;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getMenuItemPaddings","getStyles","emotion","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","css","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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,SAASA,YAAY,QAAQ,2BAA2B;AACxD,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCH,YAAY,CAAC;MACXI,IAAI,WAAAA,KAACC,CAAQ,EAAE;QACb,IAAAC,oBAAA,GAA+BL,mBAAmB,CAAC;YACjDM,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;YACvCC,gBAAgB,EAAEJ,CAAC,CAACK;UACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;QAK1B,OAAOT,OAAO,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;QAELV,CAAC,CAACW,kBAAkB;QACpBX,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;QACxEH,CAAC,CAACY,oBAAoB;QACjBZ,CAAC,CAACa,aAAa;;MAEjC,CAAC;;MAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACU,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;QACHV,CAAC,CAACgB,yBAAyB;QACzBhB,CAAC,CAACiB,2BAA2B;QACjCjB,CAAC,CAACkB,wBAAwB;;MAEzC,CAAC;;MAEDC,SAAS,WAAAA,UAACnB,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;QACHV,CAAC,CAACqB,wBAAwB;QACxBrB,CAAC,CAACsB,0BAA0B;;MAE/C,CAAC;MACDC,UAAU,WAAAA,WAACvB,CAAQ,EAAE;QACnB,OAAOF,OAAO,CAACU,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;QACHV,CAAC,CAACyB,yBAAyB;QACzBzB,CAAC,CAAC0B,2BAA2B;;MAEhD,CAAC;MACDC,SAAS,WAAAA,UAAC3B,CAAQ,EAAE;QAClB,OAAOF,OAAO,CAACU,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;QACHV,CAAC,CAAC6B,wBAAwB;QACxB7B,CAAC,CAAC8B,0BAA0B;;MAE/C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","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,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+BJ,mBAAmB,CAAC;QACjDK,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;QACvCC,gBAAgB,EAAEJ,CAAC,CAACK;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;IAK1B,OAAOZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGT,CAAC,CAACU,kBAAkB;IACpBV,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;IACxEH,CAAC,CAACW,oBAAoB;IACjBX,CAAC,CAACY,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKT,CAAC,CAACe,yBAAyB;IACzBf,CAAC,CAACgB,2BAA2B;IACjChB,CAAC,CAACiB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACKT,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACKT,CAAC,CAACwB,yBAAyB;IACzBxB,CAAC,CAACyB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAAC1B,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACKT,CAAC,CAAC4B,wBAAwB;IACxB5B,CAAC,CAAC6B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/internal/MenuMessage/index.d.ts

@@ -1 +1 @@
-export * from './MenuMessage';
+export * from './MenuMessage';

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -2,16 +2,15 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _MobilePopup;
 import React from 'react';
 import { Transition } from 'react-transition-group';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderContainer } from "../../RenderContainer";
 import { HideBodyVerticalScroll } from "../../HideBodyVerticalScroll";
 import { ZIndex } from "../../ZIndex";
 import { RenderLayer } from "../../RenderLayer";
 import { rootNode } from "../../../lib/rootNode";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { jsStyles } from "../MobilePopup.styles";
 import { MobilePopupHeader } from "../MobilePopupHeader";
 import { MobilePopupFooter } from "../MobilePopupFooter";
-import { getStyles } from "../MobilePopup.styles";
 export var MobilePopupDataTids = {
   root: 'MobilePopup__root',
   container: 'MobilePopup__container'
@@ -34,20 +33,15 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
   var _proto = MobilePopup.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
-    var styles = this.styles;
     var content = /*#__PURE__*/React.createElement(ZIndex, {
       id: this.props.id,
-      className: styles.zIndex(),
+      className: jsStyles.zIndex(),
       priority: 'MobilePopup'
     }, /*#__PURE__*/React.createElement(Transition, {
       "in": this.props.opened,
@@ -56,25 +50,25 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
       unmountOnExit: true,
       timeout: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.wrapper()
+      className: jsStyles.wrapper()
     }, /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close
     }, /*#__PURE__*/React.createElement("div", {
       ref: this.setRootNode,
       "data-tid": MobilePopupDataTids.container,
-      className: styles.container(this.theme)
+      className: jsStyles.container(this.theme)
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": MobilePopupDataTids.root,
-      className: styles.root(this.theme)
+      className: jsStyles.root(this.theme)
     }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
       caption: this.props.caption
     }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-      className: styles.content(this.theme)
+      className: jsStyles.content(this.theme)
     }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/React.createElement("div", {
       onClick: this.close,
-      className: styles.bottomIndent()
+      className: jsStyles.bottomIndent()
     }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.bg()
+      className: jsStyles.bg()
     }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
     if (this.props.withoutRenderContainer) {
       return content;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Transition","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","ThemeContext","EmotionConsumer","MobilePopupHeader","MobilePopupFooter","getStyles","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose","_proto","prototype","render","_this2","createElement","emotion","styles","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\nimport { getStyles } from './MobilePopup.styles';\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  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain() {\n    const styles = this.styles;\n    const content = (\n      <ZIndex id={this.props.id} className={styles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={styles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={styles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={styles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={styles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={styles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={styles.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":[]}
+{"version":3,"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","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 { 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  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":[]}