@alfalab/core-components-select 17.20.13 → 17.20.14-snapshot-1393ffa

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

@@ -0,0 +1 @@
+{"version":3,"file":"hook.js","sources":["../../../../src/presets/useSelectWithApply/hook.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport type { AnyObject, BaseSelectProps, OptionShape } from '../../typings';\nimport {\n    defaultAccessor,\n    defaultFilterFn,\n    defaultGroupAccessor,\n    isGroup,\n    processOptions,\n} from '../../utils';\n\nimport { OptionsListWithApply } from './options-list-with-apply';\n\nexport type UseSelectWithApplyProps = {\n    /**\n     * Список выбранных пунктов\n     */\n    selected: BaseSelectProps['selected'];\n\n    /**\n     * Список вариантов выбора\n     */\n    options: BaseSelectProps['options'];\n\n    /**\n     * Обработчик выбора\n     */\n    onChange: BaseSelectProps['onChange'];\n\n    /**\n     * Дополнительный обработчик клика на чекбокс выбрать все\n     */\n    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;\n\n    /**\n     * Компонент выпадающего меню\n     */\n    OptionsList?: BaseSelectProps['OptionsList'];\n\n    /**\n     * Пропсы, которые будут прокинуты в компонент списка\n     */\n    optionsListProps?: BaseSelectProps['optionsListProps'];\n\n    /**\n     * Включает отображение поиска\n     */\n    showSearch?: BaseSelectProps['showSearch'];\n\n    /**\n     *  Настройки поиска\n     */\n    searchProps?: BaseSelectProps['searchProps'];\n\n    /**\n     * Показывать кнопку очистки\n     */\n    showClear?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\"\n     */\n    showSelectAll?: boolean;\n\n    /**\n     * Показывать пункт \"Выбрать все\" в заголовке списка\n     */\n    showHeaderWithSelectAll?: boolean;\n};\n\nexport const SELECT_ALL_KEY = 'select_all';\n\nconst selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };\n\nexport function useSelectWithApply({\n    options,\n    selected,\n    onChange = () => null,\n    onSelectAllClick = () => null,\n    OptionsList,\n    optionsListProps = {},\n    showClear = true,\n    showSelectAll = false,\n    showHeaderWithSelectAll = false,\n    showSearch = false,\n    searchProps = {},\n}: UseSelectWithApplyProps) {\n    const [searchState, setSearchState] = useState('');\n\n    const [search, setSearch] =\n        typeof searchProps?.value === 'string'\n            ? [searchProps.value, searchProps.onChange]\n            : [searchState, setSearchState];\n\n    const accessor = searchProps.accessor || defaultAccessor;\n    const filterFn = searchProps.filterFn || defaultFilterFn;\n    const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n    const filterGroup = searchProps.filterGroup ?? false;\n\n    const { flatOptions, filteredOptions, selectedOptions } = useMemo(\n        () =>\n            processOptions(\n                options,\n                selected,\n                showSearch\n                    ? (option) => {\n                          if (isGroup(option)) {\n                              const groupAccessorValue = groupAccessor(option);\n\n                              return (\n                                  typeof groupAccessorValue === 'string' &&\n                                  filterFn(groupAccessorValue, search)\n                              );\n                          }\n\n                          return filterFn(accessor(option), search);\n                      }\n                    : undefined,\n                filterGroup,\n            ),\n        [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor],\n    );\n\n    const [selectedDraft, setSelectedDraft] = useState<OptionShape[]>(selectedOptions);\n\n    const selectedOptionsRef = useRef<OptionShape[]>(selectedOptions);\n\n    const handleApply = () => {\n        onChange({\n            selected: selectedDraft[0],\n            selectedMultiple: selectedDraft,\n            initiator: null,\n            name: 'apply-footer',\n        });\n    };\n\n    const handleClear = () => {\n        setSelectedDraft([]);\n        onChange({\n            selected: null,\n            selectedMultiple: [],\n            initiator: null,\n            name: 'reset-footer',\n        });\n    };\n\n    const handleToggleAll = () => {\n        const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;\n\n        onSelectAllClick(optionsToSet);\n        setSelectedDraft(optionsToSet);\n    };\n\n    const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);\n\n    const handleChange: Required<BaseSelectProps>['onChange'] = ({ initiator, ...restArgs }) => {\n        if (!initiator) {\n            onChange({\n                initiator: null,\n                ...restArgs,\n            });\n\n            return;\n        }\n\n        const initiatorSelected =\n            selectedDraft.some(\n                (selectedDraftOption) => selectedDraftOption.key === initiator.key,\n            ) ||\n            (initiator.key === SELECT_ALL_KEY &&\n                (selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key))));\n\n        if (initiator.key === SELECT_ALL_KEY) {\n            setSelectedDraft(initiatorSelected ? [] : flatOptions);\n        } else {\n            setSelectedDraft(\n                initiatorSelected\n                    ? selectedDraft.filter((o) => o.key !== initiator.key)\n                    : selectedDraft.concat(initiator),\n            );\n        }\n    };\n\n    const handleClose = () => setSelectedDraft(selectedOptionsRef.current);\n\n    useEffect(() => {\n        // устанавливать selectedDraft если selectedOptions изменились\n        if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {\n            setSelectedDraft(selectedOptions);\n        }\n        selectedOptionsRef.current = selectedOptions;\n    }, [selectedOptions]);\n\n    const memoizedOptions = useMemo(\n        () =>\n            filteredOptions.length && showSelectAll\n                ? [selectAllOption, ...filteredOptions]\n                : filteredOptions,\n        [filteredOptions, showSelectAll],\n    );\n\n    return {\n        OptionsList: OptionsListWithApply,\n        optionsListProps: {\n            ...(optionsListProps as AnyObject),\n            OptionsList,\n            showClear,\n            onClear: handleClear,\n            onApply: handleApply,\n            onClose: handleClose,\n            selectedDraft,\n            setSelectedDraft,\n            showHeaderWithSelectAll,\n            headerProps: {\n                ...(optionsListProps as AnyObject)?.headerProps,\n                indeterminate: selectedDraft.length > 0,\n                checked:\n                    selectedDraft.length === flatOptions.length ||\n                    flatOptions.every(({ key }) => selectedKeys.includes(key)),\n                onChange: handleToggleAll,\n            },\n        },\n        multiple: true,\n        options: memoizedOptions,\n        onChange: handleChange,\n        selected,\n        showSearch,\n        searchProps: showSearch\n            ? {\n                  ...searchProps,\n                  value: search,\n                  onChange: setSearch,\n              }\n            : undefined,\n        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n        originalProps: {\n            options,\n            selected,\n            onChange,\n            OptionsList,\n            optionsListProps,\n            showClear,\n            showSelectAll,\n            showHeaderWithSelectAll,\n            showSearch,\n            searchProps,\n        },\n    };\n}\n"],"names":["useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"mappings":";;;;;;;;;;;;;;AAuEO,IAAM,cAAc,GAAG;AAE9B,IAAM,eAAe,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE;AAEjE,SAAU,kBAAkB,CAAC,EAYT,EAAA;;AAXtB,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,QAAA,EAArB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,YAAM,EAAA,OAAA,IAAI,CAAA,EAAA,GAAA,EAAA,EACrB,EAA6B,GAAA,EAAA,CAAA,gBAAA,EAA7B,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,GAAA,EAAA,EAC7B,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,EAAqB,GAAA,EAAA,CAAA,gBAAA,EAArB,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACrB,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACrB,EAA+B,GAAA,EAAA,CAAA,uBAAA,EAA/B,uBAAuB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAC/B,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAgB,GAAA,EAAA,CAAA,WAAA,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;IAEV,IAAA,EAAA,GAAgCA,cAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAgB;AAE5C,IAAA,IAAA,EACF,GAAA,QAAO,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,KAAK,CAAA,KAAK;UACxB,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ;AAC1C,UAAE,CAAC,WAAW,EAAE,cAAc,CAAC,EAHhC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAGe;AAEvC,IAAA,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAIC,qBAAe;AACxD,IAAA,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAIC,qBAAe;IACxD,IAAM,aAAa,GAAG,CAAA,EAAA,GAAA,WAAW,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,0BAAoB;IACvE,IAAM,WAAW,GAAG,CAAA,EAAA,GAAA,WAAW,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;IAE9C,IAAA,EAAA,GAAoDC,aAAO,CAC7D,YAAA;AACI,QAAA,OAAAC,oBAAc,CACV,OAAO,EACP,QAAQ,EACR;cACM,UAAC,MAAM,EAAA;AACH,gBAAA,IAAIC,aAAO,CAAC,MAAM,CAAC,EAAE;AACjB,oBAAA,IAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC;AAEhD,oBAAA,QACI,OAAO,kBAAkB,KAAK,QAAQ;AACtC,wBAAA,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;AAE3C;gBAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;;AAE/C,cAAE,SAAS,EACf,WAAW,CACd;AAlBD,KAkBC,EACL,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,CAC1F,EAtBO,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAsBpD;IAEK,IAAA,EAAA,GAAoCN,cAAQ,CAAgB,eAAe,CAAC,EAA3E,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA4C;AAElF,IAAA,IAAM,kBAAkB,GAAGO,YAAM,CAAgB,eAAe,CAAC;AAEjE,IAAA,IAAM,WAAW,GAAG,YAAA;AAChB,QAAA,QAAQ,CAAC;AACL,YAAA,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AAC1B,YAAA,gBAAgB,EAAE,aAAa;AAC/B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,cAAc;AACvB,SAAA,CAAC;AACN,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,gBAAgB,CAAC,EAAE,CAAC;AACpB,QAAA,QAAQ,CAAC;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,gBAAgB,EAAE,EAAE;AACpB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,cAAc;AACvB,SAAA,CAAC;AACN,KAAC;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;AACpB,QAAA,IAAM,YAAY,GAAG,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,GAAG,EAAE,GAAG,WAAW;QAEnF,gBAAgB,CAAC,YAAY,CAAC;QAC9B,gBAAgB,CAAC,YAAY,CAAC;AAClC,KAAC;IAED,IAAM,YAAY,GAAGH,aAAO,CAAC,YAAA,EAAM,OAAA,aAAa,CAAC,GAAG,CAAC,UAAC,EAAO,EAAA;AAAL,QAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,QAAA,OAAA,GAAG;KAAA,CAAC,GAAA,EAAE,CAAC,aAAa,CAAC,CAAC;IAExF,IAAM,YAAY,GAA0C,UAAC,EAA0B,EAAA;AAAxB,QAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,QAAQ,GAAAI,YAAA,CAAA,EAAA,EAAxB,aAA0B,CAAF;QACjF,IAAI,CAAC,SAAS,EAAE;AACZ,YAAA,QAAQ,kBACJ,SAAS,EAAE,IAAI,EACZ,EAAA,QAAQ,EACb;YAEF;AACH;AAED,QAAA,IAAM,iBAAiB,GACnB,aAAa,CAAC,IAAI,CACd,UAAC,mBAAmB,EAAA,EAAK,OAAA,mBAAmB,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAA,EAAA,CACrE;AACD,aAAC,SAAS,CAAC,GAAG,KAAK,cAAc;AAC7B,iBAAC,aAAa,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM;AACxC,oBAAA,WAAW,CAAC,KAAK,CAAC,UAAC,EAAO,EAAA;AAAL,wBAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,wBAAA,OAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;qBAAA,CAAC,CAAC,CAAC;AAExE,QAAA,IAAI,SAAS,CAAC,GAAG,KAAK,cAAc,EAAE;YAClC,gBAAgB,CAAC,iBAAiB,GAAG,EAAE,GAAG,WAAW,CAAC;AACzD;AAAM,aAAA;AACH,YAAA,gBAAgB,CACZ;AACI,kBAAE,aAAa,CAAC,MAAM,CAAC,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAA,EAAA;kBACnD,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CACxC;AACJ;AACL,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAM,EAAA,OAAA,gBAAgB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAA5C,EAA4C;AAEtE,IAAAC,eAAS,CAAC,YAAA;;QAEN,IAAI,CAACC,iCAAgB,CAAC,kBAAkB,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE;YAChE,gBAAgB,CAAC,eAAe,CAAC;AACpC;AACD,QAAA,kBAAkB,CAAC,OAAO,GAAG,eAAe;AAChD,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAErB,IAAM,eAAe,GAAGN,aAAO,CAC3B,YAAA;AACI,QAAA,OAAA,eAAe,CAAC,MAAM,IAAI;AACtB,mCAAG,eAAe,CAAA,EAAK,eAAe,EACtC,IAAA,CAAA,GAAE,eAAe;AAFrB,KAEqB,EACzB,CAAC,eAAe,EAAE,aAAa,CAAC,CACnC;IAED,OAAO;AACH,QAAA,WAAW,EAAEO,8BAAoB;QACjC,gBAAgB,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACR,gBAA8B,CAAA,EAAA,EAClC,WAAW,EAAA,WAAA,EACX,SAAS,EAAA,SAAA,EACT,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAA,aAAA,EACb,gBAAgB,EAAA,gBAAA,EAChB,uBAAuB,yBAAA,EACvB,WAAW,EACHA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,gBAA8B,KAA9B,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAgB,WAAW,CAC/C,EAAA,EAAA,aAAa,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EACvC,OAAO,EACH,aAAa,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM;AAC3C,oBAAA,WAAW,CAAC,KAAK,CAAC,UAAC,EAAO,EAAA;AAAL,wBAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,wBAAA,OAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,qBAA0B,CAAC,EAC9D,QAAQ,EAAE,eAAe,EAEhC,CAAA,EAAA,CAAA;AACD,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAE;AACT,cACSA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,WAAW,CACd,EAAA,EAAA,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,SAAS,EAEzB,CAAA,GAAE,SAAS;;AAEf,QAAA,aAAa,EAAE;AACX,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,gBAAgB,EAAA,gBAAA;AAChB,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,uBAAuB,EAAA,uBAAA;AACvB,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,WAAW,EAAA,WAAA;AACd,SAAA;KACJ;AACL;;;;;"}

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

@@ -2,14 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('tslib');
-require('react');
-require('../../../components/options-list/Component.js');
-require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-928265a3.js');
-require('./footer/Component.js');
-require('./header/Component.js');
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../../../components/options-list/Component.js');
+var consts = require('../../../consts.js');
+var hook = require('../hook.js');
+var Component$1 = require('./footer/Component.js');
+var Component$2 = require('./header/Component.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;
+var OptionsListWithApply = React.forwardRef(function (_a, ref) {
+    var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer = _k === void 0 ? Component$1.Footer : _k, _l = _a.Header, Header = _l === void 0 ? Component$2.Header : _l, header = _a.header, headerProps = _a.headerProps, setSelectedDraft = _a.setSelectedDraft, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "showHeaderWithSelectAll", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer", "Header", "header", "headerProps", "setSelectedDraft"]);
+    var getOptionProps = React.useCallback(function (option, index) {
+        var optionProps = defaultGetOptionProps(option, index);
+        var selected = option.key === hook.SELECT_ALL_KEY
+            ? selectedDraft.length === flatOptions.length - 1
+            : selectedDraft.some(function (_a) {
+                var key = _a.key;
+                return key === option.key;
+            });
+        return tslib.__assign(tslib.__assign({}, optionProps), { selected: selected });
+    }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
+    var handleApply = React.useCallback(function () {
+        onApply();
+        toggleMenu();
+    }, [onApply, toggleMenu]);
+    var handleClear = React.useCallback(function () {
+        onClear();
+        toggleMenu();
+    }, [onClear, toggleMenu]);
+    var handleSelectedItems = React.useCallback(function (items) {
+        setSelectedDraft === null || setSelectedDraft === void 0 ? void 0 : setSelectedDraft(items);
+    }, [setSelectedDraft]);
+    React.useEffect(function () {
+        var activeElement = document.activeElement;
+        return function () {
+            onClose();
+            if (activeElement) {
+                activeElement.focus();
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var renderHeader = function () {
+        if (!showHeaderWithSelectAll && !header)
+            return undefined;
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            header,
+            showHeaderWithSelectAll && flatOptions.length > 0 && (React__default.default.createElement(Header, tslib.__assign({}, headerProps)))));
+    };
+    return (React__default.default.createElement(OptionsList, tslib.__assign({}, restProps, { ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), selectedItems: selectedDraft, setSelectedItems: handleSelectedItems, footer: React__default.default.createElement(Footer, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }) })));
+});
+
+exports.OptionsListWithApply = OptionsListWithApply;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/Component.tsx"],"sourcesContent":["import React, { FC, forwardRef, RefAttributes, useCallback, useEffect } from 'react';\n\nimport { OptionsList as DefaultOptionsList } from '../../../components/options-list';\nimport { DEFAULT_VISIBLE_OPTIONS } from '../../../consts';\nimport { OptionShape, OptionsListProps } from '../../../typings';\nimport { SELECT_ALL_KEY } from '../hook';\n\nimport { Footer as DefaultFooter, FooterProps } from './footer/Component';\nimport { Header as DefaultHeader, HeaderProps } from './header/Component';\n\ntype OptionsListWithApplyProps = OptionsListProps & {\n    showClear?: boolean;\n    onClose?: () => void;\n    selectedDraft?: OptionShape[];\n    OptionsList?: React.FC<OptionsListProps & RefAttributes<HTMLDivElement>>;\n    Footer?: FC<FooterProps>;\n    Header?: FC<HeaderProps>;\n    headerProps?: HeaderProps;\n    showHeaderWithSelectAll?: boolean;\n    setSelectedDraft?: (selectedDraft: OptionShape[]) => void;\n};\n\nexport const OptionsListWithApply = forwardRef<HTMLDivElement, OptionsListWithApplyProps>(\n    (\n        {\n            toggleMenu,\n            getOptionProps: defaultGetOptionProps,\n            showClear = true,\n            showHeaderWithSelectAll,\n            selectedDraft = [],\n            flatOptions = [],\n            OptionsList = DefaultOptionsList,\n            onApply = () => null,\n            onClear = () => null,\n            onClose = () => null,\n            visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n            Footer = DefaultFooter,\n            Header = DefaultHeader,\n            header,\n            headerProps,\n            setSelectedDraft,\n            ...restProps\n        }: OptionsListWithApplyProps,\n        ref,\n    ) => {\n        const getOptionProps = useCallback(\n            (option: OptionShape, index: number) => {\n                const optionProps = defaultGetOptionProps(option, index);\n\n                const selected =\n                    option.key === SELECT_ALL_KEY\n                        ? selectedDraft.length === flatOptions.length - 1\n                        : selectedDraft.some(({ key }) => key === option.key);\n\n                return {\n                    ...optionProps,\n                    selected,\n                };\n            },\n            [defaultGetOptionProps, flatOptions.length, selectedDraft],\n        );\n\n        const handleApply = useCallback(() => {\n            onApply();\n\n            toggleMenu();\n        }, [onApply, toggleMenu]);\n\n        const handleClear = useCallback(() => {\n            onClear();\n\n            toggleMenu();\n        }, [onClear, toggleMenu]);\n\n        const handleSelectedItems = useCallback(\n            (items: OptionShape[]) => {\n                setSelectedDraft?.(items);\n            },\n            [setSelectedDraft],\n        );\n\n        useEffect(() => {\n            const activeElement = document.activeElement as HTMLElement;\n\n            return () => {\n                onClose();\n                if (activeElement) {\n                    activeElement.focus();\n                }\n            };\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, []);\n\n        const renderHeader = () => {\n            if (!showHeaderWithSelectAll && !header) return undefined;\n\n            return (\n                <React.Fragment>\n                    {header}\n                    {showHeaderWithSelectAll && flatOptions.length > 0 && (\n                        <Header {...headerProps} />\n                    )}\n                </React.Fragment>\n            );\n        };\n\n        return (\n            <OptionsList\n                {...restProps}\n                ref={ref}\n                visibleOptions={visibleOptions}\n                toggleMenu={toggleMenu}\n                flatOptions={flatOptions}\n                getOptionProps={getOptionProps}\n                onApply={handleApply}\n                onClear={handleClear}\n                header={renderHeader()}\n                selectedItems={selectedDraft}\n                setSelectedItems={handleSelectedItems}\n                footer={\n                    <Footer\n                        handleApply={handleApply}\n                        handleClear={handleClear}\n                        showClear={showClear}\n                        selectedDraft={selectedDraft}\n                        dataTestId={restProps?.dataTestId}\n                    />\n                }\n            />\n        );\n    },\n);\n"],"names":["forwardRef","DefaultOptionsList","DEFAULT_VISIBLE_OPTIONS","DefaultFooter","DefaultHeader","__rest","useCallback","SELECT_ALL_KEY","__assign","useEffect","React"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var desktop = require('@alfalab/core-components-button/cssm/desktop');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
+var cssm = require('@alfalab/core-components-shared/cssm');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -17,8 +17,9 @@ var Footer = function (_a) {
     return (React__default.default.createElement("div", { 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         tabIndex: 0, className: styles__default.default.footer },
-        React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply'), className: styles__default.default.button }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear'), className: styles__default.default.button }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+        React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: cssm.getDataTestId(dataTestId, 'apply'), className: styles__default.default.button }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: cssm.getDataTestId(dataTestId, 'clear'), className: styles__default.default.button }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 };
 
 exports.Footer = Footer;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { OptionShape } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n    handleClear?: () => void;\n    handleApply?: () => void;\n    showClear?: boolean;\n    selectedDraft?: OptionShape[];\n    dataTestId?: string;\n};\n\nexport const Footer = ({\n    handleApply,\n    handleClear,\n    showClear,\n    selectedDraft = [],\n    dataTestId,\n}: FooterProps) => (\n    <div\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        className={styles.footer}\n    >\n        <ButtonDesktop\n            size={32}\n            view='primary'\n            onClick={handleApply}\n            dataTestId={getDataTestId(dataTestId, 'apply')}\n            className={styles.button}\n        >\n            Применить\n        </ButtonDesktop>\n\n        {showClear && selectedDraft.length > 0 && (\n            <ButtonDesktop\n                size={32}\n                view='secondary'\n                onClick={handleClear}\n                dataTestId={getDataTestId(dataTestId, 'clear')}\n                className={styles.button}\n            >\n                Сбросить\n            </ButtonDesktop>\n        )}\n    </div>\n);\n"],"names":["React","styles","ButtonDesktop","getDataTestId"],"mappings":";;;;;;;;;;;;;;AAiBO,IAAM,MAAM,GAAG,UAAC,EAMT,EAAA;AALV,IAAA,IAAA,WAAW,iBAAA,EACX,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAkB,GAAA,EAAA,CAAA,aAAA,EAAlB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA;AACK,IAAA,QACfA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAEI,QAAA,QAAQ,EAAE,CAAC,EACX,SAAS,EAAEC,uBAAM,CAAC,MAAM,EAAA;AAExB,QAAAD,sBAAA,CAAA,aAAA,CAACE,qBAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,UAAU,EAAEC,kBAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAEF,uBAAM,CAAC,MAAM,EAGZ,EAAA,wDAAA,CAAA;AAEf,QAAA,SAAS,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KAClCD,sBAAA,CAAA,aAAA,CAACE,qBAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAEC,kBAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAEF,uBAAM,CAAC,MAAM,EAGZ,EAAA,kDAAA,CAAA,CACnB,CACC;AA3BS;;;;"}

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

@@ -1,31 +1,11 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
-    --color-light-base-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+:root {
+    --color-light-base-bg-primary: #fff;
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-xs: 8px;
+    --gap-s: 12px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
 } :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 } .footer {
     background-color: var(--color-light-base-bg-primary);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsCheckbox = require('@alfalab/core-components-checkbox/cssm');
+var cssm = require('@alfalab/core-components-checkbox/cssm');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -17,7 +17,8 @@ var Header = function (_a) {
     var _b;
     var onChange = _a.onChange, checked = _a.checked, indeterminate = _a.indeterminate, mobile = _a.mobile, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles__default.default.desktop] = !mobile, _b[styles__default.default.mobile] = mobile, _b)) },
-        React__default.default.createElement(coreComponentsCheckbox.Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId })));
+        React__default.default.createElement(cssm.Checkbox, { block: true, indeterminate: indeterminate, size: 'm', onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId })));
 };
 
 exports.Header = Header;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +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 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};\n\nexport const Header: React.FC<HeaderProps> = ({\n    onChange,\n    checked,\n    indeterminate,\n    mobile,\n    dataTestId,\n}) => (\n    <div className={cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile })}>\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","Checkbox"],"mappings":";;;;;;;;;;;;;;;AAeO,IAAM,MAAM,GAA0B,UAAC,EAM7C,EAAA;;AALG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA;IACR,QACFA,8CAAK,SAAS,EAAEC,mBAAE,EAAG,EAAA,GAAA,EAAA,EAAA,EAAA,CAACC,uBAAM,CAAC,OAAO,IAAG,CAAC,MAAM,EAAE,EAAC,CAAAA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM,EAAG,EAAA,EAAA,EAAA;AACtE,QAAAF,sBAAA,CAAA,aAAA,CAACG,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;AAXJ;;;;"}

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

@@ -1,30 +1,9 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */ /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
-} :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .desktop {
+} .desktop {
     padding: var(--gap-12);
 } .mobile {
     padding: var(--gap-12) var(--gap-8);

package/cssm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-928265a3.js');
+var Component = require('./Component.js');
 
 
 
-exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;
+exports.OptionsListWithApply = Component.OptionsListWithApply;
+//# sourceMappingURL=index.js.map

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

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

package/cssm/presets/useSelectWithLoading/hook.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
+var cssm = require('@alfalab/core-components-skeleton/cssm');
 require('classnames');
 require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
@@ -14,7 +14,7 @@ require('../../components/checkmark/index.module.css');
 require('../../components/option/desktop/index.module.css');
 require('../../components/checkmark-mobile/index.module.css');
 require('../../components/option/mobile/index.module.css');
-var components_option_Component_responsive = require('../../components/option/Component.responsive.js');
+var Component_responsive = require('../../components/option/Component.responsive.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -23,14 +23,14 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function useSelectWithLoading(_a) {
-    var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c, _d = _a.Option, Option = _d === void 0 ? components_option_Component_responsive.OptionResponsive : _d;
+    var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.visibleOptions, visibleOptions = _c === void 0 ? 6 : _c, _d = _a.Option, Option = _d === void 0 ? Component_responsive.OptionResponsive : _d;
     var renderOption = function (props) { return (React__default.default.createElement(Option, tslib.__assign({}, props, { Checkmark: null, highlighted: loading ? false : props.highlighted }))); };
     var options = Array(visibleOptions)
         .fill(0)
         .map(function (_, key) { return ({
         key: "loading-".concat(key),
         disabled: true,
-        content: React__default.default.createElement(coreComponentsSkeleton.Skeleton, { className: styles__default.default.skeleton, visible: true }),
+        content: React__default.default.createElement(cssm.Skeleton, { className: styles__default.default.skeleton, visible: true }),
     }); });
     if (!loading)
         return null;
@@ -41,3 +41,4 @@ function useSelectWithLoading(_a) {
 }
 
 exports.useSelectWithLoading = useSelectWithLoading;
+//# sourceMappingURL=hook.js.map

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

@@ -0,0 +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;;;;"}

package/cssm/shared/index.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
-var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-928265a3.js');
+var hook = require('../presets/useSelectWithLoading/hook.js');
+var hook$1 = require('../presets/useLazyLoading/hook.js');
+var hook$2 = require('../presets/useSelectWithApply/hook.js');
 var utils = require('../utils.js');
-var components_option_desktop_Component = require('../components/option/desktop/Component.js');
-var components_option_mobile_Component = require('../components/option/mobile/Component.js');
-var components_option_Component_responsive = require('../components/option/Component.responsive.js');
-var components_baseOption_Component = require('../components/base-option/Component.js');
-var components_optionsList_Component = require('../components/options-list/Component.js');
-var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var components_field_Component = require('../components/field/Component.js');
-var components_arrow_Component = require('../components/arrow/Component.js');
-var components_baseSelect_Component = require('../components/base-select/Component.js');
-var components_optgroup_Component = require('../components/optgroup/Component.js');
-var components_footer_Component = require('../components/footer/Component.js');
-var components_search_Component = require('../components/search/Component.js');
+var Component = require('../components/option/desktop/Component.js');
+var Component$1 = require('../components/option/mobile/Component.js');
+var Component_responsive = require('../components/option/Component.responsive.js');
+var Component$2 = require('../components/base-option/Component.js');
+var Component$3 = require('../components/options-list/Component.js');
+var Component$4 = require('../components/virtual-options-list/Component.js');
+var Component$5 = require('../components/field/Component.js');
+var Component$6 = require('../components/arrow/Component.js');
+var Component$7 = require('../components/base-select/Component.js');
+var Component$8 = require('../components/optgroup/Component.js');
+var Component$9 = require('../components/footer/Component.js');
+var Component$a = require('../components/search/Component.js');
 
 
 
-exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
-exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
-exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
-exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
+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;
 exports.defaultGroupAccessor = utils.defaultGroupAccessor;
@@ -37,15 +37,16 @@ exports.processOptions = utils.processOptions;
 exports.usePrevious = utils.usePrevious;
 exports.useVirtualVisibleOptions = utils.useVirtualVisibleOptions;
 exports.useVisibleOptions = utils.useVisibleOptions;
-exports.OptionDesktop = components_option_desktop_Component.OptionDesktop;
-exports.OptionMobile = components_option_mobile_Component.OptionMobile;
-exports.Option = components_option_Component_responsive.OptionResponsive;
-exports.BaseOption = components_baseOption_Component.BaseOption;
-exports.OptionsList = components_optionsList_Component.OptionsList;
-exports.VirtualOptionsList = components_virtualOptionsList_Component.VirtualOptionsList;
-exports.Field = components_field_Component.Field;
-exports.Arrow = components_arrow_Component.Arrow;
-exports.BaseSelect = components_baseSelect_Component.BaseSelect;
-exports.Optgroup = components_optgroup_Component.Optgroup;
-exports.Footer = components_footer_Component.Footer;
-exports.Search = components_search_Component.Search;
+exports.OptionDesktop = Component.OptionDesktop;
+exports.OptionMobile = Component$1.OptionMobile;
+exports.Option = Component_responsive.OptionResponsive;
+exports.BaseOption = Component$2.BaseOption;
+exports.OptionsList = Component$3.OptionsList;
+exports.VirtualOptionsList = Component$4.VirtualOptionsList;
+exports.Field = Component$5.Field;
+exports.Arrow = Component$6.Arrow;
+exports.BaseSelect = Component$7.BaseSelect;
+exports.Optgroup = Component$8.Optgroup;
+exports.Footer = Component$9.Footer;
+exports.Search = Component$a.Search;
+//# sourceMappingURL=index.js.map

package/cssm/shared/index.js.map

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

package/cssm/src/Component.responsive.d.ts

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

package/cssm/src/components/arrow/Component.d.ts

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

package/cssm/src/components/arrow/index.d.ts

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

package/cssm/src/components/base-checkmark/Component.d.ts

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

package/cssm/src/components/base-checkmark/index.d.ts

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

package/cssm/src/components/base-option/Component.d.ts

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

package/cssm/src/components/base-option/index.d.ts

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

package/cssm/src/components/base-select/Component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const BaseSelect: React.ForwardRefExoticComponent<import("../../typings").BaseSelectProps & import("../../typings").AdditionalMobileProps & import("../../typings").BottomSheetSelectMobileProps & import("../../typings").ModalSelectMobileProps & {
+    isBottomSheet?: boolean | undefined;
+    view: "mobile" | "desktop";
+    Popover?: React.ForwardRefExoticComponent<import("@alfalab/core-components-popover").PopoverProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    BottomSheet?: React.ForwardRefExoticComponent<import("@alfalab/core-components-bottom-sheet").BottomSheetProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    ModalMobile?: (React.ForwardRefExoticComponent<import("@alfalab/core-components-modal/typings").ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+        Header: React.FC<import("@alfalab/core-components-modal/shared").ModalHeaderProps>;
+        Footer: React.FC<import("@alfalab/core-components-modal/shared").ModalFooterProps>;
+        Content: React.FC<import("@alfalab/core-components-modal/typings").ContentProps>;
+    }) | undefined;
+} & React.RefAttributes<unknown>>;

package/cssm/src/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types/component-types';
+export declare const getListPopoverDesktopProps: (props: ComponentProps) => {
+    Popover: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    popoverProps: Omit<import("@alfalab/core-components-popover").PopoverProps, "open" | "className" | "dataTestId" | "preventFlip" | "position" | "update" | "zIndex" | "anchorElement"> | undefined;
+    popoverPosition: import("@alfalab/core-components-popover").Position;
+    preventFlip: boolean;
+    popperClassName: string | undefined;
+    updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;
+    zIndexPopover: number | undefined;
+};

package/cssm/src/components/base-select/components/list-desktop/list-popover-desktop.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode, RefObject } from 'react';
+import { ListPopoverDesktopRestProps } from './types/types';
+declare type ListPopoverDesktopProps = {
+    open: boolean;
+    fieldRef: RefObject<HTMLInputElement>;
+    renderOptionsList: () => ReactNode;
+} & ListPopoverDesktopRestProps;
+export declare const ListPopoverDesktop: FC<ListPopoverDesktopProps>;
+export {};

package/cssm/src/components/base-select/components/list-desktop/types/types.d.ts

@@ -0,0 +1,2 @@
+import { getListPopoverDesktopProps } from '../helpers/get-list-popover-desktop-props';
+export declare type ListPopoverDesktopRestProps = ReturnType<typeof getListPopoverDesktopProps>;

package/cssm/src/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types/component-types';
+export declare const getListBottomSheetMobileProps: (props: ComponentProps) => {
+    BottomSheet: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-bottom-sheet").BottomSheetProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    dataTestId: string | undefined;
+    label: import("react").ReactNode;
+    placeholder: string | undefined;
+    footer: import("react").ReactNode;
+    swipeable: boolean | undefined;
+    showSearch: boolean | undefined;
+    bottomSheetProps: (Omit<Partial<import("@alfalab/core-components-bottom-sheet").BottomSheetProps>, "bottomAddons"> & {
+        bottomAddons?: import("react").ReactNode | ((flatOptions: import("../../../../../typings").OptionShape[]) => import("react").ReactNode);
+    }) | undefined;
+    isBottomSheet: boolean;
+    nativeSelect: boolean;
+    onScroll: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+};