intelicoreact 1.6.2 → 1.6.3

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

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

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

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

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

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

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

@@ -1,27 +1,42 @@
-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";
+"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
+    };
+}
 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__*/ _jsx(SwitcherHide, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherHide.default, {
         testId: testId,
         isActive: isActive,
         onChange: setIsActive,
         label: label,
         isLabelBold: isLabelBold,
-        className: cn(RC, className),
+        className: (0, _classnames.default)(RC, className),
         hint: hint,
         disabled: disabled,
-        children: /*#__PURE__*/ _jsxs(_Fragment, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: `${RC}__wrap switcher-hide__content`,
                     children: [
-                        /*#__PURE__*/ _jsx(TextSwitcher, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextSwitcher.default, {
                             testId: testId,
                             activeText: activeText,
                             inactiveText: inactiveText,
@@ -29,14 +44,14 @@ const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true
                             onChange: (value)=>setIsIncluded(value),
                             className: `${RC}__text-switcher`
                         }),
-                        /*#__PURE__*/ _jsx("button", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                             onClick: ()=>setText(""),
                             className: `${RC}__btn`,
                             children: "Clear"
                         })
                     ]
                 }),
-                /*#__PURE__*/ _jsx(Textarea, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Textarea.default, {
                     testId: testId,
                     value: text,
                     placeholder: placeholder,
@@ -47,4 +62,4 @@ const SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true
         })
     });
 };
-export default SwitcherTextarea;
+const _default = SwitcherTextarea;

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

@@ -1,19 +1,83 @@
-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';
+"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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'Form Elements/SwitcherTextarea',
-    component: SwitcherTextarea
+    component: _SwitcherTextarea.default
 };
 const Template = (args)=>{
     const { isIncludeOuterStyles, ...restArgs } = args;
-    const [isActive, setIsActive] = useState(true);
-    const [isIncluded, setIsIncluded] = useState(true);
-    const [text, setText] = useState('');
-    return /*#__PURE__*/ _jsx(SwitcherTextarea, {
+    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, {
         ...restArgs,
         isActive: isActive,
         setIsActive: setIsActive,
@@ -24,7 +88,7 @@ const Template = (args)=>{
         className: isIncludeOuterStyles ? 'any-outer-class__switcher-textarea' : null
     });
 };
-export const SwitcherTextareaTemplate = Template.bind({});
+const SwitcherTextareaTemplate = Template.bind({});
 SwitcherTextareaTemplate.args = {
     isIncludeOuterStyles: false,
     label: 'label test',

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

@@ -1,15 +1,71 @@
-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";
+"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;
+}
 const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps = {}, onChange, useDropdownCompactMode })=>{
     const preparedValue = value.map(({ value })=>value);
-    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 [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 onConfirmChangesClick = ()=>{
         if (isValueChanged) {
             var _this;
@@ -30,14 +86,14 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
             setIsEditMode(false);
         }
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setNewValue(preparedValue);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         isEditMode
     ]);
     const renderTagsDropdown = (props)=>{
-        return /*#__PURE__*/ _jsx(TagsDropdown, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
             ...dropdownProps,
             disabled: isLoading,
             options: options,
@@ -59,7 +115,7 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
         });
     };
     const renderTagsList = (props)=>{
-        return /*#__PURE__*/ _jsx(TagList, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, {
             disabled: isLoading,
             refProp: tagListRef,
             ...listProps,
@@ -89,4 +145,4 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
         withActions: true
     }) : renderTagsList();
 };
-export default TagListToDropdown;
+const _default = TagListToDropdown;