@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/cjs/internal/Menu/MenuContext.d.ts

@@ -1,10 +0,0 @@
-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/cjs/internal/Menu/MenuContext.js

@@ -1,17 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MenuContext = void 0;var _react = _interopRequireDefault(require("react"));
-
-
-
-
-
-
-
-
-
-
-
-
-var MenuContext = exports.MenuContext = /*#__PURE__*/_react.default.createContext({
-  navigation: null,
-  enableIconPadding: false
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","MenuContext","exports","React","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":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;;;;AAaO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,aAAa,CAAkB;EAC9DC,UAAU,EAAE,IAAI;EAChBC,iBAAiB,EAAE;AACrB,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/Menu/MenuNavigation.d.ts

@@ -1,27 +0,0 @@
-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> | 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/cjs/internal/Menu/MenuNavigation.js

@@ -1,108 +0,0 @@
-"use strict";exports.__esModule = true;exports.MenuNavigation = void 0;var
-
-
-
-
-
-
-
-
-
-MenuNavigation = exports.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 || _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;}();

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

@@ -1 +0,0 @@
-{"version":3,"names":["MenuNavigation","exports","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","delete","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> | 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> | 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(): void {\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/cjs/internal/Menu/index.d.ts

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

package/cjs/internal/Menu/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _Menu = require("./Menu");Object.keys(_Menu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Menu[key]) return;exports[key] = _Menu[key];});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Menu","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './Menu';\n"],"mappings":"uCAAA,IAAAA,KAAA,GAAAC,OAAA,WAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,KAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/internal/Menu/isActiveElement.d.ts

@@ -1,3 +0,0 @@
-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/cjs/internal/Menu/isActiveElement.js

@@ -1,8 +0,0 @@
-"use strict";exports.__esModule = true;exports.isActiveElement = isActiveElement;
-
-
-var _MenuItem = require("../../components/MenuItem");
-
-function isActiveElement(element) {
-  return (0, _MenuItem.isMenuItem)(element) && !element.props.disabled && !element.props.isNotSelectable;
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_MenuItem","require","isActiveElement","element","isMenuItem","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,IAAAA,SAAA,GAAAC,OAAA;;AAEO,SAASC,eAAeA,CAACC,OAAY,EAA8D;EACxG,OAAO,IAAAC,oBAAU,EAACD,OAAO,CAAC,IAAI,CAACA,OAAO,CAACE,KAAK,CAACC,QAAQ,IAAI,CAACH,OAAO,CAACE,KAAK,CAACE,eAAe;AACzF","ignoreList":[]}

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

@@ -1,12 +0,0 @@
-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/cjs/internal/MenuMessage/MenuMessage.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_ResponsiveLayout","_ThemeContext","_MenuMessage","_excluded","MenuMessageDataTids","exports","root","MenuMessage","forwardRefAndName","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose2","default","_useResponsiveLayout","useResponsiveLayout","isMobile","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","theme","useContext","ThemeContext","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends2","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getStyles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"],"mappings":"4eAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;;AAIA,IAAAK,YAAA,GAAAL,OAAA,yBAAiD,IAAAM,SAAA;;;;;;;;AAQ1C,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEH,IAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAAC,oCAAiB;EAC1C,aAAa;EACb,UAAAC,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAZ,IAAA,EAAAN,SAAA;IAC5D,IAAAmB,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;;IAEhB,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,sBAAS,CAAC;IACnC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQnB,IAAI;QACV,KAAK,OAAO;UACV,OAAOY,EAAE,CAACC,MAAM,CAACO,SAAS,CAACJ,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOJ,EAAE,CAACC,MAAM,CAACQ,UAAU,CAACL,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOJ,EAAE,CAACC,MAAM,CAACS,SAAS,CAACN,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEpC,MAAA,CAAA0B,OAAA,CAAAiB,aAAA,CAACpB,GAAG,MAAAqB,SAAA,CAAAlB,OAAA;QACFX,GAAG,EAAEA,GAAI;QACT,YAAUN,mBAAmB,CAACE,IAAK;QACnCO,SAAS,EAAEc,EAAE;UACXO,2BAA2B,CAAC,CAAC,GAAAvB,GAAA,OAAAA,GAAA;;UAE1BiB,MAAM,CAACtB,IAAI,CAACyB,KAAK,CAAC,IAAG,IAAI,EAAApB,GAAA;UACzBiB,MAAM,CAACY,UAAU,CAACT,KAAK,CAAC,IAAGP,QAAQ,EAAAb,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

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

@@ -1,8 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
-    root(t: Theme): string;
-    rootMobile(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-}>;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_MenuItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_getMenuItemPaddings","getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_taggedTemplateLiteralLoose2","default","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA,8CAAgF,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;UACjDC,gBAAgB,EAAEH,CAAC,CAACI,mBAAmB;UACvCC,gBAAgB,EAAEL,CAAC,CAACM;QACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ,CAAEC,QAAQ,GAAAP,oBAAA,CAARO,QAAQ;;MAK1B,OAAOV,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAoB,4BAAA,CAAAC,OAAA;;MAEGV,CAAC,CAACW,kBAAkB;MACpBX,CAAC,CAACM,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIR,CAAC,CAACI,mBAAmB;MACxEJ,CAAC,CAACY,oBAAoB;MACjBZ,CAAC,CAACa,aAAa;;IAEjC,CAAC;;IAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACe,yBAAyB;MACzBf,CAAC,CAACgB,2BAA2B;MACjChB,CAAC,CAACiB,wBAAwB;;IAEzC,CAAC;;IAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACmB,wBAAwB;MACxBnB,CAAC,CAACoB,0BAA0B;;IAE/C,CAAC;IACDC,UAAU,WAAAA,WAACrB,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACsB,yBAAyB;MACzBtB,CAAC,CAACuB,2BAA2B;;IAEhD,CAAC;IACDC,SAAS,WAAAA,UAACxB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;MACKV,CAAC,CAACyB,wBAAwB;MACxBzB,CAAC,CAAC0B,0BAA0B;;IAE/C;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

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

package/cjs/internal/MenuMessage/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _MenuMessage = require("./MenuMessage");Object.keys(_MenuMessage).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuMessage[key]) return;exports[key] = _MenuMessage[key];});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_MenuMessage","require","Object","keys","forEach","key","exports"],"sources":["index.ts"],"sourcesContent":["export * from './MenuMessage';\n"],"mappings":"uCAAA,IAAAA,YAAA,GAAAC,OAAA,kBAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA","ignoreList":[]}

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

@@ -1,53 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-import type { TGetRootNode } from '../../lib/rootNode';
-interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
-    /**
-     * Функция, вызываемая при закрытии всплывающего окна
-     */
-    onClose?: () => void;
-    /**
-     * Заголовок всплывающего окна, располагается в шапке
-     */
-    caption?: string;
-    /**
-     * Шапка всплывающего окна
-     */
-    headerChildComponent?: React.ReactNode;
-    /**
-     * Подвал всплывающего окна
-     */
-    footerChildComponent?: React.ReactNode;
-    /**
-     * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`
-     */
-    withoutRenderContainer?: boolean;
-    /**
-     * Функция, вызываемая при клике по вуали
-     */
-    onCloseRequest?: () => void;
-    /**
-     * Позволяет контролировать текущее состояние всплывающего окна
-     */
-    opened: boolean;
-    children?: React.ReactNode;
-}
-export declare const MobilePopupDataTids: {
-    readonly root: "MobilePopup__root";
-    readonly container: "MobilePopup__container";
-};
-export declare class MobilePopup extends React.Component<MobilePopupProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private refForTransition;
-    static readonly defaultRootNode: null;
-    private emotion;
-    private jsStyles;
-    private theme;
-    getRootNode: TGetRootNode;
-    private setRootNode;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    close: () => void;
-}
-export {};

package/cjs/internal/MobilePopup/MobilePopup.js

@@ -1,129 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MobilePopupDataTids = exports.MobilePopup = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-var _react = _interopRequireDefault(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _RenderContainer = require("../RenderContainer");
-var _HideBodyVerticalScroll = require("../HideBodyVerticalScroll");
-var _ZIndex = require("../ZIndex");
-var _RenderLayer = require("../RenderLayer");
-
-var _rootNode = require("../../lib/rootNode");
-var _renderEnvironment = require("../../lib/renderEnvironment");
-
-var _MobilePopup2 = require("./MobilePopup.styles");
-var _MobilePopupHeader = require("./MobilePopupHeader");
-var _MobilePopupFooter = require("./MobilePopupFooter");var _class, _MobilePopup;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var MobilePopupDataTids = exports.MobilePopupDataTids = {
-  root: 'MobilePopup__root',
-  container: 'MobilePopup__container'
-};var
-
-
-
-MobilePopup = exports.MobilePopup = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_MobilePopup = /*#__PURE__*/function (_React$Component) {function MobilePopup() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-    refForTransition = /*#__PURE__*/_react.default.createRef();_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    close = function () {
-      if (_this.props.onCloseRequest) {
-        _this.props.onCloseRequest();
-      }
-    };return _this;}(0, _inheritsLoose2.default)(MobilePopup, _React$Component);var _proto = MobilePopup.prototype;_proto.render = function render() {var _this2 = this;this.jsStyles = (0, _MobilePopup2.getJsStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var content = /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { id: this.props.id, className: this.jsStyles.zIndex(), priority: 'MobilePopup' }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, { in: this.props.opened, onExited: this.props.onClose, mountOnEnter: true, unmountOnExit: true, timeout: 0, nodeRef: this.refForTransition }, /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.wrapper(), ref: this.refForTransition }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close }, /*#__PURE__*/_react.default.createElement("div", { ref: this.setRootNode, "data-tid": MobilePopupDataTids.container, className: this.jsStyles.container(this.theme) }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": MobilePopupDataTids.root, className: this.jsStyles.root(this.theme) }, /*#__PURE__*/_react.default.createElement(_MobilePopupHeader.MobilePopupHeader, { caption: this.props.caption }, this.props.headerChildComponent), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.content(this.theme) }, this.props.children), /*#__PURE__*/_react.default.createElement(_MobilePopupFooter.MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/_react.default.createElement("div", { onClick: this.close, className: this.jsStyles.bottomIndent() }))), /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.bg() }), /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));if (this.props.withoutRenderContainer) {return content;}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, content);};return MobilePopup;}(_react.default.Component), _MobilePopup.__KONTUR_REACT_UI__ = 'MobileMenuHeader', _MobilePopup.displayName = 'MobileMenuHeader', _MobilePopup.defaultRootNode = null, _MobilePopup)) || _class) || _class;

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_ThemeContext","_RenderContainer","_HideBodyVerticalScroll","_ZIndex","_RenderLayer","_rootNode","_renderEnvironment","_MobilePopup2","_MobilePopupHeader","_MobilePopupFooter","_class","_MobilePopup","MobilePopupDataTids","exports","root","container","MobilePopup","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","refForTransition","React","createRef","close","props","onCloseRequest","_inheritsLoose2","default","_proto","prototype","render","_this2","jsStyles","getJsStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","content","ZIndex","id","className","zIndex","priority","Transition","in","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","nodeRef","wrapper","ref","RenderLayer","onClickOutside","setRootNode","MobilePopupHeader","caption","headerChildComponent","children","MobilePopupFooter","footerChildComponent","onClick","bottomIndent","bg","HideBodyVerticalScroll","withoutRenderContainer","RenderContainer","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';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getJsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\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={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={this.jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={this.jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +0,0 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
-    root(t: Theme): string;
-    wrapper(): string;
-    content(t: Theme): string;
-    container(t: Theme): string;
-    bg(): string;
-    bottomIndent(): string;
-    zIndex(): string;
-}>;