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

package/select/cssm/shared/index.js

@@ -1,61 +1,43 @@
-export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
-export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-489e60aa.js';
-export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
-export { Option } from '../components/option/Component.js';
-export { BaseOption } from '../components/base-option/Component.js';
-export { OptionsList } from '../components/options-list/Component.js';
-export { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-export { Field } from '../components/field/Component.js';
-export { Arrow } from '../components/arrow/Component.js';
-export { BaseSelect } from '../components/base-select/Component.js';
-export { Optgroup } from '../components/optgroup/Component.js';
-export { Footer } from '../components/footer/Component.js';
-export { Search } from '../components/search/Component.js';
-import 'react';
-import '../../../skeleton/cssm';
-import '../presets/useSelectWithLoading/index.module.css';
-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 'intersection-observer';
-import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import '../../../button/cssm/desktop';
-import '../../../shared/cssm';
-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 'react-merge-refs';
-import '../../../mq/cssm';
-import '../../../scrollbar/cssm';
-import '../components/optgroup/index.module.css';
-import '../components/options-list/index.module.css';
-import '../components/base-checkmark/Component.js';
-import '../components/base-checkmark/index.module.css';
-import '../components/base-option/index.module.css';
-import 'react-virtual';
-import '../components/virtual-options-list/index.module.css';
-import '@alfalab/hooks';
-import '../components/field/index.module.css';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../components/arrow/index.module.css';
-import '@juggle/resize-observer';
-import 'compute-scroll-into-view';
-import 'downshift';
-import '../components/native-select/Component.js';
-import '../components/base-select/index.module.css';
-import '../components/base-select/mobile.module.css';
-import '../../../base-modal/cssm';
-import '../../../button/cssm/mobile';
-import '../components/footer/index.module.css';
-import '../../../input/cssm';
-import '@alfalab/icons-glyph/MagnifierMIcon';
-import '../components/search/index.module.css';
+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-aae7b381.js');
+var utils = require('../utils.js');
+var components_option_Component = require('../components/option/Component.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');
+
+
+
+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.defaultAccessor = utils.defaultAccessor;
+exports.defaultFilterFn = utils.defaultFilterFn;
+exports.getSelectTestIds = utils.getSelectTestIds;
+exports.isGroup = utils.isGroup;
+exports.isOptionShape = utils.isOptionShape;
+exports.joinOptions = utils.joinOptions;
+exports.lastIndexOf = utils.lastIndexOf;
+exports.processOptions = utils.processOptions;
+exports.usePrevious = utils.usePrevious;
+exports.useVisibleOptions = utils.useVisibleOptions;
+exports.Option = components_option_Component.Option;
+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;

package/select/cssm/utils.js

@@ -1,15 +1,23 @@
-import { isValidElement, cloneElement, useEffect, useRef } from 'react';
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
-const isOptionShape = (item) => !!item && Object.prototype.hasOwnProperty.call(item, 'key');
-const joinOptions = ({ selected, selectedMultiple, }) => {
-    const options = selectedMultiple || (selected ? [selected] : []);
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsShared = require('../../shared/cssm');
+
+var isGroup = function (item) {
+    return Object.prototype.hasOwnProperty.call(item, 'options');
+};
+var isOptionShape = function (item) {
+    return !!item && Object.prototype.hasOwnProperty.call(item, 'key');
+};
+var joinOptions = function (_a) {
+    var selected = _a.selected, selectedMultiple = _a.selectedMultiple;
+    var options = selectedMultiple || (selected ? [selected] : []);
     if (!options.length)
         return null;
-    return options.reduce((acc, option, index) => {
-        if (isValidElement(option.content)) {
-            acc.push(cloneElement(option.content, { key: option.key }));
+    return options.reduce(function (acc, option, index) {
+        if (React.isValidElement(option.content)) {
+            acc.push(React.cloneElement(option.content, { key: option.key }));
         }
         else {
             acc.push(option.content);
@@ -20,14 +28,16 @@ const joinOptions = ({ selected, selectedMultiple, }) => {
     }, []);
 };
 // За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу
-function processOptions(options, selected = [], filterFn = () => true) {
-    const flatOptions = [];
-    const filteredOptions = [];
-    const selectedArray = Array.isArray(selected) ? selected : [selected];
-    const selectedOptions = selectedArray.filter(isOptionShape);
-    const selectedKeys = selectedArray.filter((option) => typeof option === 'string');
-    const isSelected = (option) => selectedKeys.includes(option.key);
-    const process = (option) => {
+function processOptions(options, selected, filterFn) {
+    if (selected === void 0) { selected = []; }
+    if (filterFn === void 0) { filterFn = function () { return true; }; }
+    var flatOptions = [];
+    var filteredOptions = [];
+    var selectedArray = Array.isArray(selected) ? selected : [selected];
+    var selectedOptions = selectedArray.filter(isOptionShape);
+    var selectedKeys = selectedArray.filter(function (option) { return typeof option === 'string'; });
+    var isSelected = function (option) { return selectedKeys.includes(option.key); };
+    var process = function (option) {
         if (isSelected(option)) {
             selectedOptions.push(option);
         }
@@ -36,46 +46,44 @@ function processOptions(options, selected = [], filterFn = () => true) {
         flatOptions.push(option);
         return true;
     };
-    options.forEach((option) => {
+    options.forEach(function (option) {
         if (isGroup(option)) {
-            const group = {
-                ...option,
-                options: [],
-            };
-            option.options.forEach((groupOption) => {
-                const matched = process(groupOption);
+            var group_1 = tslib.__assign(tslib.__assign({}, option), { options: [] });
+            option.options.forEach(function (groupOption) {
+                var matched = process(groupOption);
                 if (matched)
-                    group.options.push(groupOption);
+                    group_1.options.push(groupOption);
             });
-            if (group.options.length)
-                filteredOptions.push(group);
+            if (group_1.options.length)
+                filteredOptions.push(group_1);
         }
         else {
-            const matched = process(option);
+            var matched = process(option);
             if (matched)
                 filteredOptions.push(option);
         }
     });
-    return { filteredOptions, flatOptions, selectedOptions };
+    return { filteredOptions: filteredOptions, flatOptions: flatOptions, selectedOptions: selectedOptions };
 }
-function useVisibleOptions({ visibleOptions, listRef, styleTargetRef = listRef, open, invalidate, }) {
-    useEffect(() => {
-        const list = listRef.current;
-        const styleTarget = styleTargetRef.current;
+function useVisibleOptions(_a) {
+    var visibleOptions = _a.visibleOptions, listRef = _a.listRef, _b = _a.styleTargetRef, styleTargetRef = _b === void 0 ? listRef : _b, open = _a.open, invalidate = _a.invalidate;
+    React.useEffect(function () {
+        var list = listRef.current;
+        var styleTarget = styleTargetRef.current;
         if (open && list && styleTarget && visibleOptions > 0) {
-            const childCount = list.children.length;
-            const optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
-            let height = optionsNodes
+            var childCount = list.children.length;
+            var optionsNodes = [].slice.call(list.children, 0, visibleOptions + 1);
+            var height = optionsNodes
                 .slice(0, visibleOptions)
-                .reduce((acc, child) => acc + child.clientHeight, 0);
+                .reduce(function (acc, child) { return acc + child.clientHeight; }, 0);
             if (visibleOptions < childCount) {
-                const lastVisibleOptionHeight = optionsNodes[optionsNodes.length - 1].clientHeight;
+                var lastVisibleOptionHeight = optionsNodes[optionsNodes.length - 1].clientHeight;
                 // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку
                 height += Math.round(childCount - visibleOptions === 1
                     ? lastVisibleOptionHeight
                     : lastVisibleOptionHeight / 2);
             }
-            styleTarget.style.height = `${height}px`;
+            styleTarget.style.height = "".concat(height, "px");
         }
     }, [listRef, open, styleTargetRef, visibleOptions, invalidate]);
 }
@@ -93,15 +101,15 @@ function defaultAccessor(option) {
 }
 // TODO: перенести
 function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
+    var ref = React.useRef();
+    React.useEffect(function () {
         ref.current = value;
     }, [value]);
     return ref.current;
 }
 // TODO: перенести
-const lastIndexOf = (array, predicate) => {
-    for (let i = array.length - 1; i >= 0; i--) {
+var lastIndexOf = function (array, predicate) {
+    for (var i = array.length - 1; i >= 0; i--) {
         if (predicate(array[i]))
             return i;
     }
@@ -110,30 +118,39 @@ const lastIndexOf = (array, predicate) => {
 function getSelectTestIds(dataTestId) {
     return {
         select: dataTestId,
-        option: getDataTestId(dataTestId, 'option'),
-        optionsList: getDataTestId(dataTestId, 'options-list'),
-        clearButton: getDataTestId(dataTestId, 'options-list-clear'),
-        applyButton: getDataTestId(dataTestId, 'options-list-apply'),
-        field: getDataTestId(dataTestId, 'field'),
-        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
-        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
-        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
-        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
-        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
-        searchInput: getDataTestId(dataTestId, 'search'),
-        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
-        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
-        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
-        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
-        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
-        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
-        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
-        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
-        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
-        modal: getDataTestId(dataTestId, 'modal'),
-        modalHeader: getDataTestId(dataTestId, 'modal-header'),
-        modalContent: getDataTestId(dataTestId, 'modal-content'),
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'options-list-clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'options-list-apply'),
+        field: coreComponentsShared.getDataTestId(dataTestId, 'field'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: coreComponentsShared.getDataTestId(dataTestId, 'modal'),
+        modalHeader: coreComponentsShared.getDataTestId(dataTestId, 'modal-header'),
+        modalContent: coreComponentsShared.getDataTestId(dataTestId, 'modal-content'),
     };
 }
 
-export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions };
+exports.defaultAccessor = defaultAccessor;
+exports.defaultFilterFn = defaultFilterFn;
+exports.getSelectTestIds = getSelectTestIds;
+exports.isGroup = isGroup;
+exports.isOptionShape = isOptionShape;
+exports.joinOptions = joinOptions;
+exports.lastIndexOf = lastIndexOf;
+exports.processOptions = processOptions;
+exports.usePrevious = usePrevious;
+exports.useVisibleOptions = useVisibleOptions;

package/select-with-tags/cssm/Component.responsive.js

@@ -1,26 +1,22 @@
-import React, { forwardRef } from 'react';
-import { BottomSheet } from '../../bottom-sheet/cssm';
-import { FormControlDesktop } from '../../form-control/cssm/desktop';
-import { FormControlMobile } from '../../form-control/cssm/mobile';
-import { useMatchMedia } from '../../mq/cssm';
-import { Popover } from '../../popover/cssm';
-import { BaseSelectWithTags } from './components/base-select-with-tags/Component.js';
-import 'react-merge-refs';
-import '../../select/cssm/shared';
-import './utils/match.js';
-import './components/tag-list/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import './utils/calculate-collapse-size.js';
-import './components/tag/component.js';
-import '../../tag/cssm/desktop';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import './components/tag/index.module.css';
-import './components/tag-list/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SelectWithTags = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
-    return (React.createElement(BaseSelectWithTags, { ...restProps, ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: Popover, BottomSheet: BottomSheet, FormControlComponent: isDesktop ? FormControlDesktop : FormControlMobile }));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsBottomSheet = require('../../bottom-sheet/cssm');
+var desktop = require('../../form-control/cssm/desktop');
+var mobile = require('../../form-control/cssm/mobile');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsPopover = require('../../popover/cssm');
+var components_baseSelectWithTags_Component = require('./components/base-select-with-tags/Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var SelectWithTags = React.forwardRef(function (_a, ref) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
+    return (React__default.default.createElement(components_baseSelectWithTags_Component.BaseSelectWithTags, tslib.__assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: coreComponentsPopover.Popover, BottomSheet: coreComponentsBottomSheet.BottomSheet, FormControlComponent: isDesktop ? desktop.FormControlDesktop : mobile.FormControlMobile })));
 });
 
-export { SelectWithTags };
+exports.SelectWithTags = SelectWithTags;

package/select-with-tags/cssm/components/base-select-with-tags/Component.js

@@ -1,135 +1,108 @@
-import React, { forwardRef, useState, useRef, useCallback, useMemo } from 'react';
-import mergeRefs from 'react-merge-refs';
-import { BaseSelect, Search, Footer, OptionsList, Optgroup, Option, Arrow } from '../../../../select/cssm/shared';
-import { filterOptions } from '../../utils/match.js';
-import { TagList } from '../tag-list/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../../utils/calculate-collapse-size.js';
-import '../tag/component.js';
-import '../../../../tag/cssm/desktop';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../tag/index.module.css';
-import '../tag-list/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const BaseSelectWithTags = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Arrow: Arrow$1 = Arrow, value, selected: selectedProp, size = 72, onOpen, onInput, onChange, options, autocomplete = true, match, allowUnselect = true, collapseTagList = false, moveInputToNewLine = true, transformCollapsedTagText, transformTagText, Tag, view, FormControlComponent, dataTestId, open: openProp, searchProps, ...restProps }, ref) => {
-    const controlled = Boolean(selectedProp);
-    const [selectedTags, setSelectedTags] = useState(selectedProp || []);
-    const [open, setOpen] = useState(false);
-    const updatePopover = useRef(() => null);
-    const inputRef = useRef(null);
-    const frozenValue = useRef([]);
-    const selected = selectedProp || selectedTags;
-    const isAutocomplete = autocomplete || Boolean(match);
-    const resetValue = () => {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var shared = require('../../../../select/cssm/shared');
+var utils_match = require('../../utils/match.js');
+var components_tagList_component = require('../tag-list/component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+
+var BaseSelectWithTags = React.forwardRef(function (_a, ref) {
+    var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, _e = _a.Arrow, Arrow = _e === void 0 ? shared.Arrow : _e, value = _a.value, selectedProp = _a.selected, _f = _a.size, size = _f === void 0 ? 72 : _f, onOpen = _a.onOpen, onInput = _a.onInput, onChange = _a.onChange, options = _a.options, _g = _a.autocomplete, autocomplete = _g === void 0 ? true : _g, match = _a.match, _h = _a.allowUnselect, allowUnselect = _h === void 0 ? true : _h, _j = _a.collapseTagList, collapseTagList = _j === void 0 ? false : _j, _k = _a.moveInputToNewLine, moveInputToNewLine = _k === void 0 ? true : _k, transformCollapsedTagText = _a.transformCollapsedTagText, transformTagText = _a.transformTagText, Tag = _a.Tag, view = _a.view, FormControlComponent = _a.FormControlComponent, dataTestId = _a.dataTestId, openProp = _a.open, searchProps = _a.searchProps, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Arrow", "value", "selected", "size", "onOpen", "onInput", "onChange", "options", "autocomplete", "match", "allowUnselect", "collapseTagList", "moveInputToNewLine", "transformCollapsedTagText", "transformTagText", "Tag", "view", "FormControlComponent", "dataTestId", "open", "searchProps"]);
+    var controlled = Boolean(selectedProp);
+    var _l = React.useState(selectedProp || []), selectedTags = _l[0], setSelectedTags = _l[1];
+    var _m = React.useState(false), open = _m[0], setOpen = _m[1];
+    var updatePopover = React.useRef(function () { return null; });
+    var inputRef = React.useRef(null);
+    var frozenValue = React.useRef([]);
+    var selected = selectedProp || selectedTags;
+    var isAutocomplete = autocomplete || Boolean(match);
+    var resetValue = function () {
         if (value) {
-            const event = { target: { value: '' } };
-            onInput(event);
+            var event_1 = { target: { value: '' } };
+            onInput(event_1);
         }
     };
-    const handleUpdatePopover = useCallback(() => {
+    var handleUpdatePopover = React.useCallback(function () {
         if (updatePopover && updatePopover.current) {
-            requestAnimationFrame(() => updatePopover.current?.());
+            requestAnimationFrame(function () { var _a; return (_a = updatePopover.current) === null || _a === void 0 ? void 0 : _a.call(updatePopover); });
         }
     }, []);
-    const updateSelectedTags = (payload) => {
-        onChange?.(payload);
+    var updateSelectedTags = function (payload) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(payload);
         if (!controlled) {
             setSelectedTags(payload.selectedMultiple);
         }
     };
-    const handleDeleteTag = (deletedKey) => {
-        const tags = selected.filter((tag) => {
-            const key = typeof tag === 'string' ? tag : tag.key;
+    var handleDeleteTag = function (deletedKey) {
+        var tags = selected.filter(function (tag) {
+            var key = typeof tag === 'string' ? tag : tag.key;
             return deletedKey !== key;
         });
         updateSelectedTags({ selectedMultiple: tags });
     };
-    const handleChange = (payload) => {
+    var handleChange = function (payload) {
         updateSelectedTags(payload);
         resetValue();
     };
-    const handleOpen = (payload) => {
-        const { open: isOpen } = payload;
+    var handleOpen = function (payload) {
+        var isOpen = payload.open;
         if (isOpen) {
             frozenValue.current = selected;
         }
         else {
             resetValue();
         }
-        onOpen?.(payload);
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen(payload);
         setOpen(isOpen);
     };
-    const filteredOptions = useMemo(() => filterOptions(options, value, match), [options, value, match]);
-    const isOpen = Boolean(openProp ?? open);
-    return (React.createElement(BaseSelect, { ...restProps, open: isOpen, dataTestId: dataTestId, view: view, ref: ref, Option: Option$1, Field: TagList, Optgroup: Optgroup$1, OptionsList: OptionsList$1, Arrow: Arrow$1, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: {
-            value,
-            isOpen,
-            autocomplete: view === 'desktop' && isAutocomplete,
-            onInput,
-            handleDeleteTag,
-            Tag,
-            collapseTagList,
-            moveInputToNewLine,
-            transformCollapsedTagText,
-            transformTagText,
-            handleUpdatePopover,
-            FormControlComponent,
-            ...(view === 'mobile' && isOpen
-                ? { selectedMultiple: frozenValue.current }
-                : null),
-        }, selected: selected, autocomplete: view === 'desktop' && isAutocomplete, size: size, options: filteredOptions, onChange: handleChange, onOpen: handleOpen, ...(view === 'mobile'
-            ? (() => {
-                const handleApply = () => {
-                    setOpen(false);
-                    resetValue();
-                };
-                const handleClear = () => {
-                    setOpen(false);
-                    updateSelectedTags({ selectedMultiple: [] });
-                    resetValue();
-                };
-                const handleClose = () => {
-                    updateSelectedTags({ selectedMultiple: frozenValue.current });
-                };
-                const handleOptionsListTouchMove = () => {
-                    const input = inputRef.current;
-                    if (input && document.activeElement === input) {
-                        input.blur();
-                    }
-                };
-                return {
-                    showSearch: isAutocomplete,
-                    Search,
-                    searchProps: {
-                        filterFn: () => true,
-                        ...searchProps,
-                        value,
-                        componentProps: {
-                            leftAddons: null,
-                            clear: true,
-                            onClear: resetValue,
-                            ...searchProps?.componentProps,
-                            ref: mergeRefs([
-                                inputRef,
-                                searchProps?.componentProps?.ref,
-                            ]),
-                            onChange: onInput,
-                        },
-                    },
-                    bottomSheetProps: {
-                        onClose: handleClose,
-                        containerProps: {
-                            onTouchMove: handleOptionsListTouchMove,
-                        },
-                    },
-                    optionsListProps: {
-                        footer: (React.createElement(Footer, { showClear: true, handleClear: handleClear, handleApply: handleApply, dataTestId: dataTestId })),
-                        ...restProps.optionsListProps,
+    var filteredOptions = React.useMemo(function () { return utils_match.filterOptions(options, value, match); }, [options, value, match]);
+    var isOpen = Boolean(openProp !== null && openProp !== void 0 ? openProp : open);
+    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { open: isOpen, dataTestId: dataTestId, view: view, ref: ref, Option: Option, Field: components_tagList_component.TagList, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow, multiple: true, updatePopover: updatePopover, allowUnselect: allowUnselect, showEmptyOptionsList: true, fieldProps: tslib.__assign({ value: value, isOpen: isOpen, autocomplete: view === 'desktop' && isAutocomplete, onInput: onInput, handleDeleteTag: handleDeleteTag, Tag: Tag, collapseTagList: collapseTagList, moveInputToNewLine: moveInputToNewLine, transformCollapsedTagText: transformCollapsedTagText, transformTagText: transformTagText, handleUpdatePopover: handleUpdatePopover, FormControlComponent: FormControlComponent }, (view === 'mobile' && isOpen
+            ? { selectedMultiple: frozenValue.current }
+            : null)), selected: selected, autocomplete: view === 'desktop' && isAutocomplete, size: size, options: filteredOptions, onChange: handleChange, onOpen: handleOpen }, (view === 'mobile'
+        ? (function () {
+            var _a;
+            var handleApply = function () {
+                setOpen(false);
+                resetValue();
+            };
+            var handleClear = function () {
+                setOpen(false);
+                updateSelectedTags({ selectedMultiple: [] });
+                resetValue();
+            };
+            var handleClose = function () {
+                updateSelectedTags({ selectedMultiple: frozenValue.current });
+            };
+            var handleOptionsListTouchMove = function () {
+                var input = inputRef.current;
+                if (input && document.activeElement === input) {
+                    input.blur();
+                }
+            };
+            return {
+                showSearch: isAutocomplete,
+                Search: shared.Search,
+                searchProps: tslib.__assign(tslib.__assign({ filterFn: function () { return true; } }, searchProps), { value: value, componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, clear: true, onClear: resetValue }, searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps), { ref: mergeRefs__default.default([
+                            inputRef,
+                            (_a = searchProps === null || searchProps === void 0 ? void 0 : searchProps.componentProps) === null || _a === void 0 ? void 0 : _a.ref,
+                        ]), onChange: onInput }) }),
+                bottomSheetProps: {
+                    onClose: handleClose,
+                    containerProps: {
+                        onTouchMove: handleOptionsListTouchMove,
                     },
-                };
-            })()
-            : null) }));
+                },
+                optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleClear, handleApply: handleApply, dataTestId: dataTestId })) }, restProps.optionsListProps),
+            };
+        })()
+        : null))));
 });
 
-export { BaseSelectWithTags };
+exports.BaseSelectWithTags = BaseSelectWithTags;

package/select-with-tags/cssm/components/base-select-with-tags/index.js

@@ -1,14 +1,7 @@
-export { BaseSelectWithTags } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import '../../../../select/cssm/shared';
-import '../../utils/match.js';
-import '../tag-list/component.js';
-import 'classnames';
-import '@alfalab/hooks';
-import '../../utils/calculate-collapse-size.js';
-import '../tag/component.js';
-import '../../../../tag/cssm/desktop';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
-import '../tag/index.module.css';
-import '../tag-list/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseSelectWithTags_Component = require('./Component.js');
+
+
+
+exports.BaseSelectWithTags = components_baseSelectWithTags_Component.BaseSelectWithTags;