intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -1,91 +1,58 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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 _RangeInputs = /*#__PURE__*/ _interop_require_default(require("../RangeInputs/RangeInputs"));
-const _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
-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;
-}
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Input = _interopRequireDefault(require("../Input/Input"));
+var _RangeInputs = _interopRequireDefault(require("../RangeInputs/RangeInputs"));
+var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
+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 && {}.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-range";
-const SwitcherRange = ({ label, isLabelBold, hint, isActive, setIsActive, value, onChange, isInputsColumn, validateErrors, withZero, isPrice, inputsType })=>{
-    const [error, setError] = (0, _react.useState)("");
-    const rangeValidation = ()=>{
-        if (inputFrom && inputTo && inputFrom > inputTo) {
-            setError("Invalid range");
-        } else {
-            setError("");
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
-        label: label,
-        hint: hint,
-        className: RC,
-        isActive: isActive,
-        onChange: setIsActive,
-        isLabelBold: isLabelBold,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeInputs.default, {
-            className: "switcher-range__range-inputs",
-            type: inputsType,
-            onChange: onChange,
-            value: value,
-            setError: ()=>{},
-            isColumnPosition: isInputsColumn,
-            validateErrors: validateErrors,
-            withZero: withZero,
-            isPrice: isPrice
-        })
-    });
+const SwitcherRange = _ref => {
+  let {
+    label,
+    isLabelBold,
+    hint,
+    isActive,
+    setIsActive,
+    value,
+    onChange,
+    isInputsColumn,
+    validateErrors,
+    withZero,
+    isPrice,
+    inputsType
+  } = _ref;
+  const [error, setError] = (0, _react.useState)("");
+  const rangeValidation = () => {
+    if (inputFrom && inputTo && inputFrom > inputTo) {
+      setError("Invalid range");
+    } else {
+      setError("");
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+    label: label,
+    hint: hint,
+    className: RC,
+    isActive: isActive,
+    onChange: setIsActive,
+    isLabelBold: isLabelBold
+  }, /*#__PURE__*/_react.default.createElement(_RangeInputs.default, {
+    className: "switcher-range__range-inputs",
+    type: inputsType,
+    onChange: onChange,
+    value: value,
+    setError: () => {},
+    isColumnPosition: isInputsColumn,
+    validateErrors: validateErrors,
+    withZero: withZero,
+    isPrice: isPrice
+  }));
 };
-const _default = SwitcherRange;
+var _default = exports.default = SwitcherRange;

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss

@@ -1,3 +1,5 @@
+// @import './../../scss/main.scss';
+
 .switcher-range {
   height: 56px;
 

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

@@ -1,52 +1,60 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"));
+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"));
 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__*/ (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
-            })
-        })
-    });
+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: `${RC}__range-list`,
+    value: value,
+    isOnlyOneRow: isOnlyOneRow,
+    onChange: onChange,
+    validateErrors: validateErrors,
+    isFloatValues: isFloatValues,
+    decimalPlaces: decimalPlaces,
+    error: error,
+    defaultErrorText: defaultErrorText,
+    nullValueText: nullValueText
+  })));
 };
-const _default = SwitcherRangeList;
+var _default = exports.default = SwitcherRangeList;

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,179 +1,109 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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"));
+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"));
 require("./SwitcherTagsDropdown.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;
-}
+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 && {}.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 = ({ 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 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 = () => {
+    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+    // (по логике listValuesArr - массив полученный из строки textaria).
+    const getFilterFunction = listValuesArr => item => {
+      return listValuesArr.find(el => {
+        const itemValue = 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 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
-            })
-        ]
-    });
+    const textToArray = textValue?.split?.(",").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?.find(item => item?.title?.toLowerCase() === value?.toLowerCase() && !item.disabled);
+      const isOptionChecked = chosenOptions?.some(item => item?.title?.toLowerCase() === 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?.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: `${RC}__wrap switcher-hide__content`
+  }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
+    activeText: "is",
+    inactiveText: "is not",
+    isActive: isIncluded ?? true,
+    onChange: setIsIncluded,
+    className: `${RC}__text-switcher`
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter-select__wrap--buttons"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    onClick: () => setListView(!listView),
+    className: `${RC}__btn`
+  }, listView ? "Close" : "List view"), listView && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    label: "Apply",
+    className: `${RC}__apply`,
+    onClick: () => apply()
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: () => onChange([], "chosenOptions"),
+    className: `${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: `${RC}__tags-dropdown`,
+    onKeyPress: (e, value) => enterHandler(e, value),
+    tagClassname: (0, _classnames.default)(`${RC}__tag`, {
+      [`${RC}__tag_inactive`]: !isIncluded
+    }),
+    isValuesInTags: isValuesInTags
+  }));
 };
-const _default = SwitcherTagsDropdown;
+var _default = exports.default = SwitcherTagsDropdown;

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

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