@bigbinary/neeto-folders-frontend 2.0.26 → 2.0.28

package/dist/cjs/hooks.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var useFolderActions = require('../useFolderActions-hz2Q6yci.js');
+var useFolderActions = require('../useFolderActions-4NdTAEfb.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,11 +7,12 @@ 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-DBZKRr8d.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 _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Pane from '@bigbinary/neetoui/Pane';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -23,7 +24,6 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import Form from '@bigbinary/neetoui/formik/Form';
 import { t as t$1 } from 'i18next';
 import { object, string } from 'yup';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
@@ -145,7 +145,7 @@ var FORM_VALIDATION_SCHEMA = object().shape({
   }))
 });
 
-var _excluded$6 = ["type"];
+var _excluded$7 = ["type"];
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var typeComponentMap = {
@@ -158,7 +158,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
   if (!Array.isArray(attributes)) return null;
   return attributes.map(function (_ref2) {
     var type = _ref2.type,
-      rest = _objectWithoutProperties(_ref2, _excluded$6);
+      rest = _objectWithoutProperties(_ref2, _excluded$7);
     var Component = typeComponentMap[type];
     if (!Component) return null;
     return /*#__PURE__*/createElement(Component, _objectSpread$h(_objectSpread$h({}, rest), {}, {
@@ -360,7 +360,7 @@ var AddEditPane = function AddEditPane(_ref) {
 
 var REORDER_TREE_INDENT_WIDTH = 30;
 
-var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
+var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
 function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Node$1 = function Node(_ref, ref) {
@@ -373,7 +373,7 @@ var Node$1 = function Node(_ref, ref) {
     depth = _ref.depth,
     className = _ref.className,
     onClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded$5);
+    rest = _objectWithoutProperties(_ref, _excluded$6);
   var metaInfo = [];
   var childCount = (_folder$children$leng = (_folder$children = folder.children) === null || _folder$children === void 0 ? void 0 : _folder$children.length) !== null && _folder$children$leng !== void 0 ? _folder$children$leng : 0;
   childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
@@ -416,7 +416,7 @@ var Node$1 = function Node(_ref, ref) {
 };
 var Node$2 = /*#__PURE__*/forwardRef(Node$1);
 
-var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
+var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _SelectableNode = function SelectableNode(_ref) {
@@ -424,11 +424,11 @@ 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,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
+    rest = _objectWithoutProperties(_ref, _excluded$5);
   var selection = rest.selection,
     onSelect = rest.onSelect;
   var _useTranslation = useTranslation(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,24 +636,32 @@ 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
   });
 };
 
-var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
+var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
 function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode$1 = function DraggableNode(_ref) {
@@ -654,7 +671,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     config = _ref.config,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
-    rest = _objectWithoutProperties(_ref, _excluded$3);
+    rest = _objectWithoutProperties(_ref, _excluded$4);
   var _useDraggable = useDraggable({
       id: "draggable-item--".concat(folder.id),
       data: folder,
@@ -941,7 +958,7 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
   });
 };
 
-var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
+var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode = function DraggableNode(_ref) {
@@ -951,7 +968,7 @@ var _DraggableNode = function DraggableNode(_ref) {
     dragState = _ref.dragState,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
-    rest = _objectWithoutProperties(_ref, _excluded$2);
+    rest = _objectWithoutProperties(_ref, _excluded$3);
   var overItem = dragState.overItem;
   var isOverItem = folder.id === (overItem === null || overItem === void 0 ? void 0 : overItem.id);
   var isOverParent = folder.id === (overItem === null || overItem === void 0 || (_overItem$meta$parent = overItem.meta.parent) === null || _overItem$meta$parent === void 0 ? void 0 : _overItem$meta$parent.id);
@@ -1193,6 +1210,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
 };
 
+var _excluded$2 = ["type"];
 function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersPane = function FoldersPane(_ref) {
@@ -1200,32 +1218,30 @@ var FoldersPane = function FoldersPane(_ref) {
   var config = _objectSpread$9(_objectSpread$9({}, DEFAULT_CONFIG), configProps);
   var _useFolderStore = useFolderStore(function (store) {
       return {
+        paneState: store["paneState"],
         setFolderState: store["setFolderState"]
       };
     }, shallow),
+    paneState = _useFolderStore.paneState,
     setFolderState = _useFolderStore.setFolderState;
-  var _useFolderStore2 = useFolderStore(function (store) {
-      var _store$paneState;
-      return {
-        type: (_store$paneState = store["paneState"]) === null || _store$paneState === void 0 ? void 0 : _store$paneState["type"]
-      };
-    }, shallow),
-    type = _useFolderStore2.type;
+  var _ref2 = paneState || {},
+    type = _ref2.type,
+    rest = _objectWithoutProperties(_ref2, _excluded$2);
   var onClose = function onClose() {
     return setFolderState({
       paneState: null
     });
   };
-  var commonProps = {
+  var commonProps = _objectSpread$9({
     config: config,
     onClose: onClose
-  };
+  }, rest);
   var ReorderPaneComponent = config.reorderMode === "reorder" ? ReorderFoldersPane : RearrangeFoldersPane;
   return /*#__PURE__*/jsx(Pane, {
     onClose: onClose,
     isOpen: !!type,
-    children: function children(_ref2) {
-      var setFocusField = _ref2.setFocusField;
+    children: function children(_ref3) {
+      var setFocusField = _ref3.setFocusField;
       return /*#__PURE__*/jsxs(Fragment, {
         children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
           setFocusField: setFocusField