@bigbinary/neeto-folders-frontend 2.0.26 → 2.0.27

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-hz2Q6yci.js');
+var useFolderActions = require('../useFolderActions-BqMYtjKs.js');
 var constants = require('./constants.js');
-var utils = require('../index-DshpXNOY.js');
-var internal = require('../internal-D5q2PCbM.js');
+var utils = require('../index-DxzvHr2u.js');
+var internal = require('../internal-DKHdgJas.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -426,7 +426,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   var folder = _ref.folder,
     item = _ref.item,
     _ref$depth = _ref.depth,
-    depth = _ref$depth === void 0 ? 0 : _ref$depth,
+    depth = _ref$depth === void 0 ? 1 : _ref$depth,
     maxDepth = _ref.maxDepth,
     disabled = _ref.disabled,
     config = _ref.config,
@@ -481,8 +481,17 @@ var _SelectableNode = function SelectableNode(_ref) {
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var createTree = function createTree(folders, isRootEnabled) {
+  return isRootEnabled ? [{
+    name: "/",
+    id: null,
+    children: folders
+  }] : folders;
+};
 var PaneBody = function PaneBody(_ref) {
-  var item = _ref.item,
+  var _ref$isRootEnabled = _ref.isRootEnabled,
+    isRootEnabled = _ref$isRootEnabled === void 0 ? true : _ref$isRootEnabled,
+    item = _ref.item,
     config = _ref.config,
     submitButtonProps = _ref.submitButtonProps,
     cancelButtonProps = _ref.cancelButtonProps,
@@ -516,20 +525,19 @@ var PaneBody = function PaneBody(_ref) {
     }, shallow.shallow),
     type = _useFolderStore2.type;
   var tree = React.useMemo(function () {
-    return [{
-      name: "/",
-      id: null,
-      children: folders
-    }];
-  }, [folders]);
-  var folderDepth = 0;
+    return createTree(folders, isRootEnabled);
+  }, [folders, isRootEnabled]);
+  var maxDepth = Number.POSITIVE_INFINITY;
   if (item) {
     // If item is a folder, measure the current depth from current folder to longest leaf.
     var foldersMap = utils.treeToMap(folders);
     var folder = foldersMap[item.id];
-    if (folder) folderDepth = utils.measureDepth(folder);
+    if (folder) {
+      var folderDepth = utils.measureDepth(folder) + 1; // +1 for own depth;
+      maxDepth = config.maxDepth - folderDepth;
+      if (isRootEnabled) maxDepth += 1; // +1 for root folder.
+    }
   }
-  var maxDepth = config.maxDepth - folderDepth + 1;
   var onAddFolder = function onAddFolder() {
     setFolderState({
       paneState: {
@@ -584,14 +592,14 @@ var PaneBody = function PaneBody(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-1 space-x-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
-          disabled: selection === parent,
           label: t("common.save"),
           style: "primary",
           onClick: function onClick() {
             return onSubmit(selection);
           }
         }, submitButtonProps), {}, {
-          "data-cy": "save-changes-button"
+          "data-cy": "save-changes-button",
+          disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
         })), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
           label: t("common.cancel"),
           style: "text",
@@ -621,6 +629,7 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
     }, shallow.shallow),
     item = _useFolderStore.item;
   var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
+    isPending = _useUpdateFolder.isPending,
     updateFolder = _useUpdateFolder.mutate;
   var onSaveSelection = function onSaveSelection(parentId) {
     var payload = {
@@ -629,19 +638,27 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
     };
     updateFolder({
       id: item.id,
-      payload: payload
+      payload: payload,
+      config: {
+        showToastr: false
+      }
     }, {
       onSuccess: function onSuccess() {
         var _config$onUpdateSucce;
         onClose();
         (_config$onUpdateSucce = config.onUpdateSuccess) === null || _config$onUpdateSucce === void 0 || _config$onUpdateSucce.call(config);
-      }
+      },
+      onError: internal.toastApiError
     });
   };
   return /*#__PURE__*/jsxRuntime.jsx(PaneBody, {
     config: config,
     item: item,
     onClose: onClose,
+    submitButtonProps: {
+      loading: isPending,
+      disabled: isPending
+    },
     onSubmit: onSaveSelection
   });
 };