intelicoreact 1.6.0 → 1.6.2

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

@@ -1,73 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    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"));
-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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useState } from "react";
+import cn from "classnames";
+import Button from "../../UI/Button/Button";
+import SwitcherHide from "../SwitcherHide/SwitcherHide";
+import TagsDropdown from "../TagsDropdown/TagsDropdown";
+import TextSwitcher from "../TextSwitcher/TextSwitcher";
+import Textarea from "../Textarea/Textarea";
+import "./SwitcherTagsDropdown.scss";
 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)=>[
+    const [listView, setListView] = useState(false);
+    const [textValue, setTextValue] = useState();
+    const singleLevelOptions = useMemo(()=>options.reduce((acc, item)=>[
                 ...acc,
                 ...item.groupName ? item.list : [
                     item
@@ -111,7 +55,7 @@ const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, i
             ], "chosenOptions");
         }
     };
-    (0, _react.useEffect)(()=>{
+    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(", "));
@@ -119,38 +63,38 @@ const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, i
         chosenOptions,
         listView
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_SwitcherHide.default, {
+    return /*#__PURE__*/ _jsxs(SwitcherHide, {
         isActive: isActive,
         onChange: setIsActive,
         label: label,
-        className: (0, _classnames.default)(RC, className),
+        className: cn(RC, className),
         isLabelBold: isLabelBold,
         disabled: disabled,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: `${RC}__wrap switcher-hide__content`,
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+                    /*#__PURE__*/ _jsx(TextSwitcher, {
                         activeText: "is",
                         inactiveText: "is not",
                         isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
                         onChange: setIsIncluded,
                         className: `${RC}__text-switcher`
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    /*#__PURE__*/ _jsxs("div", {
                         className: "filter-select__wrap--buttons",
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                            /*#__PURE__*/ _jsx("button", {
                                 onClick: ()=>setListView(!listView),
                                 className: `${RC}__btn`,
                                 children: listView ? "Close" : "List view"
                             }),
-                            listView && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                            listView && /*#__PURE__*/ _jsx(Button, {
                                 label: "Apply",
                                 className: `${RC}__apply`,
                                 onClick: ()=>apply()
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                            /*#__PURE__*/ _jsx("button", {
                                 onClick: ()=>onChange([], "chosenOptions"),
                                 className: `${RC}__btn`,
                                 children: "Clear"
@@ -159,16 +103,16 @@ const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, i
                     })
                 ]
             }),
-            listView ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+            listView ? /*#__PURE__*/ _jsx(Textarea, {
                 value: textValue,
                 onChange: (value)=>setTextValue(value)
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+            }) : /*#__PURE__*/ _jsx(TagsDropdown, {
                 options: options,
                 chosenOptions: chosenOptions,
                 onChange: onChange,
                 className: `${RC}__tags-dropdown`,
                 onKeyPress: (e, value)=>enterHandler(e, value),
-                tagClassname: (0, _classnames.default)(`${RC}__tag`, {
+                tagClassname: cn(`${RC}__tag`, {
                     [`${RC}__tag_inactive`]: !isIncluded
                 }),
                 isValuesInTags: isValuesInTags
@@ -176,4 +120,4 @@ const SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, i
         ]
     });
 };
-const _default = SwitcherTagsDropdown;
+export default SwitcherTagsDropdown;

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

@@ -1,77 +1,13 @@
-"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, {
-    SwitcherTagsDropdownTemplate: function() {
-        return SwitcherTagsDropdownTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _SwitcherTagsDropdown = /*#__PURE__*/ _interop_require_default(require("./SwitcherTagsDropdown"));
-const _States = /*#__PURE__*/ _interop_require_default(require("./partial/States"));
-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;
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import SwitcherTagsDropdown from './SwitcherTagsDropdown';
+import States from './partial/States';
+import './partial/AnyOuterClass.scss';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/SwitcherTagsDropdown',
-    component: _SwitcherTagsDropdown.default
+    component: SwitcherTagsDropdown
 };
 const DEFAULT_OTIONS = [
     {
@@ -113,28 +49,28 @@ const DEFAULT_OTIONS = [
 ];
 const Template = (args)=>{
     const { isIncludeOuterStyles, isStatesAsOptions, ...restArgs } = args;
-    const [values, setValues] = (0, _react.useState)({
+    const [values, setValues] = useState({
         isActive: true,
         isIncluded: true,
         value: []
     });
-    const [options, setOptions] = (0, _react.useState)(isStatesAsOptions ? _States.default : DEFAULT_OTIONS);
+    const [options, setOptions] = useState(isStatesAsOptions ? States : DEFAULT_OTIONS);
     const handleChange = (val, prop)=>{
         setValues({
             ...values,
             [prop]: val
         });
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setValues({
             ...values,
             value: []
         });
-        setOptions(isStatesAsOptions ? _States.default : DEFAULT_OTIONS);
+        setOptions(isStatesAsOptions ? States : DEFAULT_OTIONS);
     }, [
         isStatesAsOptions
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherTagsDropdown.default, {
+    return /*#__PURE__*/ _jsx(SwitcherTagsDropdown, {
         ...restArgs,
         options: options,
         isActive: values.isActive,
@@ -146,7 +82,7 @@ const Template = (args)=>{
         className: isIncludeOuterStyles ? 'any-outer-class__switcher-tags-dropdown' : null
     });
 };
-const SwitcherTagsDropdownTemplate = Template.bind({});
+export const SwitcherTagsDropdownTemplate = Template.bind({});
 SwitcherTagsDropdownTemplate.args = {
     isIncludeOuterStyles: false,
     isStatesAsOptions: false,

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

@@ -1,14 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _default = [
+export default [
     {
         value: "AL",
         label: "Alabama (AL)"

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js

@@ -1,42 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    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 _SwitcherHide = /*#__PURE__*/ _interop_require_default(require("../SwitcherHide/SwitcherHide"));
-const _TextSwitcher = /*#__PURE__*/ _interop_require_default(require("../TextSwitcher/TextSwitcher"));
-const _Textarea = /*#__PURE__*/ _interop_require_default(require("../Textarea/Textarea"));
-require("./SwitcherTextarea.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import cn from "classnames";
+import SwitcherHide from "../SwitcherHide/SwitcherHide";
+import TextSwitcher from "../TextSwitcher/TextSwitcher";
+import Textarea from "../Textarea/Textarea";
+import "./SwitcherTextarea.scss";
 const RC = "switcher-textarea";
 const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true, setIsActive = ()=>{}, isIncluded = true, setIsIncluded = ()=>{}, text = "", setText = ()=>{}, activeText = "is", inactiveText = "is not", placeholder, disabled, testId })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
+    return /*#__PURE__*/ _jsx(SwitcherHide, {
         testId: testId,
         isActive: isActive,
         onChange: setIsActive,
         label: label,
         isLabelBold: isLabelBold,
-        className: (0, _classnames.default)(RC, className),
+        className: cn(RC, className),
         hint: hint,
         disabled: disabled,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: `${RC}__wrap switcher-hide__content`,
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
+                        /*#__PURE__*/ _jsx(TextSwitcher, {
                             testId: testId,
                             activeText: activeText,
                             inactiveText: inactiveText,
@@ -44,14 +29,14 @@ const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true
                             onChange: (value)=>setIsIncluded(value),
                             className: `${RC}__text-switcher`
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        /*#__PURE__*/ _jsx("button", {
                             onClick: ()=>setText(""),
                             className: `${RC}__btn`,
                             children: "Clear"
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
+                /*#__PURE__*/ _jsx(Textarea, {
                     testId: testId,
                     value: text,
                     placeholder: placeholder,
@@ -62,4 +47,4 @@ const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true
         })
     });
 };
-const _default = SwitcherTextarea;
+export default SwitcherTextarea;

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

@@ -1,83 +1,19 @@
-"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, {
-    SwitcherTextareaTemplate: function() {
-        return SwitcherTextareaTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _SwitcherTextarea = /*#__PURE__*/ _interop_require_default(require("./SwitcherTextarea"));
-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;
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import SwitcherTextarea from './SwitcherTextarea';
+import './partial/AnyOuterClass.scss';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/SwitcherTextarea',
-    component: _SwitcherTextarea.default
+    component: SwitcherTextarea
 };
 const Template = (args)=>{
     const { isIncludeOuterStyles, ...restArgs } = args;
-    const [isActive, setIsActive] = (0, _react.useState)(true);
-    const [isIncluded, setIsIncluded] = (0, _react.useState)(true);
-    const [text, setText] = (0, _react.useState)('');
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherTextarea.default, {
+    const [isActive, setIsActive] = useState(true);
+    const [isIncluded, setIsIncluded] = useState(true);
+    const [text, setText] = useState('');
+    return /*#__PURE__*/ _jsx(SwitcherTextarea, {
         ...restArgs,
         isActive: isActive,
         setIsActive: setIsActive,
@@ -88,7 +24,7 @@ const Template = (args)=>{
         className: isIncludeOuterStyles ? 'any-outer-class__switcher-textarea' : null
     });
 };
-const SwitcherTextareaTemplate = Template.bind({});
+export const SwitcherTextareaTemplate = Template.bind({});
 SwitcherTextareaTemplate.args = {
     isIncludeOuterStyles: false,
     label: 'label test',

package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js

@@ -1,71 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    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 _TagList = /*#__PURE__*/ _interop_require_default(require("../../UI/TagList/TagList"));
-const _TagsDropdown = /*#__PURE__*/ _interop_require_default(require("../TagsDropdown/TagsDropdown"));
-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;
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import TagList from "../../UI/TagList/TagList";
+import TagsDropdown from "../TagsDropdown/TagsDropdown";
 const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps = {}, onChange, useDropdownCompactMode })=>{
     const preparedValue = value.map(({ value })=>value);
-    const [isEditMode, setIsEditMode] = (0, _react.useState)(false);
-    const [isRenderAllTags, setIsRenderAllTags] = (0, _react.useState)(false);
-    const [newValue, setNewValue] = (0, _react.useState)(preparedValue);
-    const [isValueChanged, setIsValueChanged] = (0, _react.useState)(false);
-    const [isLoading, setIsLoading] = (0, _react.useState)(false);
-    const tagListRef = (0, _react.useRef)(null);
+    const [isEditMode, setIsEditMode] = useState(false);
+    const [isRenderAllTags, setIsRenderAllTags] = useState(false);
+    const [newValue, setNewValue] = useState(preparedValue);
+    const [isValueChanged, setIsValueChanged] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const tagListRef = useRef(null);
     const onConfirmChangesClick = ()=>{
         if (isValueChanged) {
             var _this;
@@ -86,14 +30,14 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
             setIsEditMode(false);
         }
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setNewValue(preparedValue);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         isEditMode
     ]);
     const renderTagsDropdown = (props)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+        return /*#__PURE__*/ _jsx(TagsDropdown, {
             ...dropdownProps,
             disabled: isLoading,
             options: options,
@@ -115,7 +59,7 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
         });
     };
     const renderTagsList = (props)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, {
+        return /*#__PURE__*/ _jsx(TagList, {
             disabled: isLoading,
             refProp: tagListRef,
             ...listProps,
@@ -145,4 +89,4 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
         withActions: true
     }) : renderTagsList();
 };
-const _default = TagListToDropdown;
+export default TagListToDropdown;