@bigbinary/neeto-folders-frontend 2.0.41 → 2.0.43

package/dist/v2/components.js

@@ -566,14 +566,15 @@ var PaneBody = function PaneBody(_ref) {
   }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Sheet.Header, {
-      className: "flex items-center justify-between",
+      className: "flex flex-row items-center justify-between",
       children: [/*#__PURE__*/jsx(Sheet.Title, {
         children: t("moveToFolder.title")
       }), /*#__PURE__*/jsx(Button, {
-        className: "me-2",
+        className: "absolute end-12 top-3",
         "data-testid": "add-new-folder-button",
         label: t("folders.add"),
-        variant: "link",
+        size: "sm",
+        variant: "outline",
         onClick: onAddFolder
       })]
     }), /*#__PURE__*/jsx(Sheet.Body, {
@@ -821,7 +822,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] size-4 flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -1102,7 +1103,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] size-4 flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -1200,6 +1201,7 @@ var FoldersPane = function FoldersPane(_ref) {
     onClose: onClose,
     initialFocusRef: setFocusField,
     isOpen: !!type,
+    size: "large",
     children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$c({}, _objectSpread$c({
       setFocusField: setFocusField
     }, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$c({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$c({}, commonProps))]
@@ -1308,13 +1310,16 @@ var FolderTile = function FolderTile(_ref) {
       })]
     }), /*#__PURE__*/jsx(MoreDropdown, {
       menuItems: menuItems,
-      dropdownButtonProps: {
-        className: "absolute end-2 top-2"
-      },
       dropdownProps: {
         onClick: function onClick(event) {
           return event.preventDefault();
         }
+      },
+      dropdownButtonProps: {
+        className: "absolute end-2 top-2",
+        onClick: function onClick(event) {
+          return event.preventDefault();
+        }
       }
     })]
   }));
@@ -1409,7 +1414,7 @@ var FoldersList = function FoldersList(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography, {
       className: "my-3",
-      variant: "h4",
+      variant: "h6",
       children: t("folders.title")
     }), /*#__PURE__*/jsx("div", {
       className: "neeto-folders-grid-view-wrapper mb-10 grid w-full gap-4",
@@ -1462,6 +1467,7 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   return /*#__PURE__*/jsx(Sheet, {
     isOpen: isOpen,
     onClose: onClose,
+    size: "large",
     children: /*#__PURE__*/jsx(PaneBody, _objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, rest), {}, {
       onClose: onClose
     })))
@@ -1707,17 +1713,46 @@ var FoldersTree = function FoldersTree(_ref) {
   var treeData = useMemo(function () {
     return _toAtomsTreeData(buildTreeWithItems(folders, config));
   }, [folders, config.items]);
+  var treeMap = useMemo(function () {
+    return treeData ? treeToMap(treeData, "sid") : {};
+  }, [treeData]);
+
+  // Only hand react-arborist keys that actually exist in the current tree. A
+  // missing/undefined selection — no folder in the URL, or a stale sid during
+  // SPA navigation before the tree updates — makes its selectMulti call
+  // identify(undefined) and throw "Cannot read properties of undefined".
+  var selectedKeys = activeFolderSid && treeMap[activeFolderSid] ? [activeFolderSid] : [];
   var updateExpandedKeys = function updateExpandedKeys() {
-    var _activeFolder$meta;
     if (!treeData) return;
-    // When active folder changes from external sources, update expanded keys to auto expand tree.
-    var updatedExpandedKeys = new Set(expandedKeysSet);
-    var map = 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 && !expandedKeysSet.has(parentSid)) {
-      updatedExpandedKeys.add(parentSid);
+
+    // Expand every ancestor of the active folder (not just the immediate
+    // parent) so the full path to it is visible — folders nest up to
+    // config.maxDepth. Walk up via treeMap, guarding against cycles.
+    var ancestorSids = [];
+    var seen = new Set();
+    var node = treeMap[activeFolderSid];
+    while ((_node = node) !== null && _node !== void 0 && (_node = _node.meta) !== null && _node !== void 0 && (_node = _node.parent) !== null && _node !== void 0 && _node.sid && !seen.has(node.meta.parent.sid)) {
+      var _node;
+      var parentSid = node.meta.parent.sid;
+      seen.add(parentSid);
+      ancestorSids.push(parentSid);
+      node = treeMap[parentSid];
     }
+    if (!ancestorSids.length) return;
+
+    // Functional update so the newly-expanded ancestors merge with the latest
+    // expansion state (e.g. folders the user opened manually); bail out when
+    // they're all already expanded to avoid a needless re-render.
+    setExpandedKeysSet(function (prev) {
+      if (ancestorSids.every(function (sid) {
+        return prev.has(sid);
+      })) return prev;
+      var next = new Set(prev);
+      ancestorSids.forEach(function (sid) {
+        return next.add(sid);
+      });
+      return next;
+    });
   };
   var handleExpand = function handleExpand(keys, _ref2) {
     var expanded = _ref2.expanded,
@@ -1755,7 +1790,7 @@ var FoldersTree = function FoldersTree(_ref) {
     className: "neeto-sidebar-folders-tree",
     indent: 20,
     rowHeight: 24,
-    selectedKeys: [activeFolderSid],
+    selectedKeys: selectedKeys,
     showLine: false,
     switcherIcon: SwitcherIcon,
     titleRender: function titleRender(node) {
@@ -1851,7 +1886,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper{min-width:0;padding-inline:2px!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-accent-800))!important;font-weight:500}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher{margin-inline-end:0}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher .ant-tree-switcher-icon{position:relative}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper:hover .neeto-sidebar-folders-tree__folder-node-actions{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-100),.5) 0,rgba(var(--neeto-ui-gray-100),1) 25%)}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode{margin-bottom:6px}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode:before{height:6px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy92Mi9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBRUUsV0FBQSxDQURBLDRCQUVGLENBRUEsMkZBRUUsOENBQUEsQ0FEQSwrQ0FBQSxDQUVBLGVBQ0YsQ0FFQSx3REFDRSxtQkFDRixDQUVBLGdGQUNFLGlCQUNGLENBRUEsaUNBQ0UseURBQ0YsQ0FFQSwySEFDRSxnSEFDRixDQUVBLHdEQUNFLGlCQUNGLENBRUEsK0RBQ0UsVUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUge1xuICBjb2xvcjogaW5oZXJpdCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyIHtcbiAgcGFkZGluZy1pbmxpbmU6IDJweCAhaW1wb3J0YW50O1xuICBtaW4td2lkdGg6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIuYW50LXRyZWUtbm9kZS1zZWxlY3RlZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYWNjZW50LTgwMCkpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTEwMCkpO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLXN3aXRjaGVyIHtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtc3dpdGNoZXIgLmFudC10cmVlLXN3aXRjaGVyLWljb24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyOmhvdmVyIC5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUtYWN0aW9ucyB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTEwMCksIC41KSAwLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSwgMSkgMjUlKTtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZSB7XG4gIG1hcmdpbi1ib3R0b206IDZweDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZTo6YmVmb3JlIHtcbiAgaGVpZ2h0OiA2cHg7XG59XG4iXX0= */";
+var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy92Mi9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLHlDQUNFLHVCQVBGLENBVUEsaUNBQ0UseURBUEYiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUaGUgbmVldG8tYXRvbXMgVHJlZSBpcyByZWFjdC1hcmJvcmlzdCBiYXNlZCBhbmQgZW1pdHMgbm8gYC5hbnQtdHJlZWBcbi8vIG1hcmt1cCwgc28gdGhlIGFudGQtc2NvcGVkIHJ1bGVzIGZyb20gdGhlIG5lZXRvLXVpIHZlcnNpb24gKG5vZGUgc3BhY2luZyxcbi8vIHNlbGVjdGVkL2hvdmVyIHN0eWxpbmcsIHN3aXRjaGVyIHR3ZWFrcykgbm8gbG9uZ2VyIG1hdGNoIGFueXRoaW5nIGhlcmUuXG4vLyBUaGV5IGFsc28gY2FycmllZCB0aGUgbGFzdCBsZWdhY3kgbmVldG8tdWkgQ1NTIHZhcmlhYmxlcyBpbiB0aGlzIGZpbGU7IHRoZVxuLy8gYXRvbXMgVHJlZSBvd25zIGl0cyBvd24gc2VsZWN0aW9uL2hvdmVyIHN0eWxpbmcgYW5kIHRoZSBub2RlIGFjdGlvbnMgbm93IGZhZGUgaW5cbi8vIHZpYSBgb3BhY2l0eS0wIGdyb3VwLWhvdmVyOm9wYWNpdHktMTAwYCBvbiB0aGUgZWxlbWVudCBpdHNlbGYsIHNvIG9ubHkgdGhlXG4vLyB0d28gc2VsZWN0b3JzIGJlbG93IHJlbWFpbiBsaXZlLlxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlIHtcbiAgY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLWZvbGRlcnMtZ3JpZC12aWV3LXdyYXBwZXIge1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpbGwsIG1pbm1heCgyNTZweCwgMWZyKSk7XG59XG4iXX0= */";
 n(css,{});
 
 export { AddEditPane, DraggableWrapper, FoldersContext, FoldersDnd, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };