@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.1

package/select/cssm/hook-aae7b381.js

@@ -0,0 +1,142 @@
+var tslib = require('tslib');
+var React = require('react');
+var utils = require('./utils.js');
+var components_optionsList_Component = require('./components/options-list/Component.js');
+var consts = require('./consts.js');
+var presets_useSelectWithApply_optionsListWithApply_footer_Component = require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+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 ? components_optionsList_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 ? presets_useSelectWithApply_optionsListWithApply_footer_Component.Footer : _k, _l = _a.Header, Header = _l === void 0 ? presets_useSelectWithApply_optionsListWithApply_header_Component.Header : _l, header = _a.header, headerProps = _a.headerProps, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "showHeaderWithSelectAll", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer", "Header", "header", "headerProps"]);
+    var getOptionProps = React.useCallback(function (option, index) {
+        var optionProps = defaultGetOptionProps(option, index);
+        var selected = option.key === 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]);
+    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 && 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(), footer: React__default.default.createElement(Footer, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }) })));
+});
+
+var SELECT_ALL_KEY = 'select_all';
+var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
+function useSelectWithApply(_a) {
+    var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.optionsListProps, optionsListProps = _c === void 0 ? {} : _c, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.showSelectAll, showSelectAll = _e === void 0 ? false : _e, _f = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _f === void 0 ? false : _f, showSearch = _a.showSearch, _g = _a.searchProps, searchProps = _g === void 0 ? {} : _g;
+    var _h = React.useState(''), searchState = _h[0], setSearchState = _h[1];
+    var _j = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+        ? [searchProps.value, searchProps.onChange]
+        : [searchState, setSearchState], search = _j[0], setSearch = _j[1];
+    var accessor = searchProps.accessor || utils.defaultAccessor;
+    var filterFn = searchProps.filterFn || utils.defaultFilterFn;
+    var _k = React.useMemo(function () {
+        return utils.processOptions(options, selected, showSearch ? function (option) { return filterFn(accessor(option), search); } : undefined);
+    }, [filterFn, accessor, options, search, selected, showSearch]), flatOptions = _k.flatOptions, selectedOptions = _k.selectedOptions;
+    var _l = React.useState(selectedOptions), selectedDraft = _l[0], setSelectedDraft = _l[1];
+    var selectedOptionsRef = React.useRef(selectedOptions);
+    var handleApply = function () {
+        onChange({
+            selected: selectedDraft[0],
+            selectedMultiple: selectedDraft,
+            initiator: null,
+        });
+    };
+    var handleClear = function () {
+        setSelectedDraft([]);
+        onChange({
+            selected: null,
+            selectedMultiple: [],
+            initiator: null,
+        });
+    };
+    var handleToggleAll = function () {
+        setSelectedDraft(flatOptions.length === selectedDraft.length ? [] : flatOptions);
+    };
+    var handleChange = function (_a) {
+        var initiator = _a.initiator, restArgs = tslib.__rest(_a, ["initiator"]);
+        if (!initiator) {
+            onChange(tslib.__assign({ initiator: null }, restArgs));
+            return;
+        }
+        var initiatorSelected = selectedDraft.includes(initiator) ||
+            (initiator.key === SELECT_ALL_KEY && selectedDraft.length === flatOptions.length);
+        if (initiator.key === SELECT_ALL_KEY) {
+            setSelectedDraft(initiatorSelected ? [] : flatOptions);
+        }
+        else {
+            setSelectedDraft(initiatorSelected
+                ? selectedDraft.filter(function (o) { return o !== initiator; })
+                : selectedDraft.concat(initiator));
+        }
+    };
+    var handleClose = function () { return setSelectedDraft(selectedOptionsRef.current); };
+    React.useEffect(function () {
+        setSelectedDraft(selectedOptions);
+        selectedOptionsRef.current = selectedOptions;
+    }, [selectedOptions]);
+    var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib.__spreadArray([selectAllOption], options, true) : options); }, [options, showSelectAll]);
+    return {
+        OptionsList: OptionsListWithApply,
+        optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { OptionsList: OptionsList, showClear: showClear, onClear: handleClear, onApply: handleApply, onClose: handleClose, selectedDraft: selectedDraft, showHeaderWithSelectAll: showHeaderWithSelectAll, headerProps: {
+                indeterminate: !!selectedDraft.length && selectedDraft.length < flatOptions.length,
+                checked: selectedDraft.length === flatOptions.length,
+                onChange: handleToggleAll,
+            } }),
+        allowUnselect: true,
+        multiple: true,
+        options: memoizedOptions,
+        onChange: handleChange,
+        selected: selected,
+        showSearch: showSearch,
+        searchProps: showSearch
+            ? tslib.__assign(tslib.__assign({}, searchProps), { value: search, onChange: setSearch }) : undefined,
+        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
+        originalProps: {
+            options: options,
+            selected: selected,
+            onChange: onChange,
+            OptionsList: OptionsList,
+            optionsListProps: optionsListProps,
+            showClear: showClear,
+            showSelectAll: showSelectAll,
+            showHeaderWithSelectAll: showHeaderWithSelectAll,
+            showSearch: showSearch,
+            searchProps: searchProps,
+        },
+    };
+}
+
+exports.OptionsListWithApply = OptionsListWithApply;
+exports.SELECT_ALL_KEY = SELECT_ALL_KEY;
+exports.useSelectWithApply = useSelectWithApply;

package/select/cssm/index.js

@@ -1,61 +1,7 @@
-export { SelectResponsive as Select } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import './desktop/Component.desktop.js';
-import '../../form-control/cssm/desktop';
-import '../../popover/cssm';
-import './components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './components/arrow/index.module.css';
-import './components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../shared/cssm';
-import '@alfalab/hooks';
-import './utils.js';
-import './components/native-select/Component.js';
-import './components/base-select/index.module.css';
-import './components/base-select/mobile.module.css';
-import './components/field/Component.js';
-import './components/field/index.module.css';
-import './components/optgroup/Component.js';
-import './consts.js';
-import './components/optgroup/index.module.css';
-import './components/option/Component.js';
-import './components/checkmark/Component.js';
-import '../../badge/cssm';
-import '../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import './components/checkmark/index.module.css';
-import './components/checkmark-mobile/Component.js';
-import './components/checkmark-mobile/index.module.css';
-import './components/option/index.module.css';
-import './components/options-list/Component.js';
-import '../../scrollbar/cssm';
-import './components/options-list/index.module.css';
-import './components/search/Component.js';
-import '../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import './components/search/index.module.css';
-import './mobile/Component.mobile.js';
-import '../../bottom-sheet/cssm';
-import '../../form-control/cssm/mobile';
-import '../../modal/cssm/mobile';
-import './components/footer/Component.js';
-import '../../base-modal/cssm';
-import '../../button/cssm/mobile';
-import './components/footer/index.module.css';
-import './components/virtual-options-list/Component.js';
-import 'react-virtual';
-import './components/virtual-options-list/index.module.css';
-import './hook-489e60aa.js';
-import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../button/cssm/desktop';
-import './presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
-import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import './presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
-import './mobile/Component.modal.mobile.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Select = Component_responsive.SelectResponsive;

package/select/cssm/mobile/Component.mobile.js

@@ -1,96 +1,52 @@
-import React, { forwardRef } from 'react';
-import { BottomSheet } from '../../../bottom-sheet/cssm';
-import { FormControlMobile } from '../../../form-control/cssm/mobile';
-import { ModalMobile } from '../../../modal/cssm/mobile';
-import { Arrow } from '../components/arrow/Component.js';
-import { BaseSelect } from '../components/base-select/Component.js';
-import { Field } from '../components/field/Component.js';
-import { Footer } from '../components/footer/Component.js';
-import { Optgroup } from '../components/optgroup/Component.js';
-import { Option } from '../components/option/Component.js';
-import { OptionsList } from '../components/options-list/Component.js';
-import { Search } from '../components/search/Component.js';
-import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-489e60aa.js';
-import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/arrow/index.module.css';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/base-select/index.module.css';
-import '../components/base-select/mobile.module.css';
-import '../components/field/index.module.css';
-import '../../../base-modal/cssm';
-import '../../../button/cssm/mobile';
-import '../components/footer/index.module.css';
-import '../consts.js';
-import '../components/optgroup/index.module.css';
-import '../components/checkmark/Component.js';
-import '../../../badge/cssm';
-import '../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark/index.module.css';
-import '../components/checkmark-mobile/Component.js';
-import '../components/checkmark-mobile/index.module.css';
-import '../components/option/index.module.css';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import '../components/options-list/index.module.css';
-import '../../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/search/index.module.css';
-import 'react-virtual';
-import '../components/virtual-options-list/index.module.css';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/cssm/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
-import '../presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
-const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 56, optionsSize = 56, fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Search: Search$1 = Search, selected, isBottomSheet = true, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
-    ? VirtualOptionsList
-    : OptionsList, onChange, showClear = true, showSelectAll, showHeaderWithSelectAll, useWithApplyHook = multiple, showSearch, searchProps, ...restProps }, ref) => {
-    const typedRestBottomSheetProps = restProps;
-    const typedRestModalProps = restProps;
-    const applyProps = useSelectWithApply({
-        optionsListProps: {
-            ...optionsListProps,
-            Footer,
-        },
-        OptionsList: OptionsList$1,
-        showSearch,
-        searchProps,
-        selected,
-        options,
-        onChange,
-        showClear,
-        showSelectAll,
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsBottomSheet = require('../../../bottom-sheet/cssm');
+var mobile = require('../../../form-control/cssm/mobile');
+var mobile$1 = require('../../../modal/cssm/mobile');
+var components_arrow_Component = require('../components/arrow/Component.js');
+var components_baseSelect_Component = require('../components/base-select/Component.js');
+var components_field_Component = require('../components/field/Component.js');
+var components_footer_Component = require('../components/footer/Component.js');
+var components_optgroup_Component = require('../components/optgroup/Component.js');
+var components_option_Component = require('../components/option/Component.js');
+var components_optionsList_Component = require('../components/options-list/Component.js');
+var components_search_Component = require('../components/search/Component.js');
+var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-aae7b381.js');
+var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
+var SelectMobile = React.forwardRef(function (_a, ref) {
+    var _b = _a.autocomplete, autocomplete = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.allowUnselect, allowUnselect = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? !multiple : _f, _g = _a.circularNavigation, circularNavigation = _g === void 0 ? false : _g, _h = _a.defaultOpen, defaultOpen = _h === void 0 ? false : _h, openProp = _a.open, _j = _a.size, size = _j === void 0 ? 56 : _j, _k = _a.optionsSize, optionsSize = _k === void 0 ? 56 : _k, _l = _a.fieldProps, fieldProps = _l === void 0 ? {} : _l, _m = _a.optionProps, optionProps = _m === void 0 ? {} : _m, _o = _a.optionsListProps, optionsListProps = _o === void 0 ? {} : _o, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, _t = _a.Search, Search = _t === void 0 ? components_search_Component.Search : _t, selected = _a.selected, _u = _a.isBottomSheet, isBottomSheet = _u === void 0 ? true : _u, options = _a.options, _v = _a.OptionsList, OptionsList = _v === void 0 ? options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
+        ? components_virtualOptionsList_Component.VirtualOptionsList
+        : components_optionsList_Component.OptionsList : _v, onChange = _a.onChange, _w = _a.showClear, showClear = _w === void 0 ? true : _w, showSelectAll = _a.showSelectAll, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _x = _a.useWithApplyHook, useWithApplyHook = _x === void 0 ? multiple : _x, showSearch = _a.showSearch, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["autocomplete", "multiple", "allowUnselect", "disabled", "closeOnSelect", "circularNavigation", "defaultOpen", "open", "size", "optionsSize", "fieldProps", "optionProps", "optionsListProps", "Arrow", "Field", "Optgroup", "Option", "Search", "selected", "isBottomSheet", "options", "OptionsList", "onChange", "showClear", "showSelectAll", "showHeaderWithSelectAll", "useWithApplyHook", "showSearch", "searchProps"]);
+    var typedRestBottomSheetProps = restProps;
+    var typedRestModalProps = restProps;
+    var applyProps = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply({
+        optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { Footer: components_footer_Component.Footer }),
+        OptionsList: OptionsList,
+        showSearch: showSearch,
+        searchProps: searchProps,
+        selected: selected,
+        options: options,
+        onChange: onChange,
+        showClear: showClear,
+        showSelectAll: showSelectAll,
     });
-    const bottomAddons = useWithApplyHook && showHeaderWithSelectAll && (React.createElement(Header, { ...applyProps.optionsListProps.headerProps, mobile: true }));
-    return (React.createElement(BaseSelect, { ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: {
-            FormControlComponent: FormControlMobile,
-            ...fieldProps,
-        }, optionProps: optionProps, Arrow: Arrow$1, Field: Field$1, Optgroup: Optgroup$1, Option: Option$1, Search: Search$1, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList$1, showSearch: showSearch, searchProps: searchProps, BottomSheet: BottomSheet, ModalMobile: ModalMobile, ...(isBottomSheet
-            ? {
-                bottomSheetProps: {
-                    bottomAddons,
-                    ...typedRestBottomSheetProps.bottomSheetProps,
-                },
-            }
-            : {
-                modalHeaderProps: {
-                    bottomAddons,
-                    ...typedRestModalProps.modalHeaderProps,
-                },
-            }), optionsListProps: optionsListProps, ...restProps, ...(useWithApplyHook && applyProps) }));
+    var bottomAddons = useWithApplyHook && showHeaderWithSelectAll && (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_header_Component.Header, tslib.__assign({}, applyProps.optionsListProps.headerProps, { mobile: true })));
+    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, view: 'mobile', autocomplete: autocomplete, multiple: multiple, allowUnselect: allowUnselect, disabled: disabled, closeOnSelect: closeOnSelect, circularNavigation: circularNavigation, defaultOpen: defaultOpen, open: openProp, size: size, optionsSize: optionsSize, fieldProps: tslib.__assign({ FormControlComponent: mobile.FormControlMobile }, fieldProps), optionProps: optionProps, Arrow: Arrow, Field: Field, Optgroup: Optgroup, Option: Option, Search: Search, isBottomSheet: isBottomSheet, options: options, selected: selected, onChange: onChange, OptionsList: OptionsList, showSearch: showSearch, searchProps: searchProps, BottomSheet: coreComponentsBottomSheet.BottomSheet, ModalMobile: mobile$1.ModalMobile }, (isBottomSheet
+        ? {
+            bottomSheetProps: tslib.__assign({ bottomAddons: bottomAddons }, typedRestBottomSheetProps.bottomSheetProps),
+        }
+        : {
+            modalHeaderProps: tslib.__assign({ bottomAddons: bottomAddons }, typedRestModalProps.modalHeaderProps),
+        }), { optionsListProps: optionsListProps }, restProps, (useWithApplyHook && applyProps))));
 });
 
-export { SelectMobile };
+exports.SelectMobile = SelectMobile;

package/select/cssm/mobile/Component.modal.mobile.js

@@ -1,60 +1,13 @@
-import React, { forwardRef } from 'react';
-import { SelectMobile } from './Component.mobile.js';
-import '../../../bottom-sheet/cssm';
-import '../../../form-control/cssm/mobile';
-import '../../../modal/cssm/mobile';
-import '../components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/arrow/index.module.css';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/base-select/index.module.css';
-import '../components/base-select/mobile.module.css';
-import '../components/field/Component.js';
-import '../components/field/index.module.css';
-import '../components/footer/Component.js';
-import '../../../base-modal/cssm';
-import '../../../button/cssm/mobile';
-import '../components/footer/index.module.css';
-import '../components/optgroup/Component.js';
-import '../consts.js';
-import '../components/optgroup/index.module.css';
-import '../components/option/Component.js';
-import '../components/checkmark/Component.js';
-import '../../../badge/cssm';
-import '../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark/index.module.css';
-import '../components/checkmark-mobile/Component.js';
-import '../components/checkmark-mobile/index.module.css';
-import '../components/option/index.module.css';
-import '../components/options-list/Component.js';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import '../components/options-list/index.module.css';
-import '../components/search/Component.js';
-import '../../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/search/index.module.css';
-import '../components/virtual-options-list/Component.js';
-import 'react-virtual';
-import '../components/virtual-options-list/index.module.css';
-import '../hook-489e60aa.js';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/cssm/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SelectModalMobile = forwardRef((props, ref) => (React.createElement(SelectMobile, { ...props, isBottomSheet: false, ref: ref })));
+var tslib = require('tslib');
+var React = require('react');
+var mobile_Component_mobile = require('./Component.mobile.js');
 
-export { SelectModalMobile };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SelectModalMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(mobile_Component_mobile.SelectMobile, tslib.__assign({}, props, { isBottomSheet: false, ref: ref }))); });
+
+exports.SelectModalMobile = SelectModalMobile;

package/select/cssm/mobile/index.js

@@ -1,57 +1,9 @@
-export { SelectMobile } from './Component.mobile.js';
-export { SelectModalMobile } from './Component.modal.mobile.js';
-import 'react';
-import '../../../bottom-sheet/cssm';
-import '../../../form-control/cssm/mobile';
-import '../../../modal/cssm/mobile';
-import '../components/arrow/Component.js';
-import 'classnames';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/arrow/index.module.css';
-import '../components/base-select/Component.js';
-import 'react-merge-refs';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../../../shared/cssm';
-import '@alfalab/hooks';
-import '../utils.js';
-import '../components/native-select/Component.js';
-import '../components/base-select/index.module.css';
-import '../components/base-select/mobile.module.css';
-import '../components/field/Component.js';
-import '../components/field/index.module.css';
-import '../components/footer/Component.js';
-import '../../../base-modal/cssm';
-import '../../../button/cssm/mobile';
-import '../components/footer/index.module.css';
-import '../components/optgroup/Component.js';
-import '../consts.js';
-import '../components/optgroup/index.module.css';
-import '../components/option/Component.js';
-import '../components/checkmark/Component.js';
-import '../../../badge/cssm';
-import '../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark/index.module.css';
-import '../components/checkmark-mobile/Component.js';
-import '../components/checkmark-mobile/index.module.css';
-import '../components/option/index.module.css';
-import '../components/options-list/Component.js';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import '../components/options-list/index.module.css';
-import '../components/search/Component.js';
-import '../../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/search/index.module.css';
-import '../components/virtual-options-list/Component.js';
-import 'react-virtual';
-import '../components/virtual-options-list/index.module.css';
-import '../hook-489e60aa.js';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/cssm/desktop';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/index.module.css';
-import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
-import '../presets/useSelectWithApply/options-list-with-apply/header/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+var mobile_Component_modal_mobile = require('./Component.modal.mobile.js');
+
+
+
+exports.SelectMobile = mobile_Component_mobile.SelectMobile;
+exports.SelectModalMobile = mobile_Component_modal_mobile.SelectModalMobile;

package/select/cssm/presets/index.js

@@ -1,33 +1,12 @@
-export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-489e60aa.js';
-import 'react';
-import '../../../skeleton/cssm';
-import '../components/option/Component.js';
-import 'classnames';
-import '../consts.js';
-import '../components/checkmark/Component.js';
-import '../../../badge/cssm';
-import '../../../checkbox/cssm';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkMIcon';
-import '../components/checkmark/index.module.css';
-import '../components/checkmark-mobile/Component.js';
-import '../components/checkmark-mobile/index.module.css';
-import '../components/option/index.module.css';
-import './useSelectWithLoading/index.module.css';
-import 'intersection-observer';
-import '../utils.js';
-import '../../../shared/cssm';
-import '../components/options-list/Component.js';
-import 'react-merge-refs';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import '../components/optgroup/Component.js';
-import '../components/optgroup/index.module.css';
-import '../components/options-list/index.module.css';
-import './useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/cssm/desktop';
-import './useSelectWithApply/options-list-with-apply/footer/index.module.css';
-import './useSelectWithApply/options-list-with-apply/header/Component.js';
-import './useSelectWithApply/options-list-with-apply/header/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
+var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-aae7b381.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;