intelicoreact 1.5.40 → 1.6.0

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

@@ -1,120 +1,148 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _TagList = _interopRequireDefault(require("../../UI/TagList/TagList"));
-var _TagsDropdown = _interopRequireDefault(require("../TagsDropdown/TagsDropdown"));
-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 TagListToDropdown = _ref => {
-  let {
-    options,
-    value = [],
-    dropdownProps = {},
-    listProps = {},
-    onChange,
-    useDropdownCompactMode
-  } = _ref;
-  const preparedValue = value.map(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return 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 onConfirmChangesClick = () => {
-    if (isValueChanged) {
-      setIsLoading(true);
-      setIsValueChanged(false);
-      new Promise(r => {
-        const onChangeResult = onChange(options.filter(_ref3 => {
-          let {
-            value
-          } = _ref3;
-          return newValue.includes(value);
-        }));
-        if (onChangeResult instanceof Promise) {
-          onChangeResult.then(data => r(data));
-        } else {
-          r();
+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];
+            }
         }
-      })?.finally(() => {
-        setIsEditMode(false);
-        setIsLoading(false);
-      });
-    } else {
-      setIsEditMode(false);
     }
-  };
-  (0, _react.useEffect)(() => {
-    setNewValue(preparedValue);
+    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] = (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;
+            setIsLoading(true);
+            setIsValueChanged(false);
+            (_this = new Promise((r)=>{
+                const onChangeResult = onChange(options.filter(({ value })=>newValue.includes(value)));
+                if (onChangeResult instanceof Promise) {
+                    onChangeResult.then((data)=>r(data));
+                } else {
+                    r();
+                }
+            })) === null || _this === void 0 ? void 0 : _this.finally(()=>{
+                setIsEditMode(false);
+                setIsLoading(false);
+            });
+        } else {
+            setIsEditMode(false);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        setNewValue(preparedValue);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isEditMode]);
-  const renderTagsDropdown = props => {
-    return /*#__PURE__*/_react.default.createElement(_TagsDropdown.default, (0, _extends2.default)({}, dropdownProps, {
-      disabled: isLoading,
-      options: options,
-      chosenOptions: newValue,
-      renderOptionsAsTags: true,
-      withCreateLogic: true,
-      isUseLocalOptionsStore: false,
-      onOptionEdit: dropdownProps?.onOptionEdit,
-      onOptionDelete: dropdownProps?.onOptionDelete,
-      onOptionCreate: dropdownProps?.onOptionCreate,
-      onActionConfirmClick: onConfirmChangesClick,
-      onActionCancelClick: () => setIsEditMode(v => !v),
-      onChange: data => {
-        setNewValue(data);
-        setIsValueChanged(true);
-      }
-    }, props, {
-      isDefaultOpened: isEditMode
-    }));
-  };
-  const renderTagsList = props => {
-    return /*#__PURE__*/_react.default.createElement(_TagList.default, (0, _extends2.default)({
-      disabled: isLoading,
-      refProp: tagListRef
-    }, listProps, {
-      items: value,
-      onEditClick: () => setIsEditMode(v => !v)
-    }, props));
-  };
-  const renderCompactMode = () => {
-    return renderTagsDropdown({
-      withActions: false,
-      withSearchInputInList: true,
-      customTriggerRef: tagListRef,
-      recalculateListContainerStylesTrigger: isRenderAllTags,
-      onDropdownListClose: onConfirmChangesClick,
-      renderCustomTrigger: _ref4 => {
-        let {
-          isOpen,
-          setIsOpen,
-          inputRef
-        } = _ref4;
-        return renderTagsList({
-          onToggleRenderAll: v => setTimeout(() => setIsRenderAllTags(v), 1),
-          onEditClick: () => {
-            setIsOpen(!isEditMode);
-            if (isEditMode) onConfirmChangesClick();else setIsEditMode(true);
-          }
+    }, [
+        isEditMode
+    ]);
+    const renderTagsDropdown = (props)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagsDropdown.default, {
+            ...dropdownProps,
+            disabled: isLoading,
+            options: options,
+            chosenOptions: newValue,
+            renderOptionsAsTags: true,
+            withCreateLogic: true,
+            isUseLocalOptionsStore: false,
+            onOptionEdit: dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onOptionEdit,
+            onOptionDelete: dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onOptionDelete,
+            onOptionCreate: dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onOptionCreate,
+            onActionConfirmClick: onConfirmChangesClick,
+            onActionCancelClick: ()=>setIsEditMode((v)=>!v),
+            onChange: (data)=>{
+                setNewValue(data);
+                setIsValueChanged(true);
+            },
+            ...props,
+            isDefaultOpened: isEditMode
+        });
+    };
+    const renderTagsList = (props)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, {
+            disabled: isLoading,
+            refProp: tagListRef,
+            ...listProps,
+            items: value,
+            onEditClick: ()=>setIsEditMode((v)=>!v),
+            ...props
+        });
+    };
+    const renderCompactMode = ()=>{
+        return renderTagsDropdown({
+            withActions: false,
+            withSearchInputInList: true,
+            customTriggerRef: tagListRef,
+            recalculateListContainerStylesTrigger: isRenderAllTags,
+            onDropdownListClose: onConfirmChangesClick,
+            renderCustomTrigger: ({ isOpen, setIsOpen, inputRef })=>renderTagsList({
+                    onToggleRenderAll: (v)=>setTimeout(()=>setIsRenderAllTags(v), 1),
+                    onEditClick: ()=>{
+                        setIsOpen(!isEditMode);
+                        if (isEditMode) onConfirmChangesClick();
+                        else setIsEditMode(true);
+                    }
+                })
         });
-      }
-    });
-  };
-  return useDropdownCompactMode ? renderCompactMode() : isEditMode ? renderTagsDropdown({
-    withActions: true
-  }) : renderTagsList();
+    };
+    return useDropdownCompactMode ? renderCompactMode() : isEditMode ? renderTagsDropdown({
+        withActions: true
+    }) : renderTagsList();
 };
-var _default = exports.default = TagListToDropdown;
+const _default = TagListToDropdown;