@skbkontur/react-ui 5.1.0-next.1 → 5.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_UiFont","_Input","_identifiers","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","MaskedInput","exports","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","element","className","inputProps","_objectWithoutPropertiesLoose2","default","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","cx","globalClasses","root","uiFontGlobalClasses","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { Ref, useImperativeHandle, useRef, useState, useEffect } from 'react';\nimport { IMaskInputProps } from 'react-imask';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport { uiFontGlobalClasses } from '../../lib/styles/UiFont';\nimport { Input, InputProps, InputType } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\n\nimport { globalClasses } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n\n  /** Устанавливает символ маски\n   * @default _ */\n  maskChar?: string;\n\n  /** Задает словарь символов-регулярок для задания маски.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Включает показ символов маски.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Задает обработчик неправильного ввода.\n   * Вторым агрументом будет передан метод вспыхивания акцентным цветом.\n   *\n   * Если обработчик не задан, то инпут вспыхивает по-умолчанию.\n   * @param value значение инпута.\n   * @param blink вспыхнуть акцентным цвтетом.\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /** Убирает из value символы, не введённые пользователем\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<InputProps, 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'> {\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 {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      element,\n      className,\n      ...inputProps\n    } = props;\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        className={cx(globalClasses.root, uiFontGlobalClasses.root, className)}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_UiFont","_Input","_identifiers","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","MaskedInput","exports","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","element","className","inputProps","_objectWithoutPropertiesLoose2","default","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","cx","globalClasses","root","uiFontGlobalClasses","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { Ref, useImperativeHandle, useRef, useState, useEffect } from 'react';\nimport { IMaskInputProps } from 'react-imask';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport { uiFontGlobalClasses } from '../../lib/styles/UiFont';\nimport { Input, InputProps, InputType } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\n\nimport { globalClasses } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n\n  /** Устанавливает символ маски\n   * @default _ */\n  maskChar?: string;\n\n  /** Задает словарь символов-регулярок для задания маски.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Включает показ символов маски.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Задает обработчик неправильного ввода.\n   * Вторым агрументом будет передан метод вспыхивания акцентным цветом.\n   *\n   * Если обработчик не задан, то инпут вспыхивает по-умолчанию.\n   * @param value значение инпута.\n   * @param blink вспыхнуть акцентным цвтетом.\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /** Убирает из value символы, не введённые пользователем\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\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 {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      element,\n      className,\n      ...inputProps\n    } = props;\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        className={cx(globalClasses.root, uiFontGlobalClasses.root, className)}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-export declare const globalClasses: {
-    root: string;
-};
+export declare const globalClasses: {
+    root: string;
+};

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

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

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

@@ -1,29 +1,29 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /** Добавляет отступ иконке. */
-    _enableIconPadding?: boolean;
-    /** @ignore */
-    children: ReactNode;
-    /** Задает размер. */
-    size?: SizeProp;
-}
-export declare const MenuFooterDataTids: {
-    readonly root: "MenuFooter__root";
-};
-/**
- * Футер меню `MenuFooter`.
- *
- * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
- *
- * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-declare function MenuFooter({ id, _enableIconPadding, children, size, ...rest }: MenuFooterProps): React.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>>;
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Добавляет отступ иконке. */
+    _enableIconPadding?: boolean;
+    /** @ignore */
+    children: ReactNode;
+    /** Задает размер. */
+    size?: SizeProp;
+}
+export declare const MenuFooterDataTids: {
+    readonly root: "MenuFooter__root";
+};
+/**
+ * Футер меню `MenuFooter`.
+ *
+ * `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare function MenuFooter({ id, _enableIconPadding, children, size, ...rest }: MenuFooterProps): React.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.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    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;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    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/index.d.ts

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

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

@@ -1,29 +1,29 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /** Добавляет отступ иконке. */
-    _enableIconPadding?: boolean;
-    /** @ignore */
-    children: ReactNode;
-    /** Задает размер. */
-    size?: SizeProp;
-}
-export declare const MenuHeaderDataTids: {
-    readonly root: "MenuHeader__root";
-};
-/**
- * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.
- *
- * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
- *
- * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-declare function MenuHeader({ id, _enableIconPadding, children, size, ...rest }: MenuHeaderProps): React.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>>;
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Добавляет отступ иконке. */
+    _enableIconPadding?: boolean;
+    /** @ignore */
+    children: ReactNode;
+    /** Задает размер. */
+    size?: SizeProp;
+}
+export declare const MenuHeaderDataTids: {
+    readonly root: "MenuHeader__root";
+};
+/**
+ * Заголовок меню `MenuHeader` используется для того, чтобы разделить элементы меню на категории в рамках одного меню.
+ *
+ * `MenuHeader`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare function MenuHeader({ id, _enableIconPadding, children, size, ...rest }: MenuHeaderProps): React.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.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    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;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    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/MenuHeader/index.d.ts

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

package/cjs/components/MenuItem/MenuItem.d.ts

@@ -1,113 +1,113 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { MenuContextType } from '../../internal/Menu/MenuContext';
-export type MenuItemState = null | 'hover' | 'selected' | void;
-export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
-    /** Добавляет отступ иконке.
-     * @ignore */
-    _enableIconPadding?: boolean;
-    /** Добавляет описание для элемента меню. */
-    comment?: React.ReactNode;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Добавляет иконку элементу меню. */
-    icon?: React.ReactElement<any>;
-    /**
-     * Меняет цвет текста на синий.
-     * @deprecated
-     */
-    link?: boolean;
-    /** Задает размер контрола. */
-    size?: SizeProp;
-    /** @ignore */
-    loose?: boolean;
-    /** @ignore */
-    state?: MenuItemState;
-    /** Задает функцию, которая вызывается при клике. */
-    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
-    onMouseEnter?: React.MouseEventHandler;
-    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
-    onMouseLeave?: React.MouseEventHandler;
-    /** @ignore */
-    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
-    /** Задает HTML-атрибут `target`. */
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    /** Задает HTML-атрибут `title`. */
-    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
-    /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */
-    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
-    /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен "noopener noreferrer". */
-    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
-    /** Заменяет корневой элемент, на компонент переданный в проп.
-     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */
-    component?: React.ComponentType<any>;
-    /** Запрещает выделение и выбор данного пункта меню. */
-    isNotSelectable?: boolean;
-    /** Устанавливает стиль для отображения в мобильной версии. */
-    isMobile?: boolean;
-    /** @ignore */
-    scrollIntoView?: boolean;
-}
-export declare const MenuItemDataTids: {
-    readonly root: "MenuItem__root";
-    readonly content: "MenuItem__content";
-    readonly comment: "MenuItem__comment";
-};
-/**
- * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
- *
- * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-export declare class MenuItem extends React.Component<MenuItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __MENU_ITEM__: boolean;
-    static propTypes: {
-        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        loose: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<string>;
-    };
-    state: {
-        iconOffsetTop: number;
-        highlighted: boolean;
-    };
-    private theme;
-    private mouseEntered;
-    private setRootNode;
-    private rootRef;
-    private contentRef;
-    static contextType: React.Context<MenuContextType>;
-    context: MenuContextType;
-    render(): React.JSX.Element;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: Readonly<MenuItemProps>): void;
-    highlight: () => void;
-    unhighlight: () => void;
-    select: (event: React.SyntheticEvent<HTMLElement>) => void;
-    isEnabled: () => boolean;
-    navigate: () => void;
-    private getRootSizeClassName;
-    private getIconSizeClassName;
-    private getWithIconSizeClassName;
-    private renderMain;
-    private get activeState();
-    private get isHover();
-    private get isSelected();
-    private handleMouseEnterFix;
-    private handleMouseLeave;
-    private handleClick;
-    private setRootRef;
-    private getComponent;
-    private hasIconAmongItems;
-}
-export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import React, { AriaAttributes, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { MenuContextType } from '../../internal/Menu/MenuContext';
+export type MenuItemState = null | 'hover' | 'selected' | void;
+export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
+    /** Добавляет отступ иконке.
+     * @ignore */
+    _enableIconPadding?: boolean;
+    /** Добавляет описание для элемента меню. */
+    comment?: React.ReactNode;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Добавляет иконку элементу меню. */
+    icon?: React.ReactElement<any>;
+    /**
+     * Меняет цвет текста на синий.
+     * @deprecated
+     */
+    link?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** @ignore */
+    loose?: boolean;
+    /** @ignore */
+    state?: MenuItemState;
+    /** Задает функцию, которая вызывается при клике. */
+    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
+    onMouseEnter?: React.MouseEventHandler;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: React.MouseEventHandler;
+    /** @ignore */
+    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
+    /** Задает HTML-атрибут `target`. */
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    /** Задает HTML-атрибут `title`. */
+    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
+    /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */
+    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен "noopener noreferrer". */
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
+    /** Заменяет корневой элемент, на компонент переданный в проп.
+     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */
+    component?: React.ComponentType<any>;
+    /** Запрещает выделение и выбор данного пункта меню. */
+    isNotSelectable?: boolean;
+    /** Устанавливает стиль для отображения в мобильной версии. */
+    isMobile?: boolean;
+    /** @ignore */
+    scrollIntoView?: boolean;
+}
+export declare const MenuItemDataTids: {
+    readonly root: "MenuItem__root";
+    readonly content: "MenuItem__content";
+    readonly comment: "MenuItem__comment";
+};
+/**
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __MENU_ITEM__: boolean;
+    static propTypes: {
+        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        loose: PropTypes.Requireable<boolean>;
+        state: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        size: PropTypes.Requireable<string>;
+    };
+    state: {
+        iconOffsetTop: number;
+        highlighted: boolean;
+    };
+    private theme;
+    private mouseEntered;
+    private setRootNode;
+    private rootRef;
+    private contentRef;
+    static contextType: React.Context<MenuContextType>;
+    context: MenuContextType;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<MenuItemProps>): void;
+    highlight: () => void;
+    unhighlight: () => void;
+    select: (event: React.SyntheticEvent<HTMLElement>) => void;
+    isEnabled: () => boolean;
+    navigate: () => void;
+    private getRootSizeClassName;
+    private getIconSizeClassName;
+    private getWithIconSizeClassName;
+    private renderMain;
+    private get activeState();
+    private get isHover();
+    private get isSelected();
+    private handleMouseEnterFix;
+    private handleMouseLeave;
+    private handleClick;
+    private setRootRef;
+    private getComponent;
+    private hasIconAmongItems;
+}
+export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuItem/MenuItem.js

@@ -301,7 +301,7 @@ MenuItem = exports.MenuItem = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#_
 
       var content = children;
       if ((0, _utils.isFunction)(children)) {
-        content = children(state);
+        content = children(_this.activeState);
       }
 
       var Component = _this.getComponent();