@bigbinary/neeto-folders-frontend 2.0.18 → 2.0.20

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-DZ-ywc7_.js');
+var useFolderActions = require('../useFolderActions-bZjr1L8D.js');
 var constants = require('./constants.js');
-var utils = require('../index-DsbViyGc.js');
-var internal = require('../internal-68eAwbnk.js');
+var utils = require('../index-Bkom-uV7.js');
+var internal = require('../internal-xADvDa75.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -49,21 +49,21 @@ var Down = require('@bigbinary/neeto-icons/Down');
 var Label = require('@bigbinary/neetoui/Label');
 require('zustand');
 
-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; }
+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 useTranslation = function useTranslation(config) {
   var _useDefaultTranslatio = reactI18next.useTranslation(),
     t = _useDefaultTranslatio.t;
   var modT = function modT(key, options) {
-    return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$e(_objectSpread$e({}, config.labels), options)) : t(key, options);
+    return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$f(_objectSpread$f({}, config.labels), options)) : t(key, options);
   };
   return {
     t: modT
   };
 };
 
-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; }
+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 FoldersAlerts = function FoldersAlerts(_ref) {
   var config = _ref.config;
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
@@ -118,7 +118,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
       if (isActive && folders) {
         var path = utils.pathToFolder(folders, item.id);
         var parent = path[path.length - 2];
-        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$d(_objectSpread$d({}, queryParams), {}, {
+        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$e(_objectSpread$e({}, queryParams), {}, {
           folderId: parent.sid
         })) : "/";
         history.replace(redirectUrl);
@@ -139,7 +139,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
     if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
     alertProps.onSubmit = onConfirmDelete;
   }
-  return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$d({}, alertProps));
+  return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$e({}, alertProps));
 };
 
 var FORM_VALIDATION_SCHEMA = yup.object().shape({
@@ -149,8 +149,8 @@ var FORM_VALIDATION_SCHEMA = yup.object().shape({
 });
 
 var _excluded$6 = ["type"];
-function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 typeComponentMap = {
   string: Input,
   "boolean": Switch,
@@ -164,7 +164,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded$6);
     var Component = typeComponentMap[type];
     if (!Component) return null;
-    return /*#__PURE__*/React.createElement(Component, _objectSpread$c(_objectSpread$c({}, rest), {}, {
+    return /*#__PURE__*/React.createElement(Component, _objectSpread$d(_objectSpread$d({}, rest), {}, {
       key: rest.name
     }));
   });
@@ -362,8 +362,8 @@ var AddEditPane = function AddEditPane(_ref) {
 var REORDER_TREE_INDENT_WIDTH = 30;
 
 var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
-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; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Node = function Node(_ref, ref) {
   var _folder$children$leng, _folder$children;
   var _ref$icon = _ref.icon,
@@ -391,7 +391,7 @@ var Node = function Node(_ref, ref) {
           left: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
         }
       }, index);
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, rest), {}, {
       onClick: onClick,
       ref: ref
     })), {}, {
@@ -418,8 +418,8 @@ var Node = function Node(_ref, ref) {
 var Node$1 = /*#__PURE__*/React.forwardRef(Node);
 
 var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _SelectableNode = function SelectableNode(_ref) {
   var _folder$children$leng, _folder$children;
   var folder = _ref.folder,
@@ -440,7 +440,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   var renderChildren = function renderChildren() {
     if (neetoCist.isNotPresent(folder.children)) return null;
     return folder.children.map(function (child) {
-      return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
         config: config,
         item: item,
         maxDepth: maxDepth
@@ -458,7 +458,7 @@ var _SelectableNode = function SelectableNode(_ref) {
       "opacity-60": isDisabled
     }),
     title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
       depth: depth,
       folder: folder,
       folderLabel: folderLabel,
@@ -478,8 +478,8 @@ var _SelectableNode = function SelectableNode(_ref) {
   });
 };
 
-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; }
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PaneBody = function PaneBody(_ref) {
   var item = _ref.item,
     config = _ref.config,
@@ -582,7 +582,7 @@ var PaneBody = function PaneBody(_ref) {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-1 space-x-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$9(_objectSpread$9({
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$a(_objectSpread$a({
           disabled: selection === parent,
           label: t("common.save"),
           style: "primary",
@@ -591,14 +591,14 @@ var PaneBody = function PaneBody(_ref) {
           }
         }, submitButtonProps), {}, {
           "data-cy": "save-changes-button"
-        })), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$9(_objectSpread$9({
+        })), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$a(_objectSpread$a({
           label: t("common.cancel"),
           style: "text",
           onClick: onClose
         }, cancelButtonProps), {}, {
           "data-cy": "cancel-button"
         }))]
-      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$9(_objectSpread$9({
+      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$a(_objectSpread$a({
         label: t("moveToFolder.remove"),
         style: "tertiary",
         onClick: onRemove
@@ -646,8 +646,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
 };
 
 var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _DraggableNode$1 = function DraggableNode(_ref) {
   var folder = _ref.folder,
     _ref$depth = _ref.depth,
@@ -676,7 +676,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     if (neetoCist.isNotPresent(folder.children) || isDragging) return null;
     return folder.children.map(function (child) {
       var _child$children$lengt, _child$children;
-      return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$8(_objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, rest), {}, {
         config: config
       })), {}, {
         depth: depth + 1,
@@ -688,14 +688,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, rest), {}, {
       className: classNames({
         "neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
         "neeto-ui-bg-gray-100 opacity-50": isDragging,
         "neeto-ui-border-primary-500 border": isOver,
         "border border-transparent": !isOver
       })
-    }, _objectSpread$8(_objectSpread$8(_objectSpread$8({
+    }, _objectSpread$9(_objectSpread$9(_objectSpread$9({
       depth: depth,
       folder: folder
     }, attributes), listeners), {}, {
@@ -710,8 +710,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
   });
 };
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
   var config = _ref.config,
@@ -817,7 +817,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$8(_objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, nodeProps), {}, {
           config: config
         })), {}, {
           folder: tree,
@@ -839,7 +839,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$7(_objectSpread$7({}, nodeProps), {}, {
+        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$8(_objectSpread$8({}, nodeProps), {}, {
           className: "neeto-ui-bg-gray-200",
           depth: 0,
           folder: dragItem,
@@ -943,8 +943,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
 };
 
 var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode = function DraggableNode(_ref) {
   var _overItem$meta$parent;
   var folder = _ref.folder,
@@ -980,7 +980,7 @@ var _DraggableNode = function DraggableNode(_ref) {
         folder: folder
       }), internal.isArray(folder.children) && folder.children.map(function (child) {
         var _child$children$lengt, _child$children;
-        return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$6(_objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, rest), {}, {
+        return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -994,9 +994,9 @@ var _DraggableNode = function DraggableNode(_ref) {
     }, "".concat(folder.id, "--container"));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$6(_objectSpread$6({
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$7(_objectSpread$7({
       depth: folder.meta.depth
-    }, _objectSpread$6(_objectSpread$6(_objectSpread$6(_objectSpread$6({}, rest), {}, {
+    }, _objectSpread$7(_objectSpread$7(_objectSpread$7(_objectSpread$7({}, rest), {}, {
       folder: folder
     }, attributes), listeners), {}, {
       folderLabel: folderLabel,
@@ -1016,8 +1016,8 @@ var _DraggableNode = function DraggableNode(_ref) {
   });
 };
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initialDragState = {
   activeItem: null,
   overItem: null
@@ -1159,7 +1159,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$5(_objectSpread$5({}, _objectSpread$5(_objectSpread$5({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$6(_objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, nodeProps), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -1182,7 +1182,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$5(_objectSpread$5({}, nodeProps), {}, {
+        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$1, _objectSpread$6(_objectSpread$6({}, nodeProps), {}, {
           className: "neeto-ui-bg-gray-200 pl-4 pr-12",
           depth: 0,
           folder: dragState.activeItem,
@@ -1194,11 +1194,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
 };
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersPane = function FoldersPane(_ref) {
   var configProps = _ref.config;
-  var config = _objectSpread$4(_objectSpread$4({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$5(_objectSpread$5({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       return {
         setFolderState: store["setFolderState"]
@@ -1228,9 +1228,9 @@ var FoldersPane = function FoldersPane(_ref) {
     children: function children(_ref2) {
       var setFocusField = _ref2.setFocusField;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$4({}, _objectSpread$4({
+        children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$5({}, _objectSpread$5({
           setFocusField: setFocusField
-        }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$4({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$4({}, commonProps))]
+        }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$5({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$5({}, commonProps))]
       });
     }
   });
@@ -1326,14 +1326,14 @@ var FolderTile = function FolderTile(_ref) {
   });
 };
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersList = function FoldersList(_ref) {
   var _ref$selection = _ref.selection,
     selection = _ref$selection === void 0 ? [] : _ref$selection,
     configProps = _ref.config,
     onSelect = _ref.onSelect;
-  var config = _objectSpread$3(_objectSpread$3({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$4(_objectSpread$4({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var params = reactUtils.useQueryParams();
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
@@ -1344,7 +1344,7 @@ var FoldersList = function FoldersList(_ref) {
     folder = _useFolder.folder;
   var actions = useFolderActions.useFolderActions(config);
   var subFolders = folderId ? folder === null || folder === void 0 ? void 0 : folder.children : folders;
-  if (neetoCist.isNotPresent(subFolders)) return null;
+  if (neetoCist.isNotPresent(subFolders) || !Array.isArray(subFolders)) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "my-3",
@@ -1361,7 +1361,7 @@ var FoldersList = function FoldersList(_ref) {
           onSelect: onSelect,
           isSelected: selection.includes(folder.id),
           key: folder.id,
-          link: utils$1.buildUrl(config.folderPath, _objectSpread$3(_objectSpread$3({}, params), {}, {
+          link: utils$1.buildUrl(config.folderPath, _objectSpread$4(_objectSpread$4({}, params), {}, {
             folderId: folder.sid
           }))
         });
@@ -1371,8 +1371,8 @@ var FoldersList = function FoldersList(_ref) {
 };
 
 var _excluded$1 = ["isOpen", "onClose"];
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MoveToFolderPane = function MoveToFolderPane(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -1380,7 +1380,7 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(Pane, {
     isOpen: isOpen,
     onClose: onClose,
-    children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$2({}, _objectSpread$2(_objectSpread$2({}, rest), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$3({}, _objectSpread$3(_objectSpread$3({}, rest), {}, {
       onClose: onClose
     })))
   });
@@ -1421,6 +1421,47 @@ var FolderNode = function FolderNode(_ref) {
   });
 };
 
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var splitItemsByFolder = function splitItemsByFolder(items) {
+  return items.reduce(function (acc, item) {
+    var value = _objectSpread$2(_objectSpread$2({}, item), {}, {
+      isFolder: false,
+      isLeaf: true
+    });
+    if (item.folderId) {
+      if (!acc.itemsByFolderId[item.folderId]) {
+        acc.itemsByFolderId[item.folderId] = [];
+      }
+      acc.itemsByFolderId[item.folderId].push(_objectSpread$2({}, value));
+    } else {
+      acc.rootItems.push(value);
+    }
+    return acc;
+  }, {
+    itemsByFolderId: {},
+    rootItems: []
+  });
+};
+var _appendItemsToFolders = function appendItemsToFolders(folders, itemsByFolderId) {
+  return folders.map(function (folder) {
+    return _objectSpread$2(_objectSpread$2({}, folder), {}, {
+      isFolder: true,
+      isLeaf: false,
+      children: [].concat(_toConsumableArray(_appendItemsToFolders(folder.children || [], itemsByFolderId)), _toConsumableArray(itemsByFolderId[folder.id] || []))
+    });
+  });
+};
+var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
+  var items = _ref.items;
+  if (!items || !folders) return folders;
+  var _splitItemsByFolder = splitItemsByFolder(items),
+    itemsByFolderId = _splitItemsByFolder.itemsByFolderId,
+    rootItems = _splitItemsByFolder.rootItems;
+  var foldersWithItems = _appendItemsToFolders(folders, itemsByFolderId);
+  return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
+};
+
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersTree = function FoldersTree(_ref) {
@@ -1438,12 +1479,15 @@ var FoldersTree = function FoldersTree(_ref) {
   var activeFolderSid = internal.getActiveFolderId(config);
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data;
+  var treeData = React.useMemo(function () {
+    return buildTreeWithItems(folders, config);
+  }, [folders, config.items]);
   var updateExpandedKeys = function updateExpandedKeys() {
     var _activeFolder$meta;
-    if (!folders) return;
+    if (!treeData) return;
     // When active folder changes from external sources, update expanded keys to auto expand tree.
     var updatedExpandedKeys = _toConsumableArray(expandedKeys);
-    var map = utils.treeToMap(folders, "sid");
+    var map = utils.treeToMap(treeData, "sid");
     var activeFolder = map[activeFolderSid];
     var parentSid = activeFolder === null || activeFolder === void 0 || (_activeFolder$meta = activeFolder.meta) === null || _activeFolder$meta === void 0 || (_activeFolder$meta = _activeFolder$meta.parent) === null || _activeFolder$meta === void 0 ? void 0 : _activeFolder$meta.sid;
     if (parentSid && !updatedExpandedKeys.includes(parentSid)) {
@@ -1472,8 +1516,8 @@ var FoldersTree = function FoldersTree(_ref) {
   React.useEffect(function () {
     // Non urgent update.
     React.startTransition(updateExpandedKeys);
-  }, [activeFolderSid, folders]);
-  if (neetoCist.isNotPresent(folders)) {
+  }, [activeFolderSid, treeData]);
+  if (neetoCist.isNotPresent(treeData)) {
     return /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "w-full text-center",
       style: "body2",
@@ -1483,6 +1527,7 @@ var FoldersTree = function FoldersTree(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsx(Tree, {
     expandedKeys: expandedKeys,
+    treeData: treeData,
     autoExpandParent: true,
     blockNode: true,
     showLine: true,
@@ -1495,13 +1540,12 @@ var FoldersTree = function FoldersTree(_ref) {
       key: "sid"
     },
     selectedKeys: [activeFolderSid],
-    treeData: folders,
-    titleRender: function titleRender(folder) {
+    titleRender: function titleRender(node) {
       return /*#__PURE__*/jsxRuntime.jsx(FolderNode, {
-        folder: folder,
-        isActive: folder.sid === activeFolderSid,
-        link: utils$1.buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
-          folderId: folder.sid
+        folder: node,
+        isActive: node.sid === activeFolderSid,
+        link: node.link || utils$1.buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
+          folderId: node.sid
         }))
       });
     },