intelicoreact 1.5.33 → 1.5.35

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js

@@ -1,60 +1,52 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _RangeList = _interopRequireDefault(require("../RangeList/RangeList"));
-var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _RangeList = /*#__PURE__*/ _interop_require_default(require("../RangeList/RangeList"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
 require("./SwitcherRangeList.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const RC = "switcher-range-list";
-const SwitcherRangeList = props => {
-  const {
-    className,
-    label,
-    isLabelBold,
-    hint,
-    hintSide,
-    disabled,
-    isActive,
-    value,
-    validateErrors,
-    isFloatValues,
-    decimalPlaces,
-    error,
-    defaultErrorText,
-    nullValueText,
-    isOnlyOneRow,
-    setIsActive = () => {},
-    onChange = () => {},
-    testId
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
-    isActive: isActive,
-    onChange: setIsActive,
-    label: label,
-    isLabelBold: isLabelBold,
-    hint: hint,
-    hintSide: hintSide,
-    className: (0, _classnames.default)(RC, className),
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "switcher-range-list__row"
-  }, /*#__PURE__*/_react.default.createElement(_RangeList.default, {
-    testId: testId,
-    className: "".concat(RC, "__range-list"),
-    value: value,
-    isOnlyOneRow: isOnlyOneRow,
-    onChange: onChange,
-    validateErrors: validateErrors,
-    isFloatValues: isFloatValues,
-    decimalPlaces: decimalPlaces,
-    error: error,
-    defaultErrorText: defaultErrorText,
-    nullValueText: nullValueText
-  })));
+const SwitcherRangeList = (props)=>{
+    const { className, label, isLabelBold, hint, hintSide, disabled, isActive, value, validateErrors, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow, setIsActive = ()=>{}, onChange = ()=>{}, testId } = props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+        isActive: isActive,
+        onChange: setIsActive,
+        label: label,
+        isLabelBold: isLabelBold,
+        hint: hint,
+        hintSide: hintSide,
+        className: (0, _classnames.default)(RC, className),
+        disabled: disabled,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "switcher-range-list__row",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeList.default, {
+                testId: testId,
+                className: `${RC}__range-list`,
+                value: value,
+                isOnlyOneRow: isOnlyOneRow,
+                onChange: onChange,
+                validateErrors: validateErrors,
+                isFloatValues: isFloatValues,
+                decimalPlaces: decimalPlaces,
+                error: error,
+                defaultErrorText: defaultErrorText,
+                nullValueText: nullValueText
+            })
+        })
+    });
 };
-var _default = exports.default = SwitcherRangeList;
+const _default = SwitcherRangeList;

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.stories.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SwitcherRangeListTemplate: function() {
+        return SwitcherRangeListTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _SwitcherRangeList = /*#__PURE__*/ _interop_require_default(require("./SwitcherRangeList"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/SwitcherRangeList',
+    component: _SwitcherRangeList.default
+};
+const DEFAULT_STATE = {
+    isActive: true,
+    value: []
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isAddValidateErrorsForExample, isUseInitialValues, initialValues, ...restArgs } = args;
+    const [state, setState] = (0, _react.useState)(DEFAULT_STATE);
+    const [error, setError] = (0, _react.useState)('');
+    const handleChange = (value, prop)=>{
+        setState({
+            ...state,
+            [prop]: value
+        });
+        setError('');
+    };
+    const validateForExample = (from, to)=>{
+        if (+from < 18) {
+            setError('18 is the minimum allowed value');
+            return false;
+        } else {
+            setError('');
+            return true;
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        if (isUseInitialValues) handleChange(initialValues, 'value');
+        else handleChange([], 'value');
+    }, [
+        isUseInitialValues,
+        restArgs.isFloatValues
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherRangeList.default, {
+        ...restArgs,
+        isActive: state.isActive,
+        setIsActive: (val)=>handleChange(val, 'isActive'),
+        value: state.value,
+        onChange: (val)=>handleChange(val, 'value'),
+        className: isIncludeOuterStyles ? 'any-outer-class__switcher-range-list' : null,
+        validateErrors: isAddValidateErrorsForExample ? validateForExample : null,
+        error: error
+    });
+};
+const SwitcherRangeListTemplate = Template.bind({});
+SwitcherRangeListTemplate.args = {
+    isIncludeOuterStyles: false,
+    isAddValidateErrorsForExample: false,
+    disabled: false,
+    label: 'Test label',
+    isLabelBold: true,
+    hint: null,
+    hintSide: null,
+    isFloatValues: false,
+    decimalPlaces: 2,
+    defaultErrorText: 'Set a valid range',
+    nullValueText: 'Not set',
+    isUseInitialValues: true,
+    initialValues: [
+        {
+            from: 15,
+            to: 17
+        },
+        {
+            from: 19,
+            to: 23
+        },
+        {
+            from: 25,
+            to: 30
+        }
+    ]
+};

package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss

@@ -1,4 +1,4 @@
-@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap';
 
 .any-outer-class__switcher-range-list {
   .switcher {

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -1,116 +1,179 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
-var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
-var _TagsDropdown = _interopRequireDefault(require("../TagsDropdown/TagsDropdown"));
-var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
-var _Textarea = _interopRequireDefault(require("../Textarea/Textarea"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/Button"));
+const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
+const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("../TagsDropdown/TagsDropdown"));
+const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("../TextSwitcher/TextSwitcher"));
+const _Textarea = /*#__PURE__*/ _interop_require_default(require("../Textarea/Textarea"));
 require("./SwitcherTagsDropdown.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = "switcher-tags-dropdown";
-const SwitcherTagsDropdown = _ref => {
-  let {
-    className,
-    label,
-    isLabelBold,
-    isValuesInTags,
-    isActive,
-    isIncluded,
-    isAdvancedLabelSearch,
-    disabled,
-    options = [],
-    chosenOptions = [],
-    setIsActive = () => {},
-    setIsIncluded = () => {},
-    onChange = () => {}
-  } = _ref;
-  const [listView, setListView] = (0, _react.useState)(false);
-  const [textValue, setTextValue] = (0, _react.useState)();
-  const singleLevelOptions = (0, _react.useMemo)(() => options.reduce((acc, item) => [...acc, ...(item.groupName ? item.list : [item])], []), [options]);
-  const apply = () => {
-    var _textValue$split;
-    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
-    // (по логике listValuesArr - массив полученный из строки textaria).
-    const getFilterFunction = listValuesArr => item => {
-      return listValuesArr.find(el => {
-        const itemValue = item === null || item === void 0 ? void 0 : item.value.toString().toLowerCase();
-        const itemLabel = (item.title || item.label || item.name || item.value).toString().toLowerCase();
-        const chosenOption = el.toString().toLowerCase();
-        const isChosenOptionIncludedInLabel = itemLabel.includes(chosenOption) && !chosenOptions.includes(item.value);
-        if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
-      });
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    const textToArray = textValue === null || textValue === void 0 || (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ",").map(item => item.toString().trim()).filter(item => Boolean(item));
-    const newOptions = options.filter(getFilterFunction(textToArray)).map(option => option.value);
-    onChange(newOptions, "chosenOptions");
-    setListView(false);
-  };
-  const enterHandler = (e, value) => {
-    if (e.keyCode === 13) {
-      const option = options === null || options === void 0 ? void 0 : options.find(item => {
-        var _item$title;
-        return (item === null || item === void 0 || (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toLowerCase()) && !item.disabled;
-      });
-      const isOptionChecked = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.some(item => {
-        var _item$title2, _option$title;
-        return (item === null || item === void 0 || (_item$title2 = item.title) === null || _item$title2 === void 0 ? void 0 : _item$title2.toLowerCase()) === (option === null || option === void 0 || (_option$title = option.title) === null || _option$title === void 0 ? void 0 : _option$title.toLowerCase());
-      });
-      if (option && !isOptionChecked) onChange([...chosenOptions, option], "chosenOptions");
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
     }
-  };
-  (0, _react.useEffect)(() => {
-    const getLabel = el => el.title || el.label || el.name || el.value;
-    const valuesArr = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(item => isValuesInTags ? item : getLabel(singleLevelOptions.find(option => option.value === item)));
-    setTextValue(valuesArr.join(", "));
-  }, [chosenOptions, listView]);
-  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
-    isActive: isActive,
-    onChange: setIsActive,
-    label: label,
-    className: (0, _classnames.default)(RC, className),
-    isLabelBold: isLabelBold,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__wrap switcher-hide__content")
-  }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
-    activeText: "is",
-    inactiveText: "is not",
-    isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
-    onChange: setIsIncluded,
-    className: "".concat(RC, "__text-switcher")
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter-select__wrap--buttons"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    onClick: () => setListView(!listView),
-    className: "".concat(RC, "__btn")
-  }, listView ? "Close" : "List view"), listView && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    label: "Apply",
-    className: "".concat(RC, "__apply"),
-    onClick: () => apply()
-  }), /*#__PURE__*/_react.default.createElement("button", {
-    onClick: () => onChange([], "chosenOptions"),
-    className: "".concat(RC, "__btn")
-  }, "Clear"))), listView ? /*#__PURE__*/_react.default.createElement(_Textarea.default, {
-    value: textValue,
-    onChange: value => setTextValue(value)
-  }) : /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, {
-    options: options,
-    chosenOptions: chosenOptions,
-    onChange: onChange,
-    className: "".concat(RC, "__tags-dropdown"),
-    onKeyPress: (e, value) => enterHandler(e, value),
-    tagClassname: (0, _classnames.default)("".concat(RC, "__tag"), {
-      ["".concat(RC, "__tag_inactive")]: !isIncluded
-    }),
-    isValuesInTags: isValuesInTags
-  }));
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const RC = "switcher-tags-dropdown";
+const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, isActive, isIncluded, isAdvancedLabelSearch, disabled, options = [], chosenOptions = [], setIsActive = ()=>{}, setIsIncluded = ()=>{}, onChange = ()=>{} })=>{
+    const [listView, setListView] = (0, _react.useState)(false);
+    const [textValue, setTextValue] = (0, _react.useState)();
+    const singleLevelOptions = (0, _react.useMemo)(()=>options.reduce((acc, item)=>[
+                ...acc,
+                ...item.groupName ? item.list : [
+                    item
+                ]
+            ], []), [
+        options
+    ]);
+    const apply = ()=>{
+        var _textValue_split;
+        // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+        // (по логике listValuesArr - массив полученный из строки textaria).
+        const getFilterFunction = (listValuesArr)=>(item)=>{
+                return listValuesArr.find((el)=>{
+                    const itemValue = item === null || item === void 0 ? void 0 : item.value.toString().toLowerCase();
+                    const itemLabel = (item.title || item.label || item.name || item.value).toString().toLowerCase();
+                    const chosenOption = el.toString().toLowerCase();
+                    const isChosenOptionIncludedInLabel = itemLabel.includes(chosenOption) && !chosenOptions.includes(item.value);
+                    if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;
+                    else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;
+                    else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
+                });
+            };
+        const textToArray = textValue === null || textValue === void 0 ? void 0 : (_textValue_split = textValue.split) === null || _textValue_split === void 0 ? void 0 : _textValue_split.call(textValue, ",").map((item)=>item.toString().trim()).filter((item)=>Boolean(item));
+        const newOptions = options.filter(getFilterFunction(textToArray)).map((option)=>option.value);
+        onChange(newOptions, "chosenOptions");
+        setListView(false);
+    };
+    const enterHandler = (e, value)=>{
+        if (e.keyCode === 13) {
+            const option = options === null || options === void 0 ? void 0 : options.find((item)=>{
+                var _item_title;
+                return (item === null || item === void 0 ? void 0 : (_item_title = item.title) === null || _item_title === void 0 ? void 0 : _item_title.toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toLowerCase()) && !item.disabled;
+            });
+            const isOptionChecked = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.some((item)=>{
+                var _item_title, _option_title;
+                return (item === null || item === void 0 ? void 0 : (_item_title = item.title) === null || _item_title === void 0 ? void 0 : _item_title.toLowerCase()) === (option === null || option === void 0 ? void 0 : (_option_title = option.title) === null || _option_title === void 0 ? void 0 : _option_title.toLowerCase());
+            });
+            if (option && !isOptionChecked) onChange([
+                ...chosenOptions,
+                option
+            ], "chosenOptions");
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        const getLabel = (el)=>el.title || el.label || el.name || el.value;
+        const valuesArr = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map((item)=>isValuesInTags ? item : getLabel(singleLevelOptions.find((option)=>option.value === item)));
+        setTextValue(valuesArr.join(", "));
+    }, [
+        chosenOptions,
+        listView
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_SwitcherHide.default, {
+        isActive: isActive,
+        onChange: setIsActive,
+        label: label,
+        className: (0, _classnames.default)(RC, className),
+        isLabelBold: isLabelBold,
+        disabled: disabled,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: `${RC}__wrap switcher-hide__content`,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+                        activeText: "is",
+                        inactiveText: "is not",
+                        isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
+                        onChange: setIsIncluded,
+                        className: `${RC}__text-switcher`
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "filter-select__wrap--buttons",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                                onClick: ()=>setListView(!listView),
+                                className: `${RC}__btn`,
+                                children: listView ? "Close" : "List view"
+                            }),
+                            listView && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                                label: "Apply",
+                                className: `${RC}__apply`,
+                                onClick: ()=>apply()
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                                onClick: ()=>onChange([], "chosenOptions"),
+                                className: `${RC}__btn`,
+                                children: "Clear"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            listView ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+                value: textValue,
+                onChange: (value)=>setTextValue(value)
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+                options: options,
+                chosenOptions: chosenOptions,
+                onChange: onChange,
+                className: `${RC}__tags-dropdown`,
+                onKeyPress: (e, value)=>enterHandler(e, value),
+                tagClassname: (0, _classnames.default)(`${RC}__tag`, {
+                    [`${RC}__tag_inactive`]: !isIncluded
+                }),
+                isValuesInTags: isValuesInTags
+            })
+        ]
+    });
 };
-var _default = exports.default = SwitcherTagsDropdown;
+const _default = SwitcherTagsDropdown;

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss

@@ -1,8 +1,6 @@
-@import "../../../scss/_vars";
+@use '../../../scss/_vars';
 
 .switcher-tags-dropdown {
-  //width: 550px;
-
   &__wrap {
     display: flex;
     flex-wrap: wrap;
@@ -14,7 +12,7 @@
     font-size: 12px;
     cursor: pointer;
 
-    color: $color--primary;
+    color: vars.$color--primary;
 
     &:not(:last-child) {
       margin-right: 8px;
@@ -29,10 +27,10 @@
     }
 
     .switcher-tags-dropdown__tag {
-      background-color: $color--green-light;
+      background-color: vars.$color--green-light;
 
       &_inactive {
-        background-color: $color--error-bg;
+        background-color: vars.$color--error-bg;
       }
     }