@skbkontur/react-ui 0.0.0-a25347e958 → 0.0.0-a2ba201dd3

package/cjs/internal/Menu/MenuNavigation.js

@@ -0,0 +1,107 @@
+"use strict";exports.__esModule = true;exports.MenuNavigation = void 0;var
+
+
+
+
+
+
+
+
+MenuNavigation = /*#__PURE__*/function () {
+
+
+
+
+
+
+
+  function MenuNavigation(root, itemsContentDataTid) {var _this = this;this.tagsAndItems = new WeakMap();this.highlightedItem = null;this.items = [];this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getEnabledItems = function () {
+      return _this.items.filter(function (item) {return item.isEnabled();});
+    };this.root = root;this.itemsContentDataTid = itemsContentDataTid;}var _proto = MenuNavigation.prototype;_proto.update = function update() {var _this$root,_this2 = this;if ((_this$root = this.root) != null && _this$root.current) {var menuItems = Array.from(this.root.current.querySelectorAll("span[data-tid=\"" + this.itemsContentDataTid + "\"]"));this.items = menuItems.map(function (item) {return _this2.tagsAndItems.get(item);}).filter(function (item) {return item !== undefined;});}};_proto.add = function add(tag, item) {var _this$root2;this.tagsAndItems.set(tag, item);if ((_this$root2 = this.root) != null && _this$root2.current) {this.update();} else {this.items.push(item);}};_proto.remove = function remove(tag) {this.tagsAndItems.delete(tag);this.update();};_proto.move = function move(step, isCyclic) {var enabledItems = this.getEnabledItems();var currentIndex = this.highlightedItem ? enabledItems.indexOf(this.highlightedItem) : -1;var minIndex = 0;var maxIndex = enabledItems.length - 1;var nextIndex = currentIndex + step;if (nextIndex < minIndex) {nextIndex = isCyclic ? maxIndex : minIndex;}if (nextIndex > maxIndex) {nextIndex = isCyclic ? minIndex : maxIndex;}var nextItem = enabledItems[nextIndex];this.highlight(nextItem);return nextIndex;};_proto.highlight = function highlight(item) {var _this3 = this;var enabledItems = this.getEnabledItems();enabledItems.forEach(function (_item) {if (item === _item) {_item.highlight();_this3.highlightedItem = item;} else {_item.unhighlight();}});};_proto.highlightByIndex = function highlightByIndex(index) {var _this4 = this;this.items.forEach(function (_item, i) {if (index === i && _item.isEnabled()) {_item.highlight();_this4.highlightedItem = _item;} else {_item.unhighlight();}});};_proto.unhighlight = function unhighlight() {var _this$highlightedItem;(_this$highlightedItem = this.highlightedItem) == null ? void 0 : _this$highlightedItem.unhighlight();this.highlightedItem = null;};_proto.select = function select(event) {if (this.highlightedItem) {this.highlightedItem.select(event);return true;}return false;};_proto.reset = function reset() {this.highlight(null);this.highlightedItem = null;};return MenuNavigation;}();exports.MenuNavigation = MenuNavigation;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuNavigation.tsx"],"names":["MenuNavigation","root","itemsContentDataTid","tagsAndItems","WeakMap","highlightedItem","items","getEnabledItems","filter","item","isEnabled","update","current","menuItems","Array","from","querySelectorAll","map","get","undefined","add","tag","set","push","remove","delete","move","step","isCyclic","enabledItems","currentIndex","indexOf","minIndex","maxIndex","length","nextIndex","nextItem","highlight","forEach","_item","unhighlight","highlightByIndex","index","i","select","event","reset"],"mappings":";;;;;;;;;AASaA,c;;;;;;;;AAQX,0BAAYC,IAAZ,EAAoDC,mBAApD,EAAiF,uBALzEC,YAKyE,GALrC,IAAIC,OAAJ,EAKqC,MAH1EC,eAG0E,GAH9C,IAG8C,MAF1EC,KAE0E,GAF7D,EAE6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFzEC,IAAAA,eAvFyE,GAuFvD,YAAM;AAC9B,aAAO,KAAI,CAACD,KAAL,CAAWE,MAAX,CAAkB,UAACC,IAAD,UAAUA,IAAI,CAACC,SAAL,EAAV,EAAlB,CAAP;AACD,KAzFgF,CAC/E,KAAKT,IAAL,GAAYA,IAAZ,CACA,KAAKC,mBAAL,GAA2BA,mBAA3B,CACD,C,6CAEOS,M,GAAR,kBAAiB,8BACf,kBAAI,KAAKV,IAAT,aAAI,WAAWW,OAAf,EAAwB,CACtB,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAN,CAAW,KAAKd,IAAL,CAAUW,OAAV,CAAkBI,gBAAlB,sBAAqD,KAAKd,mBAA1D,SAAX,CAAlB,CACA,KAAKI,KAAL,GAAaO,SAAS,CAACI,GAAV,CAAc,UAACR,IAAD,UAAU,MAAI,CAACN,YAAL,CAAkBe,GAAlB,CAAsBT,IAAtB,CAAV,EAAd,EAAqDD,MAArD,CAA4D,UAACC,IAAD,UAAqBA,IAAI,KAAKU,SAA9B,EAA5D,CAAb,CACD,CACF,C,QAEMC,G,GAAP,aAAWC,GAAX,EAAyBZ,IAAzB,EAAkC,iBAChC,KAAKN,YAAL,CAAkBmB,GAAlB,CAAsBD,GAAtB,EAA2BZ,IAA3B,EACA,mBAAI,KAAKR,IAAT,aAAI,YAAWW,OAAf,EAAwB,CACtB,KAAKD,MAAL,GACD,CAFD,MAEO,CACL,KAAKL,KAAL,CAAWiB,IAAX,CAAgBd,IAAhB,EACD,CACF,C,QAEMe,M,GAAP,gBAAcH,GAAd,EAAgC,CAC9B,KAAKlB,YAAL,CAAkBsB,MAAlB,CAAyBJ,GAAzB,EACA,KAAKV,MAAL,GACD,C,QAEMe,I,GAAP,cAAYC,IAAZ,EAA0BC,QAA1B,EAA6C,CAC3C,IAAMC,YAAY,GAAG,KAAKtB,eAAL,EAArB,CACA,IAAMuB,YAAY,GAAG,KAAKzB,eAAL,GAAuBwB,YAAY,CAACE,OAAb,CAAqB,KAAK1B,eAA1B,CAAvB,GAAoE,CAAC,CAA1F,CACA,IAAM2B,QAAQ,GAAG,CAAjB,CACA,IAAMC,QAAQ,GAAGJ,YAAY,CAACK,MAAb,GAAsB,CAAvC,CACA,IAAIC,SAAS,GAAGL,YAAY,GAAGH,IAA/B,CACA,IAAIQ,SAAS,GAAGH,QAAhB,EAA0B,CACxBG,SAAS,GAAGP,QAAQ,GAAGK,QAAH,GAAcD,QAAlC,CACD,CACD,IAAIG,SAAS,GAAGF,QAAhB,EAA0B,CACxBE,SAAS,GAAGP,QAAQ,GAAGI,QAAH,GAAcC,QAAlC,CACD,CAED,IAAMG,QAAQ,GAAGP,YAAY,CAACM,SAAD,CAA7B,CAEA,KAAKE,SAAL,CAAeD,QAAf,EAEA,OAAOD,SAAP,CACD,C,QAEME,S,GAAP,mBAAiB5B,IAAjB,EAAiC,mBAC/B,IAAMoB,YAAY,GAAG,KAAKtB,eAAL,EAArB,CACAsB,YAAY,CAACS,OAAb,CAAqB,UAACC,KAAD,EAAW,CAC9B,IAAI9B,IAAI,KAAK8B,KAAb,EAAoB,CAClBA,KAAK,CAACF,SAAN,GACA,MAAI,CAAChC,eAAL,GAAuBI,IAAvB,CACD,CAHD,MAGO,CACL8B,KAAK,CAACC,WAAN,GACD,CACF,CAPD,EAQD,C,QAEMC,gB,GAAP,0BAAwBC,KAAxB,EAAuC,mBACrC,KAAKpC,KAAL,CAAWgC,OAAX,CAAmB,UAACC,KAAD,EAAQI,CAAR,EAAc,CAC/B,IAAID,KAAK,KAAKC,CAAV,IAAeJ,KAAK,CAAC7B,SAAN,EAAnB,EAAsC,CACpC6B,KAAK,CAACF,SAAN,GACA,MAAI,CAAChC,eAAL,GAAuBkC,KAAvB,CACD,CAHD,MAGO,CACLA,KAAK,CAACC,WAAN,GACD,CACF,CAPD,EAQD,C,QAEMA,W,GAAP,uBAAqB,2BACnB,8BAAKnC,eAAL,2CAAsBmC,WAAtB,GACA,KAAKnC,eAAL,GAAuB,IAAvB,CACD,C,QAEMuC,M,GAAP,gBAAcC,KAAd,EAAwD,CACtD,IAAI,KAAKxC,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBuC,MAArB,CAA4BC,KAA5B,EACA,OAAO,IAAP,CACD,CACD,OAAO,KAAP,CACD,C,QAEMC,K,GAAP,iBAAe,CACb,KAAKT,SAAL,CAAe,IAAf,EACA,KAAKhC,eAAL,GAAuB,IAAvB,CACD,C","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"]}

package/cjs/internal/Menu/isActiveElement.js

@@ -3,5 +3,5 @@
 var _MenuItem = require("../../components/MenuItem");
 
 function isActiveElement(element) {
-  return (0, _MenuItem.isMenuItem)(element) && !element.props.disabled;
+  return (0, _MenuItem.isMenuItem)(element) && !element.props.disabled && !element.props.isNotSelectable;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","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;\n}\n"]}
+{"version":3,"sources":["isActiveElement.tsx"],"names":["isActiveElement","element","props","disabled","isNotSelectable"],"mappings":";;AAEA;;AAEO,SAASA,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAO,0BAAWA,OAAX,KAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAAtC,IAAkD,CAACF,OAAO,CAACC,KAAR,CAAcE,eAAxE;AACD","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"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuMessage.tsx"],"names":["MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","ThemeContext","getMenuMessageSizeClassName","styles","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"qYAAA;;AAEA;AACA;AACA;AACA;;;;AAIA,mD;;;;;;;;AAQO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B,C;;;AAIA,IAAMC,WAAW,GAAG;AACzB,aADyB;AAEzB,gBAAkEC,GAAlE,EAA0E,aAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqB,4CAArB,CAAQC,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQP,IAAR;AACE,WAAK,OAAL;AACE,eAAO,iBAAGQ,oBAAOC,SAAP,CAAiBJ,KAAjB,CAAH,CAAP;AACF,WAAK,QAAL;AACE,eAAO,iBAAGG,oBAAOE,UAAP,CAAkBL,KAAlB,CAAH,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAO,iBAAGG,oBAAOG,SAAP,CAAiBN,KAAjB,CAAH,CAAP,CAPJ;;AASD,GAVD;;AAYA;AACE,iCAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAE;AACTY,MAAAA,2BAA2B,EADlB;;AAGNC,0BAAOb,IAAP,CAAYU,KAAZ,CAHM,IAGe,IAHf;AAING,0BAAOI,UAAP,CAAkBP,KAAlB,CAJM,IAIqBD,QAJrB;;AAMTL,MAAAA,SANS,CAHb;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CApCwB,CAApB,C","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 { CommonProps } from '../CommonWrapper';\nimport { MenuItemSize } from '../../components/MenuItem';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: MenuItemSize;\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"]}
+{"version":3,"sources":["MenuMessage.tsx"],"names":["MenuMessageDataTids","root","MenuMessage","ref","children","className","size","as","Tag","rest","isMobile","theme","ThemeContext","getMenuMessageSizeClassName","styles","rootLarge","rootMedium","rootSmall","rootMobile"],"mappings":"qYAAA;;AAEA;AACA;AACA;AACA;;;;AAIA,mD;;;;;;;;AAQO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B,C;;;AAIA,IAAMC,WAAW,GAAG;AACzB,aADyB;AAEzB,gBAAkEC,GAAlE,EAA0E,aAAvEC,QAAuE,QAAvEA,QAAuE,CAA7DC,SAA6D,QAA7DA,SAA6D,kBAAlDC,IAAkD,CAAlDA,IAAkD,0BAA3C,OAA2C,4BAAlCC,EAAkC,CAA9BC,GAA8B,wBAAxB,GAAwB,WAAhBC,IAAgB;AACxE,6BAAqB,4CAArB,CAAQC,QAAR,wBAAQA,QAAR;;AAEA,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,GAAM;AACxC,YAAQP,IAAR;AACE,WAAK,OAAL;AACE,eAAO,iBAAGQ,oBAAOC,SAAP,CAAiBJ,KAAjB,CAAH,CAAP;AACF,WAAK,QAAL;AACE,eAAO,iBAAGG,oBAAOE,UAAP,CAAkBL,KAAlB,CAAH,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAO,iBAAGG,oBAAOG,SAAP,CAAiBN,KAAjB,CAAH,CAAP,CAPJ;;AASD,GAVD;;AAYA;AACE,iCAAC,GAAD;AACE,MAAA,GAAG,EAAER,GADP;AAEE,kBAAUH,mBAAmB,CAACC,IAFhC;AAGE,MAAA,SAAS,EAAE;AACTY,MAAAA,2BAA2B,EADlB;;AAGNC,0BAAOb,IAAP,CAAYU,KAAZ,CAHM,IAGe,IAHf;AAING,0BAAOI,UAAP,CAAkBP,KAAlB,CAJM,IAIqBD,QAJrB;;AAMTL,MAAAA,SANS,CAHb;;AAWMI,IAAAA,IAXN;;AAaGL,IAAAA,QAbH,CADF;;;AAiBD,CApCwB,CAApB,C","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 { CommonProps } from '../CommonWrapper';\nimport { 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"]}

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

@@ -31,6 +31,7 @@ export declare const MobilePopupDataTids: {
 };
 export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private theme;
     render(): JSX.Element;
     renderMain(): JSX.Element;

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -85,10 +85,11 @@ MobilePopup = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defa
 
 
 
+
 
 
     close = function () {
       if (_this.props.onCloseRequest) {
         _this.props.onCloseRequest();
       }
-    };return _this;}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: _MobilePopup.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: _MobilePopup.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.container, className: _MobilePopup.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.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);exports.MobilePopup = MobilePopup;MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
+    };return _this;}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: _MobilePopup.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: _MobilePopup.jsStyles.wrapper() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.container, className: _MobilePopup.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: _MobilePopup.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.jsStyles.content(this.theme) }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: _MobilePopup.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: _MobilePopup.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);exports.MobilePopup = MobilePopup;MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopup.displayName = 'MobileMenuHeader';

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","jsStyles","zIndex","opened","onClose","wrapper","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"qRAAA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;AAKMC,W;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDA3CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEC,sBAASC,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKR,KAAL,CAAWS,MAA3B,EAAmC,QAAQ,EAAE,KAAKT,KAAL,CAAWU,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEH,sBAASI,OAAT,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKZ,KAAlC,iBACE,sCAAK,YAAUJ,mBAAmB,CAACE,SAAnC,EAA8C,SAAS,EAAEU,sBAASV,SAAT,CAAmB,KAAKM,KAAxB,CAAzD,iBACE,sCAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEW,sBAASX,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWY,OAAvC,IAAiD,KAAKZ,KAAL,CAAWa,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAEN,sBAASF,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWc,QAA1D,CAFF,CADF,eAKE,sCAAK,OAAO,EAAE,KAAKf,KAAnB,EAA0B,SAAS,EAAEQ,sBAASQ,YAAT,EAArC,GALF,CADF,CADF,eAUE,sCAAK,SAAS,EAAER,sBAASS,EAAT,EAAhB,GAVF,eAWE,6BAAC,8CAAD,OAXF,CADF,CADF,CADF,CAoBA,IAAI,KAAKhB,KAAL,CAAWiB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBA1C8Ba,eAAMC,S,oCAA1BrB,W,CACGsB,mB,GAAsB,kB","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { 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';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\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   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private theme!: Theme;\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 data-tid={MobilePopupDataTids.container} className={jsStyles.container(this.theme)}>\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                </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"]}
+{"version":3,"sources":["MobilePopup.tsx"],"names":["MobilePopupDataTids","root","container","MobilePopup","close","props","onCloseRequest","render","theme","renderMain","content","id","jsStyles","zIndex","opened","onClose","wrapper","caption","headerChildComponent","children","bottomIndent","bg","withoutRenderContainer","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"qRAAA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B;AAEjCC,EAAAA,SAAS,EAAE,wBAFsB,EAA5B,C;;;AAKMC,W;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAL,CAAWC,cAAf,EAA+B;AAC7B,cAAKD,KAAL,CAAWC,cAAX;AACD;AACF,K,yDA3CMC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEMA,U,GAAP,sBAAoB,CAClB,IAAMC,OAAO,gBACX,6BAAC,cAAD,IAAQ,EAAE,EAAE,KAAKL,KAAL,CAAWM,EAAvB,EAA2B,SAAS,EAAEC,sBAASC,MAAT,EAAtC,EAAyD,QAAQ,EAAE,aAAnE,iBACE,6BAAC,gCAAD,IAAY,EAAE,EAAE,KAAKR,KAAL,CAAWS,MAA3B,EAAmC,QAAQ,EAAE,KAAKT,KAAL,CAAWU,OAAxD,EAAiE,YAAY,MAA7E,EAA8E,aAAa,MAA3F,EAA4F,OAAO,EAAE,CAArG,iBACE,sCAAK,SAAS,EAAEH,sBAASI,OAAT,EAAhB,iBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAKZ,KAAlC,iBACE,sCAAK,YAAUJ,mBAAmB,CAACE,SAAnC,EAA8C,SAAS,EAAEU,sBAASV,SAAT,CAAmB,KAAKM,KAAxB,CAAzD,iBACE,sCAAK,YAAUR,mBAAmB,CAACC,IAAnC,EAAyC,SAAS,EAAEW,sBAASX,IAAT,CAAc,KAAKO,KAAnB,CAApD,iBACE,6BAAC,oCAAD,IAAmB,OAAO,EAAE,KAAKH,KAAL,CAAWY,OAAvC,IAAiD,KAAKZ,KAAL,CAAWa,oBAA5D,CADF,eAEE,sCAAK,SAAS,EAAEN,sBAASF,OAAT,CAAiB,KAAKF,KAAtB,CAAhB,IAA+C,KAAKH,KAAL,CAAWc,QAA1D,CAFF,CADF,eAKE,sCAAK,OAAO,EAAE,KAAKf,KAAnB,EAA0B,SAAS,EAAEQ,sBAASQ,YAAT,EAArC,GALF,CADF,CADF,eAUE,sCAAK,SAAS,EAAER,sBAASS,EAAT,EAAhB,GAVF,eAWE,6BAAC,8CAAD,OAXF,CADF,CADF,CADF,CAoBA,IAAI,KAAKhB,KAAL,CAAWiB,sBAAf,EAAuC,CACrC,OAAOZ,OAAP,CACD,CAED,oBAAO,6BAAC,gCAAD,QAAkBA,OAAlB,CAAP,CACD,C,sBA3C8Ba,eAAMC,S,oCAA1BrB,W,CACGsB,mB,GAAsB,kB,CADzBtB,W,CAEGuB,W,GAAc,kB","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { 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';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\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   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\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 data-tid={MobilePopupDataTids.container} className={jsStyles.container(this.theme)}>\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                </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"]}

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

@@ -7,6 +7,7 @@ interface MobilePopupHeaderProps {
 }
 export declare class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private theme;
     render(): JSX.Element;
     private renderMain;

package/cjs/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -19,6 +19,7 @@ MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
+
   render = function render() {var _this = this;
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
@@ -55,4 +56,4 @@ MobilePopupHeader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose
 
 
 
-  };return MobilePopupHeader;}(_react.default.Component);exports.MobilePopupHeader = MobilePopupHeader;MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
+  };return MobilePopupHeader;}(_react.default.Component);exports.MobilePopupHeader = MobilePopupHeader;MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';MobilePopupHeader.displayName = 'MobileMenuHeader';

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

@@ -1 +1 @@
-{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","render","theme","renderMain","props","caption","children","jsStyles","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__"],"mappings":"6PAAA;;AAEA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;AAKJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAE;AACRC,oCAASC,IAAT,CAAc,KAAKN,KAAnB,CADQ,IACoB,IADpB;AAERK,oCAASE,kBAAT,EAFQ,IAEwB,CAACJ,OAAD,IAAY,CAACC,QAFrC,OADb;;;AAME,4CAAK,SAAS,EAAEC,4BAASG,SAAT,EAAhB;AACGL,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE;AACRE,oCAASF,OAAT,CAAiB,KAAKH,KAAtB,CADQ,IACuB,IADvB;AAERK,oCAASI,mBAAT,EAFQ,IAEyB,0BAAcL,QAAd,CAFzB,QADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMO,cAAN,CAAqBN,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BAzCoCO,eAAMC,S,gDAAhCd,iB,CACGe,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n\n  private theme!: Theme;\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  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["MobilePopupHeader.tsx"],"names":["MobilePopupHeader","render","theme","renderMain","props","caption","children","jsStyles","root","rootWithoutContent","container","captionWithChildren","isValidElement","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"6PAAA;;AAEA;;AAEA;AACA;;AAEA,+D;;;;;;;;;AASaA,iB;;;;;;AAMJC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV,QAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,KAAI,CAACC,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AACnB,sBAA8B,KAAKC,KAAnC,CAAQC,OAAR,eAAQA,OAAR,CAAiBC,QAAjB,eAAiBA,QAAjB;;AAEA;AACE;AACE,QAAA,SAAS,EAAE;AACRC,oCAASC,IAAT,CAAc,KAAKN,KAAnB,CADQ,IACoB,IADpB;AAERK,oCAASE,kBAAT,EAFQ,IAEwB,CAACJ,OAAD,IAAY,CAACC,QAFrC,OADb;;;AAME,4CAAK,SAAS,EAAEC,4BAASG,SAAT,EAAhB;AACGL,MAAAA,OAAO;AACN;AACE,QAAA,SAAS,EAAE;AACRE,oCAASF,OAAT,CAAiB,KAAKH,KAAtB,CADQ,IACuB,IADvB;AAERK,oCAASI,mBAAT,EAFQ,IAEyB,0BAAcL,QAAd,CAFzB,QADb;;;AAMGD,MAAAA,OANH,CAFJ;;;AAWG,kCAAMO,cAAN,CAAqBN,QAArB,kBAAkC,0CAAMA,QAAN,CAXrC,CANF,CADF;;;;AAsBD,G,4BA1CoCO,eAAMC,S,gDAAhCd,iB,CACGe,mB,GAAsB,kB,CADzBf,iB,CAEGgB,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<MobilePopupHeaderProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\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  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/cjs/internal/NativeDateInput/NativeDateInput.d.ts

@@ -9,6 +9,7 @@ export interface NativeDateInputProps {
 }
 export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     private input;
     render(): JSX.Element;
     /**

package/cjs/internal/NativeDateInput/NativeDateInput.js

@@ -40,6 +40,8 @@ NativeDateInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
 
 
 
+
+
 
 
 
@@ -62,4 +64,4 @@ NativeDateInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
       _this.input = element;
     };return _this;}var _proto = NativeDateInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement("input", { type: 'date', max: this.props.maxDate ? (0, _utils.getDateForNative)(this.props.maxDate) : DEFAULT_MAX_DATE, min: this.props.minDate ? (0, _utils.getDateForNative)(this.props.minDate) : DEFAULT_MIN_DATE, value: (0, _utils.getDateForNative)(this.props.value), onChange: function onChange(e) {if (_this2.props.onValueChange) {_this2.props.onValueChange((0, _utils.getDateForComponent)(e.target.value));}}, className: _NativeDateInput.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 });} /**
    * @public
-   */;return NativeDateInput;}(_react.default.Component);exports.NativeDateInput = NativeDateInput;NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';
+   */;return NativeDateInput;}(_react.default.Component);exports.NativeDateInput = NativeDateInput;NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';NativeDateInput.displayName = 'NativeDatePicker';

package/cjs/internal/NativeDateInput/NativeDateInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","jsStyles","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__"],"mappings":"2PAAA;;;;AAIA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DAxCMC,M,GAAP,kBAAgB,mBACd,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,KAAKD,KAAL,CAAWC,OAA5B,CAArB,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,KAAKF,KAAL,CAAWE,OAA5B,CAArB,GAA4DX,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,KAAKS,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEI,0BAASC,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKX,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWS,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,C,CAED;AACF;AACA,K,0BA1BqCC,eAAMC,S,4CAA9BlB,e,CACGmB,mB,GAAsB,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { jsStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}
+{"version":3,"sources":["NativeDateInput.tsx"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","NativeDateInput","focus","input","click","refInput","element","render","props","maxDate","minDate","value","e","onValueChange","target","jsStyles","inputTypeDate","disabled","React","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"2PAAA;;;;AAIA;AACA;;;;;;;;;;AAUA,IAAMA,gBAAgB,GAAG,YAAzB;AACA,IAAMC,gBAAgB,GAAG,YAAzB,C;;AAEaC,e;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BJC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,KAAX;AACD;AACF,K;;AAEOC,IAAAA,Q,GAAW,UAACC,OAAD,EAAyC;AAC1D,YAAKH,KAAL,GAAaG,OAAb;AACD,K,6DAxCMC,M,GAAP,kBAAgB,mBACd,oBACE,wCACE,IAAI,EAAE,MADR,EAEE,GAAG,EAAE,KAAKC,KAAL,CAAWC,OAAX,GAAqB,6BAAiB,KAAKD,KAAL,CAAWC,OAA5B,CAArB,GAA4DT,gBAFnE,EAGE,GAAG,EAAE,KAAKQ,KAAL,CAAWE,OAAX,GAAqB,6BAAiB,KAAKF,KAAL,CAAWE,OAA5B,CAArB,GAA4DX,gBAHnE,EAIE,KAAK,EAAE,6BAAiB,KAAKS,KAAL,CAAWG,KAA5B,CAJT,EAKE,QAAQ,EAAE,kBAACC,CAAD,EAAO,CACf,IAAI,MAAI,CAACJ,KAAL,CAAWK,aAAf,EAA8B,CAC5B,MAAI,CAACL,KAAL,CAAWK,aAAX,CAAyB,gCAAoBD,CAAC,CAACE,MAAF,CAASH,KAA7B,CAAzB,EACD,CACF,CATH,EAUE,SAAS,EAAEI,0BAASC,aAAT,EAVb,EAWE,GAAG,EAAE,KAAKX,QAXZ,EAYE,QAAQ,EAAE,KAAKG,KAAL,CAAWS,QAZvB,EAaE,QAAQ,EAAE,CAAC,CAbb,GADF,CAiBD,C,CAED;AACF;AACA,K,0BA5BqCC,eAAMC,S,4CAA9BlB,e,CACGmB,mB,GAAsB,kB,CADzBnB,e,CAEGoB,W,GAAc,kB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getDateForNative, getDateForComponent } from './utils';\nimport { jsStyles } from './NativeDateInput.styles';\n\nexport interface NativeDateInputProps {\n  onValueChange?: (value: string) => void;\n  value: Nullable<string>;\n  minDate?: Nullable<string>;\n  maxDate?: Nullable<string>;\n  disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n  public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n  public static displayName = 'NativeDatePicker';\n\n  private input: Nullable<HTMLInputElement>;\n\n  public render() {\n    return (\n      <input\n        type={'date'}\n        max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n        min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n        value={getDateForNative(this.props.value)}\n        onChange={(e) => {\n          if (this.props.onValueChange) {\n            this.props.onValueChange(getDateForComponent(e.target.value));\n          }\n        }}\n        className={jsStyles.inputTypeDate()}\n        ref={this.refInput}\n        disabled={this.props.disabled}\n        tabIndex={-1}\n      />\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public click = () => {\n    if (this.input) {\n      this.input.click();\n    }\n  };\n\n  private refInput = (element: Nullable<HTMLInputElement>) => {\n    this.input = element;\n  };\n}\n"]}

package/cjs/internal/Popup/Popup.d.ts

@@ -76,6 +76,7 @@ export declare const PopupIds: {
 declare type DefaultProps = Required<Pick<PopupProps, 'popupOffset' | 'hasPin' | 'hasShadow' | 'disableAnimations' | 'useWrapper' | 'ignoreHover' | 'width'>>;
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Ссылка (ref) на элемент или React компонент, для которого рисуется попап

package/cjs/internal/Popup/Popup.js

@@ -1,8 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PopupPositions = exports.PopupIds = exports.PopupDataTids = exports.Popup = exports.DefaultPosition = exports.DUMMY_LOCATION = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
-var _raf = _interopRequireDefault(require("raf"));
 var _warning = _interopRequireDefault(require("warning"));
+var _globalObject = require("@skbkontur/global-object");
 
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
@@ -24,6 +24,7 @@ var _rootNode = require("../../lib/rootNode");
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
 var _InstanceWithAnchorElement = require("../../lib/InstanceWithAnchorElement");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _isInstanceOf = require("../../lib/isInstanceOf");
 
 var _PopupPin = require("./PopupPin");
 var _PopupHelper = require("./PopupHelper");
@@ -215,6 +216,7 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
 
 
 
+
 
 
     getProps = (0, _createPropsGetter.createPropsGetter)(Popup.defaultProps);_this.
@@ -585,22 +587,22 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
       }
     };return _this;}var _proto = Popup.prototype;_proto.componentDidMount = function componentDidMount() {this.updateLocation();this.layoutEventsToken = LayoutEvents.addListener(this.handleLayoutEvent);if (!this.hasAnchorElementListeners) {this.addEventListeners(this.anchorElement);}};Popup.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {/**
      * Delaying updateLocation to ensure it happens after props update
-     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_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.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children)) : null;};_proto.renderMain = function renderMain() {var _this3 = this;var location = this.state.location;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _SSRSafe.isElement)(anchorElement)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this3.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
+     */if (props.opened) {if (!state.location) {return { location: DUMMY_LOCATION };}} else if (state.location) {return { location: DUMMY_LOCATION };}return state;};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var hadNoLocation = prevState.location === DUMMY_LOCATION;var hasLocation = this.state.location !== DUMMY_LOCATION;var wasClosed = prevProps.opened && !this.props.opened;if (this.isMobileLayout && prevState.location === null && this.state.location === null) {this.setState({ location: DUMMY_LOCATION });}if (this.props.opened && hadNoLocation && hasLocation && this.props.onOpen) {this.props.onOpen();}if (wasClosed && !hasLocation && this.props.onClose) {this.props.onClose();}if (this.props.opened) {this.delayUpdateLocation();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedUpdateLocation();if (this.hasAnchorElementListeners) {this.removeEventListeners(this.anchorElement);}if (this.layoutEventsToken) {this.layoutEventsToken.remove();this.layoutEventsToken = null;}if (this.state.location && this.props.onClose) {this.props.onClose();}};_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.renderMobile = function renderMobile() {var opened = this.props.opened;var children = this.renderChildren();return children ? /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { opened: opened, withoutRenderContainer: true, onCloseRequest: this.props.mobileOnCloseRequest }, this.content(children)) : null;};_proto.renderMain = function renderMain() {var _this3 = this;var location = this.state.location;var anchorElement = this.props.anchorElement;var useWrapper = this.getProps().useWrapper;var anchor = null;if ((0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element)) {this.updateAnchorElement(anchorElement);} else if ( /*#__PURE__*/_react.default.isValidElement(anchorElement)) {anchor = useWrapper ? /*#__PURE__*/_react.default.createElement("span", null, anchorElement) : anchorElement;} else {anchor = /*#__PURE__*/_react.default.createElement("span", null, anchorElement);}var anchorWithRef = anchor && /*#__PURE__*/_react.default.isValidElement(anchor) && (0, _utils.isRefableElement)(anchor) ? /*#__PURE__*/_react.default.cloneElement(anchor, { ref: function ref(instance) {var _anchor;_this3.updateAnchorElement(instance);var originalRef = (_anchor = anchor) == null ? void 0 : _anchor.ref;originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);} }) : null; // we need to get anchor's DOM node
     // so we either set our own ref on it via cloning
     // or relay on findDOMNode (inside getRootNode)
     // which should be called within updateAnchorElement
     // in the case when the anchor is not refable
-    var canGetAnchorNode = !!anchorWithRef || (0, _SSRSafe.isElement)(anchorElement);return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, { anchor: anchorWithRef || anchor, ref: canGetAnchorNode ? null : this.updateAnchorElement }, this.isMobileLayout && !this.props.withoutMobile ? this.renderMobile() : location && this.renderContent(location));};_proto.addEventListeners = function addEventListeners(element) {if (element && (0, _SSRSafe.isElement)(element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
+    var canGetAnchorNode = !!anchorWithRef || (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element);return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, { anchor: anchorWithRef || anchor, ref: canGetAnchorNode ? null : this.updateAnchorElement }, this.isMobileLayout && !this.props.withoutMobile ? this.renderMobile() : location && this.renderContent(location));};_proto.addEventListeners = function addEventListeners(element) {if (element && (0, _isInstanceOf.isInstanceOf)(element, _globalObject.globalObject.Element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.addEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.addEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
-      element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = true;}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _SSRSafe.isElement)(element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
+      element.addEventListener('click', this.handleClick);element.addEventListener('focusin', this.handleFocus);element.addEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = true;}};_proto.removeEventListeners = function removeEventListeners(element) {if (element && (0, _isInstanceOf.isInstanceOf)(element, _globalObject.globalObject.Element)) {// @ts-expect-error: Type ElementEventMap is missing events: https://github.com/skbkontur/retail-ui/pull/2946#discussion_r931072657
       element.removeEventListener('mouseenter', this.handleMouseEnter); // @ts-expect-error: See the comment above
       element.removeEventListener('mouseleave', this.handleMouseLeave); // @ts-expect-error: See the comment above
       element.removeEventListener('click', this.handleClick);element.removeEventListener('focusin', this.handleFocus);element.removeEventListener('focusout', this.handleBlur);this.hasAnchorElementListeners = false;}};_proto.renderContent = function renderContent(location) {var _this4 = this;var _this$props = this.props,maxWidth = _this$props.maxWidth,opened = _this$props.opened;var _this$getProps = this.getProps(),hasShadow = _this$getProps.hasShadow,disableAnimations = _this$getProps.disableAnimations,ignoreHover = _this$getProps.ignoreHover;var children = this.renderChildren();var _PopupHelper$getPosit = _PopupHelper.PopupHelper.getPositionObject(location.position),direction = _PopupHelper$getPosit.direction;var rootStyle = (0, _extends3.default)({}, location.coordinates, { maxWidth: maxWidth });var shouldFallbackShadow = _client.isIE11 || _client.isEdge || _client.isSafari;return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { timeout: TRANSITION_TIMEOUT, appear: !disableAnimations, in: Boolean(opened && children), mountOnEnter: true, unmountOnExit: true, enter: !disableAnimations, exit: !disableAnimations, onExited: this.resetLocation, nodeRef: this.refForTransition }, function (state) {var _this4$props$id, _extends2, _ref;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends3.default)({}, _this4.props, { rootNodeRef: _this4.setRootNode }), /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: (_this4$props$id = _this4.props.id) != null ? _this4$props$id : _this4.rootId, "data-tid": PopupDataTids.root, wrapperRef: _this4.refPopupElement, priority: 'Popup', className: (0, _Emotion.cx)((0, _extends3.default)((_extends2 = {}, _extends2[_Popup.styles.popup(_this4.theme)] = true, _extends2[_Popup.styles.shadow(_this4.theme)] = hasShadow && !shouldFallbackShadow, _extends2[_Popup.styles.shadowFallback(_this4.theme)] = hasShadow && shouldFallbackShadow, _extends2[_Popup.styles.popupIgnoreHover()] = ignoreHover, _extends2), disableAnimations ? {} : (_ref = {}, _ref[_Popup.styles["transition-enter-" + direction](_this4.theme)] = true, _ref[_Popup.styles.transitionEnter()] = state === 'entering', _ref[_Popup.styles.transitionEnterActive()] = state === 'entered', _ref[_Popup.styles.transitionExit()] = state === 'exiting', _ref))), style: rootStyle, onMouseEnter: _this4.handleMouseEnter, onMouseLeave: _this4.handleMouseLeave }, _this4.content(children), (!_this4.isMobileLayout || _this4.props.withoutMobile) && _this4.renderPin(location.position)));});};_proto.renderChildren = function renderChildren() {return (0, _utils.isFunction)(this.props.children) ? this.props.children() : this.props.children;};_proto.renderPin = function renderPin(positionName) {/**
      * Box-shadow does not appear under the pin. Borders are used instead.
      * In non-ie browsers drop-shadow filter is used. It is applying
      * shadow to the pin too.
-     */var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,hasPin = _this$getProps2.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = (0, _raf.default)(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_raf.default.cancel(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;}
+     */var isDefaultBorderColor = this.theme.popupBorderColor === POPUP_BORDER_DEFAULT_COLOR;var pinBorder = _client.isIE11 && isDefaultBorderColor ? 'rgba(0, 0, 0, 0.09)' : this.theme.popupBorderColor;var _this$props2 = this.props,pinSize = _this$props2.pinSize,backgroundColor = _this$props2.backgroundColor,borderColor = _this$props2.borderColor;var _this$getProps2 = this.getProps(),hasShadow = _this$getProps2.hasShadow,hasPin = _this$getProps2.hasPin;var position = _PopupHelper.PopupHelper.getPositionObject(positionName);return hasPin && /*#__PURE__*/_react.default.createElement(_PopupPin.PopupPin, { popupElement: this.lastPopupElement, popupPosition: positionName, size: pinSize || parseInt(this.theme.popupPinSize), offset: this.getPinOffset(position.align), borderWidth: hasShadow ? 1 : 0, backgroundColor: backgroundColor || this.theme.popupBackground, borderColor: borderColor || pinBorder });};_proto.delayUpdateLocation = function delayUpdateLocation() {this.cancelDelayedUpdateLocation();this.locationUpdateId = _globalObject.globalObject.requestAnimationFrame == null ? void 0 : _globalObject.globalObject.requestAnimationFrame(this.updateLocation);};_proto.cancelDelayedUpdateLocation = function cancelDelayedUpdateLocation() {if (this.locationUpdateId) {_globalObject.globalObject.cancelAnimationFrame == null ? void 0 : _globalObject.globalObject.cancelAnimationFrame(this.locationUpdateId);this.locationUpdateId = null;}};_proto.locationEquals = function locationEquals(x, y) {if (x === y) {return true;}if ((0, _utils.isNullable)(x) || (0, _utils.isNullable)(y)) {return false;}if (!_client.isIE11 && !_client.isEdge) {return x.coordinates.left === y.coordinates.left && x.coordinates.top === y.coordinates.top && x.position === y.position;}
 
     // Для ie/edge обновляем позицию только при разнице минимум в 1. Иначе есть вероятность
     // уйти в бесконечный ререндер
@@ -616,9 +618,12 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
     var _this$props3 = this.props,positions = _this$props3.positions,tryPreserveFirstRenderedPosition = _this$props3.tryPreserveFirstRenderedPosition;
     var anchorElement = this.anchorElement;
 
-    (0, _warning.default)(anchorElement && (0, _SSRSafe.isElement)(anchorElement), 'Anchor element is not defined or not instance of Element');
+    (0, _warning.default)(
+    anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element),
+    'Anchor element is not defined or not instance of Element');
+
 
-    if (!(anchorElement && (0, _SSRSafe.isElement)(anchorElement))) {
+    if (!(anchorElement && (0, _isInstanceOf.isInstanceOf)(anchorElement, _globalObject.globalObject.Element))) {
       return location;
     }
 
@@ -752,9 +757,9 @@ Popup = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class
       default:
         throw new Error("Unexpected align '" + align + "'");}
 
-  };return Popup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Popup', _class2.propTypes = { /**
+  };return Popup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Popup', _class2.displayName = 'Popup', _class2.propTypes = { /**
    * Ссылка (ref) на элемент или React компонент, для которого рисуется попап
-   */anchorElement: _propTypes.default.oneOfType([(0, _SSRSafe.safePropTypesInstanceOf)(function () {return HTMLElement;}), _propTypes.default.node]).isRequired, /**
+   */anchorElement: _propTypes.default.oneOfType([(0, _SSRSafe.safePropTypesInstanceOf)(_globalObject.globalObject.HTMLElement), _propTypes.default.node]).isRequired, /**
    * Фон попапа и пина
    */backgroundColor: _propTypes.default.string, children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]), /**
    * Показывать ли пин