@bigbinary/neeto-folders-frontend 2.0.48 → 2.0.49-beta2

package/dist/components.js

@@ -10,7 +10,7 @@ import { useHistory, Link, NavLink } from 'react-router-dom';
 import { c as useFolderStore, d as useDestroyFolder, b as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, a as useFolderActions } from './useFolderActions-DCKQrv0G.js';
 import { u as useTranslation, R as REORDER_TREE_INDENT_WIDTH, c as closestCenter, n } from './inject-css-Bkrn7lFS.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-BfobK2xL.js';
+import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree, _ as _walkTree } from './index-BXvkr7vp.js';
 import { a as isActiveFolder, g as getActiveFolderId, t as toastApiError, i as isArray, m as mapObj } from './internal-UIifJzTd.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,6 +18,7 @@ import Pane from '@bigbinary/neetoui/Pane';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import React, { createElement, useMemo, forwardRef, useState, useEffect, useId, startTransition } from 'react';
+import Toastr from '@bigbinary/neetoui/Toastr';
 import Typography from '@bigbinary/neetoui/Typography';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import Input from '@bigbinary/neetoui/formik/Input';
@@ -28,15 +29,15 @@ import { object, string } from 'yup';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { hyphenate, isNotPresent, noop, isNotEmpty, findById } from '@bigbinary/neeto-cist';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Button from '@bigbinary/neetoui/Button';
-import { hyphenate, isNotPresent, noop, isNotEmpty } from '@bigbinary/neeto-cist';
-import { isEmpty, assoc } from 'ramda';
+import Callout from '@bigbinary/neetoui/Callout';
+import { pluck, isEmpty, assoc } from 'ramda';
 import classNames from 'classnames';
 import Radio from '@bigbinary/neetoui/Radio';
 import { useDraggable, useDroppable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor } from '@dnd-kit/core';
 import Reorder from '@bigbinary/neeto-icons/Reorder';
-import Toastr from '@bigbinary/neetoui/Toastr';
 import { createPortal } from 'react-dom';
 import { snapCenterToCursor } from '@dnd-kit/modifiers';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
@@ -229,6 +230,7 @@ var AddEditPane = function AddEditPane(_ref) {
     var response = error.response;
     if (response && response.data && response.data.errors) {
       setStatus(response.data.errors);
+      if (response.data.errors.base) Toastr.error(response.data.errors.base[0]);
     }
   };
   var onSubmitForm = /*#__PURE__*/function () {
@@ -333,6 +335,7 @@ var AddEditPane = function AddEditPane(_ref) {
                   config: config,
                   allowClear: true,
                   showSearch: true,
+                  excludedFolderId: isEditing ? item.id : null,
                   initialValue: folderSid,
                   label: t("createFolder.parentTitle"),
                   name: "parentId"
@@ -426,13 +429,14 @@ var Node$2 = function Node(_ref, ref) {
 };
 var Node$1 = /*#__PURE__*/forwardRef(Node$2);
 
-var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
+var _excluded$5 = ["folder", "movedIds", "depth", "maxDepth", "disabled", "config"];
 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), true).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 _SelectableNode = function SelectableNode(_ref) {
   var _folder$children$leng, _folder$children;
   var folder = _ref.folder,
-    item = _ref.item,
+    _ref$movedIds = _ref.movedIds,
+    movedIds = _ref$movedIds === void 0 ? [] : _ref$movedIds,
     _ref$depth = _ref.depth,
     depth = _ref$depth === void 0 ? 0 : _ref$depth,
     maxDepth = _ref.maxDepth,
@@ -443,7 +447,11 @@ var _SelectableNode = function SelectableNode(_ref) {
     onSelect = rest.onSelect;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
-  var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth >= maxDepth;
+  var isDepthExceeded = depth >= maxDepth;
+  var isDisabled = disabled || movedIds.includes(folder.id) || isDepthExceeded;
+  var disabledTitle = isDepthExceeded ? t("moveToFolder.depthExceeded", {
+    maxDepth: config.maxDepth
+  }) : t("moveToFolder.notAllowed");
   var itemLabel = config.labels[folder.itemCount > 1 ? "items" : "item"];
   var folderLabel = config.labels[((_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) > 1 ? "folders" : "folder"];
   var renderChildren = function renderChildren() {
@@ -451,8 +459,8 @@ var _SelectableNode = function SelectableNode(_ref) {
     return folder.children.map(function (child) {
       return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
         config: config,
-        item: item,
-        maxDepth: maxDepth
+        maxDepth: maxDepth,
+        movedIds: movedIds
       })), {}, {
         depth: depth + 1,
         disabled: isDisabled,
@@ -463,7 +471,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   };
   return /*#__PURE__*/jsxs("div", {
     "aria-disabled": isDisabled,
-    title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
+    title: isDisabled ? disabledTitle : undefined,
     className: classNames("flex flex-col w-full min-w-0", {
       "opacity-60": isDisabled
     }),
@@ -500,6 +508,7 @@ var PaneBody = function PaneBody(_ref) {
   var _ref$isRootEnabled = _ref.isRootEnabled,
     isRootEnabled = _ref$isRootEnabled === void 0 ? true : _ref$isRootEnabled,
     item = _ref.item,
+    items = _ref.items,
     config = _ref.config,
     submitButtonProps = _ref.submitButtonProps,
     cancelButtonProps = _ref.cancelButtonProps,
@@ -535,15 +544,28 @@ var PaneBody = function PaneBody(_ref) {
   var tree = useMemo(function () {
     return createTree(folders, isRootEnabled);
   }, [folders, isRootEnabled]);
+  var movedItems = items !== null && items !== void 0 ? items : item ? [item] : [];
+  var movedIds = pluck("id", movedItems);
   var maxDepth = Number.POSITIVE_INFINITY;
-  if (item) {
-    // If item is a folder, measure the current depth from current folder to longest leaf.
+  var nestingWarning = null;
+  if (isNotEmpty(movedItems)) {
+    // For moved folders, measure the depth from the tallest folder to its longest leaf.
     var foldersMap = treeToMap(folders);
-    var folder = foldersMap[item.id];
-    if (folder) {
-      var folderDepth = measureDepth(folder) + 1; // +1 for own depth;
-      maxDepth = config.maxDepth - folderDepth;
+    var movedFolders = movedIds.map(function (id) {
+      return foldersMap[id];
+    }).filter(Boolean);
+    if (isNotEmpty(movedFolders)) {
+      var subtreeHeight = Math.max.apply(Math, _toConsumableArray(movedFolders.map(measureDepth)));
+      maxDepth = config.maxDepth - (subtreeHeight + 1); // +1 for own depth;
       if (isRootEnabled) maxDepth += 1; // +1 for root folder.
+
+      if (subtreeHeight > 0) {
+        nestingWarning = t("moveToFolder.nestingRestricted", {
+          count: movedFolders.length,
+          name: movedFolders[0].name,
+          maxDepth: config.maxDepth
+        });
+      }
     }
   }
   var onAddFolder = function onAddFolder() {
@@ -593,22 +615,25 @@ var PaneBody = function PaneBody(_ref) {
         style: "link",
         onClick: onAddFolder
       })]
-    }), /*#__PURE__*/jsx(Pane.Body, {
+    }), /*#__PURE__*/jsxs(Pane.Body, {
       className: "pb-6",
-      children: tree.map(function (folder) {
+      children: [nestingWarning && /*#__PURE__*/jsx(Callout, {
+        className: "mb-4",
+        style: "warning",
+        children: nestingWarning
+      }), tree.map(function (folder) {
         return /*#__PURE__*/createElement(_SelectableNode, {
           config: config,
           folder: folder,
-          item: item,
           maxDepth: maxDepth,
+          movedIds: movedIds,
           selection: selection,
-          disabled: (item === null || item === void 0 ? void 0 : item.id) === folder.id || maxDepth <= 0,
           key: folder.id,
           onSelect: function onSelect(folder) {
             return setSelection(folder.id);
           }
         });
-      })
+      })]
     }), /*#__PURE__*/jsxs(Pane.Footer, {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxs("div", {
@@ -685,7 +710,7 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
   });
 };
 
-var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
+var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel", "isAncestorDragging"];
 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), true).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 _DraggableNode$1 = function DraggableNode(_ref) {
@@ -695,6 +720,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     config = _ref.config,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
+    _ref$isAncestorDraggi = _ref.isAncestorDragging,
+    isAncestorDragging = _ref$isAncestorDraggi === void 0 ? false : _ref$isAncestorDraggi,
     rest = _objectWithoutProperties(_ref, _excluded$4);
   var _useDraggable = useDraggable({
       id: "draggable-item--".concat(folder.id),
@@ -705,15 +732,18 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     attributes = _useDraggable.attributes,
     listeners = _useDraggable.listeners,
     setDraggableRef = _useDraggable.setNodeRef;
+  var isInDraggedSubtree = isDragging || isAncestorDragging;
   var _useDroppable = useDroppable({
       id: "droppable-item--".concat(folder.id),
       data: folder,
-      disabled: isDragging
+      disabled: isInDraggedSubtree
     }),
     isOver = _useDroppable.isOver,
     setDroppableRef = _useDroppable.setNodeRef;
+
+  // Children stay rendered while dragging so the list height, and its scroll, don't shift under the drag overlay.
   var renderChildren = function renderChildren() {
-    if (isNotPresent(folder.children) || isDragging) return null;
+    if (isNotPresent(folder.children)) return null;
     return folder.children.map(function (child) {
       var _child$children$lengt, _child$children;
       return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
@@ -721,6 +751,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
       })), {}, {
         depth: depth + 1,
         folder: child,
+        isAncestorDragging: isInDraggedSubtree,
         itemLabel: config.labels[(child === null || child === void 0 ? void 0 : child.itemCount) > 1 ? "items" : "item"],
         key: child.id,
         folderLabel: config.labels[((_child$children$lengt = child === null || child === void 0 || (_child$children = child.children) === null || _child$children === void 0 ? void 0 : _child$children.length) !== null && _child$children$lengt !== void 0 ? _child$children$lengt : 0) > 1 ? "folders" : "folder"]
@@ -731,7 +762,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     children: [/*#__PURE__*/jsx(Node$1, _objectSpread$f(_objectSpread$f(_objectSpread$f({}, 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-bg-gray-100 opacity-50": isInDraggedSubtree,
         "neeto-ui-border-primary-500 border": isOver,
         "border border-transparent": !isOver
       })
@@ -802,10 +833,11 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
     if (((_activeFolder$meta$pa = activeFolder.meta.parent) === null || _activeFolder$meta$pa === void 0 ? void 0 : _activeFolder$meta$pa.id) === overFolder.id) return;
 
     // Check moving to a folder with depth greater than the allowed limit.
-    // maxDepth + 1 due to extra root node added for the tree
+    // The extra root node puts top-level folders at depth 1, so the deepest moved
+    // folder lands at level (target depth + subtree height + 1).
     var activeDepth = measureDepth(activeFolder);
     var overDepth = overFolder.meta.depth;
-    if (activeDepth + overDepth >= config.maxDepth + 1) {
+    if (activeDepth + overDepth >= config.maxDepth) {
       Toastr.error(t("moveToFolder.depthExceeded", {
         maxDepth: config.maxDepth
       }));
@@ -895,7 +927,9 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
 
 var PlaceholderNode = function PlaceholderNode(_ref) {
   var folder = _ref.folder,
-    dragState = _ref.dragState;
+    dragState = _ref.dragState,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var overItem = dragState.overItem;
   var id = useId();
   var isOver = id === (overItem === null || overItem === void 0 ? void 0 : overItem.id);
@@ -910,7 +944,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
       data: {
         id: id,
         meta: meta
-      }
+      },
+      disabled: disabled
     }),
     setDroppableRef = _useDroppable.setNodeRef;
   return /*#__PURE__*/jsxs("div", {
@@ -929,7 +964,7 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
   });
 };
 
-var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
+var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel", "isAncestorDragging"];
 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), true).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 = function DraggableNode(_ref) {
@@ -939,6 +974,8 @@ var _DraggableNode = function DraggableNode(_ref) {
     dragState = _ref.dragState,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
+    _ref$isAncestorDraggi = _ref.isAncestorDragging,
+    isAncestorDragging = _ref$isAncestorDraggi === void 0 ? false : _ref$isAncestorDraggi,
     rest = _objectWithoutProperties(_ref, _excluded$3);
   var overItem = dragState.overItem;
   var isOverItem = folder.id === (overItem === null || overItem === void 0 ? void 0 : overItem.id);
@@ -953,18 +990,21 @@ var _DraggableNode = function DraggableNode(_ref) {
     attributes = _useDraggable.attributes,
     listeners = _useDraggable.listeners,
     setDraggableRef = _useDraggable.setNodeRef;
+  var isInDraggedSubtree = isDragging || isAncestorDragging;
   var _useDroppable = useDroppable({
       id: "droppable-item--".concat(folder.id),
       data: folder,
-      disabled: isRoot || isDragging
+      disabled: isRoot || isInDraggedSubtree
     }),
     setDroppableRef = _useDroppable.setNodeRef;
+
+  // Children stay rendered while dragging so the list height, and its scroll, don't shift under the drag overlay.
   var renderChildren = function renderChildren() {
-    if (isDragging) return null;
     return /*#__PURE__*/jsxs(React.Fragment, {
       children: [/*#__PURE__*/jsx(PlaceholderNode, {
         dragState: dragState,
-        folder: folder
+        folder: folder,
+        disabled: isInDraggedSubtree
       }), isArray(folder.children) && folder.children.map(function (child) {
         var _child$children$lengt, _child$children;
         return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
@@ -973,6 +1013,7 @@ var _DraggableNode = function DraggableNode(_ref) {
         })), {}, {
           depth: child.meta.depth,
           folder: child,
+          isAncestorDragging: isInDraggedSubtree,
           itemLabel: config.labels[(child === null || child === void 0 ? void 0 : child.itemCount) > 1 ? "items" : "item"],
           key: child.id,
           folderLabel: config.labels[((_child$children$lengt = child === null || child === void 0 || (_child$children = child.children) === null || _child$children === void 0 ? void 0 : _child$children.length) !== null && _child$children$lengt !== void 0 ? _child$children$lengt : 0) > 1 ? "folders" : "folder"]
@@ -991,7 +1032,7 @@ var _DraggableNode = function DraggableNode(_ref) {
     })), {}, {
       className: classNames({
         "hover:neeto-ui-bg-gray-100 w-full cursor-move transition-colors": true,
-        "neeto-ui-bg-gray-100 opacity-50": isDragging,
+        "neeto-ui-bg-gray-100 opacity-50": isInDraggedSubtree,
         "neeto-ui-bg-primary-50": isOverParent,
         "neeto-ui-border-primary-500 border-b-2": isOverItem
       }),
@@ -1080,10 +1121,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
     }
 
     // Check moving to a folder with depth greater than the allowed limit.
-    // maxDepth + 1 due to extra root node added for the tree
+    // The extra root node puts top-level folders at depth 1, so the deepest moved
+    // folder lands at level (target depth + subtree height + 1).
     var srcDepth = measureDepth(activeFolder);
     var dstDepth = targetFolder.meta.depth;
-    if (srcDepth + dstDepth >= config.maxDepth + 1) {
+    if (srcDepth + dstDepth >= config.maxDepth) {
       Toastr.error(t("moveToFolder.depthExceeded", {
         maxDepth: config.maxDepth
       }));
@@ -1784,7 +1826,17 @@ var FoldersTree = function FoldersTree(_ref) {
   });
 };
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
+var subtreeIds = function subtreeIds(foldersMap, folderId) {
+  var ids = new Set();
+  _walkTree(findById(folderId, Object.values(foldersMap !== null && foldersMap !== void 0 ? foldersMap : {})), function (_ref) {
+    var id = _ref.id;
+    return ids.add(id);
+  });
+  return ids;
+};
+var createFolderOptions = function createFolderOptions(foldersMap, maxDepth) {
+  var excludedFolderId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var excludedIds = subtreeIds(foldersMap, excludedFolderId);
   return mapObj(foldersMap, function (folder) {
     var _folder$meta$parent;
     return {
@@ -1794,11 +1846,11 @@ 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
     };
   }, function (folder) {
-    return folder.meta.depth < config.maxDepth;
+    return folder.meta.depth < maxDepth && !excludedIds.has(folder.id);
   });
 };
 
-var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue"];
+var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue", "excludedFolderId"];
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -1821,6 +1873,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     fieldNames = _ref.fieldNames,
     config = _ref.config,
     initialValue = _ref.initialValue,
+    _ref$excludedFolderId = _ref.excludedFolderId,
+    excludedFolderId = _ref$excludedFolderId === void 0 ? null : _ref$excludedFolderId,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useFetchFolders = useFetchFolders(config),
     folders = _useFetchFolders.data;
@@ -1839,8 +1893,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setFieldValue(name, parentId);
   }, [parentId, name]);
   var folderOptions = useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
+    return createFolderOptions(foldersMap, config.maxDepth, excludedFolderId);
+  }, [foldersMap, config.maxDepth, excludedFolderId]);
   return /*#__PURE__*/jsx(NUITreeSelect, _objectSpread({
     treeDataSimpleMode: true,
     "data-testid": "nui-select-container-wrapper",