@bigbinary/neeto-folders-frontend 2.0.49-beta1 → 2.0.49

package/app/javascript/src/translations/en.json

@@ -30,6 +30,8 @@
   },
   "moveToFolder": {
     "depthExceeded": "Cannot move to this {{ folder }}. Maximum {{maxDepth}} nested {{ folders }} are allowed.",
+    "nestingRestricted_one": "{{name, anyCase}} has nested {{ folders }}, so it can't be moved anywhere that would take it beyond {{maxDepth}} levels of nesting.",
+    "nestingRestricted_other": "Some of the selected {{ folders }} have nested {{ folders }}, so they can't be moved anywhere that would take them beyond {{maxDepth}} levels of nesting.",
     "notAllowed": "You cannot move to this {{ folder }}.",
     "remove": "Remove from {{ folder }}",
     "title": "Move to {{ folder }}"

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-10-23T10:56:37.632Z
+Built at 2026-10-23T14:26:41.025Z

package/dist/cjs/components.js

@@ -12,7 +12,7 @@ var reactRouterDom = require('react-router-dom');
 var useFolderActions = require('../useFolderActions-DImaQ3gr.js');
 var injectCss = require('../inject-css-D3Ee0dJK.js');
 var constants = require('./constants.js');
-var utils = require('../index-BuO0HoGs.js');
+var utils = require('../index-DCIRHXw_.js');
 var internal = require('../internal-DAkDv0P1.js');
 var jsxRuntime = require('react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -20,6 +20,7 @@ var Pane = require('@bigbinary/neetoui/Pane');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var React = require('react');
+var Toastr = require('@bigbinary/neetoui/Toastr');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -30,15 +31,15 @@ var yup = require('yup');
 var Switch = require('@bigbinary/neetoui/formik/Switch');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var neetoCist = require('@bigbinary/neeto-cist');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Button = require('@bigbinary/neetoui/Button');
-var neetoCist = require('@bigbinary/neeto-cist');
+var Callout = require('@bigbinary/neetoui/Callout');
 var ramda = require('ramda');
 var classNames = require('classnames');
 var Radio = require('@bigbinary/neetoui/Radio');
 var core = require('@dnd-kit/core');
 var Reorder = require('@bigbinary/neeto-icons/Reorder');
-var Toastr = require('@bigbinary/neetoui/Toastr');
 var reactDom = require('react-dom');
 var modifiers = require('@dnd-kit/modifiers');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
@@ -231,6 +232,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 () {
@@ -335,6 +337,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"
@@ -428,13 +431,14 @@ var Node$1 = function Node(_ref, ref) {
 };
 var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
 
-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,
@@ -445,7 +449,11 @@ var _SelectableNode = function SelectableNode(_ref) {
     onSelect = rest.onSelect;
   var _useTranslation = injectCss.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() {
@@ -453,8 +461,8 @@ var _SelectableNode = function SelectableNode(_ref) {
     return folder.children.map(function (child) {
       return /*#__PURE__*/React.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,
@@ -465,7 +473,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.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
     }),
@@ -502,6 +510,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,
@@ -537,15 +546,28 @@ var PaneBody = function PaneBody(_ref) {
   var tree = React.useMemo(function () {
     return createTree(folders, isRootEnabled);
   }, [folders, isRootEnabled]);
+  var movedItems = items !== null && items !== void 0 ? items : item ? [item] : [];
+  var movedIds = ramda.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 (neetoCist.isNotEmpty(movedItems)) {
+    // For moved folders, measure the depth from the tallest folder to its longest leaf.
     var foldersMap = utils.treeToMap(folders);
-    var folder = foldersMap[item.id];
-    if (folder) {
-      var folderDepth = utils.measureDepth(folder) + 1; // +1 for own depth;
-      maxDepth = config.maxDepth - folderDepth;
+    var movedFolders = movedIds.map(function (id) {
+      return foldersMap[id];
+    }).filter(Boolean);
+    if (neetoCist.isNotEmpty(movedFolders)) {
+      var subtreeHeight = Math.max.apply(Math, _toConsumableArray(movedFolders.map(utils.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() {
@@ -595,22 +617,25 @@ var PaneBody = function PaneBody(_ref) {
         style: "link",
         onClick: onAddFolder
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Body, {
       className: "pb-6",
-      children: tree.map(function (folder) {
+      children: [nestingWarning && /*#__PURE__*/jsxRuntime.jsx(Callout, {
+        className: "mb-4",
+        style: "warning",
+        children: nestingWarning
+      }), tree.map(function (folder) {
         return /*#__PURE__*/React.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__*/jsxRuntime.jsxs(Pane.Footer, {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -687,7 +712,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) {
@@ -697,6 +722,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 = core.useDraggable({
       id: "draggable-item--".concat(folder.id),
@@ -707,15 +734,18 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     attributes = _useDraggable.attributes,
     listeners = _useDraggable.listeners,
     setDraggableRef = _useDraggable.setNodeRef;
+  var isInDraggedSubtree = isDragging || isAncestorDragging;
   var _useDroppable = core.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 (neetoCist.isNotPresent(folder.children) || isDragging) return null;
+    if (neetoCist.isNotPresent(folder.children)) return null;
     return folder.children.map(function (child) {
       var _child$children$lengt, _child$children;
       return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
@@ -723,6 +753,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"]
@@ -733,7 +764,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _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
       })
@@ -804,10 +835,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 = utils.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
       }));
@@ -897,7 +929,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 = React.useId();
   var isOver = id === (overItem === null || overItem === void 0 ? void 0 : overItem.id);
@@ -912,7 +946,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
       data: {
         id: id,
         meta: meta
-      }
+      },
+      disabled: disabled
     }),
     setDroppableRef = _useDroppable.setNodeRef;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -931,7 +966,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) {
@@ -941,6 +976,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);
@@ -955,18 +992,21 @@ var _DraggableNode = function DraggableNode(_ref) {
     attributes = _useDraggable.attributes,
     listeners = _useDraggable.listeners,
     setDraggableRef = _useDraggable.setNodeRef;
+  var isInDraggedSubtree = isDragging || isAncestorDragging;
   var _useDroppable = core.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__*/jsxRuntime.jsxs(React.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(PlaceholderNode, {
         dragState: dragState,
-        folder: folder
+        folder: folder,
+        disabled: isInDraggedSubtree
       }), internal.isArray(folder.children) && folder.children.map(function (child) {
         var _child$children$lengt, _child$children;
         return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
@@ -975,6 +1015,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"]
@@ -993,7 +1034,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
       }),
@@ -1082,10 +1123,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 = utils.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
       }));
@@ -1786,7 +1828,17 @@ var FoldersTree = function FoldersTree(_ref) {
   });
 };
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
+var subtreeIds = function subtreeIds(foldersMap, folderId) {
+  var ids = new Set();
+  utils._walkTree(neetoCist.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 internal.mapObj(foldersMap, function (folder) {
     var _folder$meta$parent;
     return {
@@ -1796,11 +1848,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__*/React.forwardRef(function (_ref, ref) {
@@ -1823,6 +1875,8 @@ var TreeSelect = /*#__PURE__*/React.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 = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data;
@@ -1841,8 +1895,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setFieldValue(name, parentId);
   }, [parentId, name]);
   var folderOptions = React.useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
+    return createFolderOptions(foldersMap, config.maxDepth, excludedFolderId);
+  }, [foldersMap, config.maxDepth, excludedFolderId]);
   return /*#__PURE__*/jsxRuntime.jsx(NUITreeSelect, _objectSpread({
     treeDataSimpleMode: true,
     "data-testid": "nui-select-container-wrapper",