@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.10

package/select/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-0cad1a86.js');
+require('./tslib.es6-3f106e2c.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,19 +19,19 @@ require('resize-observer');
 require('../popover');
 require('downshift');
 require('./components/native-select/Component.js');
-var components_baseSelect_Component = require('./Component-3cb149f4.js');
+var components_baseSelect_Component = require('./Component-5d2ac7a8.js');
 var Component = require('./Component.js');
 require('../bottom-sheet');
 require('../button');
 require('../base-modal');
 require('./components/select-mobile/options-list/Component.js');
 require('./components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('./Component-558323c4.js');
+var presets_useSelectWithApply_hook = require('./Component-f637647f.js');
 require('react-virtual');
 var components_virtualOptionsList_Component = require('./components/virtual-options-list/Component.js');
 require('../skeleton');
 var presets_useSelectWithLoading_hook = require('./presets/useSelectWithLoading/hook.js');
-require('./intersection-observer-8a491766.js');
+require('./intersection-observer-09de5c87.js');
 var presets_useLazyLoading_hook = require('./presets/useLazyLoading/hook.js');
 
 

package/select/{Component-558323c4.d.ts → modern/Component-efc2033f.d.ts}

@@ -19,7 +19,7 @@ type SelectMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'on
      */
     swipeable?: boolean;
 };
-declare const SelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const SelectMobile: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "label" | "preventFlip" | "popperClassName" | "className" | "open" | "dataTestId" | "name" | "options" | "size" | "block" | "multiple" | "disabled" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "fieldClassName" | "error" | "hint" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Футер
      */

package/select/modern/{Component-d8100025.js → Component-efc2033f.js}

@@ -9,7 +9,7 @@ import 'react-virtual';
 import { processOptions } from './utils.js';
 import '../../popover/modern';
 import './components/native-select/Component.js';
-import { g as getDataTestId } from './Component-97b2f56c.js';
+import { g as getDataTestId } from './Component-c89257df.js';
 import '../../form-control/modern';
 import { Field } from './components/field/Component.js';
 import { Arrow } from './components/arrow/Component.js';
@@ -25,7 +25,7 @@ import '../../base-modal/modern';
 import { OptionsList as OptionsList$1 } from './components/select-mobile/options-list/Component.js';
 import { Checkmark } from './components/select-mobile/checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-8771cc2a.js';
+import './intersection-observer-6e650987.js';
 
 const SELECT_ALL_KEY = 'select_all';
 const selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };

package/select/modern/Component.d.ts

@@ -82,7 +82,7 @@ type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
      */
     fieldProps?: FormControlProps & Record<string, unknown>;
 };
-declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
+declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "label" | "preventFlip" | "popperClassName" | "className" | "open" | "dataTestId" | "name" | "options" | "size" | "block" | "multiple" | "disabled" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "fieldClassName" | "error" | "hint" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */

package/select/modern/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import './utils.js';
 import '../../popover/modern';
 import './components/native-select/Component.js';
-import { B as BaseSelect } from './Component-97b2f56c.js';
+import { B as BaseSelect } from './Component-c89257df.js';
 import '../../form-control/modern';
 import { Field } from './components/field/Component.js';
 import { Arrow } from './components/arrow/Component.js';

package/select/modern/components/base-select/Component.js

@@ -6,4 +6,4 @@ import 'downshift';
 import '../../utils.js';
 import '../../../../popover/modern';
 import '../native-select/Component.js';
-export { B as BaseSelect } from '../../Component-97b2f56c.js';
+export { B as BaseSelect } from '../../Component-c89257df.js';

package/select/modern/components/base-select/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-97b2f56c";
+export * from "../../Component-c89257df";

package/select/modern/components/base-select/index.js

@@ -6,4 +6,4 @@ import 'downshift';
 import '../../utils.js';
 import '../../../../popover/modern';
 import '../native-select/Component.js';
-export { B as BaseSelect } from '../../Component-97b2f56c.js';
+export { B as BaseSelect } from '../../Component-c89257df.js';

package/select/modern/components/index.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../utils.js';
 import '../../../popover/modern';
 import './native-select/Component.js';
-export { B as BaseSelect } from '../Component-97b2f56c.js';
+export { B as BaseSelect } from '../Component-c89257df.js';
 import '../../../form-control/modern';
 export { Field } from './field/Component.js';
 export { Arrow } from './arrow/Component.js';
@@ -25,6 +25,6 @@ import '../../../base-modal/modern';
 import './select-mobile/options-list/Component.js';
 import './select-mobile/checkmark/Component.js';
 import '../../../skeleton/modern';
-import '../intersection-observer-8771cc2a.js';
-export { S as SelectMobile } from '../Component-d8100025.js';
+import '../intersection-observer-6e650987.js';
+export { S as SelectMobile } from '../Component-efc2033f.js';
 export { VirtualOptionsList } from './virtual-options-list/Component.js';

package/select/modern/components/select-mobile/Component.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../../utils.js';
 import '../../../../popover/modern';
 import '../native-select/Component.js';
-import '../../Component-97b2f56c.js';
+import '../../Component-c89257df.js';
 import '../../../../form-control/modern';
 import '../field/Component.js';
 import '../arrow/Component.js';
@@ -25,5 +25,5 @@ import '../../../../base-modal/modern';
 import './options-list/Component.js';
 import './checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-8771cc2a.js';
-export { S as SelectMobile } from '../../Component-d8100025.js';
+import '../../intersection-observer-6e650987.js';
+export { S as SelectMobile } from '../../Component-efc2033f.js';

package/select/modern/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-d8100025";
+export * from "../../Component-efc2033f";

package/select/modern/components/select-mobile/index.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../../utils.js';
 import '../../../../popover/modern';
 import '../native-select/Component.js';
-import '../../Component-97b2f56c.js';
+import '../../Component-c89257df.js';
 import '../../../../form-control/modern';
 import '../field/Component.js';
 import '../arrow/Component.js';
@@ -25,5 +25,5 @@ import '../../../../base-modal/modern';
 import './options-list/Component.js';
 import './checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-8771cc2a.js';
-export { S as SelectMobile } from '../../Component-d8100025.js';
+import '../../intersection-observer-6e650987.js';
+export { S as SelectMobile } from '../../Component-efc2033f.js';

package/select/modern/index.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
 import '../../popover/modern';
 import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-97b2f56c.js';
+export { B as BaseSelect } from './Component-c89257df.js';
 import '../../form-control/modern';
 export { Field } from './components/field/Component.js';
 export { Arrow } from './components/arrow/Component.js';
@@ -25,8 +25,8 @@ import '../../base-modal/modern';
 import './components/select-mobile/options-list/Component.js';
 import './components/select-mobile/checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-8771cc2a.js';
-export { a as SELECT_ALL_KEY, S as SelectMobile, u as useSelectWithApply } from './Component-d8100025.js';
+import './intersection-observer-6e650987.js';
+export { a as SELECT_ALL_KEY, S as SelectMobile, u as useSelectWithApply } from './Component-efc2033f.js';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';

package/select/modern/presets/index.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../utils.js';
 import '../../../popover/modern';
 import '../components/native-select/Component.js';
-import '../Component-97b2f56c.js';
+import '../Component-c89257df.js';
 import '../../../form-control/modern';
 import '../components/field/Component.js';
 import '../components/arrow/Component.js';
@@ -25,7 +25,7 @@ import '../../../base-modal/modern';
 import '../components/select-mobile/options-list/Component.js';
 import '../components/select-mobile/checkmark/Component.js';
 import '../../../skeleton/modern';
-import '../intersection-observer-8771cc2a.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-d8100025.js';
+import '../intersection-observer-6e650987.js';
+export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-efc2033f.js';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

package/select/modern/presets/useLazyLoading/hook.js

@@ -4,7 +4,7 @@ import '../../../../checkbox/modern';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '../../../../skeleton/modern';
-import '../../intersection-observer-8771cc2a.js';
+import '../../intersection-observer-6e650987.js';
 
 var styles = {"skeleton":"select__skeleton_q0v9z"};
 require('./index.css');

package/select/modern/presets/useSelectWithApply/hook.js

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../../utils.js';
 import '../../../../popover/modern';
 import '../../components/native-select/Component.js';
-import '../../Component-97b2f56c.js';
+import '../../Component-c89257df.js';
 import '../../../../form-control/modern';
 import '../../components/field/Component.js';
 import '../../components/arrow/Component.js';
@@ -25,5 +25,5 @@ import '../../../../base-modal/modern';
 import '../../components/select-mobile/options-list/Component.js';
 import '../../components/select-mobile/checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-8771cc2a.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-d8100025.js';
+import '../../intersection-observer-6e650987.js';
+export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-efc2033f.js';

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

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../../../utils.js';
 import '../../../../../popover/modern';
 import '../../../components/native-select/Component.js';
-import '../../../Component-97b2f56c.js';
+import '../../../Component-c89257df.js';
 import '../../../../../form-control/modern';
 import '../../../components/field/Component.js';
 import '../../../components/arrow/Component.js';
@@ -25,5 +25,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-8771cc2a.js';
-export { O as OptionsListWithApply } from '../../../Component-d8100025.js';
+import '../../../intersection-observer-6e650987.js';
+export { O as OptionsListWithApply } from '../../../Component-efc2033f.js';

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

@@ -1 +1 @@
-export * from "../../../Component-d8100025";
+export * from "../../../Component-efc2033f";

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

@@ -9,7 +9,7 @@ import 'react-virtual';
 import '../../../utils.js';
 import '../../../../../popover/modern';
 import '../../../components/native-select/Component.js';
-import '../../../Component-97b2f56c.js';
+import '../../../Component-c89257df.js';
 import '../../../../../form-control/modern';
 import '../../../components/field/Component.js';
 import '../../../components/arrow/Component.js';
@@ -25,5 +25,5 @@ import '../../../../../base-modal/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-8771cc2a.js';
-export { O as OptionsListWithApply } from '../../../Component-d8100025.js';
+import '../../../intersection-observer-6e650987.js';
+export { O as OptionsListWithApply } from '../../../Component-efc2033f.js';

package/select/presets/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-0cad1a86.js');
+require('../tslib.es6-3f106e2c.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,18 +19,18 @@ require('resize-observer');
 require('../../popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-3cb149f4.js');
+require('../Component-5d2ac7a8.js');
 require('../Component.js');
 require('../../bottom-sheet');
 require('../../button');
 require('../../base-modal');
 require('../components/select-mobile/options-list/Component.js');
 require('../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-558323c4.js');
+var presets_useSelectWithApply_hook = require('../Component-f637647f.js');
 require('react-virtual');
 require('../../skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-8a491766.js');
+require('../intersection-observer-09de5c87.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/select/presets/useLazyLoading/hook.js

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-0cad1a86.js');
+var tslib_es6 = require('../../tslib.es6-3f106e2c.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');
-require('../../intersection-observer-8a491766.js');
+require('../../intersection-observer-09de5c87.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/select/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-0cad1a86.js');
+require('../../tslib.es6-3f106e2c.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-3cb149f4.js');
+require('../../Component-5d2ac7a8.js');
 require('../../Component.js');
 require('../../../bottom-sheet');
 require('../../../button');
 require('../../../base-modal');
 require('../../components/select-mobile/options-list/Component.js');
 require('../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-558323c4.js');
+var presets_useSelectWithApply_hook = require('../../Component-f637647f.js');
 require('react-virtual');
 require('../../../skeleton');
-require('../../intersection-observer-8a491766.js');
+require('../../intersection-observer-09de5c87.js');
 
 
 

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-0cad1a86.js');
+require('../../../tslib.es6-3f106e2c.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-3cb149f4.js');
+require('../../../Component-5d2ac7a8.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-558323c4.js');
+var presets_useSelectWithApply_hook = require('../../../Component-f637647f.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-8a491766.js');
+require('../../../intersection-observer-09de5c87.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../../Component-558323c4";
+export * from "../../../Component-f637647f";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-0cad1a86.js');
+require('../../../tslib.es6-3f106e2c.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -19,17 +19,17 @@ require('resize-observer');
 require('../../../../popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-3cb149f4.js');
+require('../../../Component-5d2ac7a8.js');
 require('../../../Component.js');
 require('../../../../bottom-sheet');
 require('../../../../button');
 require('../../../../base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-558323c4.js');
+var presets_useSelectWithApply_hook = require('../../../Component-f637647f.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-8a491766.js');
+require('../../../intersection-observer-09de5c87.js');
 
 
 

package/select/presets/useSelectWithLoading/hook.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-0cad1a86.js');
+var tslib_es6 = require('../../tslib.es6-3f106e2c.js');
 var React = require('react');
 require('classnames');
 require('../../../checkbox');

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

@@ -8,8 +8,10 @@ require('@alfalab/hooks');
 require('../../form-control/cssm');
 require('../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-require('./component-ee1e345e.js');
+require('./components/tag/index.module.css');
+require('./components/tag/component.js');
 require('./utils/calculate-collapse-size.js');
+require('./components/tag-list/index.module.css');
 var components_tagList_component = require('./components/tag-list/component.js');
 var utils_match = require('./utils/match.js');
 

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

@@ -7,8 +7,10 @@ require('@alfalab/hooks');
 require('../../../form-control/cssm');
 require('../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-var components_tag_component = require('../component-ee1e345e.js');
+require('./tag/index.module.css');
+var components_tag_component = require('./tag/component.js');
 require('../utils/calculate-collapse-size.js');
+require('./tag-list/index.module.css');
 var components_tagList_component = require('./tag-list/component.js');
 
 

package/select-with-tags/cssm/components/tag/component.d.ts

@@ -0,0 +1,3 @@
+import { TagComponent } from "../../types";
+declare const Tag: TagComponent;
+export { Tag };

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

@@ -1,12 +1,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-ce870b46.js');
-require('react');
-require('classnames');
-require('../../../../tag/cssm');
-require('@alfalab/icons-glyph/CrossCompactMIcon');
-var components_tag_component = require('../../component-ee1e345e.js');
+var tslib_es6 = require('../../tslib.es6-ce870b46.js');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTag = require('../../../../tag/cssm');
+var CrossCompactMIcon = require('@alfalab/icons-glyph/CrossCompactMIcon');
+var styles = require('./index.module.css');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
-exports.Tag = components_tag_component.Tag;
+var Tag = function (_a) {
+    var _b;
+    var _c = _a.option, content = _c.content, key = _c.key, onClick = _a.onClick, handleDeleteTag = _a.handleDeleteTag, props = tslib_es6.__rest(_a, ["option", "onClick", "handleDeleteTag"]);
+    var handleClick = React.useCallback(function () {
+        if (handleDeleteTag) {
+            handleDeleteTag(key);
+        }
+    }, [handleDeleteTag, key]);
+    return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({ key: key, size: 'xxs', onClick: onClick, checked: !!handleDeleteTag, className: cn__default['default'](styles__default['default'].tag, (_b = {}, _b[styles__default['default'].tagNoClose] = !handleDeleteTag, _b)) }, props),
+        React__default['default'].createElement("span", { className: styles__default['default'].tagContentWrap },
+            content,
+            handleDeleteTag && (
+            // eslint-disable-next-line
+            React__default['default'].createElement("span", { className: styles__default['default'].tagCross, onClick: handleClick },
+                React__default['default'].createElement(CrossCompactMIcon.CrossCompactMIcon, null))))));
+};
+
+exports.Tag = Tag;

package/select-with-tags/cssm/components/tag/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ee1e345e";
+export * from "./component";

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

@@ -5,7 +5,8 @@ require('react');
 require('classnames');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-var components_tag_component = require('../../component-ee1e345e.js');
+require('./index.module.css');
+var components_tag_component = require('./component.js');
 
 
 

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

@@ -7,13 +7,16 @@ var hooks = require('@alfalab/hooks');
 var coreComponentsFormControl = require('../../../../form-control/cssm');
 require('../../../../tag/cssm');
 require('@alfalab/icons-glyph/CrossCompactMIcon');
-var components_tag_component = require('../../component-ee1e345e.js');
+require('../tag/index.module.css');
+var components_tag_component = require('../tag/component.js');
 var utils_calculateCollapseSize = require('../../utils/calculate-collapse-size.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var TagList = function (_a) {
     var _b, _c, _d;
@@ -102,14 +105,14 @@ var TagList = function (_a) {
      * для того чтобы не менялась высота инпута
      */
     var shouldAddVerticalMargin = Boolean((!collapseTagList || isShowMoreEnabled) && !label);
-    return (React__default['default'].createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default['default'](className, components_tag_component.styles.component, components_tag_component.styles[size]) },
-        React__default['default'].createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default['default'](fieldClassName, components_tag_component.styles.field, (_b = {},
-                _b[components_tag_component.styles.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default['default'](components_tag_component.styles.addons, components_tag_component.styles["addons-size-" + size]), label: label, labelClassName: components_tag_component.styles.label }),
-            React__default['default'].createElement("div", { className: cn__default['default'](components_tag_component.styles.contentWrapper, (_c = {},
-                    _c[components_tag_component.styles.hasLabel] = Boolean(label),
-                    _c[components_tag_component.styles.hasTags] = selectedMultiple.length > 0,
-                    _c[components_tag_component.styles.contentWrapperVertical] = shouldAddVerticalMargin,
+    return (React__default['default'].createElement("div", { ref: wrapperRef, onFocus: handleFocus, onBlur: handleBlur, className: cn__default['default'](className, styles__default['default'].component, styles__default['default'][size]) },
+        React__default['default'].createElement(coreComponentsFormControl.FormControl, tslib_es6.__assign({}, restProps, { ref: innerProps.ref, fieldClassName: cn__default['default'](fieldClassName, styles__default['default'].field, (_b = {},
+                _b[styles__default['default'].focusVisible] = focusVisible,
+                _b)), block: true, size: size, focused: open || focused, disabled: disabled, filled: filled || !!placeholder, onMouseDown: handleMouseDown, rightAddons: Arrow, onClick: handleClick, addonsClassName: cn__default['default'](styles__default['default'].addons, styles__default['default']["addons-size-" + size]), label: label, labelClassName: styles__default['default'].label }),
+            React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].contentWrapper, (_c = {},
+                    _c[styles__default['default'].hasLabel] = Boolean(label),
+                    _c[styles__default['default'].hasTags] = selectedMultiple.length > 0,
+                    _c[styles__default['default'].contentWrapperVertical] = shouldAddVerticalMargin,
                     _c)), ref: contentWrapperRef },
                 selectedMultiple.map(function (option, index) {
                     return isShowMoreEnabled || index + 1 <= visibleElements ? (React__default['default'].createElement(Tag, { option: tslib_es6.__assign(tslib_es6.__assign({}, option), { content: transformTagText
@@ -120,11 +123,11 @@ var TagList = function (_a) {
                         key: 'collapse',
                         content: collapseTagTitle,
                     } })),
-                autocomplete && (React__default['default'].createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default['default'](components_tag_component.styles.input, (_d = {},
-                        _d[components_tag_component.styles.focusVisible] = inputFocusVisible,
-                        _d[components_tag_component.styles.block] = inputOnNewLine,
+                autocomplete && (React__default['default'].createElement("input", tslib_es6.__assign({}, restInnerProps, { autoComplete: 'off', ref: inputRef, value: value, onChange: onInput, className: cn__default['default'](styles__default['default'].input, (_d = {},
+                        _d[styles__default['default'].focusVisible] = inputFocusVisible,
+                        _d[styles__default['default'].block] = inputOnNewLine,
                         _d)), disabled: disabled, onKeyDown: handleKeyDown, placeholder: filled ? '' : placeholder }))),
-                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: components_tag_component.styles.placeholder }, placeholder))))));
+                placeholder && !filled && !autocomplete && (React__default['default'].createElement("span", { className: styles__default['default'].placeholder }, placeholder))))));
 };
 
 exports.TagList = TagList;