@bigbinary/neeto-folders-frontend 2.0.6 → 2.0.8

package/dist/cjs/components.js

@@ -9,10 +9,10 @@ var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../useFolderActions-D8xGNhk0.js');
+var useFolderActions = require('../useFolderActions-ibifd0ZD.js');
 var constants = require('./constants.js');
-var utils = require('../index-BFO1zYNo.js');
-var internal = require('../internal-CS6_tPWL.js');
+var utils = require('../index-hg5oms4a.js');
+var internal = require('../internal-CXN78HoA.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -33,7 +33,6 @@ var classNames = require('classnames');
 var formik = require('formik');
 var Down = require('@bigbinary/neeto-icons/Down');
 var Label = require('@bigbinary/neetoui/Label');
-var ramda = require('ramda');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Button = require('@bigbinary/neetoui/Button');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -41,6 +40,7 @@ var Radio = require('@bigbinary/neetoui/Radio');
 var core = require('@dnd-kit/core');
 var Reorder = require('@bigbinary/neeto-icons/Reorder');
 var Toastr = require('@bigbinary/neetoui/Toastr');
+var ramda = require('ramda');
 var reactDom = require('react-dom');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
@@ -268,7 +268,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           return setTouched(true);
         },
         onChange: function onChange(value) {
-          return setValue(value);
+          return setValue(value !== null && value !== void 0 ? value : null);
         }
       }, _objectSpread$b({
         disabled: disabled,
@@ -295,8 +295,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
-  return ramda.values(foldersMap).map(function (folder) {
+var createFolderOptions = function createFolderOptions(foldersMap, activeFolder, config) {
+  return internal.mapObj(foldersMap, function (folder) {
     var _folder$meta$parent;
     return {
       id: folder.id,
@@ -305,6 +305,8 @@ var createFolderOptions = function createFolderOptions(foldersMap, config) {
       pId: (_folder$meta$parent = folder.meta.parent) === null || _folder$meta$parent === void 0 ? void 0 : _folder$meta$parent.id,
       disabled: folder.meta.depth >= config.maxDepth
     };
+  }, function (folder) {
+    return folder.id !== (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.id);
   });
 };
 var createInitialValues = function createInitialValues(defaults, extraAttrs) {
@@ -356,19 +358,11 @@ var AddEditPane = function AddEditPane(_ref) {
   var foldersMap = React.useMemo(function () {
     return utils.treeToMap(folders, "sid");
   }, [folders]);
-  var folderOptions = React.useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
   var activeFolderSid = internal.getActiveFolderId(config);
   var activeFolder = foldersMap[activeFolderSid];
   var isValidParent = (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.meta.depth) < config.maxDepth;
   var parentId = isValidParent ? activeFolder.id : null;
   var extraAttributes = config.extraAttributes;
-  var initialValues = React.useMemo(function () {
-    return isEditing ? item : createInitialValues({
-      parentId: parentId
-    }, extraAttributes);
-  }, [isEditing, item, parentId, extraAttributes]);
   var onSubmitForm = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
       var payload;
@@ -403,6 +397,14 @@ var AddEditPane = function AddEditPane(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var folderOptions = React.useMemo(function () {
+    return createFolderOptions(foldersMap, item, config);
+  }, [foldersMap, item]);
+  var initialValues = React.useMemo(function () {
+    return isEditing ? item : createInitialValues({
+      parentId: parentId
+    }, extraAttributes);
+  }, [isEditing, item, parentId, extraAttributes]);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -417,40 +419,46 @@ var AddEditPane = function AddEditPane(_ref) {
         validationSchema: FORM_VALIDATION_SCHEMA,
         onSubmit: onSubmitForm
       },
-      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
-          className: "pb-6",
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "w-full space-y-5",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-              required: true,
-              label: t("folders.name"),
-              name: "name",
-              ref: setFocusField
-            }), /*#__PURE__*/jsxRuntime.jsx(ExtraAttributes, {
-              attributes: extraAttributes
-            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-              children: [/*#__PURE__*/jsxRuntime.jsx(TreeSelect, {
-                allowClear: true,
-                showSearch: true,
-                label: t("createFolder.parentTitle"),
-                name: "parentId",
-                treeData: folderOptions
-              }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-                className: "mt-1",
-                style: "body3",
-                children: t("createFolder.parentInfo")
+      children: function children(_ref3) {
+        var dirty = _ref3.dirty;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+            className: "pb-6",
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "w-full space-y-5",
+              children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+                required: true,
+                label: t("folders.name"),
+                name: "name",
+                ref: setFocusField
+              }), /*#__PURE__*/jsxRuntime.jsx(ExtraAttributes, {
+                attributes: extraAttributes
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                children: [/*#__PURE__*/jsxRuntime.jsx(TreeSelect, {
+                  allowClear: true,
+                  showSearch: true,
+                  label: t("createFolder.parentTitle"),
+                  name: "parentId",
+                  treeData: folderOptions
+                }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+                  className: "mt-1",
+                  style: "body3",
+                  children: t("createFolder.parentInfo")
+                })]
               })]
-            })]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-            cancelButtonProps: {
-              onClick: onClose
-            }
-          })
-        })]
-      })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+              cancelButtonProps: {
+                onClick: onClose
+              },
+              submitButtonProps: {
+                disabled: !dirty
+              }
+            })
+          })]
+        });
+      }
     })]
   });
 };