@bigbinary/neeto-folders-frontend 2.0.26 → 2.0.27

package/dist/cjs/hooks.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var useFolderActions = require('../useFolderActions-hz2Q6yci.js');
+var useFolderActions = require('../useFolderActions-BqMYtjKs.js');
 require('@babel/runtime/helpers/defineProperty');
 require('i18next');
 require('@bigbinary/neeto-cist');
-require('../internal-D5q2PCbM.js');
+require('../internal-DKHdgJas.js');
+require('@bigbinary/neetoui/Toastr');
 require('ramda');
 require('react-router-dom');
 require('zustand/shallow');

package/dist/cjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils.js

@@ -1,10 +1,11 @@
 'use strict';
 
 require('ramda');
-var utils = require('../index-DshpXNOY.js');
+var utils = require('../index-DxzvHr2u.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-cist');
-require('../internal-D5q2PCbM.js');
+require('../internal-DKHdgJas.js');
+require('@bigbinary/neetoui/Toastr');
 require('react-router-dom');
 
 

package/dist/cjs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components.js

@@ -7,10 +7,10 @@ import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/
 import Alert from '@bigbinary/neetoui/Alert';
 import { useTranslation as useTranslation$1, Trans } from 'react-i18next';
 import { useHistory, Link, NavLink } from 'react-router-dom';
-import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, b as useFolderActions } from './useFolderActions-C247TYkG.js';
+import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, b as useFolderActions } from './useFolderActions-3UUWnCm9.js';
 import { QUERY_KEYS } from './constants.js';
-import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-ohGlXbZu.js';
-import { a as isActiveFolder, g as getActiveFolderId, i as isArray, m as mapObj } from './internal-33v6k2oX.js';
+import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-CfSLBCVx.js';
+import { a as isActiveFolder, g as getActiveFolderId, t as toastApiError, i as isArray, m as mapObj } from './internal-DUPKoXC_.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Pane from '@bigbinary/neetoui/Pane';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -424,7 +424,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,
@@ -479,8 +479,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,
@@ -514,20 +523,19 @@ var PaneBody = function PaneBody(_ref) {
     }, shallow),
     type = _useFolderStore2.type;
   var tree = 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 = treeToMap(folders);
     var folder = foldersMap[item.id];
-    if (folder) folderDepth = measureDepth(folder);
+    if (folder) {
+      var folderDepth = 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: {
@@ -582,14 +590,14 @@ var PaneBody = function PaneBody(_ref) {
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-1 space-x-2",
         children: [/*#__PURE__*/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__*/jsx(Button, _objectSpread$e(_objectSpread$e({
           label: t("common.cancel"),
           style: "text",
@@ -619,6 +627,7 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
     }, shallow),
     item = _useFolderStore.item;
   var _useUpdateFolder = useUpdateFolder(config),
+    isPending = _useUpdateFolder.isPending,
     updateFolder = _useUpdateFolder.mutate;
   var onSaveSelection = function onSaveSelection(parentId) {
     var payload = {
@@ -627,19 +636,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: toastApiError
     });
   };
   return /*#__PURE__*/jsx(PaneBody, {
     config: config,
     item: item,
     onClose: onClose,
+    submitButtonProps: {
+      loading: isPending,
+      disabled: isPending
+    },
     onSubmit: onSaveSelection
   });
 };