intelicoreact 1.6.6 → 1.6.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport SwitcherHide from \"../SwitcherHide/SwitcherHide\";\nimport TextSwitcher from \"../TextSwitcher/TextSwitcher\";\nimport Textarea from \"../Textarea/Textarea\";\n\nimport \"./SwitcherTextarea.scss\";\n\nconst RC = \"switcher-textarea\";\n\nconst SwitcherTextarea = ({\n  label,\n  isLabelBold,\n  hint,\n  className,\n  isActive = true,\n  setIsActive = () => {},\n  isIncluded = true,\n  setIsIncluded = () => {},\n  text = \"\",\n  setText = () => {},\n  activeText = \"is\",\n  inactiveText = \"is not\",\n  placeholder,\n  disabled,\n  testId,\n}) => {\n  return (\n    <SwitcherHide\n      testId={testId}\n      isActive={isActive}\n      onChange={setIsActive}\n      label={label}\n      isLabelBold={isLabelBold}\n      className={cn(RC, className)}\n      hint={hint}\n      disabled={disabled}\n    >\n      <>\n        <div className={`${RC}__wrap switcher-hide__content`}>\n          <TextSwitcher\n            testId={testId}\n            activeText={activeText}\n            inactiveText={inactiveText}\n            isActive={isIncluded ?? true}\n            onChange={(value) => setIsIncluded(value)}\n            className={`${RC}__text-switcher`}\n          />\n          <button onClick={() => setText(\"\")} className={`${RC}__btn`}>\n            Clear\n          </button>\n        </div>\n        <Textarea\n          testId={testId}\n          value={text}\n          placeholder={placeholder}\n          onChange={(value) => setText(value)}\n          className={`${RC}__textarea`}\n        />\n      </>\n    </SwitcherHide>\n  );\n};\n\nexport default SwitcherTextarea;\n"],"names":["RC","SwitcherTextarea","label","isLabelBold","hint","className","isActive","setIsActive","isIncluded","setIsIncluded","text","setText","activeText","inactiveText","placeholder","disabled","testId","SwitcherHide","onChange","cn","div","TextSwitcher","value","button","onClick","Textarea"],"mappings":";;;;+BAkEA;;;eAAA;;;;8DAlEkB;mEAEH;qEAEU;qEACA;iEACJ;QAEd;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,mBAAmB,CAAC,EACxBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,SAAS,EACTC,WAAW,IAAI,EACfC,cAAc,KAAO,CAAC,EACtBC,aAAa,IAAI,EACjBC,gBAAgB,KAAO,CAAC,EACxBC,OAAO,EAAE,EACTC,UAAU,KAAO,CAAC,EAClBC,aAAa,IAAI,EACjBC,eAAe,QAAQ,EACvBC,WAAW,EACXC,QAAQ,EACRC,MAAM,EACP;IACC,qBACE,qBAACC,qBAAY;QACXD,QAAQA;QACRV,UAAUA;QACVY,UAAUX;QACVL,OAAOA;QACPC,aAAaA;QACbE,WAAWc,IAAAA,mBAAE,EAACnB,IAAIK;QAClBD,MAAMA;QACNW,UAAUA;kBAEV,cAAA;;8BACE,sBAACK;oBAAIf,WAAW,GAAGL,GAAG,6BAA6B,CAAC;;sCAClD,qBAACqB,qBAAY;4BACXL,QAAQA;4BACRJ,YAAYA;4BACZC,cAAcA;4BACdP,UAAUE,uBAAAA,wBAAAA,aAAc;4BACxBU,UAAU,CAACI,QAAUb,cAAca;4BACnCjB,WAAW,GAAGL,GAAG,eAAe,CAAC;;sCAEnC,qBAACuB;4BAAOC,SAAS,IAAMb,QAAQ;4BAAKN,WAAW,GAAGL,GAAG,KAAK,CAAC;sCAAE;;;;8BAI/D,qBAACyB,iBAAQ;oBACPT,QAAQA;oBACRM,OAAOZ;oBACPI,aAAaA;oBACbI,UAAU,CAACI,QAAUX,QAAQW;oBAC7BjB,WAAW,GAAGL,GAAG,UAAU,CAAC;;;;;AAKtC;MAEA,WAAeC"}

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

@@ -21,6 +21,19 @@ 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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -67,18 +80,85 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'Form Elements/SwitcherTextarea',
     component: _SwitcherTextarea.default
 };
 const Template = (args)=>{
-    const { isIncludeOuterStyles, ...restArgs } = args;
+    const { isIncludeOuterStyles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles"
+    ]);
     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,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_SwitcherTextarea.default, _object_spread_props(_object_spread({}, restArgs), {
         isActive: isActive,
         setIsActive: setIsActive,
         isIncluded: isIncluded,
@@ -86,7 +166,7 @@ const Template = (args)=>{
         text: text,
         setText: setText,
         className: isIncludeOuterStyles ? 'any-outer-class__switcher-textarea' : null
-    });
+    }));
 };
 const SwitcherTextareaTemplate = Template.bind({});
 SwitcherTextareaTemplate.args = {
@@ -99,3 +179,5 @@ SwitcherTextareaTemplate.args = {
     placeholder: 'Placeholder',
     disabled: false
 };
+
+//# sourceMappingURL=SwitcherTextarea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport SwitcherTextarea from './SwitcherTextarea';\n\nimport './partial/AnyOuterClass.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/SwitcherTextarea',\n  component: SwitcherTextarea,\n};\n\nconst Template = args => {\n  const {isIncludeOuterStyles, ...restArgs} = args;\n  const [isActive, setIsActive] = useState(true);\n  const [isIncluded, setIsIncluded] = useState(true);\n  const [text, setText] = useState('');\n\n  return (\n    <SwitcherTextarea\n      {...restArgs}\n      isActive={isActive}\n      setIsActive={setIsActive}\n      isIncluded={isIncluded}\n      setIsIncluded={setIsIncluded}\n      text={text}\n      setText={setText}\n      className={isIncludeOuterStyles ? 'any-outer-class__switcher-textarea' : null}\n    />\n  );\n};\n\nexport const SwitcherTextareaTemplate = Template.bind({});\n\nSwitcherTextareaTemplate.args = {\n  isIncludeOuterStyles: false,\n  label: 'label test',\n  hint: 'hint',\n  isLabelBold: true,\n  activeText: undefined,\n  inactiveText: undefined,\n  placeholder: 'Placeholder',\n  disabled: false,\n};\n"],"names":["SwitcherTextareaTemplate","global","lng","title","component","SwitcherTextarea","Template","args","isIncludeOuterStyles","restArgs","isActive","setIsActive","useState","isIncluded","setIsIncluded","text","setText","className","bind","label","hint","isLabelBold","activeText","undefined","inactiveText","placeholder","disabled"],"mappings":";;;;;;;;;;;IAiCaA,wBAAwB;eAAxBA;;IAzBb,OAGE;eAHF;;;;+DAR8B;yEACD;QAEtB;QACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,yBAAgB;AAC7B;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,oBAAoB,EAAc,GAAGD,MAAZE,sCAAYF;QAArCC;;IACP,MAAM,CAACE,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAC;IACzC,MAAM,CAACC,YAAYC,cAAc,GAAGF,IAAAA,eAAQ,EAAC;IAC7C,MAAM,CAACG,MAAMC,QAAQ,GAAGJ,IAAAA,eAAQ,EAAC;IAEjC,qBACE,qBAACP,yBAAgB,0CACXI;QACJC,UAAUA;QACVC,aAAaA;QACbE,YAAYA;QACZC,eAAeA;QACfC,MAAMA;QACNC,SAASA;QACTC,WAAWT,uBAAuB,uCAAuC;;AAG/E;AAEO,MAAMR,2BAA2BM,SAASY,IAAI,CAAC,CAAC;AAEvDlB,yBAAyBO,IAAI,GAAG;IAC9BC,sBAAsB;IACtBW,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,YAAYC;IACZC,cAAcD;IACdE,aAAa;IACbC,UAAU;AACZ"}

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

@@ -12,6 +12,19 @@ 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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -58,6 +71,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps = {}, onChange, useDropdownCompactMode })=>{
     const preparedValue = value.map(({ value })=>value);
     const [isEditMode, setIsEditMode] = (0, _react.useState)(false);
@@ -93,8 +145,7 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
         isEditMode
     ]);
     const renderTagsDropdown = (props)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
-            ...dropdownProps,
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, dropdownProps), {
             disabled: isLoading,
             options: options,
             chosenOptions: newValue,
@@ -109,20 +160,19 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
             onChange: (data)=>{
                 setNewValue(data);
                 setIsValueChanged(true);
-            },
-            ...props,
+            }
+        }), props), {
             isDefaultOpened: isEditMode
-        });
+        }));
     };
     const renderTagsList = (props)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, _object_spread(_object_spread_props(_object_spread({
             disabled: isLoading,
-            refProp: tagListRef,
-            ...listProps,
+            refProp: tagListRef
+        }, listProps), {
             items: value,
-            onEditClick: ()=>setIsEditMode((v)=>!v),
-            ...props
-        });
+            onEditClick: ()=>setIsEditMode((v)=>!v)
+        }), props));
     };
     const renderCompactMode = ()=>{
         return renderTagsDropdown({
@@ -146,3 +196,5 @@ const TagListToDropdown = ({ options, value = [], dropdownProps = {}, listProps
     }) : renderTagsList();
 };
 const _default = TagListToDropdown;
+
+//# sourceMappingURL=TagListToDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport TagList from \"../../UI/TagList/TagList\";\nimport TagsDropdown from \"../TagsDropdown/TagsDropdown\";\n\nconst TagListToDropdown = ({\n  options,\n  value = [],\n  dropdownProps = {},\n  listProps = {},\n  onChange,\n  useDropdownCompactMode,\n}) => {\n  const preparedValue = value.map(({ value }) => value);\n  const [isEditMode, setIsEditMode] = useState(false);\n  const [isRenderAllTags, setIsRenderAllTags] = useState(false);\n  const [newValue, setNewValue] = useState(preparedValue);\n  const [isValueChanged, setIsValueChanged] = useState(false);\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const tagListRef = useRef(null);\n\n  const onConfirmChangesClick = () => {\n    if (isValueChanged) {\n      setIsLoading(true);\n      setIsValueChanged(false);\n      new Promise((r) => {\n        const onChangeResult = onChange(\n          options.filter(({ value }) => newValue.includes(value)),\n        );\n        if (onChangeResult instanceof Promise) {\n          onChangeResult.then((data) => r(data));\n        } else {\n          r();\n        }\n      })?.finally(() => {\n        setIsEditMode(false);\n        setIsLoading(false);\n      });\n    } else {\n      setIsEditMode(false);\n    }\n  };\n\n  useEffect(() => {\n    setNewValue(preparedValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditMode]);\n\n  const renderTagsDropdown = (props) => {\n    return (\n      <TagsDropdown\n        {...dropdownProps}\n        disabled={isLoading}\n        options={options}\n        chosenOptions={newValue}\n        renderOptionsAsTags\n        withCreateLogic\n        isUseLocalOptionsStore={false}\n        onOptionEdit={dropdownProps?.onOptionEdit}\n        onOptionDelete={dropdownProps?.onOptionDelete}\n        onOptionCreate={dropdownProps?.onOptionCreate}\n        onActionConfirmClick={onConfirmChangesClick}\n        onActionCancelClick={() => setIsEditMode((v) => !v)}\n        onChange={(data) => {\n          setNewValue(data);\n          setIsValueChanged(true);\n        }}\n        {...props}\n        isDefaultOpened={isEditMode}\n      />\n    );\n  };\n\n  const renderTagsList = (props) => {\n    return (\n      <TagList\n        disabled={isLoading}\n        refProp={tagListRef}\n        {...listProps}\n        items={value}\n        onEditClick={() => setIsEditMode((v) => !v)}\n        {...props}\n      />\n    );\n  };\n\n  const renderCompactMode = () => {\n    return renderTagsDropdown({\n      withActions: false,\n      withSearchInputInList: true,\n      customTriggerRef: tagListRef,\n      recalculateListContainerStylesTrigger: isRenderAllTags,\n      onDropdownListClose: onConfirmChangesClick,\n      renderCustomTrigger: ({ isOpen, setIsOpen, inputRef }) =>\n        renderTagsList({\n          onToggleRenderAll: (v) => setTimeout(() => setIsRenderAllTags(v), 1),\n          onEditClick: () => {\n            setIsOpen(!isEditMode);\n            if (isEditMode) onConfirmChangesClick();\n            else setIsEditMode(true);\n          },\n        }),\n    });\n  };\n\n  return useDropdownCompactMode\n    ? renderCompactMode()\n    : isEditMode\n      ? renderTagsDropdown({ withActions: true })\n      : renderTagsList();\n};\n\nexport default TagListToDropdown;\n"],"names":["TagListToDropdown","options","value","dropdownProps","listProps","onChange","useDropdownCompactMode","preparedValue","map","isEditMode","setIsEditMode","useState","isRenderAllTags","setIsRenderAllTags","newValue","setNewValue","isValueChanged","setIsValueChanged","isLoading","setIsLoading","tagListRef","useRef","onConfirmChangesClick","Promise","r","onChangeResult","filter","includes","then","data","finally","useEffect","renderTagsDropdown","props","TagsDropdown","disabled","chosenOptions","renderOptionsAsTags","withCreateLogic","isUseLocalOptionsStore","onOptionEdit","onOptionDelete","onOptionCreate","onActionConfirmClick","onActionCancelClick","v","isDefaultOpened","renderTagsList","TagList","refProp","items","onEditClick","renderCompactMode","withActions","withSearchInputInList","customTriggerRef","recalculateListContainerStylesTrigger","onDropdownListClose","renderCustomTrigger","isOpen","setIsOpen","inputRef","onToggleRenderAll","setTimeout"],"mappings":"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"}

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

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _TagListToDropdown = /*#__PURE__*/ _interop_require_default(require("./TagListToDropdown"));
 require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 global.lng = "en";
 const _default = {
     title: "Form Elements/TagListToDropdown",
@@ -74,11 +126,10 @@ const _default = {
 };
 const Template = (args)=>{
     const [value, setValue] = (0, _react.useState)([]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagListToDropdown.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagListToDropdown.default, _object_spread_props(_object_spread({}, args), {
         value: value,
         onChange: setValue
-    });
+    }));
 };
 const TagListToDropdownTemplate = Template.bind({});
 const colors = [
@@ -129,3 +180,5 @@ TagListToDropdownTemplate.args = {
         };
     })
 };
+
+//# sourceMappingURL=TagListToDropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/TagListToDropdown/TagListToDropdown.stories.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport TagListToDropdown from \"./TagListToDropdown\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"Form Elements/TagListToDropdown\",\n  component: TagListToDropdown,\n  argTypes: {},\n};\n\nconst Template = (args) => {\n  const [value, setValue] = useState([]);\n\n  return <TagListToDropdown {...args} value={value} onChange={setValue}/>;\n};\n\nexport const TagListToDropdownTemplate = Template.bind({});\n\nconst colors = [\n  \"#F1F0F0\",\n  \"#E3E2E0\",\n  \"#EEDFDA\",\n  \"#F9DEC9\",\n  \"#FDECC8\",\n  \"#DBECDB\",\n  \"#D3E4EF\",\n  \"#E8DEEE\",\n  \"#F4E0E9\",\n  \"#FFE2DD\",\n  \"#D3EFED\",\n  \"#ECEEDE\",\n];\n\nTagListToDropdownTemplate.args = {\n  dropdownProps: {\n    listClassName:\"\",\n\n    fieldKey: \"tagsDropDown\",\n    isIncludeOuterStyles: false,\n    disabled: false,\n    error: false,\n    onOptionEdit: (...args) => console.log(\"onOptionEdit\", ...args),\n    onOptionDelete: (...args) =>\n      new Promise((r) => {\n        console.log(\"onOptionDelete\", ...args);\n        setTimeout(() => {\n          console.log(\"resolved\");\n          r();\n        }, 1000);\n      }),\n    placeholder: \"Type or select tags from list\",\n    isNotValidateASCII: false,\n    noTagsWrap: false,\n    closeOnSelect: false,\n    closeOnRemove: false,\n  },\n  options: new Array(12).fill({}).map((v, i) => {\n    const uuid = Math.random().toString(16).slice(2);\n    return {\n      id: uuid,\n      label: `Option ${i + 1}`,\n      value: uuid,\n      style: {\n        backgroundColor: colors[i],\n      },\n      isEditable: true,\n    };\n  }),\n};\n"],"names":["TagListToDropdownTemplate","global","lng","title","component","TagListToDropdown","argTypes","Template","args","value","setValue","useState","onChange","bind","colors","dropdownProps","listClassName","fieldKey","isIncludeOuterStyles","disabled","error","onOptionEdit","console","log","onOptionDelete","Promise","r","setTimeout","placeholder","isNotValidateASCII","noTagsWrap","closeOnSelect","closeOnRemove","options","Array","fill","map","v","i","uuid","Math","random","toString","slice","id","label","style","backgroundColor","isEditable"],"mappings":";;;;;;;;;;;IAmBaA,yBAAyB;eAAzBA;;IAZb,OAIE;eAJF;;;;+DAPwC;0EACV;QAEvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,0BAAiB;IAC5BC,UAAU,CAAC;AACb;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC,EAAE;IAErC,qBAAO,qBAACN,0BAAiB,0CAAKG;QAAMC,OAAOA;QAAOG,UAAUF;;AAC9D;AAEO,MAAMV,4BAA4BO,SAASM,IAAI,CAAC,CAAC;AAExD,MAAMC,SAAS;IACb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEDd,0BAA0BQ,IAAI,GAAG;IAC/BO,eAAe;QACbC,eAAc;QAEdC,UAAU;QACVC,sBAAsB;QACtBC,UAAU;QACVC,OAAO;QACPC,cAAc,CAAC,GAAGb,OAASc,QAAQC,GAAG,CAAC,mBAAmBf;QAC1DgB,gBAAgB,CAAC,GAAGhB,OAClB,IAAIiB,QAAQ,CAACC;gBACXJ,QAAQC,GAAG,CAAC,qBAAqBf;gBACjCmB,WAAW;oBACTL,QAAQC,GAAG,CAAC;oBACZG;gBACF,GAAG;YACL;QACFE,aAAa;QACbC,oBAAoB;QACpBC,YAAY;QACZC,eAAe;QACfC,eAAe;IACjB;IACAC,SAAS,IAAIC,MAAM,IAAIC,IAAI,CAAC,CAAC,GAAGC,GAAG,CAAC,CAACC,GAAGC;QACtC,MAAMC,OAAOC,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;QAC9C,OAAO;YACLC,IAAIL;YACJM,OAAO,CAAC,OAAO,EAAEP,IAAI,GAAG;YACxB7B,OAAO8B;YACPO,OAAO;gBACLC,iBAAiBjC,MAAM,CAACwB,EAAE;YAC5B;YACAU,YAAY;QACd;IACF;AACF"}

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -22,6 +22,19 @@ const _Button = /*#__PURE__*/ _interop_require_default(require("../../UI/Button/
 const _Tag = /*#__PURE__*/ _interop_require_default(require("../../UI/Tag/Tag"));
 const _TagList = /*#__PURE__*/ _interop_require_default(require("../../UI/TagList/TagList"));
 require("./TagsDropdown.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -68,6 +81,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const RC = "tags-dropdown";
 const MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;
 const COLORS = [
@@ -119,11 +171,9 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
     const [options, setOptions] = (0, _react.useState)([]);
     const [editingOption, setEditingOptionState] = (0, _react.useState)(null);
     const setEditingOption = (data)=>{
-        setEditingOptionState((editingOption)=>!data ? data : {
-                ...editingOption !== null && editingOption !== void 0 ? editingOption : {},
-                ...typeof data === "function" ? data === null || data === void 0 ? void 0 : data(editingOption) : data,
+        setEditingOptionState((editingOption)=>!data ? data : _object_spread_props(_object_spread({}, editingOption !== null && editingOption !== void 0 ? editingOption : {}, typeof data === "function" ? data === null || data === void 0 ? void 0 : data(editingOption) : data), {
                 isChanged: Boolean(editingOption)
-            });
+            }));
     };
     const isEditingOptionError = (0, _react.useMemo)(()=>{
         if (!editingOption) return false;
@@ -166,8 +216,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
     const deleteChosen = (value)=>{
         if (isMobile ? closeOnRemoveMobile : closeOnRemove) setIsOpen(false);
         if (isUseLocalOptionsStore) {
-            setLocalOptionsStore((options)=>({
-                    ...options,
+            setLocalOptionsStore((options)=>_object_spread_props(_object_spread({}, options), {
                     [value]: undefined
                 }));
         }
@@ -309,9 +358,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
         onOptionEdit === null || onOptionEdit === void 0 ? void 0 : onOptionEdit(editingOption);
         setOptions((options)=>options.map((option)=>{
                 if (editingOption && option.value === (editingOption === null || editingOption === void 0 ? void 0 : editingOption.value)) {
-                    const tmp = {
-                        ...editingOption
-                    };
+                    const tmp = _object_spread({}, editingOption);
                     setEditingOption(null);
                     return tmp;
                 }
@@ -358,8 +405,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
                     children: [
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                             value: editingOption.label,
-                            onChange: (v)=>setEditingOption((state)=>({
-                                        ...state,
+                            onChange: (v)=>setEditingOption((state)=>_object_spread_props(_object_spread({}, state), {
                                         label: v
                                     })),
                             error: isEditingOptionError,
@@ -395,12 +441,10 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
                                     style: {
                                         backgroundColor: color
                                     },
-                                    onClick: ()=>setEditingOption((state)=>({
-                                                ...state,
-                                                style: {
-                                                    ...state.style,
+                                    onClick: ()=>setEditingOption((state)=>_object_spread_props(_object_spread({}, state), {
+                                                style: _object_spread_props(_object_spread({}, state.style), {
                                                     backgroundColor: color
-                                                }
+                                                })
                                             })),
                                     children: (editingOption === null || editingOption === void 0 ? void 0 : (_editingOption_style = editingOption.style) === null || _editingOption_style === void 0 ? void 0 : _editingOption_style.backgroundColor) === color ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {}) : null
                                 }, color);
@@ -449,10 +493,9 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
                 var _option_list;
                 const filteredGroupItems = option === null || option === void 0 ? void 0 : (_option_list = option.list) === null || _option_list === void 0 ? void 0 : _option_list.filter((item)=>isItemMatchesSearch(item));
                 if (filteredGroupItems === null || filteredGroupItems === void 0 ? void 0 : filteredGroupItems.length) {
-                    result.push({
-                        ...option,
+                    result.push(_object_spread_props(_object_spread({}, option), {
                         list: filteredGroupItems
-                    });
+                    }));
                 }
             } else if (isItemMatchesSearch(option)) {
                 result.push(option);
@@ -483,8 +526,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
             return null;
         }
         if (isUseLocalOptionsStore) {
-            setLocalOptionsStore((options)=>({
-                    ...options,
+            setLocalOptionsStore((options)=>_object_spread_props(_object_spread({}, options), {
                     [item === null || item === void 0 ? void 0 : item.value]: item === null || item === void 0 ? void 0 : item.label
                 }));
         }
@@ -687,7 +729,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
                                     }),
                                     getTotalOptions() > (minItemsForShowMobileSearch || MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                                         className: (0, _classnames.default)(`${RC}__header-row`),
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
                                             className: `${RC}__input`,
                                             value: searchValue,
                                             onChange: (v)=>setSearchValueInterceptor(v),
@@ -697,9 +739,8 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
                                                 if (!isOpen) {
                                                     setIsOpen(true);
                                                 }
-                                            },
-                                            ...attributesOfNativeInput
-                                        })
+                                            }
+                                        }, attributesOfNativeInput))
                                     })
                                 ]
                             }),
@@ -764,7 +805,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
         });
     };
     const renderSearchInput = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
             ref: inputRef,
             className: (0, _classnames.default)(`${RC}__input`, {
                 [`${RC}__input--in-list`]: withSearchInputInList
@@ -772,19 +813,17 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
             value: searchValue,
             onChange: onSearchHandler,
             placeholder: placeholder || "Select from list",
-            attributesOfNativeInput: {
-                ...attributesOfNativeInput,
+            attributesOfNativeInput: _object_spread_props(_object_spread({}, attributesOfNativeInput), {
                 onKeyDown: (e)=>{
                     if (e.keyCode === 13 && withCreateLogic && onOptionCreate && singleLevelOptions.every(({ label })=>(label === null || label === void 0 ? void 0 : label.toLowerCase()) !== (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()))) {
                         onOptionCreateClick();
                     }
                     onKeyPress(e, searchValue);
                 }
-            },
-            ...withCreateLogic ? {
-                symbolsLimit: 50
-            } : {}
-        });
+            })
+        }, withCreateLogic ? {
+            symbolsLimit: 50
+        } : {}));
     };
     const renderDropdownTrigger = (0, _react.useCallback)(()=>{
         const renderDefaultDropdownTrigger = ()=>{
@@ -913,8 +952,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
         if (isUseLocalOptionsStore && chosenOptions.length !== Object.keys(localOptionsStore).length) {
             options.map((option)=>{
                 if (!(localOptionsStore === null || localOptionsStore === void 0 ? void 0 : localOptionsStore[option === null || option === void 0 ? void 0 : option.value])) {
-                    setLocalOptionsStore((options)=>({
-                            ...options,
+                    setLocalOptionsStore((options)=>_object_spread_props(_object_spread({}, options), {
                             [option === null || option === void 0 ? void 0 : option.value]: option === null || option === void 0 ? void 0 : option.label
                         }));
                 }
@@ -1015,8 +1053,7 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
         isValueDeleted
     ]);
     (0, _react.useEffect)(()=>{
-        setOptions(optionsProp.map((option)=>({
-                ...option,
+        setOptions(optionsProp.map((option)=>_object_spread_props(_object_spread({}, option), {
                 ref: /*#__PURE__*/ (0, _react.createRef)()
             })));
     }, [
@@ -1061,3 +1098,5 @@ const TagsDropdown = ({ options: optionsProp, chosenOptions = [], onChange, clas
     });
 };
 const _default = TagsDropdown;
+
+//# sourceMappingURL=TagsDropdown.js.map