npm - @skbkontur/react-ui - Versions diffs - 5.6.0 → 5.6.1-85c65.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/cjs/components/MaskedInput/MaskedInput.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.getSafeMaskInputType = 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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.getSafeMaskInputType = 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 _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
-var _Emotion = require("../../lib/theming/Emotion");
 var _Input = require("../Input");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -119,6 +119,8 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
       props.mask,maskChar = props.maskChar,formatChars = props.formatChars,_props$alwaysShowMask = props.alwaysShowMask,alwaysShowMask = _props$alwaysShowMask === void 0 ? false : _props$alwaysShowMask,_props$colored = props.colored,colored = _props$colored === void 0 ? true : _props$colored,_props$imaskProps = props.imaskProps,customIMaskProps = _props$imaskProps === void 0 ? {} : _props$imaskProps,_props$unmask = props.unmask,unmask = _props$unmask === void 0 ? false : _props$unmask,onValueChange = props.onValueChange,onUnexpectedInput = props.onUnexpectedInput,onChange = props.onChange,onBeforePasteValue = props.onBeforePasteValue,element = props.element,className = props.className,maxLength = props.maxLength,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MaskedInput.getStyles);
     var inputRef = (0, _react.useRef)(null);
@@ -151,10 +153,6 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
     var imaskProps = getCompatibleIMaskProps();
-    // TODO: Удалить в следующем мажоре
-    // Селекторы могут ожидать определённый порядок классов
-    var uiFontGlobalClassesRoot = 'react-ui-ui-font-root';
     return /*#__PURE__*/(
       _react.default.createElement(_Input.Input, (0, _extends2.default)({
         ref: inputRef },
@@ -164,7 +162,7 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
         onInput: handleInput,
         onKeyDown: handleKeyDown,
         onPaste: handlePaste,
-        className: (0, _Emotion.cx)(_MaskedInput.globalClasses.root, uiFontGlobalClassesRoot, className, _MaskedInput.styles.root(theme)),
+        className: cx(_MaskedInput.globalClasses.root, className, styles.root(theme)),
         element:
         colored ? /*#__PURE__*/
         _react.default.createElement(_ColorableInputElement.ColorableInputElement, { showOnFocus: false, alwaysShowMask: alwaysShowMask }, /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","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","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","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, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n /** Шаблон ввода, определяющий допустимые символы. /\n mask: string;\n\n /* Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n * @default _ /\n maskChar?: string;\n\n /* Словарь правил для настройки маски, где\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 \n @param value значение поля\n * @param blink метод вспыхивания рамки поля\n /\n onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n /\n Событие перед вставкой текста в поле.\n * Вызывается с аргументом value — текст из буфера.\n \n Обработчик должен вернуть текст — он попадёт в поле.\n \n @param value значение вставки.\n /\n onBeforePasteValue?: MaskedInputOnBeforePasteValue;\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 const getSafeMaskInputType = (type?: InputType): MaskInputType \| undefined => {\n if (!type) {\n return type;\n }\n\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n case 'password':\n return 'text';\n default:\n return type;\n }\n};\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 /\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 onBeforePasteValue,\n element,\n className,\n // @ts-expect-error: могут передавать игнорируя ошибку\n maxLength,\n ...inputProps\n } = props;\n const theme = useContext(ThemeContext);\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 // TODO: Удалить в следующем мажоре\n // Селекторы могут ожидать определённый порядок классов\n const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n return (\n <Input\n ref={inputRef}\n {...inputProps}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n element={\n colored ? (\n <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n </ColorableInputElement>\n ) : (\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n )\n }\n />\n );\n\n function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n if (onBeforePasteValue && onValueChange) {\n event.preventDefault();\n onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n }\n\n props.onPaste?.(event);\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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","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","onPaste","handlePaste","globalClasses","root","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","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 type { Ref } from 'react';\nimport React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n /** Шаблон ввода, определяющий допустимые символы. /\n mask: string;\n\n /* Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n * @default _ /\n maskChar?: string;\n\n /* Словарь правил для настройки маски, где\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 \n @param value значение поля\n * @param blink метод вспыхивания рамки поля\n /\n onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n /\n Событие перед вставкой текста в поле.\n * Вызывается с аргументом value — текст из буфера.\n \n Обработчик должен вернуть текст — он попадёт в поле.\n \n @param value значение вставки.\n /\n onBeforePasteValue?: MaskedInputOnBeforePasteValue;\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 const getSafeMaskInputType = (type?: InputType): MaskInputType \| undefined => {\n if (!type) {\n return type;\n }\n\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n case 'password':\n return 'text';\n default:\n return type;\n }\n};\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 /\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 onBeforePasteValue,\n element,\n className,\n // @ts-expect-error: могут передавать игнорируя ошибку\n maxLength,\n ...inputProps\n } = props;\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\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<typeof inputRef.current, typeof inputRef.current>(\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 onPaste={handlePaste}\n className={cx(globalClasses.root, className, styles.root(theme))}\n element={\n colored ? (\n <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n </ColorableInputElement>\n ) : (\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n )\n }\n />\n );\n\n function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n if (onBeforePasteValue && onValueChange) {\n event.preventDefault();\n onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n }\n\n props.onPaste?.(event);\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 CHANGED Viewed

@@ -2,6 +2,6 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     root: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
-};
+}>;

package/cjs/components/MaskedInput/MaskedInput.styles.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");
 var _UiFont = require("../../lib/styles/UiFont");var _templateObject;
@@ -6,11 +8,14 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('masked-input')
   root: 'root'
 });
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-family: ", ", ", ";\n      font-variant-numeric: tabular-nums;\n    "])),
-    _UiFont.UI_FONT_NAME, t.baseFontFamily);
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {
+  (0, _UiFont.injectGlobalFont)(emotion);
+  return {
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-family: ", ", ", ";\n        font-variant-numeric: tabular-nums;\n      "])),
+      _UiFont.UI_FONT_NAME, t.baseFontFamily);
-  }
+    }
+  };
 });

package/cjs/components/MaskedInput/MaskedInput.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_UiFont","_templateObject","globalClasses","exports","prefix","root","~~styles~~","~~memoizeStyle~~","t","css","_taggedTemplateLiteralLoose2","default","UI_FONT_NAME","baseFontFamily"],"sources":["MaskedInput.styles.ts"],"sourcesContent":["import { css, ~~memoizeStyle~~, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { UI_FONT_NAME } from '../../lib/styles/UiFont';\n\nexport const globalClasses = prefix('masked-input')({\n root: 'root',\n});\n\nexport const ~~styles~~ = ~~memoizeStyle~~({\n root(t: Theme) {\n return css`\n font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n font-variant-numeric: tabular-nums;\n `;\n },\n});\n"],"mappings":"~~4SAAA~~,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,~~4BAAuD~~,IAAAE,eAAA;;~~AAEhD~~,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,cAAc,CAAC,CAAC;EAClDC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEK,IAAMC,~~MAAM~~,GAAAH,OAAA,CAAAG,~~MAAA~~,GAAG,IAAAC,~~qBAAY~~,EAAC;~~EACjCF~~,IAAI,WAAAA,~~KAACG~~,CAAQ,EAAE;~~IACb~~,~~WAAOC~~,~~YAAG~~,~~EAAAR~~,eAAA,KAAAA,eAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;~~IACOC~~,oBAAY,EAAKJ,CAAC,CAACK,cAAc;;;~~EAGpD~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_UiFont","_templateObject","globalClasses","exports","prefix","root","getStyles","memoizeGetStyles","emotion","injectGlobalFont","t","css","_taggedTemplateLiteralLoose2","default","UI_FONT_NAME","baseFontFamily"],"sources":["MaskedInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { UI_FONT_NAME, injectGlobalFont } from '../../lib/styles/UiFont';\n\nexport const globalClasses = prefix('masked-input')({\n root: 'root',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n injectGlobalFont(emotion);\n return {\n root(t: Theme) {\n return emotion.css`\n font-family: ${UI_FONT_NAME}, ${t.baseFontFamily};\n font-variant-numeric: tabular-nums;\n `;\n },\n };\n});\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAyE,IAAAE,eAAA;;AAElE,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,cAAc,CAAC,CAAC;EAClDC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAG,IAAAC,yBAAgB,EAAC,UAACC,OAAgB,EAAK;EAC9D,IAAAC,wBAAgB,EAACD,OAAO,CAAC;EACzB,OAAO;IACLH,IAAI,WAAAA,KAACK,CAAQ,EAAE;MACb,OAAOF,OAAO,CAACG,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;MACDC,oBAAY,EAAKJ,CAAC,CAACK,cAAc;;;IAGpD;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

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

@@ -22,4 +22,4 @@ export declare const MenuFooterDataTids: {
  */
 declare const MenuFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MenuFooterProps> & Record<never, never>;
 export { MenuFooter };
-export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps, string | React.JSXElementConstructor<any>>;
+export declare const isMenuFooter: (child: React.ReactNode) => child is React.ReactElement<MenuFooterProps>;

package/cjs/components/MenuFooter/MenuFooter.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.isMenuFooter = exports.MenuFooterDataTids = exports.MenuFooter = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
@@ -40,26 +40,28 @@ var MenuFooter = exports.MenuFooter = (0, _forwardRefAndName.forwardRefAndName)(
   ref)
   {var _cx;var id = _ref.id,_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, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MenuFooter.getStyles);
     function getRootSizeClassName() {
       switch (size) {
         case 'large':
-          return _MenuFooter.styles.rootLarge(theme);
+          return styles.rootLarge(theme);
         case 'medium':
-          return _MenuFooter.styles.rootMedium(theme);
+          return styles.rootMedium(theme);
         case 'small':
         default:
-          return _MenuFooter.styles.rootSmall(theme);
+          return styles.rootSmall(theme);
       }
     }
     function getWithLeftPaddingSizeClassName() {
       switch (size) {
         case 'large':
-          return _MenuFooter.styles.withLeftPaddingSmall(theme);
+          return styles.withLeftPaddingSmall(theme);
         case 'medium':
-          return _MenuFooter.styles.withLeftPaddingMedium(theme);
+          return styles.withLeftPaddingMedium(theme);
         case 'small':
         default:
-          return _MenuFooter.styles.withLeftPaddingSmall(theme);
+          return styles.withLeftPaddingSmall(theme);
       }
     }
@@ -69,8 +71,8 @@ var MenuFooter = exports.MenuFooter = (0, _forwardRefAndName.forwardRefAndName)(
         id: id,
         ref: ref,
         "data-tid": MenuFooterDataTids.root,
-        className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
-        _MenuFooter.styles.root(theme)] = true, _cx[
+        className: cx(getRootSizeClassName(), (_cx = {}, _cx[
+        styles.root(theme)] = true, _cx[
         getWithLeftPaddingSizeClassName()] = _enableIconPadding, _cx)
         ) },
@@ -81,7 +83,6 @@ var MenuFooter = exports.MenuFooter = (0, _forwardRefAndName.forwardRefAndName)(
   }
 );
-//@ts-ignore
 MenuFooter.__MENU_FOOTER__ = true;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_ThemeContext~~","~~_CommonWrapper~~","~~_Emotion~~","_forwardRefAndName","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","forwardRefAndName","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","~~getRootSizeClassName~~","styles","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","~~cx","~~__MENU_FOOTER__","isMenuFooter","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ~~ThemeContext~~ } from '../../lib/~~theming/ThemeContext~~';\nimport ~~type~~ { ~~CommonProps~~ } from '../../~~internal~~/~~CommonWrapper~~';\nimport { ~~CommonWrapper~~ } from '../../internal/CommonWrapper';\nimport { cx } from '../../~~lib~~/~~theming/Emotion~~';\nimport type { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { ~~styles~~ } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Добавляет отступ иконке. /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n\n /* Задает размер. /\n size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n root: 'MenuFooter__root',\n} as const;\n\n/\n Футер меню `MenuFooter`.\n \n `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n \n Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n\nconst MenuFooter = forwardRefAndName(\n 'MenuFooter',\n function MenuFooter(\n { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const theme = useContext(ThemeContext);\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 id={id}\n ref={ref}\n data-tid={MenuFooterDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root(theme)]: true,\n [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n },\n);\n\n~~//@ts-ignore\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"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,~~aAAA~~,GAAAD,OAAA~~;;AAEA~~,IAAAE,~~cAAA~~,GAAAF,OAAA~~;AACA~~,IAAAG,~~QAAA~~,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA,IAAAK,WAAA,GAAAL,OAAA,~~wBAA6C~~,IAAAM,SAAA;;;;;;;;;;;;;~~AAatC~~,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG,IAAAC,oCAAiB;EAClC,YAAY;EACZ,SAASD,UAAUA,CAAAE,IAAA;;EAEjBC,GAA8B;EAC9B,KAAAC,GAAA,KAFEC,EAAE,GAAAH,IAAA,CAAFG,EAAE,CAAAC,qBAAA,GAAAJ,IAAA,CAAEK,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAAC,SAAA,GAAAP,IAAA,CAAEQ,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAX,IAAA,EAAAN,SAAA;IAGnE,IAAMkB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,SAASC,oBAAoBA,CAAA,EAAG;MAC9B,~~QAAQP~~,IAAI;QACV,KAAK,OAAO;UACV,~~OAAOQ~~,~~kBAAM~~,~~CAACC~~,SAAS,~~CAACL~~,KAAK,CAAC;QAChC,KAAK,QAAQ;UACX,~~OAAOI~~,~~kBAAM~~,~~CAACE~~,UAAU,~~CAACN~~,KAAK,CAAC;QACjC,KAAK,OAAO;QACZ;UACE,~~OAAOI~~,~~kBAAM~~,~~CAACG~~,SAAS,~~CAACP~~,KAAK,CAAC;MAClC;IACF;IACA,~~SAASQ~~,+BAA+BA,CAAA,EAAG;MACzC,~~QAAQZ~~,IAAI;QACV,KAAK,OAAO;UACV,~~OAAOQ~~,~~kBAAM~~,~~CAACK~~,oBAAoB,~~CAACT~~,KAAK,CAAC;QAC3C,KAAK,QAAQ;UACX,~~OAAOI~~,~~kBAAM~~,~~CAACM~~,qBAAqB,~~CAACV~~,KAAK,CAAC;QAC5C,KAAK,OAAO;QACZ;UACE,~~OAAOI~~,~~kBAAM~~,~~CAACK~~,oBAAoB,~~CAACT~~,KAAK,CAAC;MAC7C;IACF;;IAEA;MACE1B,MAAA,CAAAyB,OAAA,~~CAAAY~~,aAAA,~~CAACjC~~,cAAA,~~CAAAkC~~,aAAa,~~EAAKf~~,IAAI;MACrBvB,MAAA,CAAAyB,OAAA,~~CAAAY~~,aAAA;~~QACEpB~~,EAAE,EAAEA,EAAG;QACPF,GAAG,EAAEA,GAAI;QACT,YAAUN,kBAAkB,CAACE,IAAK;~~QAClC4B~~,SAAS,EAAE,~~IAAAC~~,~~WAAE,EAACX,~~oBAAoB,CAAC,CAAC,~~GAAAb~~,GAAA,OAAAA,GAAA;~~QACjCc~~,~~kBAAM~~,~~CAACnB~~,IAAI,CAACe,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;~~QACzBkB~~,+BAA+B,CAAC,CAAC,~~IAAGf~~,kBAAkB,EAAAH,GAAA;QACxD,CAAE;;MAEFI;MACE;MACQ,CAAC;;EAEpB;AACF,CAAC;;~~AAED;AACAR~~,UAAU,~~CAAC6B~~,eAAe,GAAG,IAAI;;;;~~AAI1B~~,IAAMC,YAAY,~~GAAAhC~~,OAAA,~~CAAAgC~~,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_CommonWrapper","_forwardRefAndName","_MenuFooter","_excluded","MenuFooterDataTids","exports","root","MenuFooter","forwardRefAndName","_ref","ref","_cx","id","_ref$_enableIconPaddi","_enableIconPadding","children","_ref$size","size","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getWithLeftPaddingSizeClassName","withLeftPaddingSmall","withLeftPaddingMedium","createElement","CommonWrapper","className","__MENU_FOOTER__","isMenuFooter","child","React","isValidElement","Object","prototype","hasOwnProperty","call","type"],"sources":["MenuFooter.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getStyles } from './MenuFooter.styles';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Добавляет отступ иконке. /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n\n /* Задает размер. /\n size?: SizeProp;\n}\n\nexport const MenuFooterDataTids = {\n root: 'MenuFooter__root',\n} as const;\n\n/\n Футер меню `MenuFooter`.\n \n `MenuFooter`, в отличие от `MenuItem` нельзя затаргетить с клавиатуры.\n \n Сущности, в которых может быть использован `MenuFooter`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n\nconst MenuFooter = forwardRefAndName(\n 'MenuFooter',\n function MenuFooter(\n { id, _enableIconPadding = false, children, size = 'small', ...rest }: MenuFooterProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\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 id={id}\n ref={ref}\n data-tid={MenuFooterDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root(theme)]: true,\n [getWithLeftPaddingSizeClassName()]: _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n },\n);\n\n(MenuFooter as any).__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"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;;AAEA,IAAAK,WAAA,GAAAL,OAAA,wBAAgD,IAAAM,SAAA;;;;;;;;;;;;;AAazC,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG,IAAAC,oCAAiB;EAClC,YAAY;EACZ,SAASD,UAAUA,CAAAE,IAAA;;EAEjBC,GAA8B;EAC9B,KAAAC,GAAA,KAFEC,EAAE,GAAAH,IAAA,CAAFG,EAAE,CAAAC,qBAAA,GAAAJ,IAAA,CAAEK,kBAAkB,CAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAAC,SAAA,GAAAP,IAAA,CAAEQ,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAKE,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAX,IAAA,EAAAN,SAAA;IAGnE,IAAMkB,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,qBAAS,CAAC;IACnC,SAASC,oBAAoBA,CAAA,EAAG;MAC9B,QAAQb,IAAI;QACV,KAAK,OAAO;UACV,OAAOU,MAAM,CAACI,SAAS,CAACV,KAAK,CAAC;QAChC,KAAK,QAAQ;UACX,OAAOM,MAAM,CAACK,UAAU,CAACX,KAAK,CAAC;QACjC,KAAK,OAAO;QACZ;UACE,OAAOM,MAAM,CAACM,SAAS,CAACZ,KAAK,CAAC;MAClC;IACF;IACA,SAASa,+BAA+BA,CAAA,EAAG;MACzC,QAAQjB,IAAI;QACV,KAAK,OAAO;UACV,OAAOU,MAAM,CAACQ,oBAAoB,CAACd,KAAK,CAAC;QAC3C,KAAK,QAAQ;UACX,OAAOM,MAAM,CAACS,qBAAqB,CAACf,KAAK,CAAC;QAC5C,KAAK,OAAO;QACZ;UACE,OAAOM,MAAM,CAACQ,oBAAoB,CAACd,KAAK,CAAC;MAC7C;IACF;;IAEA;MACE1B,MAAA,CAAAyB,OAAA,CAAAiB,aAAA,CAACrC,cAAA,CAAAsC,aAAa,EAAKpB,IAAI;MACrBvB,MAAA,CAAAyB,OAAA,CAAAiB,aAAA;QACEzB,EAAE,EAAEA,EAAG;QACPF,GAAG,EAAEA,GAAI;QACT,YAAUN,kBAAkB,CAACE,IAAK;QAClCiC,SAAS,EAAEb,EAAE,CAACI,oBAAoB,CAAC,CAAC,GAAAnB,GAAA,OAAAA,GAAA;QACjCgB,MAAM,CAACrB,IAAI,CAACe,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;QACzBuB,+BAA+B,CAAC,CAAC,IAAGpB,kBAAkB,EAAAH,GAAA;QACxD,CAAE;;MAEFI;MACE;MACQ,CAAC;;EAEpB;AACF,CAAC;;AAEAR,UAAU,CAASiC,eAAe,GAAG,IAAI;;;;AAInC,IAAMC,YAAY,GAAApC,OAAA,CAAAoC,YAAA,GAAG,SAAfA,YAAYA,CAAIC,KAAsB,EAAmD;EACpG,OAAO,aAAAC,cAAK,CAACC,cAAc,CAAkBF,KAAK,CAAC;EAC/CG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,KAAK,CAACO,IAAI,EAAE,iBAAiB,CAAC;EACnE,KAAK;AACX,CAAC","ignoreList":[]}

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

@@ -1,6 +1,4 @@
-"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 _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
-var menuFooterSizeMixin = exports.menuFooterSizeMixin = function menuFooterSizeMixin(
+"use strict";exports.__esModule = true;exports.withIconSizeMixin = exports.menuFooterSizeMixin = void 0;var menuFooterSizeMixin = exports.menuFooterSizeMixin = function menuFooterSizeMixin(
 menuFooterPaddingX,
 menuFooterFontSize,
 menuFooterLineHeight,
@@ -9,15 +7,15 @@ menuFooterPaddingBottom)
 {
   var paddingRight = menuFooterPaddingX;
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " ", " ", " ", ";\n  "])),
-  menuFooterFontSize,
-  menuFooterLineHeight,
-  menuFooterPaddingTop, paddingRight, menuFooterPaddingBottom, menuFooterPaddingX);
+  return "\n    font-size: " +
+  menuFooterFontSize + ";\n    line-height: " +
+  menuFooterLineHeight + ";\n    padding: " +
+  menuFooterPaddingTop + " " + paddingRight + " " + menuFooterPaddingBottom + " " + menuFooterPaddingX + ";\n  ";
 };
 var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding-left: ", ";\n  "])),
-  menuItemPaddingForIcon);
+  return "\n    padding-left: " +
+  menuItemPaddingForIcon + ";\n  ";
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_Emotion","require","_templateObject","_templateObject2","~~menuFooterSizeMixin","exports","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","~~css","_taggedTemplateLiteralLoose2","default","~~withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["~~import~~ ~~{ css } from '../../lib/theming/Emotion';\n\nexport~~ const menuFooterSizeMixin = (\n menuFooterPaddingX: string,\n menuFooterFontSize: string,\n menuFooterLineHeight: string,\n menuFooterPaddingTop: string,\n menuFooterPaddingBottom: string,\n) => {\n const paddingRight = menuFooterPaddingX;\n\n return ~~css~~`\n font-size: ${menuFooterFontSize};\n line-height: ${menuFooterLineHeight};\n padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n return ~~css~~`\n padding-left: ${menuItemPaddingForIcon};\n `;\n};\n"],"mappings":"~~6TAAA~~,~~IAAAA~~,~~QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA,EAAAC,gBAAA;;AAEzC,IAAMC,~~mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;~~AAC5B~~;~~EACH~~,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC~~,WAAOM,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA~~;~~EACKP~~,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,~~EAAIE~~,YAAY,~~EAAID~~,uBAAuB,~~EAAIJ~~,kBAAkB;;AAEpG,CAAC;;AAEM,~~IAAMS~~,iBAAiB,~~GAAAV~~,OAAA,~~CAAAU~~,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,~~EAAK~~;~~EACnE,WAAOJ,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA~~;~~EACQE~~,sBAAsB;;AAE1C,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["menuFooterSizeMixin","exports","menuFooterPaddingX","menuFooterFontSize","menuFooterLineHeight","menuFooterPaddingTop","menuFooterPaddingBottom","paddingRight","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuFooter.mixins.ts"],"sourcesContent":["export const menuFooterSizeMixin = (\n menuFooterPaddingX: string,\n menuFooterFontSize: string,\n menuFooterLineHeight: string,\n menuFooterPaddingTop: string,\n menuFooterPaddingBottom: string,\n): string => {\n const paddingRight = menuFooterPaddingX;\n\n return `\n font-size: ${menuFooterFontSize};\n line-height: ${menuFooterLineHeight};\n padding: ${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX};\n `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string): string => {\n return `\n padding-left: ${menuItemPaddingForIcon};\n `;\n};\n"],"mappings":"wGAAO,IAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,kBAA0B;AAC1BC,kBAA0B;AAC1BC,oBAA4B;AAC5BC,oBAA4B;AAC5BC,uBAA+B;AACpB;EACX,IAAMC,YAAY,GAAGL,kBAAkB;;EAEvC;EACeC,kBAAkB;EAChBC,oBAAoB;EACxBC,oBAAoB,SAAIE,YAAY,SAAID,uBAAuB,SAAIJ,kBAAkB;;AAEpG,CAAC;;AAEM,IAAMM,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAa;EAC3E;EACkBA,sBAAsB;;AAE1C,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
@@ -7,4 +7,4 @@ export declare const styles: {
     withLeftPaddingSmall(t: Theme): string;
     withLeftPaddingMedium(t: Theme): string;
     withLeftPaddingLarge(t: Theme): string;
-};
+}>;

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

@@ -1,63 +1,65 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"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 styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
-    t.menuFooterColor);
-  },
-  rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterPaddingXSmall,
-      t.menuFooterFontSizeSmall,
-      t.menuFooterLineHeightSmall,
-      t.menuFooterPaddingTopSmall,
-      t.menuFooterPaddingBottomSmall
-    ));
-  },
-  rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterPaddingXMedium,
-      t.menuFooterFontSizeMedium,
-      t.menuFooterLineHeightMedium,
-      t.menuFooterPaddingTopMedium,
-      t.menuFooterPaddingBottomMedium
-    ));
-  },
-  rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _MenuFooter.menuFooterSizeMixin)(
-      t.menuFooterPaddingXLarge,
-      t.menuFooterFontSizeLarge,
-      t.menuFooterLineHeightLarge,
-      t.menuFooterPaddingTopLarge,
-      t.menuFooterPaddingBottomLarge
-    ));
-  },
-  withLeftPaddingSmall: function withLeftPaddingSmall(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
-  },
-  withLeftPaddingMedium: function withLeftPaddingMedium(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
-  },
-  withLeftPaddingLarge: function withLeftPaddingLarge(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
-  }
-});
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+      t.menuFooterColor);
+    },
+    rootSmall: function rootSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuFooter.menuFooterSizeMixin)(
+        t.menuFooterPaddingXSmall,
+        t.menuFooterFontSizeSmall,
+        t.menuFooterLineHeightSmall,
+        t.menuFooterPaddingTopSmall,
+        t.menuFooterPaddingBottomSmall
+      ));
+    },
+    rootMedium: function rootMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuFooter.menuFooterSizeMixin)(
+        t.menuFooterPaddingXMedium,
+        t.menuFooterFontSizeMedium,
+        t.menuFooterLineHeightMedium,
+        t.menuFooterPaddingTopMedium,
+        t.menuFooterPaddingBottomMedium
+      ));
+    },
+    rootLarge: function rootLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _MenuFooter.menuFooterSizeMixin)(
+        t.menuFooterPaddingXLarge,
+        t.menuFooterFontSizeLarge,
+        t.menuFooterLineHeightLarge,
+        t.menuFooterPaddingTopLarge,
+        t.menuFooterPaddingBottomLarge
+      ));
+    },
+    withLeftPaddingSmall: function withLeftPaddingSmall(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconSmall));
+    },
+    withLeftPaddingMedium: function withLeftPaddingMedium(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconMedium));
+    },
+    withLeftPaddingLarge: function withLeftPaddingLarge(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+      (0, _MenuFooter.withIconSizeMixin)(t.menuItemPaddingForIconLarge));
+    }
+  };});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","~~styles~~","exports","~~memoizeStyle~~","~~root~~","t","~~css~~","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import { css, ~~memoizeStyle~~ } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const ~~styles~~ = ~~memoizeStyle~~({\n root(t: Theme) {\n return css`\n color: ${t.menuFooterColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXSmall,\n t.menuFooterFontSizeSmall,\n t.menuFooterLineHeightSmall,\n t.menuFooterPaddingTopSmall,\n t.menuFooterPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXMedium,\n t.menuFooterFontSizeMedium,\n t.menuFooterLineHeightMedium,\n t.menuFooterPaddingTopMedium,\n t.menuFooterPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\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 css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n});\n"],"mappings":"~~oRAAA~~,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,~~MAAM~~,GAAAC,OAAA,CAAAD,~~MAAA~~,GAAG,IAAAE,~~qBAAY~~,EAAC;~~EACjCC~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~IACb~~,~~WAAOC~~,~~YAAG~~,~~EAAAZ~~,eAAA,KAAAA,eAAA,~~OAAAa~~,4BAAA,CAAAC,OAAA;~~IACCH~~,CAAC,~~CAACI~~,eAAe;;;~~EAG9B~~,CAAC;;~~EAEDC~~,SAAS,WAAAA,~~UAACL~~,CAAQ,EAAE;~~IAClB~~,~~WAAOC~~,~~YAAG~~,~~EAAAX~~,gBAAA,KAAAA,gBAAA,~~OAAAY~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAG,+BAAmB;~~MACnBN~~,CAAC,~~CAACO~~,uBAAuB;~~MACzBP~~,CAAC,~~CAACQ~~,uBAAuB;~~MACzBR~~,CAAC,~~CAACS~~,yBAAyB;~~MAC3BT~~,CAAC,~~CAACU~~,yBAAyB;~~MAC3BV~~,CAAC,~~CAACW~~;~~IACJ~~,CAAC;;~~EAEL~~,CAAC;~~EACDC~~,UAAU,WAAAA,~~WAACZ~~,CAAQ,EAAE;~~IACnB~~,~~WAAOC~~,~~YAAG~~,~~EAAAV~~,gBAAA,KAAAA,gBAAA,~~OAAAW~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAG,+BAAmB;~~MACnBN~~,CAAC,~~CAACa~~,wBAAwB;~~MAC1Bb~~,CAAC,~~CAACc~~,wBAAwB;~~MAC1Bd~~,CAAC,~~CAACe~~,0BAA0B;~~MAC5Bf~~,CAAC,~~CAACgB~~,0BAA0B;~~MAC5BhB~~,CAAC,~~CAACiB~~;~~IACJ~~,CAAC;;~~EAEL~~,CAAC;~~EACDC~~,SAAS,WAAAA,~~UAAClB~~,CAAQ,EAAE;~~IAClB~~,~~WAAOC~~,~~YAAG~~,~~EAAAT~~,gBAAA,KAAAA,gBAAA,~~OAAAU~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAG,+BAAmB;~~MACnBN~~,CAAC,~~CAACmB~~,uBAAuB;~~MACzBnB~~,CAAC,~~CAACoB~~,uBAAuB;~~MACzBpB~~,CAAC,~~CAACqB~~,yBAAyB;~~MAC3BrB~~,CAAC,~~CAACsB~~,yBAAyB;~~MAC3BtB~~,CAAC,~~CAACuB~~;~~IACJ~~,CAAC;;~~EAEL~~,CAAC;;~~EAEDC~~,oBAAoB,WAAAA,~~qBAACxB~~,CAAQ,EAAE;~~IAC7B~~,~~WAAOC~~,~~YAAG~~,~~EAAAR~~,gBAAA,KAAAA,gBAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAsB,6BAAiB,~~EAACzB~~,CAAC,~~CAAC0B~~,2BAA2B,CAAC;;~~EAEtD~~,CAAC;~~EACDC~~,qBAAqB,WAAAA,~~sBAAC3B~~,CAAQ,EAAE;~~IAC9B~~,~~WAAOC~~,~~YAAG~~,~~EAAAP~~,gBAAA,KAAAA,gBAAA,~~OAAAQ~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAsB,6BAAiB,~~EAACzB~~,CAAC,~~CAAC4B~~,4BAA4B,CAAC;;~~EAEvD~~,CAAC;~~EACDC~~,oBAAoB,WAAAA,~~qBAAC7B~~,CAAQ,EAAE;~~IAC7B~~,~~WAAOC~~,~~YAAG~~,~~EAAAN~~,gBAAA,KAAAA,gBAAA,~~OAAAO~~,4BAAA,CAAAC,OAAA;~~IACN~~,IAAAsB,6BAAiB,~~EAACzB~~,CAAC,~~CAAC8B~~,2BAA2B,CAAC;;~~EAEtD~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_MenuFooter","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","menuFooterColor","rootSmall","menuFooterSizeMixin","menuFooterPaddingXSmall","menuFooterFontSizeSmall","menuFooterLineHeightSmall","menuFooterPaddingTopSmall","menuFooterPaddingBottomSmall","rootMedium","menuFooterPaddingXMedium","menuFooterFontSizeMedium","menuFooterLineHeightMedium","menuFooterPaddingTopMedium","menuFooterPaddingBottomMedium","rootLarge","menuFooterPaddingXLarge","menuFooterFontSizeLarge","menuFooterLineHeightLarge","menuFooterPaddingTopLarge","menuFooterPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuFooter.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n color: ${t.menuFooterColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXSmall,\n t.menuFooterFontSizeSmall,\n t.menuFooterLineHeightSmall,\n t.menuFooterPaddingTopSmall,\n t.menuFooterPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\n t.menuFooterPaddingXMedium,\n t.menuFooterFontSizeMedium,\n t.menuFooterLineHeightMedium,\n t.menuFooterPaddingTopMedium,\n t.menuFooterPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuFooterSizeMixin(\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 css`\n ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n `;\n },\n withLeftPaddingMedium(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n `;\n },\n withLeftPaddingLarge(t: Theme) {\n return css`\n ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n `;\n },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,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,OAAOF,GAAG,CAAAX,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;MACCF,CAAC,CAACG,eAAe;;;IAG9B,CAAC;;IAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACM,uBAAuB;QACzBN,CAAC,CAACO,uBAAuB;QACzBP,CAAC,CAACQ,yBAAyB;QAC3BR,CAAC,CAACS,yBAAyB;QAC3BT,CAAC,CAACU;MACJ,CAAC;;IAEL,CAAC;IACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACY,wBAAwB;QAC1BZ,CAAC,CAACa,wBAAwB;QAC1Bb,CAAC,CAACc,0BAA0B;QAC5Bd,CAAC,CAACe,0BAA0B;QAC5Bf,CAAC,CAACgB;MACJ,CAAC;;IAEL,CAAC;IACDC,SAAS,WAAAA,UAACjB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACkB,uBAAuB;QACzBlB,CAAC,CAACmB,uBAAuB;QACzBnB,CAAC,CAACoB,yBAAyB;QAC3BpB,CAAC,CAACqB,yBAAyB;QAC3BrB,CAAC,CAACsB;MACJ,CAAC;;IAEL,CAAC;;IAEDC,oBAAoB,WAAAA,qBAACvB,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAACyB,2BAA2B,CAAC;;IAEtD,CAAC;IACDC,qBAAqB,WAAAA,sBAAC1B,CAAQ,EAAE;MAC9B,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAAC2B,4BAA4B,CAAC;;IAEvD,CAAC;IACDC,oBAAoB,WAAAA,qBAAC5B,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAAC6B,2BAA2B,CAAC;;IAEtD;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -22,4 +22,4 @@ export declare const MenuHeaderDataTids: {
  */
 declare const MenuHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MenuHeaderProps> & Record<never, never>;
 export { MenuHeader };
-export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;
+export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps>;

package/cjs/components/MenuHeader/MenuHeader.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.isMenuHeader = exports.MenuHeaderDataTids = exports.MenuHeader = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _MenuContext = require("../../internal/Menu/MenuContext");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
@@ -41,28 +41,30 @@ var MenuHeader = exports.MenuHeader = (0, _forwardRefAndName.forwardRefAndName)(
   ref)
   {var _cx;var id = _ref.id,_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, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MenuHeader.getStyles);
     var menuContext = (0, _react.useContext)(_MenuContext.MenuContext);
     function getRootSizeClassName() {
       switch (size) {
         case 'large':
-          return _MenuHeader.styles.rootLarge(theme);
+          return styles.rootLarge(theme);
         case 'medium':
-          return _MenuHeader.styles.rootMedium(theme);
+          return styles.rootMedium(theme);
         case 'small':
         default:
-          return _MenuHeader.styles.rootSmall(theme);
+          return styles.rootSmall(theme);
       }
     }
     function getWithLeftPaddingSizeClassName() {
       switch (size) {
         case 'large':
-          return _MenuHeader.styles.withLeftPaddingSmall(theme);
+          return styles.withLeftPaddingSmall(theme);
         case 'medium':
-          return _MenuHeader.styles.withLeftPaddingMedium(theme);
+          return styles.withLeftPaddingMedium(theme);
         case 'small':
         default:
-          return _MenuHeader.styles.withLeftPaddingSmall(theme);
+          return styles.withLeftPaddingSmall(theme);
       }
     }
@@ -72,8 +74,8 @@ var MenuHeader = exports.MenuHeader = (0, _forwardRefAndName.forwardRefAndName)(
         ref: ref,
         id: id,
         "data-tid": MenuHeaderDataTids.root,
-        className: (0, _Emotion.cx)(getRootSizeClassName(), (_cx = {}, _cx[
-        _MenuHeader.styles.root(theme)] = true, _cx[
+        className: cx(getRootSizeClassName(), (_cx = {}, _cx[
+        styles.root(theme)] = true, _cx[
         getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding, _cx)
         ) },
@@ -84,7 +86,6 @@ var MenuHeader = exports.MenuHeader = (0, _forwardRefAndName.forwardRefAndName)(
   }
 );
-//@ts-ignore
 MenuHeader.__MENU_HEADER__ = true;