@alfalab/core-components 23.4.1 → 23.6.0-beta.2

package/select/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: wk5ga */
-.select__skeleton_m6lmh {
+/* hash: 1nsdr */
+.select__skeleton_46git {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/presets/useSelectWithApply/hook.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../tslib.es6-3a137d13.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../form-control');
+require('../../utils.js');
+require('../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../components/optgroup/Component.js');
+require('../../components/options-list/Component.js');
+require('../../../checkbox');
+require('../../components/checkmark/Component.js');
+require('../../components/option/Component.js');
+require('resize-observer');
+require('../../../popover');
+require('downshift');
+require('../../components/native-select/Component.js');
+require('../../components/base-select/Component.js');
+require('../../Component.js');
+require('react-virtual');
+require('../../../skeleton');
+require('../../intersection-observer-0428dde3.js');
+require('../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-9ea07908.js');
+
+
+
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;

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

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-3a137d13.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../../form-control');
+require('../../../utils.js');
+require('../../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../../components/optgroup/Component.js');
+require('../../../components/options-list/Component.js');
+require('../../../../checkbox');
+require('../../../components/checkmark/Component.js');
+require('../../../components/option/Component.js');
+require('resize-observer');
+require('../../../../popover');
+require('downshift');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/Component.js');
+require('../../../Component.js');
+require('react-virtual');
+require('../../../../skeleton');
+require('../../../intersection-observer-0428dde3.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-9ea07908.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/select/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -0,0 +1,37 @@
+/* hash: c23yc */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-secondary: #e7e9eb;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.select__footer_e8nwi {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
+    outline: none
+}
+.select__footer_e8nwi > * + * {
+        margin-left: var(--gap-xs);
+    }

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -0,0 +1 @@
+export * from "../../../hook-9ea07908";

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

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-3a137d13.js');
+require('react');
+require('classnames');
+require('@alfalab/hooks');
+require('../../../../form-control');
+require('../../../utils.js');
+require('../../../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../../../components/arrow/Component.js');
+require('react-merge-refs');
+require('../../../components/optgroup/Component.js');
+require('../../../components/options-list/Component.js');
+require('../../../../checkbox');
+require('../../../components/checkmark/Component.js');
+require('../../../components/option/Component.js');
+require('resize-observer');
+require('../../../../popover');
+require('downshift');
+require('../../../components/native-select/Component.js');
+require('../../../components/base-select/Component.js');
+require('../../../Component.js');
+require('react-virtual');
+require('../../../../skeleton');
+require('../../../intersection-observer-0428dde3.js');
+require('../../../../button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-9ea07908.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/select/presets/useSelectWithLoading/hook.js

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-25ca3bb3.js');
+var tslib_es6 = require('../../tslib.es6-3a137d13.js');
 var React = require('react');
 require('classnames');
+require('../../../checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('../../../skeleton');
@@ -11,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_8he3i"};
+var styles = {"skeleton":"select__skeleton_lgt1u"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1jbkv */
-.select__skeleton_8he3i {
+/* hash: 16om0 */
+.select__skeleton_lgt1u {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/typings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement } from 'react';
 import { PopoverProps } from "../popover";
 import { InputProps } from "../input";
@@ -194,6 +193,7 @@ type BaseSelectProps = {
     onChange?: (payload: {
         selected: OptionShape | null;
         selectedMultiple: OptionShape[];
+        initiator: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -322,10 +322,31 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: (props: {
-        option: OptionShape;
-        index: number;
-    }) => JSX.Element | null;
+    Option: FC<OptionProps>;
+    /**
+     * Функция для получения пропсов для ячейки
+     */
+    getOptionProps: (option: OptionShape, index: number) => OptionProps;
+    /**
+     * Список выбранных пунктов
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
+    /**
+     * Контент шапки
+     */
+    header?: ReactNode;
+    /**
+     * Контент футера
+     */
+    footer?: ReactNode;
     /**
      * Список вариантов выбора
      */
@@ -399,7 +420,7 @@ type OptionProps = {
      */
     option: OptionShape;
     /**
-     * Индект пункта
+     * Индекс пункта
      */
     index: number;
     /**
@@ -414,6 +435,10 @@ type OptionProps = {
      * Флаг, заблокирован ли данный пункт
      */
     disabled?: boolean;
+    /**
+     * Флаг множественного выбора
+     */
+    multiple?: boolean;
     /**
      * Компонент пункта меню
      */
@@ -438,5 +463,17 @@ type CheckmarkProps = {
      * Флаг, данный пункт выбран
      */
     selected?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Флаг множественного выбора
+     */
+    multiple?: boolean;
+    /**
+     * Расположение отметки
+     */
+    position?: 'before' | 'after';
 };
 export { OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/select-with-tags/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-09808b76.js');
+var tslib_es6 = require('./tslib.es6-751f31cc.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 require('classnames');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-09808b76.js');
+require('../tslib.es6-751f31cc.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/components/tag/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-09808b76.js');
+var tslib_es6 = require('../../tslib.es6-751f31cc.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('../../../tag');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tag":"select-with-tags__tag_b7a5u","tagNoClose":"select-with-tags__tagNoClose_b7a5u","tagContentWrap":"select-with-tags__tagContentWrap_b7a5u","tagCross":"select-with-tags__tagCross_b7a5u"};
+var styles = {"tag":"select-with-tags__tag_2m35k","tagNoClose":"select-with-tags__tagNoClose_2m35k","tagContentWrap":"select-with-tags__tagContentWrap_2m35k","tagCross":"select-with-tags__tagCross_2m35k"};
 require('./index.css');
 
 var Tag = function (_a) {

package/select-with-tags/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: bfve3 */
+/* hash: 1ei69 */
 :root {
 
     /* Hard */
@@ -12,44 +12,44 @@
     --gap-xs: 8px;
     --gap-m: 16px;
 }
-.select-with-tags__tag_b7a5u {
+.select-with-tags__tag_2m35k {
     padding: 0;
     padding-left: var(--gap-m);
     margin: var(--gap-2xs);
     cursor: default
 }
-.select-with-tags__tag_b7a5u:active:not(:disabled) {
+.select-with-tags__tag_2m35k:active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_b7a5u:hover:not(:disabled):not(:active) {
+.select-with-tags__tag_2m35k:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
     }
-.select-with-tags__tag_b7a5u > span {
+.select-with-tags__tag_2m35k > span {
         width: 100%;
         height: 100%;
     }
-.select-with-tags__tagNoClose_b7a5u {
+.select-with-tags__tagNoClose_2m35k {
     padding-right: var(--gap-m);
 }
-.select-with-tags__tagContentWrap_b7a5u {
+.select-with-tags__tagContentWrap_2m35k {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     height: 100%;
     cursor: pointer;
 }
-.select-with-tags__tagCross_b7a5u {
+.select-with-tags__tagCross_2m35k {
     padding-right: var(--gap-xs);
     height: 100%
 }
-.select-with-tags__tagCross_b7a5u:hover {
+.select-with-tags__tagCross_2m35k:hover {
         opacity: 0.7;
     }
-.select-with-tags__tagCross_b7a5u:active {
+.select-with-tags__tagCross_2m35k:active {
         opacity: 0.5;
     }
-.select-with-tags__tagCross_b7a5u svg {
+.select-with-tags__tagCross_2m35k svg {
         height: 100%;
     }

package/select-with-tags/components/tag/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-09808b76.js');
+require('../../tslib.es6-751f31cc.js');
 require('react');
 require('classnames');
 require('../../../tag');

package/select-with-tags/components/tag-list/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-09808b76.js');
+var tslib_es6 = require('../../tslib.es6-751f31cc.js');
 var React = require('react');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"select-with-tags__component_7a203","xl":"select-with-tags__xl_7a203","contentWrapper":"select-with-tags__contentWrapper_7a203","l":"select-with-tags__l_7a203","m":"select-with-tags__m_7a203","s":"select-with-tags__s_7a203","contentWrapperVertical":"select-with-tags__contentWrapperVertical_7a203","hasLabel":"select-with-tags__hasLabel_7a203","hasTags":"select-with-tags__hasTags_7a203","addons":"select-with-tags__addons_7a203","field":"select-with-tags__field_7a203","input":"select-with-tags__input_7a203","block":"select-with-tags__block_7a203","focusVisible":"select-with-tags__focusVisible_7a203","placeholder":"select-with-tags__placeholder_7a203","addons-size-m":"select-with-tags__addons-size-m_7a203","addons-size-l":"select-with-tags__addons-size-l_7a203","addons-size-xl":"select-with-tags__addons-size-xl_7a203","label":"select-with-tags__label_7a203"};
+var styles = {"component":"select-with-tags__component_1w43f","xl":"select-with-tags__xl_1w43f","contentWrapper":"select-with-tags__contentWrapper_1w43f","l":"select-with-tags__l_1w43f","m":"select-with-tags__m_1w43f","s":"select-with-tags__s_1w43f","contentWrapperVertical":"select-with-tags__contentWrapperVertical_1w43f","hasLabel":"select-with-tags__hasLabel_1w43f","hasTags":"select-with-tags__hasTags_1w43f","addons":"select-with-tags__addons_1w43f","field":"select-with-tags__field_1w43f","input":"select-with-tags__input_1w43f","block":"select-with-tags__block_1w43f","focusVisible":"select-with-tags__focusVisible_1w43f","placeholder":"select-with-tags__placeholder_1w43f","addons-size-m":"select-with-tags__addons-size-m_1w43f","addons-size-l":"select-with-tags__addons-size-l_1w43f","addons-size-xl":"select-with-tags__addons-size-xl_1w43f","label":"select-with-tags__label_1w43f"};
 require('./index.css');
 
 var TagList = function (_a) {

package/select-with-tags/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: n4003 */
+/* hash: 1keax */
 :root {
     --color-light-border-link: #007aff;
     --color-light-text-primary: #0b1f35;
@@ -27,59 +27,59 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.select-with-tags__component_7a203.select-with-tags__xl_7a203 .select-with-tags__contentWrapper_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__xl_1w43f .select-with-tags__contentWrapper_1w43f {
     padding: var(--gap-l) var(--gap-m);
 }
-.select-with-tags__component_7a203.select-with-tags__l_7a203 .select-with-tags__contentWrapper_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__l_1w43f .select-with-tags__contentWrapper_1w43f {
     padding: var(--gap-m) var(--gap-m);
 }
-.select-with-tags__component_7a203.select-with-tags__m_7a203 .select-with-tags__contentWrapper_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__m_1w43f .select-with-tags__contentWrapper_1w43f {
     padding: var(--gap-m) var(--gap-s);
 }
-.select-with-tags__component_7a203.select-with-tags__s_7a203 .select-with-tags__contentWrapper_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__s_1w43f .select-with-tags__contentWrapper_1w43f {
     padding: var(--gap-s) var(--gap-s);
 }
-.select-with-tags__component_7a203.select-with-tags__xl_7a203 .select-with-tags__contentWrapperVertical_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__xl_1w43f .select-with-tags__contentWrapperVertical_1w43f {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
 }
-.select-with-tags__component_7a203.select-with-tags__l_7a203 .select-with-tags__contentWrapperVertical_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__l_1w43f .select-with-tags__contentWrapperVertical_1w43f {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
 }
-.select-with-tags__component_7a203.select-with-tags__m_7a203 .select-with-tags__contentWrapperVertical_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__m_1w43f .select-with-tags__contentWrapperVertical_1w43f {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }
-.select-with-tags__component_7a203.select-with-tags__s_7a203 .select-with-tags__contentWrapperVertical_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__s_1w43f .select-with-tags__contentWrapperVertical_1w43f {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 }
-.select-with-tags__component_7a203 .select-with-tags__contentWrapper_7a203 {
+.select-with-tags__component_1w43f .select-with-tags__contentWrapper_1w43f {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
 }
-.select-with-tags__component_7a203 .select-with-tags__contentWrapper_7a203:not(.select-with-tags__contentWrapperVertical_7a203):not(.select-with-tags__hasLabel_7a203) {
+.select-with-tags__component_1w43f .select-with-tags__contentWrapper_1w43f:not(.select-with-tags__contentWrapperVertical_1w43f):not(.select-with-tags__hasLabel_1w43f) {
         padding-top: 0;
         padding-bottom: 0;
     }
-.select-with-tags__component_7a203 .select-with-tags__contentWrapper_7a203.select-with-tags__hasLabel_7a203 {
+.select-with-tags__component_1w43f .select-with-tags__contentWrapper_1w43f.select-with-tags__hasLabel_1w43f {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
     }
-.select-with-tags__component_7a203 .select-with-tags__contentWrapper_7a203.select-with-tags__hasTags_7a203.select-with-tags__hasLabel_7a203 {
+.select-with-tags__component_1w43f .select-with-tags__contentWrapper_1w43f.select-with-tags__hasTags_1w43f.select-with-tags__hasLabel_1w43f {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
     }
-.select-with-tags__component_7a203:hover .select-with-tags__addons_7a203 {
+.select-with-tags__component_1w43f:hover .select-with-tags__addons_1w43f {
     opacity: 0.7;
 }
-.select-with-tags__field_7a203 {
+.select-with-tags__field_1w43f {
     cursor: pointer;
 }
-.select-with-tags__input_7a203 {
+.select-with-tags__input_1w43f {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -94,23 +94,23 @@
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
 }
-.select-with-tags__input_7a203:disabled {
+.select-with-tags__input_1w43f:disabled {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_7a203::placeholder {
+.select-with-tags__input_1w43f::placeholder {
         color: var(--color-light-text-secondary);
     }
-.select-with-tags__input_7a203:focus::placeholder {
+.select-with-tags__input_1w43f:focus::placeholder {
         color: var(--color-light-text-tertiary);
     }
-.select-with-tags__block_7a203 {
+.select-with-tags__block_1w43f {
     min-width: 100%;
 }
-.select-with-tags__focusVisible_7a203 {
+.select-with-tags__focusVisible_1w43f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.select-with-tags__placeholder_7a203 {
+.select-with-tags__placeholder_1w43f {
     display: flex;
     align-items: center;
     min-height: 28px;
@@ -118,36 +118,36 @@
     color: var(--color-light-text-tertiary);
     pointer-events: none;
 }
-.select-with-tags__addons_7a203 {
+.select-with-tags__addons_1w43f {
     align-self: flex-start;
     padding-top: var(--gap-s);
 }
-.select-with-tags__addons-size-m_7a203 {
+.select-with-tags__addons-size-m_1w43f {
     padding-top: var(--gap-m);
 }
-.select-with-tags__addons-size-l_7a203 {
+.select-with-tags__addons-size-l_1w43f {
     padding-top: var(--gap-l);
 }
-.select-with-tags__addons-size-xl_7a203 {
+.select-with-tags__addons-size-xl_1w43f {
     padding-top: var(--gap-xl);
 }
-.select-with-tags__component_7a203.select-with-tags__s_7a203 .select-with-tags__label_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__s_1w43f .select-with-tags__label_1w43f {
     top: 5px;
     left: 12px;
 }
-.select-with-tags__component_7a203.select-with-tags__m_7a203 .select-with-tags__label_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__m_1w43f .select-with-tags__label_1w43f {
     top: 8px;
     left: 12px;
 }
-.select-with-tags__component_7a203.select-with-tags__l_7a203 .select-with-tags__label_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__l_1w43f .select-with-tags__label_1w43f {
     top: 10px;
     left: 16px;
 }
-.select-with-tags__component_7a203.select-with-tags__xl_7a203 .select-with-tags__label_7a203 {
+.select-with-tags__component_1w43f.select-with-tags__xl_1w43f .select-with-tags__label_1w43f {
     top: 14px;
     left: 16px;
 }
-.select-with-tags__component_7a203 .select-with-tags__label_7a203 {
+.select-with-tags__component_1w43f .select-with-tags__label_1w43f {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/select-with-tags/components/tag-list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-09808b76.js');
+require('../../tslib.es6-751f31cc.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');

package/select-with-tags/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-877873de.js';
+import { _ as __rest, a as __assign } from './tslib.es6-7d1d061a.js';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option, Arrow } from '../../select/esm';
 import 'classnames';

package/select-with-tags/esm/components/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-877873de.js';
+import '../tslib.es6-7d1d061a.js';
 import 'react';
 import 'classnames';
 import '@alfalab/hooks';

package/select-with-tags/esm/components/tag/component.js

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-877873de.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-7d1d061a.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 import { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';
 
-var styles = {"tag":"select-with-tags__tag_b7a5u","tagNoClose":"select-with-tags__tagNoClose_b7a5u","tagContentWrap":"select-with-tags__tagContentWrap_b7a5u","tagCross":"select-with-tags__tagCross_b7a5u"};
+var styles = {"tag":"select-with-tags__tag_2m35k","tagNoClose":"select-with-tags__tagNoClose_2m35k","tagContentWrap":"select-with-tags__tagContentWrap_2m35k","tagCross":"select-with-tags__tagCross_2m35k"};
 require('./index.css');
 
 var Tag = function (_a) {