@weavix/tracker-components 0.0.1

package/build/cjs/components/Select/Select.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _MultiSelect = require("./MultiSelect");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["value", "onUpdate"];
+var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var value = _ref.value,
+    onUpdate = _ref.onUpdate,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var normalizedValue = (0, _react.useMemo)(function () {
+    return value ? [value] : [];
+  }, [value]);
+  var handleUpdate = (0, _react.useCallback)(function (values) {
+    onUpdate(values[0]);
+  }, [onUpdate]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiSelect.MultiSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    ref: ref,
+    value: normalizedValue,
+    onUpdate: handleUpdate,
+    multiple: false
+  }));
+});
+Select.displayName = 'Select';
+// #sourceMappingURL=Select.js.map

package/build/cjs/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_MultiSelect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","Select","exports","forwardRef","_ref","ref","value","onUpdate","props","_objectWithoutProperties","_excluded","normalizedValue","useMemo","handleUpdate","useCallback","values","_jsx","MultiSelect","_objectSpread","multiple","displayName"],"sources":["Select.tsx"],"sourcesContent":["import React, {forwardRef, useCallback, useMemo} from 'react';\n\nimport type {MultiSelectProps} from './MultiSelect';\nimport {MultiSelect} from './MultiSelect';\n\nexport type SelectProps = Omit<\n    MultiSelectProps,\n    'multiple' | 'value' | 'onUpdate' | 'onFocus' | 'onBlur'\n> & {\n    value?: string;\n    onUpdate: (value: string) => void;\n};\n\nexport const Select = forwardRef<HTMLButtonElement, SelectProps>(\n    ({value, onUpdate, ...props}, ref) => {\n        const normalizedValue = useMemo(() => (value ? [value] : []), [value]);\n\n        const handleUpdate = useCallback(\n            (values: string[]) => {\n                onUpdate(values[0]!);\n            },\n            [onUpdate],\n        );\n\n        return (\n            <MultiSelect\n                {...props}\n                ref={ref}\n                value={normalizedValue}\n                onUpdate={handleUpdate}\n                multiple={false}\n            />\n        );\n    },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;;AAUnC,IAAMoB,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC5B,UAAAC,IAAA,EAA8BC,GAAG,EAAK;EAAA,IAApCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,OAAAC,iCAAA,EAAAL,IAAA,EAAAM,SAAA;EACvB,IAAMC,eAAe,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAON,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAE;EAAA,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEtE,IAAMO,YAAY,GAAG,IAAAC,kBAAW,EAC5B,UAACC,MAAgB,EAAK;IAClBR,QAAQ,CAACQ,MAAM,CAAC,CAAC,CAAE,CAAC;EACxB,CAAC,EACD,CAACR,QAAQ,CACb,CAAC;EAED,oBACI,IAAAS,eAAA,EAACC,wBAAW,MAAAC,sBAAA,MAAAA,sBAAA,MACJV,KAAK;IACTH,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAEK,eAAgB;IACvBJ,QAAQ,EAAEM,YAAa;IACvBM,QAAQ,EAAE;EAAM,EACnB,CAAC;AAEV,CACJ,CAAC;AAEDlB,MAAM,CAACmB,WAAW,GAAG,QAAQ","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnSelectSearch: import("@bem-react/classname").ClassNameFormatter;

package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnSelectSearch = void 0;
+var _cn = require("../../cn");
+var cnSelectSearch = exports.cnSelectSearch = (0, _cn.block)('select-search');
+// #sourceMappingURL=SelectSearch.classname.js.map

package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnSelectSearch","exports","block"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,SAAK,EAAC,eAAe,CAAC","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/SelectSearch.css

@@ -0,0 +1,50 @@
+.tpc-select-search__suggest {
+  width: 100%;
+  max-width: 100%;
+}
+.tpc-select-search__suggest_mode_tags {
+  margin-bottom: var(--g-spacing-2);
+}
+.tpc-select-search__popup {
+  padding: var(--g-spacing-1) 0;
+}
+.tpc-select-search__option {
+  display: flex;
+  gap: var(--g-spacing-2);
+  align-items: center;
+  padding: var(--g-spacing-2) var(--g-spacing-1);
+}
+.tpc-select-search__option:hover {
+  background-color: var(--g-color-base-neutral-light);
+}
+.tpc-select-search__option_disabled {
+  cursor: not-allowed;
+  background-color: var(--g-color-base-neutral-light);
+}
+.tpc-select-search__option path {
+  fill: var(--g-color-private-blue-400);
+}
+.tpc-select-search__selected-icon {
+  visibility: hidden;
+}
+.tpc-select-search__selected-icon_active {
+  visibility: visible;
+}
+.tpc-select-search__selected-icon_active path {
+  fill: var(--g-color-private-blue-400);
+}
+.tpc-select-search__tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--g-spacing-2);
+  width: 100%;
+  max-width: inherit;
+}
+.tpc-select-search__tag {
+  min-width: 0;
+}
+.tpc-select-search__tag .g-label__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/*# sourceMappingURL=SelectSearch.css.map */

package/build/cjs/components/Select/SelectSearch/SelectSearch.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SelectSearch.scss"],"names":[],"mappings":"AACI;EACI,WAAA;EACA,eAAA;AAAR;AAEQ;EACI,iCAAA;AAAZ;AAII;EACI,6BAAA;AAFR;AAKI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EAEA,8CAAA;AAJR;AAMQ;EACI,mDAAA;AAJZ;AAOQ;EACI,mBAAA;EAEA,mDAAA;AANZ;AASQ;EACI,qCAAA;AAPZ;AAWI;EACI,kBAAA;AATR;AAWQ;EACI,mBAAA;AATZ;AAWY;EACI,qCAAA;AAThB;AAcI;EACI,aAAA;EACA,eAAA;EACA,uBAAA;EAEA,WAAA;EACA,kBAAA;AAbR;AAgBI;EACI,YAAA;AAdR;AAgBQ;EACI,gBAAA;EAEA,uBAAA;AAfZ","file":"SelectSearch.css","sourcesContent":[".tpc-select-search {\n    &__suggest {\n        width: 100%;\n        max-width: 100%;\n\n        &_mode_tags {\n            margin-bottom: var(--g-spacing-2);\n        }\n    }\n\n    &__popup {\n        padding: var(--g-spacing-1) 0;\n    }\n\n    &__option {\n        display: flex;\n        gap: var(--g-spacing-2);\n        align-items: center;\n\n        padding: var(--g-spacing-2) var(--g-spacing-1);\n\n        &:hover {\n            background-color: var(--g-color-base-neutral-light);\n        }\n\n        &_disabled {\n            cursor: not-allowed;\n\n            background-color: var(--g-color-base-neutral-light);\n        }\n\n        path {\n            fill: var(--g-color-private-blue-400);\n        }\n    }\n\n    &__selected-icon {\n        visibility: hidden;\n\n        &_active {\n            visibility: visible;\n\n            path {\n                fill: var(--g-color-private-blue-400);\n            }\n        }\n    }\n\n    &__tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--g-spacing-2);\n\n        width: 100%;\n        max-width: inherit;\n    }\n\n    &__tag {\n        min-width: 0;\n\n        .g-label__content {\n            overflow: hidden;\n\n            text-overflow: ellipsis;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Select/SelectSearch/SelectSearch.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { SuggestProps } from '@yandex-data-ui/common';
+import type { Option } from './types';
+import './SelectSearch.scss';
+export type SelectSearchProps<V = string> = SuggestProps & {
+    className?: string;
+    mode?: 'tags';
+    /** Max tag count to show */
+    maxTagCount?: number;
+    /** Customize tag render, only applies when mode is set to multiple or tags */
+    tagRender?: (option: Option<V>) => ReactNode;
+    /** Called when an option is deselected, param is the selected option's value. Only called for tags */
+    onDeselect?: (value: V) => void;
+    /** Current selected option */
+    values: Option<V>[];
+};
+declare const SelectSearchInternal: <V>({ className, mode, values, maxTagCount, inputClassName, popupClassName, tagRender, onDeselect, renderItem: customRenderItem, ...suggestProps }: SelectSearchProps<V>) => React.JSX.Element;
+export declare const SelectSearch: typeof SelectSearchInternal;
+export {};

package/build/cjs/components/Select/SelectSearch/SelectSearch.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectSearch = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _common = require("@yandex-data-ui/common");
+var _TagsList = require("../TagsList/TagsList");
+var _SelectSearch = require("./SelectSearch.classname");
+var _useSelectSearch2 = require("./hooks/useSelectSearch");
+require("./SelectSearch.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _excluded = ["className", "mode", "values", "maxTagCount", "inputClassName", "popupClassName", "tagRender", "onDeselect", "renderItem"];
+var SelectSearchInternal = function SelectSearchInternal(_ref) {
+  var className = _ref.className,
+    mode = _ref.mode,
+    values = _ref.values,
+    maxTagCount = _ref.maxTagCount,
+    inputClassName = _ref.inputClassName,
+    popupClassName = _ref.popupClassName,
+    tagRender = _ref.tagRender,
+    onDeselect = _ref.onDeselect,
+    customRenderItem = _ref.renderItem,
+    suggestProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useSelectSearch = (0, _useSelectSearch2.useSelectSearch)({
+      values: values,
+      customRenderItem: customRenderItem
+    }),
+    renderItem = _useSelectSearch.renderItem;
+  var withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _SelectSearch.cnSelectSearch)(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Suggest, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      autoComplete: false,
+      renderItem: renderItem
+    }, suggestProps), {}, {
+      inputClassName: (0, _SelectSearch.cnSelectSearch)('suggest', (0, _defineProperty2.default)({}, 'mode_tags', values.length > 0), inputClassName),
+      popupClassName: (0, _SelectSearch.cnSelectSearch)('popup', popupClassName)
+    })), withTags && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _SelectSearch.cnSelectSearch)('tags'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagsList.TagsList, {
+        values: values,
+        maxTagCount: maxTagCount,
+        renderTag: tagRender,
+        onDeselect: onDeselect,
+        tagTheme: "normal",
+        tagClassName: (0, _SelectSearch.cnSelectSearch)('tag'),
+        tagSize: "xs"
+      })
+    })]
+  });
+};
+var SelectSearch = exports.SelectSearch = /*#__PURE__*/(0, _react.memo)(SelectSearchInternal);
+// #sourceMappingURL=SelectSearch.js.map

package/build/cjs/components/Select/SelectSearch/SelectSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_common","_TagsList","_SelectSearch","_useSelectSearch2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","useSelectSearch","withTags","Boolean","_jsxs","cnSelectSearch","children","_jsx","Suggest","_objectSpread","autoComplete","_defineProperty","length","TagsList","renderTag","tagTheme","tagClassName","tagSize","SelectSearch","exports","memo"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '@yandex-data-ui/common';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n    className?: string;\n    mode?: 'tags';\n    /** Max tag count to show */\n    maxTagCount?: number;\n    /** Customize tag render, only applies when mode is set to multiple or tags */\n    tagRender?: (option: Option<V>) => ReactNode;\n    /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n    onDeselect?: (value: V) => void;\n    /** Current selected option */\n    values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n    className,\n    mode,\n    values,\n    maxTagCount,\n    inputClassName,\n    popupClassName,\n    tagRender,\n    onDeselect,\n    renderItem: customRenderItem,\n    ...suggestProps\n}: SelectSearchProps<V>) => {\n    const {renderItem} = useSelectSearch({values, customRenderItem});\n    const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n    return (\n        <div className={cnSelectSearch(null, className)}>\n            {/*@ts-expect-error*/}\n            <Suggest\n                autoComplete={false}\n                renderItem={renderItem}\n                {...suggestProps}\n                inputClassName={cnSelectSearch(\n                    'suggest',\n                    {['mode_tags']: values.length > 0},\n                    inputClassName,\n                )}\n                popupClassName={cnSelectSearch('popup', popupClassName)}\n            />\n            {withTags && (\n                <div className={cnSelectSearch('tags')}>\n                    <TagsList<V>\n                        values={values}\n                        maxTagCount={maxTagCount}\n                        renderTag={tagRender}\n                        onDeselect={onDeselect!}\n                        tagTheme=\"normal\"\n                        tagClassName={cnSelectSearch('tag')}\n                        tagSize=\"xs\"\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { SuggestProps } from '@yandex-data-ui/common';
+import type { Option } from '../types';
+export type UseSelectSearchProps<V> = {
+    customRenderItem?: SuggestProps['renderItem'];
+    values: Option<V>[];
+};
+export declare const useSelectSearch: <V>({ values, customRenderItem }: UseSelectSearchProps<V>) => {
+    textInputRef: React.MutableRefObject<React.RefObject<HTMLInputElement> | undefined>;
+    renderItem: ((item: any) => ReactNode) | ((option: Option<V>) => React.JSX.Element);
+};

package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectSearch = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.some.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _SelectSearch = require("../SelectSearch.classname");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var useSelectSearch = exports.useSelectSearch = function useSelectSearch(_ref) {
+  var values = _ref.values,
+    customRenderItem = _ref.customRenderItem;
+  var textInputRef = (0, _react.useRef)();
+  var defaultRenderItem = (0, _react.useCallback)(function (option) {
+    var value = option.value,
+      content = option.content,
+      disabled = option.disabled;
+    var active = values.some(function (item) {
+      return item.value === value;
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _SelectSearch.cnSelectSearch)('option', {
+        disabled: disabled
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        className: (0, _SelectSearch.cnSelectSearch)('selected-icon', {
+          active: active
+        }),
+        data: _icons.Check,
+        size: 16
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: content
+      })]
+    });
+  }, [values]);
+  return {
+    textInputRef: textInputRef,
+    renderItem: customRenderItem || defaultRenderItem
+  };
+};
+// #sourceMappingURL=useSelectSearch.js.map

package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_SelectSearch","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useSelectSearch","exports","_ref","values","customRenderItem","textInputRef","useRef","defaultRenderItem","useCallback","option","value","content","disabled","active","some","item","_jsxs","className","cnSelectSearch","children","_jsx","Icon","data","Check","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n    customRenderItem?: SuggestProps['renderItem'];\n    values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n    const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n    const defaultRenderItem = useCallback(\n        (option: Option<V>) => {\n            const {value, content, disabled} = option;\n            const active = values.some((item) => item.value === value);\n\n            return (\n                <div className={cnSelectSearch('option', {disabled})}>\n                    <Icon\n                        className={cnSelectSearch('selected-icon', {active})}\n                        data={Check}\n                        size={16}\n                    />\n                    <span>{content}</span>\n                </div>\n            );\n        },\n        [values],\n    );\n\n    return {\n        textInputRef,\n        renderItem: customRenderItem || defaultRenderItem,\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQlD,IAAMkB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAA8B,CAAC;EAE1D,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACjC,UAACC,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGV,MAAM,CAACW,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACI,IAAAM,gBAAA;MAAKC,SAAS,EAAE,IAAAC,4BAAc,EAAC,QAAQ,EAAE;QAACN,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAO,QAAA,gBACjD,IAAAC,eAAA,EAACC,WAAI;QACDJ,SAAS,EAAE,IAAAC,4BAAc,EAAC,eAAe,EAAE;UAACL,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDS,IAAI,EAAEC,YAAM;QACZC,IAAI,EAAE;MAAG,CACZ,CAAC,eACF,IAAAJ,eAAA;QAAAD,QAAA,EAAOR;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACR,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZoB,UAAU,EAAErB,gBAAgB,IAAIG;EACpC,CAAC;AACL,CAAC","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/types.d.ts

@@ -0,0 +1,5 @@
+export type Option<V> = {
+    value: V;
+    content: string;
+    disabled?: boolean;
+};

package/build/cjs/components/Select/SelectSearch/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=types.js.map

package/build/cjs/components/Select/SelectSearch/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type Option<V> = {\n    value: V;\n    content: string;\n    disabled?: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/build/cjs/components/Select/TagsList/TagsList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { LabelProps } from '@gravity-ui/uikit';
+import type { TagOption } from './types';
+export type TagsListProps<ValueType> = {
+    maxTagCount?: number;
+    renderTag?: (option: TagOption<ValueType>) => ReactNode;
+    onDeselect: (value: ValueType) => void;
+    canDeselect?: (value: ValueType) => boolean;
+    values?: TagOption<ValueType>[];
+    tagTheme?: LabelProps['theme'];
+    tagSize?: LabelProps['size'];
+    tagClassName?: string;
+    disabled?: boolean;
+};
+export declare const TagsListInternal: <ValueType>({ values, maxTagCount, renderTag, onDeselect, tagClassName, tagTheme, tagSize, disabled, canDeselect, }: TagsListProps<ValueType>) => React.JSX.Element;
+export declare const TagsList: typeof TagsListInternal;

package/build/cjs/components/Select/TagsList/TagsList.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagsListInternal = exports.TagsList = void 0;
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _useLocalizedString2 = require("./../../../hooks/useLocalizedString");
+var _i18n = require("../i18n");
+var _getRemainingTagsOption = require("./utils/getRemainingTagsOption");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var TagsListInternal = exports.TagsListInternal = function TagsListInternal(_ref) {
+  var values = _ref.values,
+    _ref$maxTagCount = _ref.maxTagCount,
+    maxTagCount = _ref$maxTagCount === void 0 ? 0 : _ref$maxTagCount,
+    renderTag = _ref.renderTag,
+    onDeselect = _ref.onDeselect,
+    tagClassName = _ref.tagClassName,
+    tagTheme = _ref.tagTheme,
+    tagSize = _ref.tagSize,
+    disabled = _ref.disabled,
+    canDeselect = _ref.canDeselect;
+  var config = (0, _uikit.getConfig)();
+  var _useLocalizedString = (0, _useLocalizedString2.useLocalizedString)(_i18n.defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  var _getTagsValues = (0, _getRemainingTagsOption.getTagsValues)(values, maxTagCount),
+    tags = _getTagsValues.tags,
+    remainingTagOption = _getTagsValues.remainingTagOption;
+  if (renderTag) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [tags.map(renderTag), remainingTagOption && renderTag(remainingTagOption)]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [tags.map(function (_ref2) {
+      var value = _ref2.value,
+        content = _ref2.content;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
+        className: tagClassName,
+        theme: tagTheme,
+        type: disabled || canDeselect && !canDeselect(value) ? 'default' : 'close',
+        size: tagSize,
+        onCloseClick: function onCloseClick() {
+          return onDeselect(value);
+        },
+        closeButtonLabel: t('label-deselect'),
+        children: content
+      }, content);
+    }), remainingTagOption && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
+      theme: "normal",
+      size: "xs",
+      children: remainingTagOption.content
+    })]
+  });
+};
+var TagsList = exports.TagsList = /*#__PURE__*/(0, _react.memo)(TagsListInternal);
+// #sourceMappingURL=TagsList.js.map

package/build/cjs/components/Select/TagsList/TagsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_useLocalizedString2","_i18n","_getRemainingTagsOption","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TagsListInternal","exports","_ref","values","_ref$maxTagCount","maxTagCount","renderTag","onDeselect","tagClassName","tagTheme","tagSize","disabled","canDeselect","config","getConfig","_useLocalizedString","useLocalizedString","defaultMessages","lang","_getTagsValues","getTagsValues","tags","remainingTagOption","_jsxs","_Fragment","children","map","_ref2","value","content","_jsx","Label","className","theme","type","size","onCloseClick","closeButtonLabel","TagsList","memo"],"sources":["TagsList.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport type {LabelProps} from '@gravity-ui/uikit';\nimport {Label, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport {defaultMessages} from '../i18n';\n\nimport type {TagOption} from './types';\nimport {getTagsValues} from './utils/getRemainingTagsOption';\n\nexport type TagsListProps<ValueType> = {\n    maxTagCount?: number;\n    renderTag?: (option: TagOption<ValueType>) => ReactNode;\n    onDeselect: (value: ValueType) => void;\n    canDeselect?: (value: ValueType) => boolean;\n    values?: TagOption<ValueType>[];\n    tagTheme?: LabelProps['theme'];\n    tagSize?: LabelProps['size'];\n    tagClassName?: string;\n    disabled?: boolean;\n};\n\nexport const TagsListInternal = <ValueType,>({\n    values,\n    maxTagCount = 0,\n    renderTag,\n    onDeselect,\n    tagClassName,\n    tagTheme,\n    tagSize,\n    disabled,\n    canDeselect,\n}: TagsListProps<ValueType>) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n    const {tags, remainingTagOption} = getTagsValues<ValueType>(values, maxTagCount);\n\n    if (renderTag) {\n        return (\n            <>\n                {tags.map(renderTag)}\n                {remainingTagOption && renderTag(remainingTagOption as TagOption<ValueType>)}\n            </>\n        );\n    }\n\n    return (\n        <>\n            {tags.map(({value, content}) => (\n                <Label\n                    key={content}\n                    className={tagClassName}\n                    theme={tagTheme}\n                    type={disabled || (canDeselect && !canDeselect(value)) ? 'default' : 'close'}\n                    size={tagSize}\n                    onCloseClick={() => onDeselect(value)}\n                    closeButtonLabel={t('label-deselect')}\n                >\n                    {content}\n                </Label>\n            ))}\n            {remainingTagOption && (\n                <Label theme=\"normal\" size=\"xs\">\n                    {remainingTagOption.content}\n                </Label>\n            )}\n        </>\n    );\n};\n\nexport const TagsList = memo(TagsListInternal) as typeof TagsListInternal;\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Select/TagsList/types.d.ts

@@ -0,0 +1,4 @@
+export type TagOption<ValueType> = {
+    content: string;
+    value: ValueType;
+};

package/build/cjs/components/Select/TagsList/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=types.js.map

package/build/cjs/components/Select/TagsList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export type TagOption<ValueType> = {\n    content: string;\n    value: ValueType;\n};\n"],"mappings":"","ignoreList":[]}

package/build/cjs/components/Select/TagsList/utils/getRemainingTagsOption.d.ts

@@ -0,0 +1,8 @@
+import type { TagOption } from '../types';
+export declare const getTagsValues: <ValueType>(values?: TagOption<ValueType>[], maxTagCount?: number) => {
+    tags: TagOption<ValueType>[];
+    remainingTagOption: {
+        value: number;
+        content: string;
+    } | undefined;
+};

package/build/cjs/components/Select/TagsList/utils/getRemainingTagsOption.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTagsValues = void 0;
+require("core-js/modules/es.array.slice.js");
+var getTagsValues = exports.getTagsValues = function getTagsValues(values, maxTagCount) {
+  if (!values || !maxTagCount) {
+    return {
+      tags: values !== null && values !== void 0 ? values : [],
+      remainingTagOption: undefined
+    };
+  }
+  var countRemainingTags;
+  var tags = values;
+  if (maxTagCount > 0) {
+    countRemainingTags = Math.max(values.length - maxTagCount, 0);
+    if (countRemainingTags > 0) {
+      tags = values.slice(0, maxTagCount);
+    }
+  }
+  var remainingTagOption = countRemainingTags ? {
+    value: -1,
+    content: "+ ".concat(countRemainingTags)
+  } : undefined;
+  return {
+    tags: tags,
+    remainingTagOption: remainingTagOption
+  };
+};
+// #sourceMappingURL=getRemainingTagsOption.js.map

package/build/cjs/components/Select/TagsList/utils/getRemainingTagsOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTagsValues","exports","values","maxTagCount","tags","remainingTagOption","undefined","countRemainingTags","Math","max","length","slice","value","content","concat"],"sources":["getRemainingTagsOption.ts"],"sourcesContent":["import type {TagOption} from '../types';\n\nexport const getTagsValues = <ValueType>(values?: TagOption<ValueType>[], maxTagCount?: number) => {\n    if (!values || !maxTagCount) {\n        return {\n            tags: values ?? [],\n            remainingTagOption: undefined,\n        };\n    }\n\n    let countRemainingTags;\n    let tags = values;\n\n    if (maxTagCount > 0) {\n        countRemainingTags = Math.max(values.length - maxTagCount, 0);\n\n        if (countRemainingTags > 0) {\n            tags = values.slice(0, maxTagCount);\n        }\n    }\n\n    const remainingTagOption = countRemainingTags\n        ? {\n              value: -1,\n              content: `+ ${countRemainingTags}`,\n          }\n        : undefined;\n\n    return {tags, remainingTagOption};\n};\n"],"mappings":";;;;;;;AAEO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAeE,MAA+B,EAAEC,WAAoB,EAAK;EAC/F,IAAI,CAACD,MAAM,IAAI,CAACC,WAAW,EAAE;IACzB,OAAO;MACHC,IAAI,EAAEF,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,EAAE;MAClBG,kBAAkB,EAAEC;IACxB,CAAC;EACL;EAEA,IAAIC,kBAAkB;EACtB,IAAIH,IAAI,GAAGF,MAAM;EAEjB,IAAIC,WAAW,GAAG,CAAC,EAAE;IACjBI,kBAAkB,GAAGC,IAAI,CAACC,GAAG,CAACP,MAAM,CAACQ,MAAM,GAAGP,WAAW,EAAE,CAAC,CAAC;IAE7D,IAAII,kBAAkB,GAAG,CAAC,EAAE;MACxBH,IAAI,GAAGF,MAAM,CAACS,KAAK,CAAC,CAAC,EAAER,WAAW,CAAC;IACvC;EACJ;EAEA,IAAME,kBAAkB,GAAGE,kBAAkB,GACvC;IACIK,KAAK,EAAE,CAAC,CAAC;IACTC,OAAO,OAAAC,MAAA,CAAOP,kBAAkB;EACpC,CAAC,GACDD,SAAS;EAEf,OAAO;IAACF,IAAI,EAAJA,IAAI;IAAEC,kBAAkB,EAAlBA;EAAkB,CAAC;AACrC,CAAC","ignoreList":[]}

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnTagsSelect: import("@bem-react/classname").ClassNameFormatter;

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnTagsSelect = void 0;
+var _cn = require("../../cn");
+var cnTagsSelect = exports.cnTagsSelect = (0, _cn.block)('tags-select');
+// #sourceMappingURL=TagsSelect.classname.js.map

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnTagsSelect","exports","block"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}

package/build/cjs/components/Select/TagsSelect/TagsSelect.css

@@ -0,0 +1,11 @@
+.tpc-tags-select {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--g-spacing-2);
+  align-items: center;
+}
+.tpc-tags-select__tag {
+  color: var(--g-color-text-primary);
+  background-color: var(--g-color-base-generic);
+}
+/*# sourceMappingURL=TagsSelect.css.map */

package/build/cjs/components/Select/TagsSelect/TagsSelect.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TagsSelect.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;AACJ;AACI;EACI,kCAAA;EACA,6CAAA;AACR","file":"TagsSelect.css","sourcesContent":[".tpc-tags-select {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--g-spacing-2);\n    align-items: center;\n\n    &__tag {\n        color: var(--g-color-text-primary);\n        background-color: var(--g-color-base-generic);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Select/TagsSelect/TagsSelect.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { MultiSelectProps } from '../MultiSelect';
+import type { TagsListProps } from '../TagsList/TagsList';
+import './TagsSelect.scss';
+export type TagsSelectProps = Omit<MultiSelectProps, 'renderControl'> & Pick<TagsListProps<string>, 'canDeselect'>;
+export declare const TagsSelect: FC<TagsSelectProps>;