@alfalab/core-components-select 18.0.1 → 18.1.0

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../../../consts';\nimport { OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onChange?: CheckboxProps['onChange'];\n    mobile?: boolean;\n    dataTestId?: string;\n    size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n    onChange,\n    checked,\n    indeterminate,\n    mobile,\n    dataTestId,\n    size,\n}) => (\n    <div\n        className={cn(size && styles[SIZE_TO_CLASSNAME_MAP[size]], {\n            [styles.desktop]: !mobile,\n            [styles.mobile]: mobile,\n        })}\n    >\n        <Checkbox\n            block={true}\n            indeterminate={indeterminate}\n            size='m'\n            onChange={onChange}\n            checked={checked}\n            label='Выбрать все'\n            dataTestId={dataTestId}\n        />\n    </div>\n);\n"],"names":["React","cn","styles","SIZE_TO_CLASSNAME_MAP","Checkbox"],"mappings":";;;;;;;;;;;;;;;;AAmBO,IAAM,MAAM,GAA0B,UAAC,EAO7C,EAAA;;AANG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,YAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;AACF,IAAA,QACFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAAC,IAAI,IAAIC,uBAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,GAAA,EAAA,GAAA,EAAA;AACrD,YAAA,EAAA,CAACD,uBAAM,CAAC,OAAO,CAAA,GAAG,CAAC,MAAM;AACzB,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACI,aAAQ,EAAA,EACL,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EAAA,CACxB,CACA;AAhBJ;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../../../consts';\nimport { type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onChange?: CheckboxProps['onChange'];\n    mobile?: boolean;\n    dataTestId?: string;\n    size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n    onChange,\n    checked,\n    indeterminate,\n    mobile,\n    dataTestId,\n    size,\n}) => (\n    <div\n        className={cn(size && styles[SIZE_TO_CLASSNAME_MAP[size]], {\n            [styles.desktop]: !mobile,\n            [styles.mobile]: mobile,\n        })}\n    >\n        <Checkbox\n            block={true}\n            indeterminate={indeterminate}\n            size='m'\n            onChange={onChange}\n            checked={checked}\n            label='Выбрать все'\n            dataTestId={dataTestId}\n        />\n    </div>\n);\n"],"names":["React","cn","styles","SIZE_TO_CLASSNAME_MAP","Checkbox"],"mappings":";;;;;;;;;;;;;;;;AAmBO,IAAM,MAAM,GAA0B,UAAC,EAO7C,EAAA;;AANG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,YAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;AACF,IAAA,QACFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAAC,IAAI,IAAIC,uBAAM,CAACC,4BAAqB,CAAC,IAAI,CAAC,CAAC,GAAA,EAAA,GAAA,EAAA;AACrD,YAAA,EAAA,CAACD,uBAAM,CAAC,OAAO,CAAA,GAAG,CAAC,MAAM;AACzB,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACI,aAAQ,EAAA,EACL,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EAAA,CACxB,CACA;AAhBJ;;;;"}

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css

@@ -6,7 +6,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } .desktop {
-    padding: var(--gap-12)
+    padding: var(--gap-12);
 } .desktop.size-72 {
         padding-left: var(--gap-16);
     } .mobile {

package/cssm/presets/useSelectWithLoading/hook.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseSelectProps, OptionProps, OptionShape } from '../../typings';
+import { type BaseSelectProps, type OptionProps, type OptionShape } from '../../typings';
 declare type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];

package/cssm/presets/useSelectWithLoading/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithLoading/hook.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { BaseSelectProps, OptionProps, OptionShape } from '../../typings';\n\nimport styles from './index.module.css';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useSelectWithLoadingProps = {\n    loading?: boolean;\n    visibleOptions?: BaseSelectProps['visibleOptions'];\n    Option?: React.FC<OptionProps>;\n};\n\nexport function useSelectWithLoading({\n    loading = false,\n    visibleOptions = 6,\n    Option = DefaultOption,\n}: useSelectWithLoadingProps) {\n    const renderOption = (props: OptionProps) => (\n        <Option {...props} Checkmark={null} highlighted={loading ? false : props.highlighted} />\n    );\n\n    const options: OptionShape[] = Array(visibleOptions)\n        .fill(0)\n        .map((_, key) => ({\n            key: `loading-${key}`,\n            disabled: true,\n            content: <Skeleton className={styles.skeleton} visible={true} />,\n        }));\n\n    if (!loading) return null;\n\n    return {\n        Option: renderOption,\n        options,\n    };\n}\n"],"names":["DefaultOption","React","__assign","Skeleton","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBM,SAAU,oBAAoB,CAAC,EAIT,EAAA;AAHxB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACf,sBAAkB,EAAlB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGA,qCAAa,GAAA,EAAA;AAEtB,IAAA,IAAM,YAAY,GAAG,UAAC,KAAkB,IAAK,QACzCC,sBAAC,CAAA,aAAA,CAAA,MAAM,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,WAAW,EAAA,CAAA,CAAI,EAC3F,EAAA;AAED,IAAA,IAAM,OAAO,GAAkB,KAAK,CAAC,cAAc;SAC9C,IAAI,CAAC,CAAC;AACN,SAAA,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,EAAA,EAAK,QAAC;QACd,GAAG,EAAE,UAAW,CAAA,MAAA,CAAA,GAAG,CAAE;AACrB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAED,sBAAA,CAAA,aAAA,CAACE,aAAQ,EAAA,EAAC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAI,CAAA;KACnE,EAAC,EAAA,CAAC;AAEP,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IAEzB,OAAO;AACH,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,OAAO,EAAA,OAAA;KACV;AACL;;;;"}
+{"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithLoading/hook.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type BaseSelectProps, type OptionProps, type OptionShape } from '../../typings';\n\nimport styles from './index.module.css';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useSelectWithLoadingProps = {\n    loading?: boolean;\n    visibleOptions?: BaseSelectProps['visibleOptions'];\n    Option?: React.FC<OptionProps>;\n};\n\nexport function useSelectWithLoading({\n    loading = false,\n    visibleOptions = 6,\n    Option = DefaultOption,\n}: useSelectWithLoadingProps) {\n    const renderOption = (props: OptionProps) => (\n        <Option {...props} Checkmark={null} highlighted={loading ? false : props.highlighted} />\n    );\n\n    const options: OptionShape[] = Array(visibleOptions)\n        .fill(0)\n        .map((_, key) => ({\n            key: `loading-${key}`,\n            disabled: true,\n            content: <Skeleton className={styles.skeleton} visible={true} />,\n        }));\n\n    if (!loading) return null;\n\n    return {\n        Option: renderOption,\n        options,\n    };\n}\n"],"names":["DefaultOption","React","__assign","Skeleton","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBM,SAAU,oBAAoB,CAAC,EAIT,EAAA;AAHxB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACf,sBAAkB,EAAlB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGA,qCAAa,GAAA,EAAA;AAEtB,IAAA,IAAM,YAAY,GAAG,UAAC,KAAkB,IAAK,QACzCC,sBAAC,CAAA,aAAA,CAAA,MAAM,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,WAAW,EAAA,CAAA,CAAI,EAC3F,EAAA;AAED,IAAA,IAAM,OAAO,GAAkB,KAAK,CAAC,cAAc;SAC9C,IAAI,CAAC,CAAC;AACN,SAAA,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,EAAA,EAAK,QAAC;QACd,GAAG,EAAE,UAAW,CAAA,MAAA,CAAA,GAAG,CAAE;AACrB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAED,sBAAA,CAAA,aAAA,CAACE,aAAQ,EAAA,EAAC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAI,CAAA;KACnE,EAAC,EAAA,CAAC;AAEP,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IAEzB,OAAO;AACH,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,OAAO,EAAA,OAAA;KACV;AACL;;;;"}

package/cssm/shared/index.js

@@ -23,7 +23,6 @@ var Component$a = require('../components/search/Component.js');
 
 exports.useSelectWithLoading = hook.useSelectWithLoading;
 exports.useLazyLoading = hook$1.useLazyLoading;
-exports.SELECT_ALL_KEY = hook$2.SELECT_ALL_KEY;
 exports.useSelectWithApply = hook$2.useSelectWithApply;
 exports.defaultAccessor = utils.defaultAccessor;
 exports.defaultFilterFn = utils.defaultFilterFn;

package/cssm/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cssm/typings.d.ts

@@ -1,11 +1,12 @@
-import type { AriaAttributes, ComponentType, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
-import type { BottomSheetProps } from '@alfalab/core-components-bottom-sheet/cssm';
-import type { FormControlProps } from '@alfalab/core-components-form-control/cssm';
-import type { InputProps } from '@alfalab/core-components-input/cssm';
-import type { ModalProps } from '@alfalab/core-components-modal/cssm';
-import type { ModalFooterProps, ModalHeaderProps } from '@alfalab/core-components-modal/cssm/shared';
-import type { PopoverProps } from '@alfalab/core-components-popover/cssm';
-import type { UseSelectWithApplyProps } from './presets/useSelectWithApply/hook';
+import { type AriaAttributes, type ComponentType, type FC, type FocusEvent, type MouseEvent, type ReactElement, type ReactNode, type RefAttributes, type SVGProps } from 'react';
+import { type Environment } from 'downshift';
+import { type BottomSheetProps } from '@alfalab/core-components-bottom-sheet/cssm';
+import { type FormControlProps } from '@alfalab/core-components-form-control/cssm';
+import { type InputProps } from '@alfalab/core-components-input/cssm';
+import { type ModalProps } from '@alfalab/core-components-modal/cssm';
+import { type ModalFooterProps, type ModalHeaderProps } from '@alfalab/core-components-modal/cssm/shared';
+import { type PopoverProps } from '@alfalab/core-components-popover/cssm';
+import { type UseSelectWithApplyProps } from './presets/useSelectWithApply/hook';
 export declare type AnyObject = Record<string, any>;
 export declare type OptionShape = {
     /**
@@ -300,6 +301,11 @@ export declare type BaseSelectProps = {
      * Ограничение динамического размера группы вариантов выбора
      */
     limitDynamicOptionGroupSize?: boolean;
+    /**
+     * Контекст окружения для downshift.js
+     * @default window
+     */
+    environment?: Environment;
 };
 export declare type FieldProps = {
     /**

package/cssm/utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from './typings';
+import { type ReactNode, type RefObject } from 'react';
+import { type BaseSelectProps, type GroupShape, type OptionShape, type OptionsListProps } from './typings';
 export declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 export declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 export declare const joinOptions: ({ selected, selectedMultiple, valueSeparator, }: {

package/cssm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n    cloneElement,\n    isValidElement,\n    ReactNode,\n    RefObject,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n    Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n    !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n    selected,\n    selectedMultiple,\n    valueSeparator = DEFAULT_SEPARATOR,\n}: {\n    selected?: OptionShape;\n    selectedMultiple?: OptionShape[];\n    valueSeparator?: string;\n}) => {\n    const options = selectedMultiple || (selected ? [selected] : []);\n\n    if (!options.length) return null;\n\n    return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n        if (isValidElement(option.content)) {\n            acc.push(cloneElement(option.content, { key: option.key }));\n        } else {\n            acc.push(option.content);\n        }\n\n        if (index < options.length - 1) acc.push(valueSeparator);\n\n        return acc;\n    }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n    options: BaseSelectProps['options'],\n    selected: BaseSelectProps['selected'] = [],\n    filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n    filterGroup = false,\n) {\n    const flatOptions: OptionShape[] = [];\n    const filteredOptions: BaseSelectProps['options'] = [];\n\n    const selectedArray = Array.isArray(selected) ? selected : [selected];\n    const selectedOptions = selectedArray.filter(isOptionShape);\n    const selectedKeys = selectedArray.filter(\n        (option): option is string => typeof option === 'string',\n    );\n\n    const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n    const process = (option: OptionShape | GroupShape) => {\n        const isGroupOption = isGroup(option);\n\n        if (!isGroupOption && isSelected(option)) {\n            selectedOptions.push(option);\n        }\n\n        if (!filterFn(option)) return false;\n\n        if (isGroupOption) {\n            if (filterGroup) {\n                Array.prototype.push.apply(flatOptions, option.options);\n            }\n        } else {\n            flatOptions.push(option);\n        }\n\n        return true;\n    };\n\n    options.forEach((option) => {\n        if (isGroup(option)) {\n            const group: GroupShape = {\n                ...option,\n                options: [],\n            };\n\n            option.options.forEach((groupOption) => {\n                const matched = process(groupOption);\n\n                if (matched) group.options.push(groupOption);\n            });\n\n            if (group.options.length) {\n                filteredOptions.push(group);\n\n                return;\n            }\n\n            if (!filterGroup) return;\n        }\n        const matched = process(option);\n\n        if (matched) filteredOptions.push(option);\n    });\n\n    return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n    /**\n     * Количество видимых пунктов\n     */\n    visibleOptions: number;\n\n    /**\n     * Реф на контейнер с пунтами меню\n     */\n    listRef: RefObject<HTMLElement>;\n\n    /**\n     * Реф на контейнер, которому нужно установить высоту\n     */\n    styleTargetRef?: RefObject<HTMLElement>;\n\n    /**\n     * Флаг открытия меню\n     */\n    open?: boolean;\n\n    /**\n     * Позволяет вызвать пересчет высоты\n     */\n    invalidate?: unknown;\n\n    /**\n     * Список вариантов выбора\n     */\n    options?: Array<OptionShape | GroupShape>;\n\n    /**\n     * Максимальный размер варианта выбора\n     */\n    size?: Extract<OptionsListProps['size'], number>;\n\n    /**\n     * Учитывать действительное число вариантов выбора\n     */\n    actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n    visibleOptions,\n    listRef,\n    styleTargetRef = listRef,\n    open,\n    invalidate,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    useEffect(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n        const styleTarget = styleTargetRef.current;\n\n        if (open && list && styleTarget && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let height = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                height += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                height =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    height += size / 2;\n                }\n            }\n\n            styleTarget.style.height = `${height}px`;\n        }\n    }, [\n        actualOptionsCount,\n        listRef,\n        open,\n        options,\n        size,\n        styleTargetRef,\n        visibleOptions,\n        invalidate,\n    ]);\n}\n\nexport function useVisibleOptions({\n    visibleOptions,\n    listRef,\n    open,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    const [, runIfMounted] = useIsMounted();\n    const [measured, setMeasured] = useState(false);\n    const [height, setHeight] = useState<number | undefined>();\n\n    useEffect(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n\n        if (open && list && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let measuredHeight = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                measuredHeight += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                measuredHeight =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    measuredHeight += size / 2;\n                }\n            }\n\n            setHeight(measuredHeight);\n\n            setMeasured(true);\n\n            return () => {\n                runIfMounted(() => setMeasured(false));\n            };\n        }\n\n        return fnUtils.noop;\n    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n    return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n    if (!search) return true;\n\n    return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n    return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n    if (typeof option.content === 'string') return option.content;\n    if (typeof option.value === 'string') return option.value;\n\n    return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n    const ref = useRef<T>();\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n    for (let i = array.length - 1; i >= 0; i--) {\n        if (predicate(array[i])) return i;\n    }\n\n    return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n    return {\n        select: dataTestId,\n        option: getDataTestId(dataTestId, 'option'),\n        optionsList: getDataTestId(dataTestId, 'options-list'),\n        clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n        applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n        field: getDataTestId(dataTestId, 'field'),\n        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n        fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n        searchInput: getDataTestId(dataTestId, 'search'),\n        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n        modal: getDataTestId(dataTestId, 'modal'),\n        modalHeader: getDataTestId(dataTestId, 'modal-header'),\n        modalContent: getDataTestId(dataTestId, 'modal-content'),\n    };\n}\n"],"names":["DEFAULT_SEPARATOR","isValidElement","cloneElement","useEffect","useIsMounted","useState","fnUtils","useRef","getDataTestId"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import {\n    cloneElement,\n    isValidElement,\n    type ReactNode,\n    type RefObject,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\n\nimport { DEFAULT_SEPARATOR } from './consts';\nimport {\n    type BaseSelectProps,\n    type GroupShape,\n    type OptionShape,\n    type OptionsListProps,\n} from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n    Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n    !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n    selected,\n    selectedMultiple,\n    valueSeparator = DEFAULT_SEPARATOR,\n}: {\n    selected?: OptionShape;\n    selectedMultiple?: OptionShape[];\n    valueSeparator?: string;\n}) => {\n    const options = selectedMultiple || (selected ? [selected] : []);\n\n    if (!options.length) return null;\n\n    return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n        if (isValidElement(option.content)) {\n            acc.push(cloneElement(option.content, { key: option.key }));\n        } else {\n            acc.push(option.content);\n        }\n\n        if (index < options.length - 1) acc.push(valueSeparator);\n\n        return acc;\n    }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n    options: BaseSelectProps['options'],\n    selected: BaseSelectProps['selected'] = [],\n    filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n    filterGroup = false,\n) {\n    const flatOptions: OptionShape[] = [];\n    const filteredOptions: BaseSelectProps['options'] = [];\n\n    const selectedArray = Array.isArray(selected) ? selected : [selected];\n    const selectedOptions = selectedArray.filter(isOptionShape);\n    const selectedKeys = selectedArray.filter(\n        (option): option is string => typeof option === 'string',\n    );\n\n    const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n    const process = (option: OptionShape | GroupShape) => {\n        const isGroupOption = isGroup(option);\n\n        if (!isGroupOption && isSelected(option)) {\n            selectedOptions.push(option);\n        }\n\n        if (!filterFn(option)) return false;\n\n        if (isGroupOption) {\n            if (filterGroup) {\n                Array.prototype.push.apply(flatOptions, option.options);\n            }\n        } else {\n            flatOptions.push(option);\n        }\n\n        return true;\n    };\n\n    options.forEach((option) => {\n        if (isGroup(option)) {\n            const group: GroupShape = {\n                ...option,\n                options: [],\n            };\n\n            option.options.forEach((groupOption) => {\n                const matched = process(groupOption);\n\n                if (matched) group.options.push(groupOption);\n            });\n\n            if (group.options.length) {\n                filteredOptions.push(group);\n\n                return;\n            }\n\n            if (!filterGroup) return;\n        }\n        const matched = process(option);\n\n        if (matched) filteredOptions.push(option);\n    });\n\n    return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n    /**\n     * Количество видимых пунктов\n     */\n    visibleOptions: number;\n\n    /**\n     * Реф на контейнер с пунтами меню\n     */\n    listRef: RefObject<HTMLElement>;\n\n    /**\n     * Реф на контейнер, которому нужно установить высоту\n     */\n    styleTargetRef?: RefObject<HTMLElement>;\n\n    /**\n     * Флаг открытия меню\n     */\n    open?: boolean;\n\n    /**\n     * Позволяет вызвать пересчет высоты\n     */\n    invalidate?: unknown;\n\n    /**\n     * Список вариантов выбора\n     */\n    options?: Array<OptionShape | GroupShape>;\n\n    /**\n     * Максимальный размер варианта выбора\n     */\n    size?: Extract<OptionsListProps['size'], number>;\n\n    /**\n     * Учитывать действительное число вариантов выбора\n     */\n    actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n    visibleOptions,\n    listRef,\n    styleTargetRef = listRef,\n    open,\n    invalidate,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    useEffect(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n        const styleTarget = styleTargetRef.current;\n\n        if (open && list && styleTarget && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let height = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                height += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                height =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    height += size / 2;\n                }\n            }\n\n            styleTarget.style.height = `${height}px`;\n        }\n    }, [\n        actualOptionsCount,\n        listRef,\n        open,\n        options,\n        size,\n        styleTargetRef,\n        visibleOptions,\n        invalidate,\n    ]);\n}\n\nexport function useVisibleOptions({\n    visibleOptions,\n    listRef,\n    open,\n    options,\n    size,\n    actualOptionsCount,\n}: useVisibleOptionsArgs) {\n    const [, runIfMounted] = useIsMounted();\n    const [measured, setMeasured] = useState(false);\n    const [height, setHeight] = useState<number | undefined>();\n\n    useEffect(() => {\n        const measureOptionHeight = (element: HTMLElement) =>\n            typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n        const list = listRef.current;\n\n        if (open && list && visibleOptions > 0) {\n            const childCount = list.children.length;\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let measuredHeight = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n            if (visibleOptions < childCount) {\n                const lastVisibleOptionHeight = measureOptionHeight(\n                    optionsNodes[optionsNodes.length - 1],\n                );\n\n                // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n                measuredHeight += Math.round(\n                    childCount - visibleOptions === 1\n                        ? lastVisibleOptionHeight\n                        : lastVisibleOptionHeight / 2,\n                );\n            } else if (\n                visibleOptions > childCount &&\n                actualOptionsCount &&\n                typeof size === 'number'\n            ) {\n                const actualCount = (options ?? []).reduce(\n                    (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n                    0,\n                );\n\n                measuredHeight =\n                    Math.min(\n                        actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n                        visibleOptions,\n                    ) * size;\n\n                if (visibleOptions < actualCount) {\n                    measuredHeight += size / 2;\n                }\n            }\n\n            setHeight(measuredHeight);\n\n            setMeasured(true);\n\n            return () => {\n                runIfMounted(() => setMeasured(false));\n            };\n        }\n\n        return fnUtils.noop;\n    }, [actualOptionsCount, listRef, open, options, size, visibleOptions, runIfMounted]);\n\n    return [measured, height] as const;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n    if (!search) return true;\n\n    return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n    return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n    if (typeof option.content === 'string') return option.content;\n    if (typeof option.value === 'string') return option.value;\n\n    return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n    const ref = useRef<T>();\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n    for (let i = array.length - 1; i >= 0; i--) {\n        if (predicate(array[i])) return i;\n    }\n\n    return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n    return {\n        select: dataTestId,\n        option: getDataTestId(dataTestId, 'option'),\n        optionsList: getDataTestId(dataTestId, 'options-list'),\n        clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n        applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n        field: getDataTestId(dataTestId, 'field'),\n        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n        fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n        searchInput: getDataTestId(dataTestId, 'search'),\n        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n        modal: getDataTestId(dataTestId, 'modal'),\n        modalHeader: getDataTestId(dataTestId, 'modal-header'),\n        modalContent: getDataTestId(dataTestId, 'modal-content'),\n    };\n}\n"],"names":["DEFAULT_SEPARATOR","isValidElement","cloneElement","useEffect","useIsMounted","useState","fnUtils","useRef","getDataTestId"],"mappings":"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"}

package/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n    (\n        {\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            fieldProps = {},\n            ...restProps\n        },\n        ref,\n    ) => (\n        <BaseSelect\n            ref={ref}\n            view='desktop'\n            Option={Option}\n            Field={Field}\n            fieldProps={{\n                FormControlComponent: FormControlDesktop,\n                ...(fieldProps as object),\n            }}\n            Search={Search}\n            Optgroup={Optgroup}\n            OptionsList={OptionsList}\n            Arrow={Arrow}\n            Popover={Popover}\n            {...restProps}\n        />\n    ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,6BAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n    (\n        {\n            Arrow = DefaultArrow,\n            Field = DefaultField,\n            OptionsList = DefaultOptionsList,\n            Optgroup = DefaultOptgroup,\n            Option = DefaultOption,\n            Search = DefaultSearch,\n            fieldProps = {},\n            ...restProps\n        },\n        ref,\n    ) => (\n        <BaseSelect\n            ref={ref}\n            view='desktop'\n            Option={Option}\n            Field={Field}\n            fieldProps={{\n                FormControlComponent: FormControlDesktop,\n                ...(fieldProps as object),\n            }}\n            Search={Search}\n            Optgroup={Optgroup}\n            OptionsList={OptionsList}\n            Arrow={Arrow}\n            Popover={Popover}\n            {...restProps}\n        />\n    ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,6BAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}

package/esm/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SelectProps } from './typings';
+import { type SelectProps } from './typings';
 export declare const SelectResponsive: React.ForwardRefExoticComponent<(SelectProps & {
     originalProps?: SelectProps | undefined;
 }) & React.RefAttributes<HTMLDivElement>>;

package/esm/Component.responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { SelectDesktop } from './desktop';\nimport { SelectMobile } from './mobile';\nimport type { SelectFieldProps, SelectProps } from './typings';\n\nexport const SelectResponsive = forwardRef<\n    HTMLDivElement,\n    SelectProps & { originalProps?: SelectProps }\n>(\n    (\n        {\n            onScroll,\n            fieldProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        if (isDesktop) {\n            return (\n                <SelectDesktop\n                    onScroll={onScroll}\n                    {...restProps}\n                    ref={ref}\n                    fieldProps={fieldProps as SelectFieldProps}\n                />\n            );\n        }\n\n        const mobileProps = {\n            ...restProps,\n            /* В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n            ...restProps.originalProps,\n        };\n\n        return <SelectMobile fieldProps={fieldProps} {...mobileProps} ref={ref} />;\n    },\n);\n\nSelectResponsive.displayName = 'SelectResponsive';\n"],"names":[],"mappings":";;;;;;;IAQa,gBAAgB,GAAG,UAAU,CAItC,UACI,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAA,MAAA,CAAA,EAAA,EANhB,4EAOC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,aACV,QAAQ,EAAE,QAAQ,EACd,EAAA,SAAS,IACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAA8B,EAAA,CAAA,CAC5C;AAET;IAED,IAAM,WAAW,yBACV,SAAS,CAAA,EAET,SAAS,CAAC,aAAa,CAC7B;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,QAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,WAAW,EAAE,EAAA,GAAG,EAAE,GAAG,IAAI;AAC9E,CAAC;AAGL,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { SelectDesktop } from './desktop';\nimport { SelectMobile } from './mobile';\nimport { type SelectFieldProps, type SelectProps } from './typings';\n\nexport const SelectResponsive = forwardRef<\n    HTMLDivElement,\n    SelectProps & { originalProps?: SelectProps }\n>(\n    (\n        {\n            onScroll,\n            fieldProps,\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        if (isDesktop) {\n            return (\n                <SelectDesktop\n                    onScroll={onScroll}\n                    {...restProps}\n                    ref={ref}\n                    fieldProps={fieldProps as SelectFieldProps}\n                />\n            );\n        }\n\n        const mobileProps = {\n            ...restProps,\n            /* В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n            ...restProps.originalProps,\n        };\n\n        return <SelectMobile fieldProps={fieldProps} {...mobileProps} ref={ref} />;\n    },\n);\n\nSelectResponsive.displayName = 'SelectResponsive';\n"],"names":[],"mappings":";;;;;;;IAQa,gBAAgB,GAAG,UAAU,CAItC,UACI,EAOC,EACD,GAAG,EAAA;AAPC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAC7E,SAAS,GAAA,MAAA,CAAA,EAAA,EANhB,4EAOC,CADe;IAIhB,IAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,aAAa,aACV,QAAQ,EAAE,QAAQ,EACd,EAAA,SAAS,IACb,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAA8B,EAAA,CAAA,CAC5C;AAET;IAED,IAAM,WAAW,yBACV,SAAS,CAAA,EAET,SAAS,CAAC,aAAa,CAC7B;AAED,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,QAAA,CAAA,EAAA,UAAU,EAAE,UAAU,EAAM,EAAA,WAAW,EAAE,EAAA,GAAG,EAAE,GAAG,IAAI;AAC9E,CAAC;AAGL,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/esm/components/arrow/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrowProps } from '../../typings';
+import { type ArrowProps } from '../../typings';
 export declare const Arrow: ({ open, disabled, className, size }: ArrowProps) => React.JSX.Element;

package/esm/components/arrow/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/arrow/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';\n\nimport { ArrowProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Arrow = ({ open, disabled, className, size }: ArrowProps) => {\n    const ChevronComponent = size === 40 ? ChevronDownSIcon : ChevronDownMIcon;\n\n    return (\n        <ChevronComponent\n            className={cn(styles.arrow, styles[`size-${size}`], className, {\n                [styles.open]: open,\n                [styles.disabled]: disabled,\n            })}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAA+C,EAAA;;QAA7C,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AACnD,IAAA,IAAM,gBAAgB,GAAG,IAAI,KAAK,EAAE,GAAG,gBAAgB,GAAG,gBAAgB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzD,YAAA,EAAA,CAAC,MAAM,CAAC,IAAI,CAAA,GAAG,IAAI;AACnB,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,CACJ;AAEV;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/arrow/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';\nimport { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';\n\nimport { type ArrowProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Arrow = ({ open, disabled, className, size }: ArrowProps) => {\n    const ChevronComponent = size === 40 ? ChevronDownSIcon : ChevronDownMIcon;\n\n    return (\n        <ChevronComponent\n            className={cn(styles.arrow, styles[`size-${size}`], className, {\n                [styles.open]: open,\n                [styles.disabled]: disabled,\n            })}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,KAAK,GAAG,UAAC,EAA+C,EAAA;;QAA7C,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AACnD,IAAA,IAAM,gBAAgB,GAAG,IAAI,KAAK,EAAE,GAAG,gBAAgB,GAAG,gBAAgB;AAE1E,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAA,CAAA,MAAA,CAAQ,IAAI,CAAE,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzD,YAAA,EAAA,CAAC,MAAM,CAAC,IAAI,CAAA,GAAG,IAAI;AACnB,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA,CACJ;AAEV;;;;"}

package/esm/components/arrow/index.css

@@ -6,18 +6,22 @@
 } :root {
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
-} .select__arrow_1ms02 {
+} .select__arrow_nmolo {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
-    transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_1ms02.select__disabled_1ms02 {
+    transition:
+        transform 0.15s ease-in-out,
+        opacity 0.2s ease;
+} .select__arrow_nmolo.select__disabled_nmolo {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_1ms02.select__size-40_1ms02 {
-        width: unset;
-        height: unset;
-    } .select__open_1ms02 {
+    } .select__arrow_nmolo.select__size-40_nmolo {
+        width: auto;
+        width: initial;
+        height: auto;
+        height: initial;
+    } .select__open_nmolo {
     transform: var(--arrow-transform);
 }

package/esm/components/arrow/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"arrow":"select__arrow_1ms02","disabled":"select__disabled_1ms02","size-40":"select__size-40_1ms02","open":"select__open_1ms02"};
+var styles = {"arrow":"select__arrow_nmolo","disabled":"select__disabled_nmolo","size-40":"select__size-40_nmolo","open":"select__open_nmolo"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/arrow/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition: transform 0.15s ease-in-out, opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition:\n        transform 0.15s ease-in-out,\n        opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}

package/esm/components/base-checkmark/Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CheckmarkProps } from '../../typings';
+import { type CheckmarkProps } from '../../typings';
 export declare const BaseCheckmark: ({ selected, disabled, className, multiple, align, }: CheckmarkProps) => React.JSX.Element;

package/esm/components/base-checkmark/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n}: CheckmarkProps) => {\n    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {\n        [styles.single]: !multiple,\n        [styles.selected]: selected,\n    });\n\n    return multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={checkmarkClassNames}\n            size='m'\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon className={checkmarkClassNames} />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,aAAa,GAAG,UAAC,EAMb,EAAA;;QALb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAgB,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA;AAEhB,IAAA,IAAM,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrE,QAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,QAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,OAAO,QAAQ,IACX,KAAA,CAAA,aAAA,CAAC,QAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,GAAG,EACR,WAAW,EAAE,IAAI,EAAA,CACnB,KAEF,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,SAAS,EAAE,mBAAmB,EAAA,CAAI,CACrD;AACL;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark = ({\n    selected,\n    disabled = false,\n    className,\n    multiple,\n    align = 'center',\n}: CheckmarkProps) => {\n    const checkmarkClassNames = cn(styles.checkmark, styles[align], className, {\n        [styles.single]: !multiple,\n        [styles.selected]: selected,\n    });\n\n    return multiple ? (\n        <Checkbox\n            checked={selected}\n            disabled={disabled}\n            className={checkmarkClassNames}\n            size='m'\n            hiddenInput={true}\n        />\n    ) : (\n        <CheckmarkMIcon className={checkmarkClassNames} />\n    );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,aAAa,GAAG,UAAC,EAMb,EAAA;;QALb,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAgB,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA;AAEhB,IAAA,IAAM,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrE,QAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,CAAC,QAAQ;AAC1B,QAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;YAC7B;AAEF,IAAA,OAAO,QAAQ,IACX,KAAA,CAAA,aAAA,CAAC,QAAQ,EACL,EAAA,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,GAAG,EACR,WAAW,EAAE,IAAI,EAAA,CACnB,KAEF,KAAA,CAAA,aAAA,CAAC,cAAc,EAAC,EAAA,SAAS,EAAE,mBAAmB,EAAA,CAAI,CACrD;AACL;;;;"}

package/esm/components/base-checkmark/index.css

@@ -1,15 +1,15 @@
-.select__checkmark_1uchq {
+.select__checkmark_v7690 {
     flex-shrink: 0;
-    box-sizing: border-box
-} .select__checkmark_1uchq.select__start_1uchq {
+    box-sizing: border-box;
+} .select__checkmark_v7690.select__start_v7690 {
         align-self: start;
-    } .select__checkmark_1uchq.select__center_1uchq {
+    } .select__checkmark_v7690.select__center_v7690 {
         align-self: center;
-    } .select__single_1uchq {
+    } .select__single_v7690 {
     display: flex;
     align-items: center;
     justify-content: center;
-    opacity: 0
-} .select__single_1uchq.select__selected_1uchq {
+    opacity: 0;
+} .select__single_v7690.select__selected_v7690 {
         opacity: 1;
     }

package/esm/components/base-checkmark/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"checkmark":"select__checkmark_1uchq","start":"select__start_1uchq","center":"select__center_1uchq","single":"select__single_1uchq","selected":"select__selected_1uchq"};
+var styles = {"checkmark":"select__checkmark_v7690","start":"select__start_v7690","center":"select__center_v7690","single":"select__single_v7690","selected":"select__selected_v7690"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/base-checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}

package/esm/components/base-option/Component.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { OptionProps } from '../../typings';
+import { type FC } from 'react';
+import { type OptionProps } from '../../typings';
 export declare const BaseOption: FC<OptionProps>;

package/esm/components/base-option/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-option/Component.tsx"],"sourcesContent":["import React, { type FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { type OptionProps } from '../../typings';\nimport { BaseCheckmark } from '../base-checkmark';\n\nimport styles from './index.module.css';\n\nexport const BaseOption: FC<OptionProps> = ({\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    multiple,\n    Checkmark = BaseCheckmark,\n    checkmarkPosition = multiple ? 'before' : 'after',\n    align = 'center',\n    innerProps,\n    dataTestId,\n    mobile = false,\n    size,\n}) => {\n    const content = children || option.content || option.key;\n    const { showCheckMark = true } = option;\n\n    const isTextContent = !isValidElement(content);\n\n    const renderCheckmark = () => {\n        if (Checkmark && showCheckMark) {\n            return (\n                <Checkmark\n                    className={cn({\n                        [styles.checkmarkBeforeContent]: checkmarkPosition === 'before',\n                        [styles.checkmarkAfterContent]: checkmarkPosition === 'after',\n                    })}\n                    disabled={disabled}\n                    selected={selected}\n                    multiple={multiple}\n                    align={align}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <div\n            {...innerProps}\n            className={cn(styles.option, size && styles[SIZE_TO_CLASSNAME_MAP[size]], className, {\n                [styles.highlighted]: !mobile && highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n                [styles.textContent]: isTextContent,\n                [styles.mobile]: mobile,\n                [styles.checkmarkAfter]: !isTextContent && checkmarkPosition === 'after',\n                [styles.checkmarkBefore]: !isTextContent && checkmarkPosition === 'before',\n            })}\n            data-test-id={dataTestId}\n        >\n            {checkmarkPosition === 'before' && renderCheckmark()}\n\n            <div className={cn(styles.content)}>{content}</div>\n\n            {checkmarkPosition === 'after' && renderCheckmark()}\n        </div>\n    );\n};\n"],"names":[],"mappings":"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"}

package/esm/components/base-option/index.css

@@ -26,7 +26,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_2247l {
+} .select__option_ltveq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -39,42 +39,42 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer;
-    min-height: var(--size-s-height)
-} .select__option_2247l:not(.select__disabled_2247l):active {
+    min-height: var(--size-s-height);
+} .select__option_ltveq:not(.select__disabled_ltveq):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_2247l.select__checkmarkBefore_2247l {
-        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_2247l.select__checkmarkBefore_2247l.select__mobile_2247l {
+    } .select__option_ltveq.select__checkmarkBefore_ltveq {
+        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);
+    } .select__option_ltveq.select__checkmarkBefore_ltveq.select__mobile_ltveq {
             padding-left: var(--gap-16);
-        } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l {
-        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l.select__size-72_2247l {
+        } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq {
+        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);
+    } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq.select__size-72_ltveq {
             padding-right: var(--gap-16);
-        } .select__option_2247l.select__checkmarkAfter_2247l.select__checkmarkAfter_2247l.select__mobile_2247l {
+        } .select__option_ltveq.select__checkmarkAfter_ltveq.select__checkmarkAfter_ltveq.select__mobile_ltveq {
             padding-right: var(--gap-20);
-        } .select__option_2247l.select__textContent_2247l {
-        padding: var(--gap-12)
-    } .select__option_2247l.select__textContent_2247l.select__size-72_2247l {
+        } .select__option_ltveq.select__textContent_ltveq {
+        padding: var(--gap-12);
+    } .select__option_ltveq.select__textContent_ltveq.select__size-72_ltveq {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_2247l.select__textContent_2247l.select__mobile_2247l {
+        } .select__option_ltveq.select__textContent_ltveq.select__mobile_ltveq {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_2247l {
+        } .select__selected_ltveq {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_2247l {
+} .select__highlighted_ltveq {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_2247l {
+} .select__disabled_ltveq {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_2247l {
+} .select__checkmarkBeforeContent_ltveq {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_2247l {
+} .select__checkmarkAfterContent_ltveq {
     margin-left: var(--gap-12);
-} .select__content_2247l {
+} .select__content_ltveq {
     flex: 1;
 }

package/esm/components/base-option/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"option":"select__option_2247l","disabled":"select__disabled_2247l","checkmarkBefore":"select__checkmarkBefore_2247l","mobile":"select__mobile_2247l","checkmarkAfter":"select__checkmarkAfter_2247l","size-72":"select__size-72_2247l","textContent":"select__textContent_2247l","selected":"select__selected_2247l","highlighted":"select__highlighted_2247l","checkmarkBeforeContent":"select__checkmarkBeforeContent_2247l","checkmarkAfterContent":"select__checkmarkAfterContent_2247l","content":"select__content_2247l"};
+var styles = {"option":"select__option_ltveq","disabled":"select__disabled_ltveq","checkmarkBefore":"select__checkmarkBefore_ltveq","mobile":"select__mobile_ltveq","checkmarkAfter":"select__checkmarkAfter_ltveq","size-72":"select__size-72_ltveq","textContent":"select__textContent_ltveq","selected":"select__selected_ltveq","highlighted":"select__highlighted_ltveq","checkmarkBeforeContent":"select__checkmarkBeforeContent_ltveq","checkmarkAfterContent":"select__checkmarkAfterContent_ltveq","content":"select__content_ltveq"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/base-option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}