npm - @skbkontur/react-ui - Versions diffs - 6.4.7-9ac75.0 → 6.4.7 - Mend

@skbkontur/react-ui 6.4.7-9ac75.0 → 6.4.7

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 (914) hide show

package/components/MaskedInputV2/internal/MaskedInternal.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MaskedInternal.styles.js","sourceRoot":"","sources":["MaskedInternal.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACrD,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,+9EAAA,wBACQ,EAAkB,wEAGZ,EAAS,2EAEpB,EAAgB,kKAMU,EAAS,4CACjB,EAAS,4CACT,EAAgB,+BAClC,EAAgB,mMAEV,EAAgB,mKAOtB,EAAwB,4EAGX,EAAiB,4KAMF,EAAiB,8CACzB,EAAiB,yCAI5C,EAAoB,uGAGP,EAAgB,mlBAWd,EAAgB,iiBAShB,EAAgB,wCAGpC,KA/DiB,CAAC,CAAC,gBAAgB,EAGZ,CAAC,CAAC,OAAO,EAEpB,CAAC,CAAC,cAAc,EAMU,CAAC,CAAC,OAAO,EACjB,CAAC,CAAC,OAAO,EACT,CAAC,CAAC,cAAc,EAClC,CAAC,CAAC,cAAc,EAEV,CAAC,CAAC,cAAc,EAOtB,CAAC,CAAC,sBAAsB,EAGX,CAAC,CAAC,eAAe,EAMF,CAAC,CAAC,eAAe,EACzB,CAAC,CAAC,eAAe,EAI5C,aAAa,CAAC,MAAM,EAGP,CAAC,CAAC,cAAc,EAWd,CAAC,CAAC,cAAc,EAShB,CAAC,CAAC,cAAc,EAGnC;QACJ,CAAC;QACD,OAAO;YACL,OAAO,GAAG,4QAAA,yMAST,KAAC;QACJ,CAAC;QACD,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,yKAAA,0CAEC,EAAgB,eAErB,EAAsB,qBACf,EAAwB,kBAEpC,KALU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0NAAA,0CAEC,EAAgB,eAErB,EAAqB,qBACd,EAAuB,wBAG9B,EAAsB,qBACf,EAAwB,kBAEpC,KATU,CAAC,CAAC,cAAc,EAErB,aAAa,CAAC,OAAO,EACd,CAAC,CAAC,qBAAqB,EAG9B,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,sBAAsB,EAEnC;QACJ,CAAC;QACD,eAAe;YACb,OAAO,GAAG,6LAAA,0HAIT,KAAC;QACJ,CAAC;KACF,CAAC;AA/G8D,CA+G9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const globalClasses = prefix('masked-internal')({\n input: 'input',\n disabled: 'disabled',\n selected: 'selected',\n masked: 'masked',\n colored: 'colored',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n input(t: Theme) {\n return css`\n color-scheme: ${t.inputColorScheme};\n\n &:-internal-autofill-selected {\n background-color: ${t.inputBg} !important;\n background-image: none !important;\n color: ${t.inputTextColor} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n box-shadow: 0 0 0 1000px ${t.inputBg} inset;\n -webkit-text-fill-color: ${t.inputTextColor} !important;\n color: ${t.inputTextColor} !important;\n /* Chrome иначе скрывает caret при autofill (color/currentColor). */\n caret-color: ${t.inputTextColor} !important;\n transition:\n background-color 0s 600000s,\n color 0s 600000s !important;\n }\n\n &:disabled {\n color: ${t.inputTextColorDisabled};\n\n &:-internal-autofill-selected {\n background-color: ${t.inputDisabledBg} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n box-shadow: 0 0 0 1000px ${t.inputDisabledBg} inset;\n }\n }\n\n &.${globalClasses.masked} {\n color: transparent;\n -webkit-text-fill-color: transparent;\n caret-color: ${t.inputTextColor};\n\n &::selection {\n background-color: transparent !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n }\n\n /* Текст рисует MaskOverlay; браузер при autofill не должен перебивать fill-color. */\n &:-internal-autofill-selected {\n color: transparent !important;\n caret-color: ${t.inputTextColor} !important;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n -webkit-text-fill-color: transparent !important;\n color: transparent !important;\n /* Без этого caret становится transparent вместе с текстом и не мигает. */\n caret-color: ${t.inputTextColor} !important;\n }\n }\n `;\n },\n overlay() {\n return css`\n position: absolute;\n inset: 0;\n pointer-events: none;\n user-select: none;\n overflow: hidden;\n display: flex;\n align-items: center;\n z-index: 2;\n `;\n },\n typed(t: Theme) {\n return css`\n white-space: pre;\n color: ${t.inputTextColor};\n\n &.${globalClasses.disabled} {\n color: ${t.inputTextColorDisabled};\n }\n `;\n },\n mask(t: Theme) {\n return css`\n white-space: pre;\n color: ${t.inputTextColor};\n\n &.${globalClasses.colored} {\n color: ${t.inputPlaceholderColor};\n }\n\n &.${globalClasses.disabled} {\n color: ${t.inputTextColorDisabled};\n }\n `;\n },\n selectedSegment() {\n return css`\n background-color: #3390ff;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n `;\n },\n}));\n"]}

package/components/MaskedInputV2/internal/useMaskedCoreHandlers.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';
-type MaskedCoreHandlerProps = Pick<MaskedCoreProps, 'maskState' | 'slotMap' | 'engine' | 'currentRaw' | 'onRawChange' | 'onUnexpectedInput' | 'onUndo' | 'onRedo' | 'coreInputRef' | 'onKeyDown' | 'onMouseUp' | 'onInput' | 'onSelect' | 'onFocus' | 'onBlur' | 'onPaste' | 'selectAllOnFocus'> & {
+type MaskedCoreHandlerProps = Pick<MaskedCoreProps, 'maskState' | 'slotMap' | 'engine' | 'currentRaw' | 'onRawChange' | 'onUnexpectedInput' | 'onUndo' | 'onRedo' | 'coreInputRef' | 'onKeyDown' | 'onMouseUp' | 'onInput' | 'onSelect' | 'onFocus' | 'onBlur' | 'onPaste' | 'selectAllOnFocus' | 'readOnly'> & {
     syncOverlayScroll: () => void;
     requestSelectionIntent: (intent: MaskedSelectionIntent) => void;
 };

package/components/MaskedInputV2/internal/useMaskedCoreHandlers.js CHANGED Viewed

@@ -27,7 +27,7 @@ import { setMaskInputSelectionRange } from './setMaskInputSelectionRange.js';
  * @returns refs и обработчики для прямого `<input>`.
  */
 export function useMaskedCoreHandlers(props) {
-    var maskState = props.maskState, slotMap = props.slotMap, engine = props.engine, currentRaw = props.currentRaw, onRawChange = props.onRawChange, onUnexpectedInput = props.onUnexpectedInput, onUndo = props.onUndo, onRedo = props.onRedo, coreInputRef = props.coreInputRef, inputOnKeyDown = props.onKeyDown, inputOnMouseUp = props.onMouseUp, inputOnInput = props.onInput, inputOnSelect = props.onSelect, inputOnFocus = props.onFocus, inputOnBlur = props.onBlur, inputOnPaste = props.onPaste, selectAllOnFocus = props.selectAllOnFocus, syncOverlayScroll = props.syncOverlayScroll, requestSelectionIntent = props.requestSelectionIntent;
+    var maskState = props.maskState, slotMap = props.slotMap, engine = props.engine, currentRaw = props.currentRaw, onRawChange = props.onRawChange, onUnexpectedInput = props.onUnexpectedInput, onUndo = props.onUndo, onRedo = props.onRedo, coreInputRef = props.coreInputRef, inputOnKeyDown = props.onKeyDown, inputOnMouseUp = props.onMouseUp, inputOnInput = props.onInput, inputOnSelect = props.onSelect, inputOnFocus = props.onFocus, inputOnBlur = props.onBlur, inputOnPaste = props.onPaste, selectAllOnFocus = props.selectAllOnFocus, readOnly = props.readOnly, syncOverlayScroll = props.syncOverlayScroll, requestSelectionIntent = props.requestSelectionIntent;
     var pendingCursorRef = useRef(null);
     var resetCaretOnMouseUpRef = useRef(false);
     var pointerFocusRef = useRef(false);
@@ -63,7 +63,7 @@ export function useMaskedCoreHandlers(props) {
     }
     function handleChange(e) {
         var _a;
-        if (ignoreChangeFromPasteRef.current) {
+        if (readOnly || ignoreChangeFromPasteRef.current) {
             return;
         }
         requestSelectionIntent(null);
@@ -136,7 +136,7 @@ export function useMaskedCoreHandlers(props) {
         }
         else if (isKeyBackspace(e) || isKeyDelete(e)) {
             e.preventDefault();
-            if (el) {
+            if (!readOnly && el) {
                 // Cmd/Ctrl+Backspace — удалить до начала строки; Cmd/Ctrl+Delete — до конца.
                 if (e.metaKey || e.ctrlKey) {
                     handleLineDeletion(isKeyBackspace(e), el);
@@ -148,11 +148,15 @@ export function useMaskedCoreHandlers(props) {
         }
         else if (isShortcutUndo(e)) {
             e.preventDefault();
-            onUndo === null || onUndo === void 0 ? void 0 : onUndo();
+            if (!readOnly) {
+                onUndo === null || onUndo === void 0 ? void 0 : onUndo();
+            }
         }
         else if (isShortcutRedo(e)) {
             e.preventDefault();
-            onRedo === null || onRedo === void 0 ? void 0 : onRedo();
+            if (!readOnly) {
+                onRedo === null || onRedo === void 0 ? void 0 : onRedo();
+            }
         }
         inputOnKeyDown === null || inputOnKeyDown === void 0 ? void 0 : inputOnKeyDown(e);
     }
@@ -213,7 +217,7 @@ export function useMaskedCoreHandlers(props) {
     function handlePaste(e) {
         inputOnPaste === null || inputOnPaste === void 0 ? void 0 : inputOnPaste(e);
         e.preventDefault();
-        if (!e.clipboardData) {
+        if (readOnly || !e.clipboardData) {
             return;
         }
         // Игнорируем последующий input/change от браузера (beforeinput insertFromPaste и т.п.),
@@ -247,6 +251,10 @@ export function useMaskedCoreHandlers(props) {
     }
     function handleCut(e) {
         var _a, _b;
+        if (readOnly) {
+            e.preventDefault();
+            return;
+        }
         handleCopy(e);
         var el = coreInputRef.current;
         if (!el) {

package/components/MaskedInputV2/internal/useMaskedCoreHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMaskedCoreHandlers.js","sourceRoot":"","sources":["useMaskedCoreHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { useCallback, useRef, useState } from 'react';\n\nimport {\n isKeyArrow,\n isKeyBackspace,\n isKeyDelete,\n isKeyEnd,\n isKeyHome,\n isShortcutRedo,\n isShortcutSelectAll,\n isShortcutUndo,\n} from '../../../lib/events/keyboard/identifiers.js';\nimport { scrollInputCaretIntoView } from '../../../lib/scrollInputCaretIntoView.js';\nimport { ActionDetails } from '../react-imask/imask/core/action-details.js';\nimport { extractRaw } from './extractRaw.js';\nimport type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';\nimport { computeMaskedCut, getMaskedCopyText } from './maskedCoreClipboard.js';\nimport { computeMaskedDeletion } from './maskedCoreDeletion.js';\nimport { applyMaskedInputChange } from './maskedCoreInputChange.js';\nimport { calcNavigationSelection } from './maskedCoreNavigation.js';\nimport { setMaskInputSelectionRange } from './setMaskInputSelectionRange.js';\n\ntype MaskedCoreHandlerProps = Pick<\n MaskedCoreProps,\n \| 'maskState'\n \| 'slotMap'\n \| 'engine'\n \| 'currentRaw'\n \| 'onRawChange'\n \| 'onUnexpectedInput'\n \| 'onUndo'\n \| 'onRedo'\n \| 'coreInputRef'\n \| 'onKeyDown'\n \| 'onMouseUp'\n \| 'onInput'\n \| 'onSelect'\n \| 'onFocus'\n \| 'onBlur'\n \| 'onPaste'\n \| 'selectAllOnFocus'\n> & {\n syncOverlayScroll: () => void;\n requestSelectionIntent: (intent: MaskedSelectionIntent) => void;\n};\n\n/*\n Собирает обработчики DOM-событий для {@link MaskedCore}.\n * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.\n \n @param props — состояние маски, движок и колбэки от MaskedInputV2.\n * @returns refs и обработчики для прямого `<input>`.\n /\nexport function useMaskedCoreHandlers(props: MaskedCoreHandlerProps) {\n const {\n maskState,\n slotMap,\n engine,\n currentRaw,\n onRawChange,\n onUnexpectedInput,\n onUndo,\n onRedo,\n coreInputRef,\n onKeyDown: inputOnKeyDown,\n onMouseUp: inputOnMouseUp,\n onInput: inputOnInput,\n onSelect: inputOnSelect,\n onFocus: inputOnFocus,\n onBlur: inputOnBlur,\n onPaste: inputOnPaste,\n selectAllOnFocus,\n syncOverlayScroll,\n requestSelectionIntent,\n } = props;\n\n const pendingCursorRef = useRef<number \| null>(null);\n const resetCaretOnMouseUpRef = useRef(false);\n const pointerFocusRef = useRef(false);\n /* Блокирует нативный change/input после нашего paste (beforeinput/input race в браузере). */\n const ignoreChangeFromPasteRef = useRef(false);\n const lastSelectionRef = useRef<{ start: number; end: number }>({ start: 0, end: 0 });\n const [selectionRange, setSelectionRange] = useState({ start: 0, end: 0 });\n\n const syncSelection = useCallback((el: HTMLInputElement) => {\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n setSelectionRange((prev) => (prev.start === start && prev.end === end ? prev : { start, end }));\n }, []);\n\n function getFocusedInputCaretPos() {\n return engine.compute(currentRaw, true).typedLength;\n }\n\n function scrollCaretIntoView(el: HTMLInputElement) {\n scrollInputCaretIntoView(el);\n syncOverlayScroll();\n }\n\n function resetCaretToInputStart(el: HTMLInputElement) {\n const pos = getFocusedInputCaretPos();\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(el, pos);\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n\n function setPendingCursor(pos: number) {\n requestSelectionIntent(null);\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(coreInputRef.current, pos);\n }\n\n function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n if (ignoreChangeFromPasteRef.current) {\n return;\n }\n\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const browserDraft = e.target.value;\n const cursorPos = e.target.selectionStart ?? 0;\n const oldSelection = lastSelectionRef.current;\n const inputType = (e.nativeEvent as InputEvent).inputType;\n const details = new ActionDetails({\n value: browserDraft,\n cursorPos,\n oldValue: maskState.typedValue,\n oldSelection: { ...oldSelection },\n });\n\n // Autofill / insertReplacementText / drop: нет clipboard paste-события,\n // но нужна та же нормализация, что и у onBeforePasteValue.\n // Всегда replace-all: повторный change (Яндекс.Браузер и др.) иначе вставляет\n // в позицию курсора поверх уже нормализованного raw → порча значения.\n const isBulkInsert = details.inserted.length > 1 \|\| inputType === 'insertReplacementText';\n if (isBulkInsert) {\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n\n if (coreInputRef.current) {\n setMaskInputSelectionRange(coreInputRef.current, 0, maskState.typedLength);\n lastSelectionRef.current = { start: 0, end: maskState.typedLength };\n }\n onRawChange(browserDraft, 'paste');\n return;\n }\n\n const result = applyMaskedInputChange({\n browserDraft,\n cursorPos,\n typedValue: maskState.typedValue,\n currentRaw,\n oldSelection,\n engine,\n });\n\n setPendingCursor(result.cursorPos);\n\n if (result.rejected) {\n onUnexpectedInput();\n return;\n }\n\n onRawChange(result.newRaw, 'input', result.cursorPos);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const el = coreInputRef.current;\n\n if (isShortcutSelectAll(e) \|\| isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e) \|\| isKeyBackspace(e) \|\| isKeyDelete(e)) {\n pendingCursorRef.current = null;\n }\n\n if (isShortcutSelectAll(e)) {\n e.preventDefault();\n setMaskInputSelectionRange(el, 0, maskState.typedLength);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e)) {\n e.preventDefault();\n const [start, end, dir] = calcNavigationSelection(e, maskState.typedLength, el);\n setMaskInputSelectionRange(el, start, end, dir);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyBackspace(e) \|\| isKeyDelete(e)) {\n e.preventDefault();\n if (el) {\n // Cmd/Ctrl+Backspace — удалить до начала строки; Cmd/Ctrl+Delete — до конца.\n if (e.metaKey \|\| e.ctrlKey) {\n handleLineDeletion(isKeyBackspace(e), el);\n } else {\n handleDeletion(isKeyBackspace(e), el);\n }\n }\n } else if (isShortcutUndo(e)) {\n e.preventDefault();\n onUndo?.();\n } else if (isShortcutRedo(e)) {\n e.preventDefault();\n onRedo?.();\n }\n\n inputOnKeyDown?.(e);\n }\n\n function handleDeletion(isBackspace: boolean, el: HTMLInputElement) {\n applyDeletion(isBackspace, el.selectionStart ?? 0, el.selectionEnd ?? 0);\n }\n\n function handleLineDeletion(isBackspace: boolean, el: HTMLInputElement) {\n const selStart = el.selectionStart ?? 0;\n const selEnd = el.selectionEnd ?? 0;\n\n if (selStart !== selEnd) {\n applyDeletion(isBackspace, selStart, selEnd);\n return;\n }\n\n const start = isBackspace ? 0 : selStart;\n const end = isBackspace ? selStart : maskState.typedLength;\n if (start === end) {\n return;\n }\n\n applyDeletion(isBackspace, start, end);\n }\n\n function applyDeletion(isBackspace: boolean, selStart: number, selEnd: number) {\n const result = computeMaskedDeletion({\n isBackspace,\n selStart,\n selEnd,\n currentRaw,\n slotMap,\n });\n\n if (!result) {\n // Удаление в пустом поле пользователь ошибкой не считает — как в Input, только мигаем рамкой.\n onUnexpectedInput(currentRaw === '');\n return;\n }\n\n pendingCursorRef.current = result.cursorPos;\n onRawChange(result.newRaw, 'input', result.cursorPos);\n }\n\n function handleSelect(e?: React.SyntheticEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const max = maskState.typedLength;\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n\n if (end > max) {\n setMaskInputSelectionRange(el, Math.min(start, max), max, el.selectionDirection ?? 'none');\n }\n\n syncSelection(el);\n syncOverlayScroll();\n\n if (e) {\n inputOnSelect?.(e);\n }\n }\n\n function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {\n inputOnPaste?.(e);\n e.preventDefault();\n\n if (!e.clipboardData) {\n return;\n }\n\n // Игнорируем последующий input/change от браузера (beforeinput insertFromPaste и т.п.),\n // иначе controlled value перетирается ненормализованным черновиком.\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n\n onRawChange(e.clipboardData.getData('text/plain'), 'paste');\n }\n\n function handleBeforeInput(e: React.FormEvent<HTMLInputElement>) {\n const nativeEvent = e.nativeEvent as InputEvent;\n if (nativeEvent.inputType === 'insertFromPaste') {\n e.preventDefault();\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n }\n }\n\n function handleCopy(e: React.ClipboardEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n e.clipboardData.setData('text/plain', getMaskedCopyText(maskState.displayValue, start, end));\n e.preventDefault();\n }\n\n function handleCut(e: React.ClipboardEvent<HTMLInputElement>) {\n handleCopy(e);\n\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n const { newRaw, cursorPos } = computeMaskedCut(start, end, currentRaw, slotMap);\n\n pendingCursorRef.current = cursorPos;\n onRawChange(newRaw, 'input', cursorPos);\n }\n\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n inputOnInput?.(e);\n }\n\n function handleMouseDown() {\n requestSelectionIntent(null);\n pointerFocusRef.current = true;\n }\n\n function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n const el = e.currentTarget;\n\n if (resetCaretOnMouseUpRef.current && !selectAllOnFocus) {\n resetCaretOnMouseUpRef.current = false;\n resetCaretToInputStart(el);\n } else {\n resetCaretOnMouseUpRef.current = false;\n handleSelect();\n }\n\n inputOnMouseUp?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n const domValue = e.currentTarget.value;\n if (domValue !== maskState.typedValue) {\n const syncedRaw = extractRaw(domValue, engine);\n if (syncedRaw !== currentRaw) {\n onRawChange(syncedRaw, 'input');\n }\n }\n\n if (selectAllOnFocus) {\n requestSelectionIntent('select-all');\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n } else if (pointerFocusRef.current) {\n resetCaretOnMouseUpRef.current = currentRaw.length === 0;\n pointerFocusRef.current = false;\n requestSelectionIntent(null);\n } else {\n // Tab / programmatic focus() (в т.ч. ref.focus()): после актуализации\n // maskState каретка должна оказаться после typed / leading fixed.\n requestSelectionIntent('caret-end');\n pendingCursorRef.current = null;\n }\n\n inputOnFocus?.(e);\n syncSelection(e.currentTarget);\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n const pos = e.currentTarget.selectionStart ?? lastSelectionRef.current.start;\n const collapsed = { start: pos, end: pos };\n\n lastSelectionRef.current = collapsed;\n setSelectionRange(collapsed);\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n requestSelectionIntent(null);\n\n inputOnBlur?.(e);\n }\n\n return {\n pendingCursorRef,\n selectionRange,\n syncSelection,\n handleChange,\n handleKeyDown,\n handleSelect,\n handlePaste,\n handleBeforeInput,\n handleCopy,\n handleCut,\n handleInput,\n handleMouseDown,\n handleMouseUp,\n handleFocus,\n handleBlur,\n };\n}\n"]}
1	+ {"version":3,"file":"useMaskedCoreHandlers.js","sourceRoot":"","sources":["useMaskedCoreHandlers.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,cAAc,GACf,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AA2B7E;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAA6B;IAE/D,IAAA,SAAS,GAoBP,KAAK,UApBE,EACT,OAAO,GAmBL,KAAK,QAnBA,EACP,MAAM,GAkBJ,KAAK,OAlBD,EACN,UAAU,GAiBR,KAAK,WAjBG,EACV,WAAW,GAgBT,KAAK,YAhBI,EACX,iBAAiB,GAef,KAAK,kBAfU,EACjB,MAAM,GAcJ,KAAK,OAdD,EACN,MAAM,GAaJ,KAAK,OAbD,EACN,YAAY,GAYV,KAAK,aAZK,EACD,cAAc,GAWvB,KAAK,UAXkB,EACd,cAAc,GAUvB,KAAK,UAVkB,EAChB,YAAY,GASnB,KAAK,QATc,EACX,aAAa,GAQrB,KAAK,SARgB,EACd,YAAY,GAOnB,KAAK,QAPc,EACb,WAAW,GAMjB,KAAK,OANY,EACV,YAAY,GAKnB,KAAK,QALc,EACrB,gBAAgB,GAId,KAAK,iBAJS,EAChB,QAAQ,GAGN,KAAK,SAHC,EACR,iBAAiB,GAEf,KAAK,kBAFU,EACjB,sBAAsB,GACpB,KAAK,uBADe,CACd;IAEV,IAAM,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACrD,IAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,8FAA8F;IAC9F,IAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAM,gBAAgB,GAAG,MAAM,CAAiC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IAChF,IAAA,KAAsC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAnE,cAAc,QAAA,EAAE,iBAAiB,QAAkC,CAAC;IAE3E,IAAM,aAAa,GAAG,WAAW,CAAC,UAAC,EAAoB;;QACrD,IAAM,KAAK,GAAG,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,CAAC;QACrC,IAAM,GAAG,GAAG,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC;QACjC,gBAAgB,CAAC,OAAO,GAAG,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC;QAC1C,iBAAiB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC,EAAlE,CAAkE,CAAC,CAAC;IAClG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,uBAAuB;QAC9B,OAAO,MAAM,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,WAAW,CAAC;IACtD,CAAC;IAED,SAAS,mBAAmB,CAAC,EAAoB;QAC/C,wBAAwB,CAAC,EAAE,CAAC,CAAC;QAC7B,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,SAAS,sBAAsB,CAAC,EAAoB;QAClD,IAAM,GAAG,GAAG,uBAAuB,EAAE,CAAC;QACtC,gBAAgB,CAAC,OAAO,GAAG,GAAG,CAAC;QAC/B,0BAA0B,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;QACpC,mBAAmB,CAAC,EAAE,CAAC,CAAC;QACxB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,gBAAgB,CAAC,GAAW;QACnC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,gBAAgB,CAAC,OAAO,GAAG,GAAG,CAAC;QAC/B,0BAA0B,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;IAED,SAAS,YAAY,CAAC,CAAsC;;QAC1D,IAAI,QAAQ,IAAI,wBAAwB,CAAC,OAAO,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;QAEvC,IAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,IAAM,SAAS,GAAG,MAAA,CAAC,CAAC,MAAM,CAAC,cAAc,mCAAI,CAAC,CAAC;QAC/C,IAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC9C,IAAM,SAAS,GAAI,CAAC,CAAC,WAA0B,CAAC,SAAS,CAAC;QAC1D,IAAM,OAAO,GAAG,IAAI,aAAa,CAAC;YAChC,KAAK,EAAE,YAAY;YACnB,SAAS,WAAA;YACT,QAAQ,EAAE,SAAS,CAAC,UAAU;YAC9B,YAAY,eAAO,YAAY,CAAE;SAClC,CAAC,CAAC;QAEH,wEAAwE;QACxE,2DAA2D;QAC3D,8EAA8E;QAC9E,sEAAsE;QACtE,IAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,uBAAuB,CAAC;QAC1F,IAAI,YAAY,EAAE,CAAC;YACjB,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;YACxC,UAAU,CAAC;gBACT,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3C,CAAC,EAAE,CAAC,CAAC,CAAC;YAEN,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,0BAA0B,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;gBAC3E,gBAAgB,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC;YACtE,CAAC;YACD,WAAW,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAM,MAAM,GAAG,sBAAsB,CAAC;YACpC,YAAY,cAAA;YACZ,SAAS,WAAA;YACT,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,UAAU,YAAA;YACV,YAAY,cAAA;YACZ,MAAM,QAAA;SACP,CAAC,CAAC;QAEH,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAEnC,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,iBAAiB,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,SAAS,aAAa,CAAC,CAAwC;QAC7D,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;QAEvC,IAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAEhC,IAAI,mBAAmB,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YAClH,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAClC,CAAC;QAED,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,0BAA0B,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;YACzD,IAAI,EAAE,EAAE,CAAC;gBACP,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,CAAC,CAAC,cAAc,EAAE,CAAC;YACb,IAAA,KAAoB,uBAAuB,CAAC,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,EAAxE,KAAK,QAAA,EAAE,GAAG,QAAA,EAAE,GAAG,QAAyD,CAAC;YAChF,0BAA0B,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;YAChD,IAAI,EAAE,EAAE,CAAC;gBACP,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBACxB,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,cAAc,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;gBACpB,6EAA6E;gBAC7E,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;oBAC3B,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACxC,CAAC;YACH,CAAC;QACH,CAAC;aAAM,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACb,CAAC;QACH,CAAC;aAAM,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACb,CAAC;QACH,CAAC;QAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,cAAc,CAAC,WAAoB,EAAE,EAAoB;;QAChE,aAAa,CAAC,WAAW,EAAE,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,EAAE,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,SAAS,kBAAkB,CAAC,WAAoB,EAAE,EAAoB;;QACpE,IAAM,QAAQ,GAAG,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,CAAC;QACxC,IAAM,MAAM,GAAG,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC;QAEpC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,aAAa,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACzC,IAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC;QAC3D,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,SAAS,aAAa,CAAC,WAAoB,EAAE,QAAgB,EAAE,MAAc;QAC3E,IAAM,MAAM,GAAG,qBAAqB,CAAC;YACnC,WAAW,aAAA;YACX,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,UAAU,YAAA;YACV,OAAO,SAAA;SACR,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,8FAA8F;YAC9F,iBAAiB,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;QAC5C,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,SAAS,YAAY,CAAC,CAA0C;;QAC9D,IAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,IAAM,GAAG,GAAG,SAAS,CAAC,WAAW,CAAC;QAClC,IAAM,KAAK,GAAG,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,CAAC;QACrC,IAAM,GAAG,GAAG,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC;QACjC,gBAAgB,CAAC,OAAO,GAAG,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC;QAE1C,IAAI,GAAG,GAAG,GAAG,EAAE,CAAC;YACd,0BAA0B,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,MAAA,EAAE,CAAC,kBAAkB,mCAAI,MAAM,CAAC,CAAC;QAC7F,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,iBAAiB,EAAE,CAAC;QAEpB,IAAI,CAAC,EAAE,CAAC;YACN,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,CAAyC;QAC5D,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;QAClB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,QAAQ,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,wFAAwF;QACxF,oEAAoE;QACpE,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;QACxC,UAAU,CAAC;YACT,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;QAC3C,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;IAED,SAAS,iBAAiB,CAAC,CAAoC;QAC7D,IAAM,WAAW,GAAG,CAAC,CAAC,WAAyB,CAAC;QAChD,IAAI,WAAW,CAAC,SAAS,KAAK,iBAAiB,EAAE,CAAC;YAChD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;YACxC,UAAU,CAAC;gBACT,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3C,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,CAAyC;;QAC3D,IAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,CAAC;QACrC,IAAM,GAAG,GAAG,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC;QACjC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,EAAE,iBAAiB,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAC7F,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC;IAED,SAAS,SAAS,CAAC,CAAyC;;QAC1D,IAAI,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,UAAU,CAAC,CAAC,CAAC,CAAC;QAEd,IAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO;QACT,CAAC;QAED,IAAM,KAAK,GAAG,MAAA,EAAE,CAAC,cAAc,mCAAI,CAAC,CAAC;QACrC,IAAM,GAAG,GAAG,MAAA,EAAE,CAAC,YAAY,mCAAI,CAAC,CAAC;QAC3B,IAAA,KAAwB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,CAAC,EAAvE,MAAM,YAAA,EAAE,SAAS,eAAsD,CAAC;QAEhF,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;QACrC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,SAAS,WAAW,CAAC,CAAsC;QACzD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,eAAe;QACtB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,SAAS,aAAa,CAAC,CAAqC;QAC1D,IAAM,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAE3B,IAAI,sBAAsB,CAAC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxD,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,YAAY,EAAE,CAAC;QACjB,CAAC;QAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,WAAW,CAAC,CAAqC;QACxD,IAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QACvC,IAAI,QAAQ,KAAK,SAAS,CAAC,UAAU,EAAE,CAAC;YACtC,IAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;gBAC7B,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,sBAAsB,CAAC,YAAY,CAAC,CAAC;YACrC,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;YAChC,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;QACzC,CAAC;aAAM,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YACnC,sBAAsB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;YACzD,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;YAChC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,sEAAsE;YACtE,kEAAkE;YAClE,sBAAsB,CAAC,WAAW,CAAC,CAAC;YACpC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAClC,CAAC;QAED,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;QAClB,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACjC,CAAC;IAED,SAAS,UAAU,CAAC,CAAqC;;QACvD,IAAM,GAAG,GAAG,MAAA,CAAC,CAAC,aAAa,CAAC,cAAc,mCAAI,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7E,IAAM,SAAS,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;QAE3C,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;QACrC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;QACvC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAE7B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,OAAO;QACL,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;QACd,aAAa,eAAA;QACb,YAAY,cAAA;QACZ,aAAa,eAAA;QACb,YAAY,cAAA;QACZ,WAAW,aAAA;QACX,iBAAiB,mBAAA;QACjB,UAAU,YAAA;QACV,SAAS,WAAA;QACT,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,aAAa,eAAA;QACb,WAAW,aAAA;QACX,UAAU,YAAA;KACX,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\nimport { useCallback, useRef, useState } from 'react';\n\nimport {\n isKeyArrow,\n isKeyBackspace,\n isKeyDelete,\n isKeyEnd,\n isKeyHome,\n isShortcutRedo,\n isShortcutSelectAll,\n isShortcutUndo,\n} from '../../../lib/events/keyboard/identifiers.js';\nimport { scrollInputCaretIntoView } from '../../../lib/scrollInputCaretIntoView.js';\nimport { ActionDetails } from '../react-imask/imask/core/action-details.js';\nimport { extractRaw } from './extractRaw.js';\nimport type { MaskedCoreProps, MaskedSelectionIntent } from './MaskedCore.types.js';\nimport { computeMaskedCut, getMaskedCopyText } from './maskedCoreClipboard.js';\nimport { computeMaskedDeletion } from './maskedCoreDeletion.js';\nimport { applyMaskedInputChange } from './maskedCoreInputChange.js';\nimport { calcNavigationSelection } from './maskedCoreNavigation.js';\nimport { setMaskInputSelectionRange } from './setMaskInputSelectionRange.js';\n\ntype MaskedCoreHandlerProps = Pick<\n MaskedCoreProps,\n \| 'maskState'\n \| 'slotMap'\n \| 'engine'\n \| 'currentRaw'\n \| 'onRawChange'\n \| 'onUnexpectedInput'\n \| 'onUndo'\n \| 'onRedo'\n \| 'coreInputRef'\n \| 'onKeyDown'\n \| 'onMouseUp'\n \| 'onInput'\n \| 'onSelect'\n \| 'onFocus'\n \| 'onBlur'\n \| 'onPaste'\n \| 'selectAllOnFocus'\n \| 'readOnly'\n> & {\n syncOverlayScroll: () => void;\n requestSelectionIntent: (intent: MaskedSelectionIntent) => void;\n};\n\n/*\n Собирает обработчики DOM-событий для {@link MaskedCore}.\n * Инкапсулирует логику ввода, навигации, clipboard и undo/redo.\n \n @param props — состояние маски, движок и колбэки от MaskedInputV2.\n * @returns refs и обработчики для прямого `<input>`.\n /\nexport function useMaskedCoreHandlers(props: MaskedCoreHandlerProps) {\n const {\n maskState,\n slotMap,\n engine,\n currentRaw,\n onRawChange,\n onUnexpectedInput,\n onUndo,\n onRedo,\n coreInputRef,\n onKeyDown: inputOnKeyDown,\n onMouseUp: inputOnMouseUp,\n onInput: inputOnInput,\n onSelect: inputOnSelect,\n onFocus: inputOnFocus,\n onBlur: inputOnBlur,\n onPaste: inputOnPaste,\n selectAllOnFocus,\n readOnly,\n syncOverlayScroll,\n requestSelectionIntent,\n } = props;\n\n const pendingCursorRef = useRef<number \| null>(null);\n const resetCaretOnMouseUpRef = useRef(false);\n const pointerFocusRef = useRef(false);\n /* Блокирует нативный change/input после нашего paste (beforeinput/input race в браузере). */\n const ignoreChangeFromPasteRef = useRef(false);\n const lastSelectionRef = useRef<{ start: number; end: number }>({ start: 0, end: 0 });\n const [selectionRange, setSelectionRange] = useState({ start: 0, end: 0 });\n\n const syncSelection = useCallback((el: HTMLInputElement) => {\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n setSelectionRange((prev) => (prev.start === start && prev.end === end ? prev : { start, end }));\n }, []);\n\n function getFocusedInputCaretPos() {\n return engine.compute(currentRaw, true).typedLength;\n }\n\n function scrollCaretIntoView(el: HTMLInputElement) {\n scrollInputCaretIntoView(el);\n syncOverlayScroll();\n }\n\n function resetCaretToInputStart(el: HTMLInputElement) {\n const pos = getFocusedInputCaretPos();\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(el, pos);\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n\n function setPendingCursor(pos: number) {\n requestSelectionIntent(null);\n pendingCursorRef.current = pos;\n setMaskInputSelectionRange(coreInputRef.current, pos);\n }\n\n function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n if (readOnly \|\| ignoreChangeFromPasteRef.current) {\n return;\n }\n\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const browserDraft = e.target.value;\n const cursorPos = e.target.selectionStart ?? 0;\n const oldSelection = lastSelectionRef.current;\n const inputType = (e.nativeEvent as InputEvent).inputType;\n const details = new ActionDetails({\n value: browserDraft,\n cursorPos,\n oldValue: maskState.typedValue,\n oldSelection: { ...oldSelection },\n });\n\n // Autofill / insertReplacementText / drop: нет clipboard paste-события,\n // но нужна та же нормализация, что и у onBeforePasteValue.\n // Всегда replace-all: повторный change (Яндекс.Браузер и др.) иначе вставляет\n // в позицию курсора поверх уже нормализованного raw → порча значения.\n const isBulkInsert = details.inserted.length > 1 \|\| inputType === 'insertReplacementText';\n if (isBulkInsert) {\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n\n if (coreInputRef.current) {\n setMaskInputSelectionRange(coreInputRef.current, 0, maskState.typedLength);\n lastSelectionRef.current = { start: 0, end: maskState.typedLength };\n }\n onRawChange(browserDraft, 'paste');\n return;\n }\n\n const result = applyMaskedInputChange({\n browserDraft,\n cursorPos,\n typedValue: maskState.typedValue,\n currentRaw,\n oldSelection,\n engine,\n });\n\n setPendingCursor(result.cursorPos);\n\n if (result.rejected) {\n onUnexpectedInput();\n return;\n }\n\n onRawChange(result.newRaw, 'input', result.cursorPos);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n requestSelectionIntent(null);\n resetCaretOnMouseUpRef.current = false;\n\n const el = coreInputRef.current;\n\n if (isShortcutSelectAll(e) \|\| isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e) \|\| isKeyBackspace(e) \|\| isKeyDelete(e)) {\n pendingCursorRef.current = null;\n }\n\n if (isShortcutSelectAll(e)) {\n e.preventDefault();\n setMaskInputSelectionRange(el, 0, maskState.typedLength);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e)) {\n e.preventDefault();\n const [start, end, dir] = calcNavigationSelection(e, maskState.typedLength, el);\n setMaskInputSelectionRange(el, start, end, dir);\n if (el) {\n scrollCaretIntoView(el);\n syncSelection(el);\n }\n } else if (isKeyBackspace(e) \|\| isKeyDelete(e)) {\n e.preventDefault();\n if (!readOnly && el) {\n // Cmd/Ctrl+Backspace — удалить до начала строки; Cmd/Ctrl+Delete — до конца.\n if (e.metaKey \|\| e.ctrlKey) {\n handleLineDeletion(isKeyBackspace(e), el);\n } else {\n handleDeletion(isKeyBackspace(e), el);\n }\n }\n } else if (isShortcutUndo(e)) {\n e.preventDefault();\n if (!readOnly) {\n onUndo?.();\n }\n } else if (isShortcutRedo(e)) {\n e.preventDefault();\n if (!readOnly) {\n onRedo?.();\n }\n }\n\n inputOnKeyDown?.(e);\n }\n\n function handleDeletion(isBackspace: boolean, el: HTMLInputElement) {\n applyDeletion(isBackspace, el.selectionStart ?? 0, el.selectionEnd ?? 0);\n }\n\n function handleLineDeletion(isBackspace: boolean, el: HTMLInputElement) {\n const selStart = el.selectionStart ?? 0;\n const selEnd = el.selectionEnd ?? 0;\n\n if (selStart !== selEnd) {\n applyDeletion(isBackspace, selStart, selEnd);\n return;\n }\n\n const start = isBackspace ? 0 : selStart;\n const end = isBackspace ? selStart : maskState.typedLength;\n if (start === end) {\n return;\n }\n\n applyDeletion(isBackspace, start, end);\n }\n\n function applyDeletion(isBackspace: boolean, selStart: number, selEnd: number) {\n const result = computeMaskedDeletion({\n isBackspace,\n selStart,\n selEnd,\n currentRaw,\n slotMap,\n });\n\n if (!result) {\n // Удаление в пустом поле пользователь ошибкой не считает — как в Input, только мигаем рамкой.\n onUnexpectedInput(currentRaw === '');\n return;\n }\n\n pendingCursorRef.current = result.cursorPos;\n onRawChange(result.newRaw, 'input', result.cursorPos);\n }\n\n function handleSelect(e?: React.SyntheticEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const max = maskState.typedLength;\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n lastSelectionRef.current = { start, end };\n\n if (end > max) {\n setMaskInputSelectionRange(el, Math.min(start, max), max, el.selectionDirection ?? 'none');\n }\n\n syncSelection(el);\n syncOverlayScroll();\n\n if (e) {\n inputOnSelect?.(e);\n }\n }\n\n function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {\n inputOnPaste?.(e);\n e.preventDefault();\n\n if (readOnly \|\| !e.clipboardData) {\n return;\n }\n\n // Игнорируем последующий input/change от браузера (beforeinput insertFromPaste и т.п.),\n // иначе controlled value перетирается ненормализованным черновиком.\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n\n onRawChange(e.clipboardData.getData('text/plain'), 'paste');\n }\n\n function handleBeforeInput(e: React.FormEvent<HTMLInputElement>) {\n const nativeEvent = e.nativeEvent as InputEvent;\n if (nativeEvent.inputType === 'insertFromPaste') {\n e.preventDefault();\n ignoreChangeFromPasteRef.current = true;\n setTimeout(() => {\n ignoreChangeFromPasteRef.current = false;\n }, 0);\n }\n }\n\n function handleCopy(e: React.ClipboardEvent<HTMLInputElement>) {\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n e.clipboardData.setData('text/plain', getMaskedCopyText(maskState.displayValue, start, end));\n e.preventDefault();\n }\n\n function handleCut(e: React.ClipboardEvent<HTMLInputElement>) {\n if (readOnly) {\n e.preventDefault();\n return;\n }\n\n handleCopy(e);\n\n const el = coreInputRef.current;\n if (!el) {\n return;\n }\n\n const start = el.selectionStart ?? 0;\n const end = el.selectionEnd ?? 0;\n const { newRaw, cursorPos } = computeMaskedCut(start, end, currentRaw, slotMap);\n\n pendingCursorRef.current = cursorPos;\n onRawChange(newRaw, 'input', cursorPos);\n }\n\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n inputOnInput?.(e);\n }\n\n function handleMouseDown() {\n requestSelectionIntent(null);\n pointerFocusRef.current = true;\n }\n\n function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n const el = e.currentTarget;\n\n if (resetCaretOnMouseUpRef.current && !selectAllOnFocus) {\n resetCaretOnMouseUpRef.current = false;\n resetCaretToInputStart(el);\n } else {\n resetCaretOnMouseUpRef.current = false;\n handleSelect();\n }\n\n inputOnMouseUp?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n const domValue = e.currentTarget.value;\n if (domValue !== maskState.typedValue) {\n const syncedRaw = extractRaw(domValue, engine);\n if (syncedRaw !== currentRaw) {\n onRawChange(syncedRaw, 'input');\n }\n }\n\n if (selectAllOnFocus) {\n requestSelectionIntent('select-all');\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n } else if (pointerFocusRef.current) {\n resetCaretOnMouseUpRef.current = currentRaw.length === 0;\n pointerFocusRef.current = false;\n requestSelectionIntent(null);\n } else {\n // Tab / programmatic focus() (в т.ч. ref.focus()): после актуализации\n // maskState каретка должна оказаться после typed / leading fixed.\n requestSelectionIntent('caret-end');\n pendingCursorRef.current = null;\n }\n\n inputOnFocus?.(e);\n syncSelection(e.currentTarget);\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n const pos = e.currentTarget.selectionStart ?? lastSelectionRef.current.start;\n const collapsed = { start: pos, end: pos };\n\n lastSelectionRef.current = collapsed;\n setSelectionRange(collapsed);\n pointerFocusRef.current = false;\n resetCaretOnMouseUpRef.current = false;\n requestSelectionIntent(null);\n\n inputOnBlur?.(e);\n }\n\n return {\n pendingCursorRef,\n selectionRange,\n syncSelection,\n handleChange,\n handleKeyDown,\n handleSelect,\n handlePaste,\n handleBeforeInput,\n handleCopy,\n handleCut,\n handleInput,\n handleMouseDown,\n handleMouseUp,\n handleFocus,\n handleBlur,\n };\n}\n"]}

package/components/MaskedInputV2/react-imask/input.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { type IMaskInputProps } from './mixin.js';
 declare const IMaskInput: React.ForwardRefExoticComponent<Omit<import("./mixin.js").ReactElementProps<HTMLInputElement> & Omit<import("./mixin.js").ReactMaskProps<HTMLInputElement, {
     [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import("./imask/index.js").MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">> & {
+}>, "ref"> & Partial<Pick<import("./imask/index.js").MaskedPattern<string>, "mask" | "parent" | "format" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">> & {
     ref?: React.Ref<React.ComponentType<IMaskInputProps<HTMLInputElement>>> | undefined;
 }, "ref"> & React.RefAttributes<unknown>>;
 export { IMaskInput };

package/components/MenuFooter/MenuFooter.js CHANGED Viewed

@@ -20,12 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useContext } from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
-import { cx } from '../../lib/cx.js';
 import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { useSizeControl } from '../../lib/size/useSizeControl.js';
-import { styles } from './MenuFooter.css.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { getStyles } from './MenuFooter.styles.js';
 export var MenuFooterDataTids = {
     root: 'MenuFooter__root',
 };
@@ -35,32 +36,35 @@ export var MenuFooterDataTids = {
 var MenuFooter = forwardRefAndName('MenuFooter', function MenuFooter(_a, ref) {
     var _b;
     var id = _a.id, _c = _a._enableIconPadding, _enableIconPadding = _c === void 0 ? false : _c, children = _a.children, sizeProp = _a.size, rest = __rest(_a, ["id", "_enableIconPadding", "children", "size"]);
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
     var size = useSizeControl(sizeProp);
     function getRootSizeClassName() {
         switch (size) {
             case 'large':
-                return styles.rootLarge;
+                return styles.rootLarge(theme);
             case 'medium':
-                return styles.rootMedium;
+                return styles.rootMedium(theme);
             case 'small':
             default:
-                return styles.rootSmall;
+                return styles.rootSmall(theme);
         }
     }
     function getWithLeftPaddingSizeClassName() {
         switch (size) {
             case 'large':
-                return styles.withLeftPaddingLarge;
+                return styles.withLeftPaddingSmall(theme);
             case 'medium':
-                return styles.withLeftPaddingMedium;
+                return styles.withLeftPaddingMedium(theme);
             case 'small':
             default:
-                return styles.withLeftPaddingSmall;
+                return styles.withLeftPaddingSmall(theme);
         }
     }
     return (React.createElement(CommonWrapper, __assign({}, rest),
         React.createElement("div", { id: id, ref: ref, "data-tid": MenuFooterDataTids.root, className: cx(getRootSizeClassName(), (_b = {},
-                _b[styles.root] = true,
+                _b[styles.root(theme)] = true,
                 _b[getWithLeftPaddingSizeClassName()] = _enableIconPadding,
                 _b)) }, children)));
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuFooter.js","sourceRoot":"","sources":["MenuFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAG1B~~,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,~~EAAE~~,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AACrC~~,OAAO,EAAE,~~iBAAiB~~,EAAE,MAAM,~~gCAAgC~~,CAAC;~~AACnE~~,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;~~AAElE~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~qBAAqB~~,CAAC;~~AAa7C~~,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAEX;;GAEG;AAEH,IAAM,UAAU,GAAG,iBAAiB,CAClC,YAAY,EACZ,SAAS,UAAU,CACjB,EAAsF,EACtF,GAA8B;;IAD5B,IAAA,EAAE,QAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAQ,QAAQ,UAAA,EAAK,IAAI,cAAnE,gDAAqE,CAAF;IAGnE,IAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACtC,SAAS,oBAAoB;QAC3B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,SAAS,CAAC;~~YAC1B~~,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,UAAU,CAAC;~~YAC3B~~,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,SAAS,CAAC;~~QAC5B~~,CAAC;IACH,CAAC;IACD,SAAS,+BAA+B;QACtC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,oBAAoB,CAAC;~~YACrC~~,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,qBAAqB,CAAC;~~YACtC~~,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,oBAAoB,CAAC;~~QACvC~~,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,eAAK,IAAI;QACrB,6BACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,cACE,kBAAkB,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE;gBAClC,GAAC,MAAM,CAAC,IAAI,IAAG,IAAI;~~gBACnB~~,GAAC,+BAA+B,EAAE,IAAG,kBAAkB;oBACvD,IAED,QAAQ,CACL,CACQ,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAED,UAAkB,CAAC,eAAe,GAAG,IAAI,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAsB;IACjD,OAAO,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC;QACjD,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,iBAAiB,CAAC;QACrE,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/cx.js';\nimport { ~~forwardRefAndName~~ } from '../../lib/~~forwardRefAndName~~.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { ~~styles~~ } from './MenuFooter.~~css~~.js';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Размер надписи. /\n size?: SizeProp;\n\n /* Добавляет отступ слева для выравнивания текста по иконкам MenuItem /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n}\n\nexport const MenuFooterDataTids = {\n root: 'MenuFooter__root',\n} as const;\n\n/\n Футер меню — надпись в нижней части меню.\n */\n\nconst MenuFooter = forwardRefAndName(\n 'MenuFooter',\n function MenuFooter(\n { id, _enableIconPadding = false, children, size: sizeProp, ...rest }: MenuFooterProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const size = useSizeControl(sizeProp);\n function getRootSizeClassName() {\n switch (size) {\n case 'large':\n return styles.rootLarge;\n case 'medium':\n return styles.rootMedium;\n case 'small':\n default:\n return styles.rootSmall;\n }\n }\n function getWithLeftPaddingSizeClassName() {\n switch (size) {\n case 'large':\n return styles.~~withLeftPaddingLarge~~;\n case 'medium':\n return styles.withLeftPaddingMedium;\n case 'small':\n default:\n return styles.withLeftPaddingSmall;\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]: 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"]}
1	+ {"version":3,"file":"MenuFooter.js","sourceRoot":"","sources":["MenuFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAanD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAEX;;GAEG;AAEH,IAAM,UAAU,GAAG,iBAAiB,CAClC,YAAY,EACZ,SAAS,UAAU,CACjB,EAAsF,EACtF,GAA8B;;IAD5B,IAAA,EAAE,QAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAQ,QAAQ,UAAA,EAAK,IAAI,cAAnE,gDAAqE,CAAF;IAGnE,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACtC,SAAS,oBAAoB;QAC3B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACjC,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IACD,SAAS,+BAA+B;QACtC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC7C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,eAAK,IAAI;QACrB,6BACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,cACE,kBAAkB,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE;gBAClC,GAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBAC1B,GAAC,+BAA+B,EAAE,IAAG,kBAAkB;oBACvD,IAED,QAAQ,CACL,CACQ,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAED,UAAkB,CAAC,eAAe,GAAG,IAAI,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAsB;IACjD,OAAO,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC;QACjD,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,iBAAiB,CAAC;QACrE,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getStyles } from './MenuFooter.styles.js';\n\nexport interface MenuFooterProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Размер надписи. /\n size?: SizeProp;\n\n /* Добавляет отступ слева для выравнивания текста по иконкам MenuItem /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n}\n\nexport const MenuFooterDataTids = {\n root: 'MenuFooter__root',\n} as const;\n\n/\n Футер меню — надпись в нижней части меню.\n */\n\nconst MenuFooter = forwardRefAndName(\n 'MenuFooter',\n function MenuFooter(\n { id, _enableIconPadding = false, children, size: sizeProp, ...rest }: MenuFooterProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const size = useSizeControl(sizeProp);\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"]}

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

@@ -1,8 +1,2 @@
-export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => {
-    fontSize: string;
-    lineHeight: string;
-    padding: string;
-};
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => {
-    paddingLeft: string;
-};
+export declare const menuFooterSizeMixin: (menuFooterPaddingX: string, menuFooterFontSize: string, menuFooterLineHeight: string, menuFooterPaddingTop: string, menuFooterPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,12 +1,8 @@
 export var menuFooterSizeMixin = function (menuFooterPaddingX, menuFooterFontSize, menuFooterLineHeight, menuFooterPaddingTop, menuFooterPaddingBottom) {
     var paddingRight = menuFooterPaddingX;
-    return {
-        fontSize: menuFooterFontSize,
-        lineHeight: menuFooterLineHeight,
-        padding: "".concat(menuFooterPaddingTop, " ").concat(paddingRight, " ").concat(menuFooterPaddingBottom, " ").concat(menuFooterPaddingX),
-    };
+    return "\n    font-size: ".concat(menuFooterFontSize, ";\n    line-height: ").concat(menuFooterLineHeight, ";\n    padding: ").concat(menuFooterPaddingTop, " ").concat(paddingRight, " ").concat(menuFooterPaddingBottom, " ").concat(menuFooterPaddingX, ";\n  ");
+};
+export var withIconSizeMixin = function (menuItemPaddingForIcon) {
+    return "\n    padding-left: ".concat(menuItemPaddingForIcon, ";\n  ");
 };
-export var withIconSizeMixin = function (menuItemPaddingForIcon) { return ({
-    paddingLeft: menuItemPaddingForIcon,
-}); };
 //# sourceMappingURL=MenuFooter.mixins.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuFooter.mixins.js","sourceRoot":"","sources":["MenuFooter.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,kBAA0B,EAC1B,kBAA0B,EAC1B,oBAA4B,EAC5B,oBAA4B,EAC5B,uBAA+B;IAE/B,IAAM,YAAY,GAAG,kBAAkB,CAAC;IAExC,OAAO~~;QACL~~,~~QAAQ~~,~~EAAE,~~kBAAkB~~;QAC5B~~,~~UAAU~~,~~EAAE,~~oBAAoB~~;QAChC~~,~~OAAO~~,~~EAAE,UAAG,~~oBAAoB,cAAI,YAAY,cAAI,uBAAuB,cAAI,kBAAkB,~~CAAE;KACpG~~,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,sBAA8B,~~IAAK~~,~~OAAA~~,~~CAAC;IACpE~~,~~WAAW~~,~~EAAE,sBAAsB~~;~~CACpC~~,CAAC,~~EAFmE,CAEnE,~~CAAC","sourcesContent":["export 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 {\n ~~fontSize~~: menuFooterFontSize,\n ~~lineHeight~~: menuFooterLineHeight,\n padding: `${menuFooterPaddingTop} ${paddingRight} ${menuFooterPaddingBottom} ${menuFooterPaddingX}~~`,\~~n ~~};\~~n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => ({\n ~~paddingLeft~~: menuItemPaddingForIcon,\n});\n"]}
1	+ {"version":3,"file":"MenuFooter.mixins.js","sourceRoot":"","sources":["MenuFooter.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,kBAA0B,EAC1B,kBAA0B,EAC1B,oBAA4B,EAC5B,oBAA4B,EAC5B,uBAA+B;IAE/B,IAAM,YAAY,GAAG,kBAAkB,CAAC;IAExC,OAAO,2BACQ,kBAAkB,iCAChB,oBAAoB,6BACxB,oBAAoB,cAAI,YAAY,cAAI,uBAAuB,cAAI,kBAAkB,UACjG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,sBAA8B;IAC9D,OAAO,8BACW,sBAAsB,UACvC,CAAC;AACJ,CAAC,CAAC","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"]}

package/components/MenuFooter/MenuFooter.styles.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    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/components/MenuFooter/MenuFooter.styles.js ADDED Viewed

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      cursor: default;\n    "], ["\n      color: ", ";\n      cursor: default;\n    "])), t.menuFooterColor);
+        },
+        rootSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXSmall, t.menuFooterFontSizeSmall, t.menuFooterLineHeightSmall, t.menuFooterPaddingTopSmall, t.menuFooterPaddingBottomSmall));
+        },
+        rootMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXMedium, t.menuFooterFontSizeMedium, t.menuFooterLineHeightMedium, t.menuFooterPaddingTopMedium, t.menuFooterPaddingBottomMedium));
+        },
+        rootLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuFooterSizeMixin(t.menuFooterPaddingXLarge, t.menuFooterFontSizeLarge, t.menuFooterLineHeightLarge, t.menuFooterPaddingTopLarge, t.menuFooterPaddingBottomLarge));
+        },
+        withLeftPaddingSmall: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
+        },
+        withLeftPaddingMedium: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
+        },
+        withLeftPaddingLarge: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=MenuFooter.styles.js.map

package/components/MenuFooter/MenuFooter.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuFooter.styles.js","sourceRoot":"","sources":["MenuFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,iBACC,EAAiB,iCAE3B,KAFU,CAAC,CAAC,eAAe,EAE1B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,6BAA6B,CAChC,EACD;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;QACD,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,uFAAA,UACN,EAAiD,QACpD,KADG,iBAAiB,CAAC,CAAC,CAAC,4BAA4B,CAAC,EACnD;QACJ,CAAC;QACD,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;KACF,CAAC;AAzD8D,CAyD9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { menuFooterSizeMixin, withIconSizeMixin } from './MenuFooter.mixins.js';\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"]}

package/components/MenuHeader/MenuHeader.js CHANGED Viewed

@@ -23,10 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext } from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { MenuContext } from '../../internal/Menu/MenuContext.js';
-import { cx } from '../../lib/cx.js';
 import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { useSizeControl } from '../../lib/size/useSizeControl.js';
-import { styles } from './MenuHeader.css.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { getStyles } from './MenuHeader.styles.js';
 export var MenuHeaderDataTids = {
     root: 'MenuHeader__root',
 };
@@ -36,33 +37,36 @@ export var MenuHeaderDataTids = {
 var MenuHeader = forwardRefAndName('MenuHeader', function MenuHeader(_a, ref) {
     var _b;
     var id = _a.id, _c = _a._enableIconPadding, _enableIconPadding = _c === void 0 ? false : _c, children = _a.children, sizeProp = _a.size, rest = __rest(_a, ["id", "_enableIconPadding", "children", "size"]);
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
     var menuContext = useContext(MenuContext);
     var size = useSizeControl(sizeProp);
     function getRootSizeClassName() {
         switch (size) {
             case 'large':
-                return styles.rootLarge;
+                return styles.rootLarge(theme);
             case 'medium':
-                return styles.rootMedium;
+                return styles.rootMedium(theme);
             case 'small':
             default:
-                return styles.rootSmall;
+                return styles.rootSmall(theme);
         }
     }
     function getWithLeftPaddingSizeClassName() {
         switch (size) {
             case 'large':
-                return styles.withLeftPaddingLarge;
+                return styles.withLeftPaddingSmall(theme);
             case 'medium':
-                return styles.withLeftPaddingMedium;
+                return styles.withLeftPaddingMedium(theme);
             case 'small':
             default:
-                return styles.withLeftPaddingSmall;
+                return styles.withLeftPaddingSmall(theme);
         }
     }
     return (React.createElement(CommonWrapper, __assign({}, rest),
         React.createElement("div", { ref: ref, id: id, "data-tid": MenuHeaderDataTids.root, className: cx(getRootSizeClassName(), (_b = {},
-                _b[styles.root] = true,
+                _b[styles.root(theme)] = true,
                 _b[getWithLeftPaddingSizeClassName()] = menuContext.enableIconPadding || _enableIconPadding,
                 _b)) }, children)));
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuHeader.js","sourceRoot":"","sources":["MenuHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,~~EAAE~~,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AACrC~~,OAAO,EAAE,~~iBAAiB~~,EAAE,MAAM,~~gCAAgC~~,CAAC;~~AACnE~~,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;~~AAElE~~,OAAO,EAAE,MAAM,EAAE,MAAM,~~qBAAqB~~,CAAC;~~AAa7C~~,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAEX;;GAEG;AAEH,IAAM,UAAU,GAAG,iBAAiB,CAClC,YAAY,EACZ,SAAS,UAAU,CACjB,EAAsF,EACtF,GAA8B;;IAD5B,IAAA,EAAE,QAAA,EAAE,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAQ,QAAQ,UAAA,EAAK,IAAI,cAAnE,gDAAqE,CAAF;IAGnE,IAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,IAAM,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEtC,SAAS,oBAAoB;QAC3B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,SAAS,CAAC;~~YAC1B~~,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,UAAU,CAAC;~~YAC3B~~,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,SAAS,CAAC;~~QAC5B~~,CAAC;IACH,CAAC;IACD,SAAS,+BAA+B;QACtC,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,oBAAoB,CAAC;~~YACrC~~,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,qBAAqB,CAAC;~~YACtC~~,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,MAAM,CAAC,oBAAoB,CAAC;~~QACvC~~,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,eAAK,IAAI;QACrB,6BACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,cACI,kBAAkB,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE;gBAClC,GAAC,MAAM,CAAC,IAAI,IAAG,IAAI;~~gBACnB~~,GAAC,+BAA+B,EAAE,IAAG,WAAW,CAAC,iBAAiB,IAAI,kBAAkB;oBACxF,IAED,QAAQ,CACL,CACQ,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAED,UAAkB,CAAC,eAAe,GAAG,IAAI,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAsB;IACjD,OAAO,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC;QACjD,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,iBAAiB,CAAC;QACrE,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { MenuContext } from '../../internal/Menu/MenuContext.js';\nimport { cx } from '../../lib/cx.js';\nimport { ~~forwardRefAndName~~ } from '../../lib/~~forwardRefAndName~~.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { ~~styles~~ } from './MenuHeader.~~css~~.js';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Размер заголовка. /\n size?: SizeProp;\n\n /* Добавляет отступ слева для выравнивания текста по иконкам MenuItem /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n}\n\nexport const MenuHeaderDataTids = {\n root: 'MenuHeader__root',\n} as const;\n\n/\n Заголовок меню используется для того, чтобы разграничивать элементы меню на категории.\n */\n\nconst MenuHeader = forwardRefAndName(\n 'MenuHeader',\n function MenuHeader(\n { id, _enableIconPadding = false, children, size: sizeProp, ...rest }: MenuHeaderProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const menuContext = useContext(MenuContext);\n const size = useSizeControl(sizeProp);\n\n function getRootSizeClassName() {\n switch (size) {\n case 'large':\n return styles.rootLarge;\n case 'medium':\n return styles.rootMedium;\n case 'small':\n default:\n return styles.rootSmall;\n }\n }\n function getWithLeftPaddingSizeClassName() {\n switch (size) {\n case 'large':\n return styles.~~withLeftPaddingLarge~~;\n case 'medium':\n return styles.withLeftPaddingMedium;\n case 'small':\n default:\n return styles.withLeftPaddingSmall;\n }\n }\n\n return (\n <CommonWrapper {...rest}>\n <div\n ref={ref}\n id={id}\n data-tid={MenuHeaderDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root]: true,\n [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding \|\| _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n },\n);\n\n(MenuHeader as any).__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n return React.isValidElement<MenuHeaderProps>(child)\n ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n : false;\n};\n"]}
1	+ {"version":3,"file":"MenuHeader.js","sourceRoot":"","sources":["MenuHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { MenuContext } from '../../internal/Menu/MenuContext.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getStyles } from './MenuHeader.styles.js';\n\nexport interface MenuHeaderProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n /** Размер заголовка. /\n size?: SizeProp;\n\n /* Добавляет отступ слева для выравнивания текста по иконкам MenuItem /\n _enableIconPadding?: boolean;\n\n /* @ignore /\n children: ReactNode;\n}\n\nexport const MenuHeaderDataTids = {\n root: 'MenuHeader__root',\n} as const;\n\n/\n Заголовок меню используется для того, чтобы разграничивать элементы меню на категории.\n */\n\nconst MenuHeader = forwardRefAndName(\n 'MenuHeader',\n function MenuHeader(\n { id, _enableIconPadding = false, children, size: sizeProp, ...rest }: MenuHeaderProps,\n ref: React.Ref<HTMLDivElement>,\n ) {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const menuContext = useContext(MenuContext);\n const size = useSizeControl(sizeProp);\n\n function getRootSizeClassName() {\n switch (size) {\n case 'large':\n return styles.rootLarge(theme);\n case 'medium':\n return styles.rootMedium(theme);\n case 'small':\n default:\n return styles.rootSmall(theme);\n }\n }\n function getWithLeftPaddingSizeClassName() {\n switch (size) {\n case 'large':\n return styles.withLeftPaddingSmall(theme);\n case 'medium':\n return styles.withLeftPaddingMedium(theme);\n case 'small':\n default:\n return styles.withLeftPaddingSmall(theme);\n }\n }\n\n return (\n <CommonWrapper {...rest}>\n <div\n ref={ref}\n id={id}\n data-tid={MenuHeaderDataTids.root}\n className={cx(getRootSizeClassName(), {\n [styles.root(theme)]: true,\n [getWithLeftPaddingSizeClassName()]: menuContext.enableIconPadding \|\| _enableIconPadding,\n })}\n >\n {children}\n </div>\n </CommonWrapper>\n );\n },\n);\n\n(MenuHeader as any).__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n return React.isValidElement<MenuHeaderProps>(child)\n ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n : false;\n};\n"]}

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

@@ -1,8 +1,2 @@
-export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => {
-    fontSize: string;
-    lineHeight: string;
-    padding: string;
-};
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => {
-    paddingLeft: string;
-};
+export declare const menuHeaderSizeMixin: (menuHeaderPaddingX: string, menuHeaderFontSize: string, menuHeaderLineHeight: string, menuHeaderPaddingTop: string, menuHeaderPaddingBottom: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

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

@@ -1,12 +1,8 @@
 export var menuHeaderSizeMixin = function (menuHeaderPaddingX, menuHeaderFontSize, menuHeaderLineHeight, menuHeaderPaddingTop, menuHeaderPaddingBottom) {
     var paddingRight = menuHeaderPaddingX;
-    return {
-        fontSize: menuHeaderFontSize,
-        lineHeight: menuHeaderLineHeight,
-        padding: "".concat(menuHeaderPaddingTop, " ").concat(paddingRight, " ").concat(menuHeaderPaddingBottom, " ").concat(menuHeaderPaddingX),
-    };
+    return "\n    font-size: ".concat(menuHeaderFontSize, ";\n    line-height: ").concat(menuHeaderLineHeight, ";\n    padding: ").concat(menuHeaderPaddingTop, " ").concat(paddingRight, " ").concat(menuHeaderPaddingBottom, " ").concat(menuHeaderPaddingX, ";\n  ");
+};
+export var withIconSizeMixin = function (menuItemPaddingForIcon) {
+    return "\n    padding-left: ".concat(menuItemPaddingForIcon, ";\n  ");
 };
-export var withIconSizeMixin = function (menuItemPaddingForIcon) { return ({
-    paddingLeft: menuItemPaddingForIcon,
-}); };
 //# sourceMappingURL=MenuHeader.mixins.js.map

package/components/MenuHeader/MenuHeader.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuHeader.mixins.js","sourceRoot":"","sources":["MenuHeader.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,kBAA0B,EAC1B,kBAA0B,EAC1B,oBAA4B,EAC5B,oBAA4B,EAC5B,uBAA+B;IAE/B,IAAM,YAAY,GAAG,kBAAkB,CAAC;IAExC,OAAO~~;QACL~~,~~QAAQ~~,~~EAAE,~~kBAAkB~~;QAC5B~~,~~UAAU~~,~~EAAE,~~oBAAoB~~;QAChC~~,~~OAAO~~,~~EAAE,UAAG,~~oBAAoB,cAAI,YAAY,cAAI,uBAAuB,cAAI,kBAAkB,~~CAAE;KACpG~~,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,sBAA8B,~~IAAK~~,~~OAAA~~,~~CAAC;IACpE~~,~~WAAW~~,~~EAAE,sBAAsB~~;~~CACpC~~,CAAC,~~EAFmE,CAEnE,~~CAAC","sourcesContent":["export const menuHeaderSizeMixin = (\n menuHeaderPaddingX: string,\n menuHeaderFontSize: string,\n menuHeaderLineHeight: string,\n menuHeaderPaddingTop: string,\n menuHeaderPaddingBottom: string,\n) => {\n const paddingRight = menuHeaderPaddingX;\n\n return {\n ~~fontSize~~: menuHeaderFontSize,\n ~~lineHeight~~: menuHeaderLineHeight,\n padding: `${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX}~~`,\~~n ~~};\~~n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => ({\n ~~paddingLeft~~: menuItemPaddingForIcon,\n});\n"]}
1	+ {"version":3,"file":"MenuHeader.mixins.js","sourceRoot":"","sources":["MenuHeader.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,kBAA0B,EAC1B,kBAA0B,EAC1B,oBAA4B,EAC5B,oBAA4B,EAC5B,uBAA+B;IAE/B,IAAM,YAAY,GAAG,kBAAkB,CAAC;IAExC,OAAO,2BACQ,kBAAkB,iCAChB,oBAAoB,6BACxB,oBAAoB,cAAI,YAAY,cAAI,uBAAuB,cAAI,kBAAkB,UACjG,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,sBAA8B;IAC9D,OAAO,8BACW,sBAAsB,UACvC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const menuHeaderSizeMixin = (\n menuHeaderPaddingX: string,\n menuHeaderFontSize: string,\n menuHeaderLineHeight: string,\n menuHeaderPaddingTop: string,\n menuHeaderPaddingBottom: string,\n): string => {\n const paddingRight = menuHeaderPaddingX;\n\n return `\n font-size: ${menuHeaderFontSize};\n line-height: ${menuHeaderLineHeight};\n padding: ${menuHeaderPaddingTop} ${paddingRight} ${menuHeaderPaddingBottom} ${menuHeaderPaddingX};\n `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string): string => {\n return `\n padding-left: ${menuItemPaddingForIcon};\n `;\n};\n"]}

package/components/MenuHeader/MenuHeader.styles.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    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/components/MenuHeader/MenuHeader.styles.js ADDED Viewed

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      cursor: default;\n    "], ["\n      color: ", ";\n      cursor: default;\n    "])), t.menuHeaderColor);
+        },
+        rootSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXSmall, t.menuHeaderFontSizeSmall, t.menuHeaderLineHeightSmall, t.menuHeaderPaddingTopSmall, t.menuHeaderPaddingBottomSmall));
+        },
+        rootMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXMedium, t.menuHeaderFontSizeMedium, t.menuHeaderLineHeightMedium, t.menuHeaderPaddingTopMedium, t.menuHeaderPaddingBottomMedium));
+        },
+        rootLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), menuHeaderSizeMixin(t.menuHeaderPaddingXLarge, t.menuHeaderFontSizeLarge, t.menuHeaderLineHeightLarge, t.menuHeaderPaddingTopLarge, t.menuHeaderPaddingBottomLarge));
+        },
+        withLeftPaddingSmall: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconSmall));
+        },
+        withLeftPaddingMedium: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconMedium));
+        },
+        withLeftPaddingLarge: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), withIconSizeMixin(t.menuItemPaddingForIconLarge));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=MenuHeader.styles.js.map

package/components/MenuHeader/MenuHeader.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuHeader.styles.js","sourceRoot":"","sources":["MenuHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,iBACC,EAAiB,iCAE3B,KAFU,CAAC,CAAC,eAAe,EAE1B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QACD,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,6BAA6B,CAChC,EACD;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,wFAAA,UACN,EAMD,SACF,KAPG,mBAAmB,CACnB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,4BAA4B,CAC/B,EACD;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;QACD,qBAAqB,YAAC,CAAQ;YAC5B,OAAO,GAAG,uFAAA,UACN,EAAiD,QACpD,KADG,iBAAiB,CAAC,CAAC,CAAC,4BAA4B,CAAC,EACnD;QACJ,CAAC;QACD,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,uFAAA,UACN,EAAgD,QACnD,KADG,iBAAiB,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAClD;QACJ,CAAC;KACF,CAAC;AAzD8D,CAyD9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n color: ${t.menuHeaderColor};\n cursor: default;\n `;\n },\n\n rootSmall(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXSmall,\n t.menuHeaderFontSizeSmall,\n t.menuHeaderLineHeightSmall,\n t.menuHeaderPaddingTopSmall,\n t.menuHeaderPaddingBottomSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXMedium,\n t.menuHeaderFontSizeMedium,\n t.menuHeaderLineHeightMedium,\n t.menuHeaderPaddingTopMedium,\n t.menuHeaderPaddingBottomMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${menuHeaderSizeMixin(\n t.menuHeaderPaddingXLarge,\n t.menuHeaderFontSizeLarge,\n t.menuHeaderLineHeightLarge,\n t.menuHeaderPaddingTopLarge,\n t.menuHeaderPaddingBottomLarge,\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"]}

package/components/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -65,6 +65,9 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
     };
     private size;
     private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private mouseEntered;
     getRootNode: TGetRootNode;