@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

package/cjs/components/Loader/__stories__/LoaderAndButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LoaderAndButton.tsx"],"names":["LoaderAndButton","state","isTooltipOpened","render","props","active","setState","isActive","React","Component"],"mappings":"mQAAA;;AAEA;AACA;AACA,mC;;;;;;;;AAQaA,e;AACJC,IAAAA,K,GAA8B;AACnCC,MAAAA,eAAe,EAAE,KADkB,E;;;AAI9BC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,cAAD,IAAQ,MAAM,EAAE,KAAKC,KAAL,CAAWC,MAA3B,EAAmC,IAAI,EAAE,KAAzC;AACE,iKADF;;;;AAKE,mCAAC,gBAAD,IAAS,MAAM,EAAE,0BAAM,eAAN,EAAjB,EAAwC,OAAO,EAAE,KAAKJ,KAAL,CAAWC,eAAX,GAA6B,QAA7B,GAAwC,QAAzF;AACE,mCAAC,cAAD;AACE,QAAA,OAAO,EAAE,mBAAM;AACb,UAAA,MAAI,CAACI,QAAL,CAAc,EAAEC,QAAQ,EAAE,IAAZ,EAAkBL,eAAe,EAAE,IAAnC,EAAd;AACD,SAHH,wBADF,CALF;;;;;AAcE,wMAdF;;;;AAkBE;AACqG,SADrG;AAEE,0IAFF;AAGE,oEAHF,yBAlBF;;AAuBE,0FAvBF;AAwBE,gUAxBF;;;;;AA6BE;AACE,2GADF;AAEE,wFAFF;AAGE,wFAHF,CA7BF,CADF;;;;AAqCD,G,0BA3CkCM,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../Tooltip';\nimport { Button } from '../../Button';\nimport { Loader } from '../Loader';\nimport { LoaderProps } from '..';\n\ntype LoaderAndButtonProps = Pick<LoaderProps, 'active'>;\ninterface LoaderAndButtonState {\n  isTooltipOpened: boolean;\n  isActive?: boolean;\n}\nexport class LoaderAndButton extends React.Component<LoaderAndButtonProps, LoaderAndButtonState> {\n  public state: LoaderAndButtonState = {\n    isTooltipOpened: false,\n  };\n\n  public render() {\n    return (\n      <Loader active={this.props.active} type={'big'}>\n        <h1>\n          Yeah, and if you were the pope they&apos;d be all, &quot;Straighten your pope hat.&quot; And &quot;Put on your\n          good vestments.&quot;\n        </h1>\n        <Tooltip render={() => 'Yes, you can!'} trigger={this.state.isTooltipOpened ? 'opened' : 'closed'}>\n          <Button\n            onClick={() => {\n              this.setState({ isActive: true, isTooltipOpened: true });\n            }}\n          >\n            Can you click me?\n          </Button>\n        </Tooltip>\n        <p>\n          No, I&apos;m Santa Claus! I guess if you want children beaten, you have to do it yourself. We&apos;re also\n          Santa Claus! Leela, Bender, we&apos;re going grave robbing.\n        </p>\n        <p>\n          Are you crazy? I can&apos;t swallow that. Large bet on myself in round one. Hey, whatcha watching?{' '}\n          <strong> Moving along… I guess if you want children beaten, you have to do it yourself.</strong>\n          <em>It&apos;s okay, Bender.</em> I like cooking too.\n        </p>\n        <h2>Oh, I think we should just stay friends.</h2>\n        <p>\n          No argument here. And when we woke up, we had these bodies. You guys go on without me! I&apos;m going to go…\n          look for more stuff to steal! Oh, how awful. Did he at least die painlessly? …To shreds, you say. Well, how is\n          his wife holding up? …To shreds, you say.\n        </p>\n        <ol>\n          <li>No! The kind with looting and maybe starting a few fires!</li>\n          <li>You are the last hope of the universe.</li>\n          <li>Hey, guess what you&apos;re accessories to.</li>\n        </ol>\n      </Loader>\n    );\n  }\n}\n"]}

package/cjs/components/Loader/index.d.ts

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

package/cjs/components/Loader/index.js

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

package/cjs/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Loader';\n"]}

package/cjs/components/MaskedInput/MaskedInput.d.ts

@@ -0,0 +1,24 @@
+import { Input, InputProps, InputType } from '../Input';
+import { Nullable } from '../../typings/utility-types';
+export interface MaskedProps {
+    /** Паттерн маски */
+    mask: string;
+    /** Символ маски */
+    maskChar?: Nullable<string>;
+    /**
+     * Словарь символов-регулярок для маски
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
+     */
+    formatChars?: Record<string, string>;
+    /** Показывать символы маски */
+    alwaysShowMask?: boolean;
+}
+export declare type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;
+export interface MaskedInputProps extends MaskedProps, Omit<InputProps, 'mask' | 'maxLength' | 'type' | 'element'> {
+    type?: MaskInputType;
+}
+/**
+ * Интерфейс пропсов наследуется от `Input`.
+ * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.
+ */
+export declare const MaskedInput: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Input, MaskedInputProps> & Record<never, never>;

package/cjs/components/MaskedInput/MaskedInput.js

@@ -0,0 +1,78 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MaskedInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("../Input");
+
+var _MaskedInputElement = require("../../internal/MaskedInputElement");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "placeholder"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Интерфейс пропсов наследуется от `Input`.
+ * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.
+ */
+var MaskedInput = (0, _forwardRefAndName.forwardRefAndName)(
+'MaskedInput',
+function MaskedInput(props, ref) {
+  var mask = props.mask,maskChar = props.maskChar,formatChars = props.formatChars,alwaysShowMask = props.alwaysShowMask,placeholder = props.placeholder,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useState = (0, _react.useState)(false),focused = _useState[0],setFocused = _useState[1];
+  var showPlaceholder = !(alwaysShowMask || focused);
+  var innerRef = (0, _react.useRef)(null);
+
+  (0, _react.useImperativeHandle)(ref, function () {return innerRef.current;});
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_Input.Input, (0, _extends2.default)({
+      ref: innerRef },
+    inputProps, {
+      placeholder: showPlaceholder ? placeholder : undefined,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      element: /*#__PURE__*/
+      _react.default.createElement(_MaskedInputElement.MaskedInputElement, {
+        mask: mask,
+        maskChar: maskChar,
+        formatChars: formatChars,
+        alwaysShowMask: alwaysShowMask,
+        onUnexpectedInput: handleUnexpectedInput }) })));
+
+
+
+
+
+  function handleUnexpectedInput(value) {
+    if (props.onUnexpectedInput) {
+      props.onUnexpectedInput(value);
+    } else if (innerRef.current) {
+      innerRef.current.blink();
+    }
+  }
+
+  function handleFocus(e) {
+    setFocused(true);
+    props.onFocus && props.onFocus(e);
+  }
+
+  function handleBlur(e) {
+    setFocused(false);
+    props.onBlur && props.onBlur(e);
+  }
+});exports.MaskedInput = MaskedInput;

package/cjs/components/MaskedInput/MaskedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaskedInput.tsx"],"names":["MaskedInput","props","ref","mask","maskChar","formatChars","alwaysShowMask","placeholder","inputProps","focused","setFocused","showPlaceholder","innerRef","current","undefined","handleFocus","handleBlur","handleUnexpectedInput","value","onUnexpectedInput","blink","e","onFocus","onBlur"],"mappings":"8cAAA;;AAEA;;AAEA;AACA,gE;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA;AACO,IAAMA,WAAW,GAAG;AACzB,aADyB;AAEzB,SAASA,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C,EAAsE;AACpE,MAAQC,IAAR,GAAoFF,KAApF,CAAQE,IAAR,CAAcC,QAAd,GAAoFH,KAApF,CAAcG,QAAd,CAAwBC,WAAxB,GAAoFJ,KAApF,CAAwBI,WAAxB,CAAqCC,cAArC,GAAoFL,KAApF,CAAqCK,cAArC,CAAqDC,WAArD,GAAoFN,KAApF,CAAqDM,WAArD,CAAqEC,UAArE,+CAAoFP,KAApF;AACA,kBAA8B,qBAAS,KAAT,CAA9B,CAAOQ,OAAP,gBAAgBC,UAAhB;AACA,MAAMC,eAAe,GAAG,EAAEL,cAAc,IAAIG,OAApB,CAAxB;AACA,MAAMG,QAAQ,GAAG,mBAAc,IAAd,CAAjB;;AAEA,kCAAoBV,GAApB,EAAyB,oBAAMU,QAAQ,CAACC,OAAf,EAAzB;;AAEA;AACE,iCAAC,YAAD;AACE,MAAA,GAAG,EAAED,QADP;AAEMJ,IAAAA,UAFN;AAGE,MAAA,WAAW,EAAEG,eAAe,GAAGJ,WAAH,GAAiBO,SAH/C;AAIE,MAAA,OAAO,EAAEC,WAJX;AAKE,MAAA,MAAM,EAAEC,UALV;AAME,MAAA,OAAO;AACL,mCAAC,sCAAD;AACE,QAAA,IAAI,EAAEb,IADR;AAEE,QAAA,QAAQ,EAAEC,QAFZ;AAGE,QAAA,WAAW,EAAEC,WAHf;AAIE,QAAA,cAAc,EAAEC,cAJlB;AAKE,QAAA,iBAAiB,EAAEW,qBALrB,GAPJ,IADF;;;;;;AAmBA,WAASA,qBAAT,CAA+BC,KAA/B,EAA8C;AAC5C,QAAIjB,KAAK,CAACkB,iBAAV,EAA6B;AAC3BlB,MAAAA,KAAK,CAACkB,iBAAN,CAAwBD,KAAxB;AACD,KAFD,MAEO,IAAIN,QAAQ,CAACC,OAAb,EAAsB;AAC3BD,MAAAA,QAAQ,CAACC,OAAT,CAAiBO,KAAjB;AACD;AACF;;AAED,WAASL,WAAT,CAAqBM,CAArB,EAA4D;AAC1DX,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAT,IAAAA,KAAK,CAACqB,OAAN,IAAiBrB,KAAK,CAACqB,OAAN,CAAcD,CAAd,CAAjB;AACD;;AAED,WAASL,UAAT,CAAoBK,CAApB,EAA2D;AACzDX,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAT,IAAAA,KAAK,CAACsB,MAAN,IAAgBtB,KAAK,CAACsB,MAAN,CAAaF,CAAb,CAAhB;AACD;AACF,CA9CwB,CAApB,C","sourcesContent":["import React, { Ref, useImperativeHandle, useRef, useState } from 'react';\n\nimport { Input, InputProps, InputType } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { MaskedInputElement } from '../../internal/MaskedInputElement';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n  /** Символ маски */\n  maskChar?: Nullable<string>;\n  /**\n   * Словарь символов-регулярок для маски\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\n   */\n  formatChars?: Record<string, string>;\n  /** Показывать символы маски */\n  alwaysShowMask?: boolean;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport interface MaskedInputProps extends MaskedProps, Omit<InputProps, 'mask' | 'maxLength' | 'type' | 'element'> {\n  type?: MaskInputType;\n}\n\n/**\n * Интерфейс пропсов наследуется от `Input`.\n * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const { mask, maskChar, formatChars, alwaysShowMask, placeholder, ...inputProps } = props;\n    const [focused, setFocused] = useState(false);\n    const showPlaceholder = !(alwaysShowMask || focused);\n    const innerRef = useRef<Input>(null);\n\n    useImperativeHandle(ref, () => innerRef.current);\n\n    return (\n      <Input\n        ref={innerRef}\n        {...inputProps}\n        placeholder={showPlaceholder ? placeholder : undefined}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        element={\n          <MaskedInputElement\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n            alwaysShowMask={alwaysShowMask}\n            onUnexpectedInput={handleUnexpectedInput}\n          />\n        }\n      />\n    );\n\n    function handleUnexpectedInput(value: string) {\n      if (props.onUnexpectedInput) {\n        props.onUnexpectedInput(value);\n      } else if (innerRef.current) {\n        innerRef.current.blink();\n      }\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus && props.onFocus(e);\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur && props.onBlur(e);\n    }\n  },\n);\n"]}

package/cjs/components/MaskedInput/MaskedInput.md

@@ -0,0 +1,21 @@
+```jsx harmony
+<MaskedInput mask={'+7 999 999-99-99'} placeholder={"Номер телефона"} />
+```
+
+Можно изменить символ значения с маской
+```jsx harmony
+<MaskedInput mask={'9999 9999 9999 9999'} maskChar={'X'} placeholder={"Номер карты"}  />
+```
+
+**alwaysShowMask** позволяет показывать маску всегда. Placeholder в этом случае игнорируется.
+```jsx harmony
+<MaskedInput mask={'9999 9999 9999 9999'} alwaysShowMask maskChar={'X'} placeholder={"Номер карты"} />
+```
+
+Для форматирования по маске используется пакет [iMask](https://imask.js.org/). Используйте особенности пакета принимая всю ответственность на себя.
+
+`MaskedInput` гарантирует поддержку работы 3 пропов:  **mask**, **maskChar**, **alwaysShowMask** с заданными по-умолчанию **formatChars**.
+
+Остальное поведение может меняться в мажорных релизах.
+
+Например, iMask [позволяет добавлять](https://imask.js.org/guide.html#masked-pattern) в значения без форматирования константы с помощью фигурных скобок. Использовать этот вариант **НЕ РЕКОМЕНДУЕТСЯ**.

package/cjs/components/MaskedInput/index.d.ts

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

package/cjs/components/MaskedInput/index.js

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

package/cjs/components/MaskedInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MaskedInput';\n"]}

package/cjs/components/MenuFooter/MenuFooter.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type MenuFooterSize = SizeProp;
+export interface MenuFooterProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+    /** Размер */
+    size?: SizeProp;
+}
+export declare const MenuFooterDataTids: {
+    readonly root: "MenuFooter__root";
+};
+/**
+ * Футер меню.
+ *
+ * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */
+declare function MenuFooter({ _enableIconPadding, children, size, ...rest }: MenuFooterProps): JSX.Element;
+declare namespace MenuFooter {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MENU_FOOTER__: boolean;
+}
+export { MenuFooter };
+export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuFooter/MenuFooter.js

@@ -0,0 +1,86 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MenuFooter = MenuFooter;exports.isMenuFooter = exports.MenuFooterDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _useTheme = require("../../lib/theming/useTheme");
+
+var _MenuFooter = require("./MenuFooter.styles");var _excluded = ["_enableIconPadding", "children", "size"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+var MenuFooterDataTids = {
+  root: 'MenuFooter__root' };
+
+
+/**
+ * Футер меню.
+ *
+ * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */exports.MenuFooterDataTids = MenuFooterDataTids;
+function MenuFooter(_ref) {var _emotion$cx;var _ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MenuFooter.getStyles)(emotion);
+
+  function getRootSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.rootLarge(theme);
+      case 'medium':
+        return styles.rootMedium(theme);
+      case 'small':
+      default:
+        return styles.rootSmall(theme);}
+
+  }
+  function getWithLeftPaddingSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.withLeftPaddingSmall(theme);
+      case 'medium':
+        return styles.withLeftPaddingMedium(theme);
+      case 'small':
+      default:
+        return styles.withLeftPaddingSmall(theme);}
+
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
+    _react.default.createElement("div", {
+      "data-tid": MenuFooterDataTids.root,
+      className: emotion.cx(getRootSizeClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.root(theme)] = true, _emotion$cx[
+      getWithLeftPaddingSizeClassName()] = _enableIconPadding, _emotion$cx)) },
+
+
+    children)));
+
+
+
+}
+
+MenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';
+MenuFooter.displayName = 'MenuFooter';
+MenuFooter.__MENU_FOOTER__ = true;
+
+
+
+var isMenuFooter = function isMenuFooter(child) {
+  return /*#__PURE__*/_react.default.isValidElement(child) ?
+  Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__') :
+  false;
+};exports.isMenuFooter = isMenuFooter;

package/cjs/components/MenuFooter/MenuFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.tsx"],"names":["MenuFooterDataTids","root","MenuFooter","_enableIconPadding","children","size","rest","theme","emotion","styles","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","cx","__KONTUR_REACT_UI__","displayName","__MENU_FOOTER__","isMenuFooter","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"2VAAA;;AAEA;AACA;;AAEA;;AAEA,iD;;;;;;;;;;;;;;AAcO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,G;AACA,SAASC,UAAT,OAAwG,kDAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,2BAAUD,OAAV,CAAf;;AAEA,WAASE,oBAAT,GAAgC;AAC9B,YAAQL,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACE,SAAP,CAAiBJ,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACG,UAAP,CAAkBL,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACI,SAAP,CAAiBN,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASO,+BAAT,GAA2C;AACzC,YAAQT,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACM,oBAAP,CAA4BR,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACO,qBAAP,CAA6BT,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACM,oBAAP,CAA4BR,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEO,OAAO,CAACS,EAAR,CAAWP,oBAAoB,EAA/B;AACRD,MAAAA,MAAM,CAACR,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERO,MAAAA,+BAA+B,EAFvB,IAE4BX,kBAF5B,eAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACgB,mBAAX,GAAiC,YAAjC;AACAhB,UAAU,CAACiB,WAAX,GAAyB,YAAzB;AACAjB,UAAU,CAACkB,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MenuFooter.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuFooterSize = SizeProp;\n\nexport interface MenuFooterProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n  root: 'MenuFooter__root',\n} as const;\n\n/**\n * Футер меню.\n *\n * _Примечание_: `футер меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuFooter`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuFooter({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuFooterDataTids.root}\n        className={emotion.cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuFooter.__KONTUR_REACT_UI__ = 'MenuFooter';\nMenuFooter.displayName = 'MenuFooter';\nMenuFooter.__MENU_FOOTER__ = true;\n\nexport { MenuFooter };\n\nexport const isMenuFooter = (child: React.ReactNode): child is React.ReactElement<MenuFooterProps> => {\n  return React.isValidElement<MenuFooterProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_FOOTER__')\n    : false;\n};\n"]}

package/cjs/components/MenuFooter/MenuFooter.md

@@ -0,0 +1,27 @@
+Базовый пример меню с заголовками.
+
+```jsx harmony
+import { Button, MenuItem, DropdownMenu } from '@skbkontur/react-ui';
+
+<DropdownMenu
+  menuMaxHeight="10rem"
+  caption={<Button use="primary">Сотрудники компании</Button>}
+  >
+  <MenuItem>Вася</MenuItem>
+  <MenuItem>Петя</MenuItem>
+  <MenuItem>Маша</MenuItem>
+  <MenuFooter>Всего 3 человека</MenuFooter>
+</DropdownMenu>
+```
+
+У MenuFooter есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <MenuFooter size={'small'}>Маленький</MenuFooter>
+  <MenuFooter size={'medium'}>Средний</MenuFooter>
+  <MenuFooter size={'large'}>Большой</MenuFooter>
+</Gapped>
+```

package/cjs/components/MenuFooter/MenuFooter.mixins.d.ts

@@ -0,0 +1,3 @@
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const menuFooterSizeMixin: (emotion: Emotion) => (menuFooterLegacyPaddingRight: string, menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (emotion: Emotion) => (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuFooter/MenuFooter.mixins.js

@@ -0,0 +1,28 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.withIconSizeMixin = exports.menuFooterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _templateObject, _templateObject2;
+
+var menuFooterSizeMixin =
+function menuFooterSizeMixin(emotion) {return (
+    function (
+    menuFooterLegacyPaddingRight,
+    menuFooterPaddingX,
+    menuFooterFontSize,
+    menuFooterLineHeight,
+    menuFooterPaddingTop,
+    menuFooterPaddingBottom)
+    {
+      var legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);
+      var paddingRight =
+      legacyPaddingRight !== 0 ? parseFloat(menuFooterPaddingX) + legacyPaddingRight + "px" : menuFooterPaddingX;
+
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
+      menuFooterFontSize,
+      menuFooterLineHeight,
+      menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
+
+    });};exports.menuFooterSizeMixin = menuFooterSizeMixin;
+
+var withIconSizeMixin = function withIconSizeMixin(emotion) {return function (menuItemPaddingForIcon) {
+    return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
+    menuItemPaddingForIcon);
+
+  };};exports.withIconSizeMixin = withIconSizeMixin;

package/cjs/components/MenuFooter/MenuFooter.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.mixins.ts"],"names":["menuFooterSizeMixin","emotion","menuFooterLegacyPaddingRight","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","legacyPaddingRight","parseFloat","paddingRight","css","withIconSizeMixin","menuItemPaddingForIcon"],"mappings":";;AAEO,IAAMA,mBAAmB;AAC9B,SADWA,mBACX,CAACC,OAAD;AACA;AACEC,IAAAA,4BADF;AAEEC,IAAAA,kBAFF;AAGEC,IAAAA,kBAHF;AAIEC,IAAAA,oBAJF;AAKEC,IAAAA,oBALF;AAMEC,IAAAA,uBANF;AAOK;AACH,UAAMC,kBAAkB,GAAGC,UAAU,CAACP,4BAAD,CAArC;AACA,UAAMQ,YAAY;AAChBF,MAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACN,kBAAD,CAAV,GAAiCK,kBAA/D,UAAwFL,kBAD1F;;AAGA,aAAOF,OAAO,CAACU,GAAf;AACaP,MAAAA,kBADb;AAEeC,MAAAA,oBAFf;AAGWC,MAAAA,oBAHX,EAGmCI,YAHnC,EAGmDH,uBAHnD,EAG8EJ,kBAH9E;;AAKD,KAlBD,GADK,C;;AAqBA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,OAAD,UAAsB,UAACY,sBAAD,EAAoC;AACzF,WAAOZ,OAAO,CAACU,GAAf;AACkBE,IAAAA,sBADlB;;AAGD,GAJgC,EAA1B,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const menuFooterSizeMixin =\n  (emotion: Emotion) =>\n  (\n    menuFooterLegacyPaddingRight: string,\n    menuFooterPaddingX: string,\n    menuFooterFontSize: string,\n    menuFooterLineHeight: string,\n    menuFooterPaddingTop: string,\n    menuFooterPaddingBottom: string,\n  ) => {\n    const legacyPaddingRight = parseFloat(menuFooterLegacyPaddingRight);\n    const paddingRight =\n      legacyPaddingRight !== 0 ? `${parseFloat(menuFooterPaddingX) + legacyPaddingRight}px` : menuFooterPaddingX;\n\n    return emotion.css`\n    font-size: ${menuFooterFontSize};\n    line-height: ${menuFooterLineHeight};\n    padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n  `;\n  };\n\nexport const withIconSizeMixin = (emotion: Emotion) => (menuItemPaddingForIcon: string) => {\n  return emotion.css`\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"]}

package/cjs/components/MenuFooter/MenuFooter.styles.d.ts

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

package/cjs/components/MenuFooter/MenuFooter.styles.js

@@ -0,0 +1,68 @@
+"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 _MenuFooter = require("./MenuFooter.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
+        t.menuFooterColor);
+
+
+      },
+
+      rootSmall: function rootSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
+        t.menuFooterLegacyPaddingRight,
+        t.menuFooterPaddingXSmall,
+        t.menuFooterFontSizeSmall,
+        t.menuFooterLineHeightSmall,
+        t.menuFooterPaddingTopSmall,
+        t.menuFooterPaddingBottomSmall));
+
+
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
+        t.menuFooterLegacyPaddingRight,
+        t.menuFooterPaddingXMedium,
+        t.menuFooterFontSizeMedium,
+        t.menuFooterLineHeightMedium,
+        t.menuFooterPaddingTopMedium,
+        t.menuFooterPaddingBottomMedium));
+
+
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _MenuFooter.menuFooterSizeMixin)(emotion)(
+        t.menuFooterLegacyPaddingRight,
+        t.menuFooterPaddingXLarge,
+        t.menuFooterFontSizeLarge,
+        t.menuFooterLineHeightLarge,
+        t.menuFooterPaddingTopLarge,
+        t.menuFooterPaddingBottomLarge));
+
+
+      },
+
+      withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconSmall));
+
+      },
+      withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconMedium));
+
+      },
+      withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
+        (0, _MenuFooter.withIconSizeMixin)(emotion)(t.menuItemPaddingForIconLarge));
+
+      } }));};exports.getStyles = getStyles;

package/cjs/components/MenuFooter/MenuFooter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuFooter.styles.ts"],"names":["getStyles","emotion","root","t","css","menuFooterColor","rootSmall","menuFooterLegacyPaddingRight","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"mappings":";;AAEA;;;AAGA,iD;;AAEO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACWD,QAAAA,CAAC,CAACE,eADb;;;AAID,OANU;;AAQXC,MAAAA,SARW,qBAQDH,CARC,EAQS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACK,uBAFF;AAGAL,QAAAA,CAAC,CAACM,uBAHF;AAIAN,QAAAA,CAAC,CAACO,yBAJF;AAKAP,QAAAA,CAAC,CAACQ,yBALF;AAMAR,QAAAA,CAAC,CAACS,4BANF,CADJ;;;AAUD,OAnBU;AAoBXC,MAAAA,UApBW,sBAoBAV,CApBA,EAoBU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACW,wBAFF;AAGAX,QAAAA,CAAC,CAACY,wBAHF;AAIAZ,QAAAA,CAAC,CAACa,0BAJF;AAKAb,QAAAA,CAAC,CAACc,0BALF;AAMAd,QAAAA,CAAC,CAACe,6BANF,CADJ;;;AAUD,OA/BU;AAgCXC,MAAAA,SAhCW,qBAgCDhB,CAhCC,EAgCS;AAClB,eAAOF,OAAO,CAACG,GAAf;AACI,6CAAoBH,OAApB;AACAE,QAAAA,CAAC,CAACI,4BADF;AAEAJ,QAAAA,CAAC,CAACiB,uBAFF;AAGAjB,QAAAA,CAAC,CAACkB,uBAHF;AAIAlB,QAAAA,CAAC,CAACmB,yBAJF;AAKAnB,QAAAA,CAAC,CAACoB,yBALF;AAMApB,QAAAA,CAAC,CAACqB,4BANF,CADJ;;;AAUD,OA3CU;;AA6CXC,MAAAA,oBA7CW,gCA6CUtB,CA7CV,EA6CoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACuB,2BAA7B,CADJ;;AAGD,OAjDU;AAkDXC,MAAAA,qBAlDW,iCAkDWxB,CAlDX,EAkDqB;AAC9B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAACyB,4BAA7B,CADJ;;AAGD,OAtDU;AAuDXC,MAAAA,oBAvDW,gCAuDU1B,CAvDV,EAuDoB;AAC7B,eAAOF,OAAO,CAACG,GAAf;AACI,2CAAkBH,OAAlB,EAA2BE,CAAC,CAAC2B,2BAA7B,CADJ;;AAGD,OA3DU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.menuFooterColor};\n        cursor: default;\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXSmall,\n          t.menuFooterFontSizeSmall,\n          t.menuFooterLineHeightSmall,\n          t.menuFooterPaddingTopSmall,\n          t.menuFooterPaddingBottomSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXMedium,\n          t.menuFooterFontSizeMedium,\n          t.menuFooterLineHeightMedium,\n          t.menuFooterPaddingTopMedium,\n          t.menuFooterPaddingBottomMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuFooterSizeMixin(emotion)(\n          t.menuFooterLegacyPaddingRight,\n          t.menuFooterPaddingXLarge,\n          t.menuFooterFontSizeLarge,\n          t.menuFooterLineHeightLarge,\n          t.menuFooterPaddingTopLarge,\n          t.menuFooterPaddingBottomLarge,\n        )};\n      `;\n    },\n\n    withLeftPaddingSmall(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withLeftPaddingMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withLeftPaddingLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n  });\n"]}

package/cjs/components/MenuFooter/index.d.ts

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

package/cjs/components/MenuFooter/index.js

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

package/cjs/components/MenuFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './MenuFooter';\n"]}

package/cjs/components/MenuHeader/MenuHeader.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type MenuHeaderSize = SizeProp;
+export interface MenuHeaderProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+    /** Размер */
+    size?: SizeProp;
+}
+export declare const MenuHeaderDataTids: {
+    readonly root: "MenuHeader__root";
+};
+/**
+ * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ *
+ * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */
+declare function MenuHeader({ _enableIconPadding, children, size, ...rest }: MenuHeaderProps): JSX.Element;
+declare namespace MenuHeader {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+    var __MENU_HEADER__: boolean;
+}
+export { MenuHeader };
+export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuHeader/MenuHeader.js

@@ -0,0 +1,88 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MenuHeader = MenuHeader;exports.isMenuHeader = exports.MenuHeaderDataTids = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+
+var _MenuContext = require("../../internal/Menu/MenuContext");
+var _useTheme = require("../../lib/theming/useTheme");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _MenuHeader = require("./MenuHeader.styles");var _excluded = ["_enableIconPadding", "children", "size"];
+
+
+
+
+
+
+
+
+
+
+
+
+
+var MenuHeaderDataTids = {
+  root: 'MenuHeader__root' };
+
+
+/**
+ * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ *
+ * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).
+ */exports.MenuHeaderDataTids = MenuHeaderDataTids;
+function MenuHeader(_ref) {var _emotion$cx;var _ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _MenuHeader.getStyles)(emotion);
+  var menuContext = (0, _react.useContext)(_MenuContext.MenuContext);
+
+  function getRootSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.rootLarge(theme);
+      case 'medium':
+        return styles.rootMedium(theme);
+      case 'small':
+      default:
+        return styles.rootSmall(theme);}
+
+  }
+  function getWithLeftPaddingSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.withLeftPaddingSmall(theme);
+      case 'medium':
+        return styles.withLeftPaddingMedium(theme);
+      case 'small':
+      default:
+        return styles.withLeftPaddingSmall(theme);}
+
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
+    _react.default.createElement("div", {
+      "data-tid": MenuHeaderDataTids.root,
+      className: emotion.cx(getRootSizeClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.root(theme)] = true, _emotion$cx[
+      getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _emotion$cx)) },
+
+
+    children)));
+
+
+
+}
+
+MenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';
+MenuHeader.displayName = 'MenuHeader';
+MenuHeader.__MENU_HEADER__ = true;
+
+
+
+var isMenuHeader = function isMenuHeader(child) {
+  return /*#__PURE__*/_react.default.isValidElement(child) ?
+  Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__') :
+  false;
+};exports.isMenuHeader = isMenuHeader;

package/cjs/components/MenuHeader/MenuHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MenuHeader.tsx"],"names":["MenuHeaderDataTids","root","MenuHeader","_enableIconPadding","children","size","rest","theme","emotion","styles","menuContext","MenuContext","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","cx","enableIconPadding","__KONTUR_REACT_UI__","displayName","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"0bAAA;;AAEA;;AAEA;AACA;AACA;;AAEA,iD;;;;;;;;;;;;;;AAcO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,kBAD0B,EAA3B;;;AAIP;AACA;AACA;AACA;AACA;AACA;AACA,G;AACA,SAASC,UAAT,OAAwG,kDAAlFC,kBAAkF,CAAlFA,kBAAkF,sCAA7D,KAA6D,yBAAtDC,QAAsD,QAAtDA,QAAsD,kBAA5CC,IAA4C,CAA5CA,IAA4C,0BAArC,OAAqC,aAAzBC,IAAyB;AACtG,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,MAAM,GAAG,2BAAUD,OAAV,CAAf;AACA,MAAME,WAAW,GAAG,uBAAWC,wBAAX,CAApB;;AAEA,WAASC,oBAAT,GAAgC;AAC9B,YAAQP,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACI,SAAP,CAAiBN,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACK,UAAP,CAAkBP,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACM,SAAP,CAAiBR,KAAjB,CAAP,CAPJ;;AASD;AACD,WAASS,+BAAT,GAA2C;AACzC,YAAQX,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,MAAM,CAACQ,oBAAP,CAA4BV,KAA5B,CAAP;AACF,WAAK,QAAL;AACE,eAAOE,MAAM,CAACS,qBAAP,CAA6BX,KAA7B,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOE,MAAM,CAACQ,oBAAP,CAA4BV,KAA5B,CAAP,CAPJ;;AASD;;AAED;AACE,iCAAC,4BAAD,EAAmBD,IAAnB;AACE;AACE,kBAAUN,kBAAkB,CAACC,IAD/B;AAEE,MAAA,SAAS,EAAEO,OAAO,CAACW,EAAR,CAAWP,oBAAoB,EAA/B;AACRH,MAAAA,MAAM,CAACR,IAAP,CAAYM,KAAZ,CADQ,IACa,IADb;AAERS,MAAAA,+BAA+B,EAFvB,IAE4BN,WAAW,CAACU,iBAAZ,IAAiCjB,kBAF7D,eAFb;;;AAOGC,IAAAA,QAPH,CADF,CADF;;;;AAaD;;AAEDF,UAAU,CAACmB,mBAAX,GAAiC,YAAjC;AACAnB,UAAU,CAACoB,WAAX,GAAyB,YAAzB;AACApB,UAAU,CAACqB,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MenuHeader.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type MenuHeaderSize = SizeProp;\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n  /** Размер */\n  size?: SizeProp;\n}\n\nexport const MenuHeaderDataTids = {\n  root: 'MenuHeader__root',\n} as const;\n\n/**\n * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.\n *\n * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.\n *\n * Сущности в которых может быть использован `MenuHeader`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuHeader({ _enableIconPadding = false, children, size = 'small', ...rest }: MenuHeaderProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n  const menuContext = useContext(MenuContext);\n\n  function getRootSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.rootLarge(theme);\n      case 'medium':\n        return styles.rootMedium(theme);\n      case 'small':\n      default:\n        return styles.rootSmall(theme);\n    }\n  }\n  function getWithLeftPaddingSizeClassName() {\n    switch (size) {\n      case 'large':\n        return styles.withLeftPaddingSmall(theme);\n      case 'medium':\n        return styles.withLeftPaddingMedium(theme);\n      case 'small':\n      default:\n        return styles.withLeftPaddingSmall(theme);\n    }\n  }\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        data-tid={MenuHeaderDataTids.root}\n        className={emotion.cx(getRootSizeClassName(), {\n          [styles.root(theme)]: true,\n          [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding || _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.displayName = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}