@bigbinary/neeto-folders-frontend 2.0.37 → 2.0.38

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-04-28T08:11:44.384Z
+Built at 2026-05-25T17:23:02.981Z

package/dist/cjs/components.js

@@ -9,7 +9,8 @@ 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-DHvX75jy.js');
+var useFolderActions = require('../useFolderActions-D7U62Qea.js');
+var injectCss = require('../inject-css-D3Ee0dJK.js');
 var constants = require('./constants.js');
 var utils = require('../index-Dn0REquw.js');
 var internal = require('../internal-DKHdgJas.js');
@@ -49,19 +50,6 @@ var formik = require('formik');
 var NUITreeSelect = require('@bigbinary/neetoui/formik/TreeSelect');
 require('zustand');
 
-function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(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$l(_objectSpread$l({}, config.labels), options)) : t(key, options);
-  };
-  return {
-    t: modT
-  };
-};
-
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersAlerts = function FoldersAlerts(_ref) {
@@ -77,7 +65,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
   });
   var queryClient = reactQuery.useQueryClient();
   var history = reactRouterDom.useHistory();
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFolderStore2 = useFolderActions.useFolderStore(function (store) {
       var _store$alertState, _store$alertState2;
@@ -209,7 +197,7 @@ var AddEditPane = function AddEditPane(_ref) {
     config = _ref.config,
     onClose = _ref.onClose,
     folderSid = _ref.folderSid;
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       var _store$paneState, _store$paneState2;
@@ -220,6 +208,12 @@ var AddEditPane = function AddEditPane(_ref) {
     }, shallow.shallow),
     type = _useFolderStore.type,
     item = _useFolderStore.item;
+  var _useFolderStore2 = useFolderActions.useFolderStore(function (store) {
+      return {
+        setFolderState: store["setFolderState"]
+      };
+    }, shallow.shallow),
+    setFolderState = _useFolderStore2.setFolderState;
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     isFetching = _useFetchFolders.isFetching;
   var _useCreateFolder = useFolderActions.useCreateFolder(config),
@@ -248,10 +242,15 @@ var AddEditPane = function AddEditPane(_ref) {
             payload = createPayload(values, filteredExtraAttributes);
             reactQueryOptions = {
               onSuccess: function onSuccess(_ref4) {
-                var sid = _ref4.sid;
+                var id = _ref4.id,
+                  sid = _ref4.sid;
                 if (isEditing && sid !== item.sid) {
                   var newPath = window.location.pathname.replace(activeFolderSid, sid);
                   window.location.href = newPath;
+                } else if (!isEditing) {
+                  setFolderState({
+                    lastCreatedFolderId: id
+                  });
                 }
                 utils$1.showThumbsUpToastr();
                 onClose();
@@ -361,8 +360,6 @@ var AddEditPane = function AddEditPane(_ref) {
   });
 };
 
-var REORDER_TREE_INDENT_WIDTH = 30;
-
 var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "hideTreeIndent", "className", "onClick"];
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -391,8 +388,8 @@ var Node$1 = function Node(_ref, ref) {
       return /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "neeto-ui-border-gray-400 relative h-full flex-shrink-0 border-s",
         style: {
-          width: REORDER_TREE_INDENT_WIDTH,
-          insetInlineStart: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
+          width: injectCss.REORDER_TREE_INDENT_WIDTH,
+          insetInlineStart: Math.round(injectCss.REORDER_TREE_INDENT_WIDTH / 2)
         },
         children: index === depth && /*#__PURE__*/jsxRuntime.jsx("span", {
           "aria-hidden": true,
@@ -400,7 +397,7 @@ var Node$1 = function Node(_ref, ref) {
           style: {
             insetInlineStart: 0,
             top: "50%",
-            width: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
+            width: Math.round(injectCss.REORDER_TREE_INDENT_WIDTH / 2)
           }
         })
       }, index);
@@ -445,7 +442,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$5);
   var selection = rest.selection,
     onSelect = rest.onSelect;
-  var _useTranslation = useTranslation(config),
+  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 itemLabel = config.labels[folder.itemCount > 1 ? "items" : "item"];
@@ -527,7 +524,7 @@ var PaneBody = function PaneBody(_ref) {
     _useFetchFolders$data = _useFetchFolders.data,
     folders = _useFetchFolders$data === void 0 ? [] : _useFetchFolders$data,
     isFetching = _useFetchFolders.isFetching;
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFolderStore2 = useFolderActions.useFolderStore(function (store) {
       var _store$paneState;
@@ -558,6 +555,20 @@ var PaneBody = function PaneBody(_ref) {
       }
     });
   };
+  var _useFolderStore3 = useFolderActions.useFolderStore(function (store) {
+      var _store$lastCreatedFol;
+      return {
+        lastCreatedFolderId: (_store$lastCreatedFol = store["lastCreatedFolderId"]) === null || _store$lastCreatedFol === void 0 ? void 0 : _store$lastCreatedFol["lastCreatedFolderId"]
+      };
+    }, shallow.shallow),
+    lastCreatedFolderId = _useFolderStore3.lastCreatedFolderId;
+  React.useEffect(function () {
+    if (lastCreatedFolderId == null) return;
+    setSelection(lastCreatedFolderId);
+    setFolderState({
+      lastCreatedFolderId: null
+    });
+  }, [lastCreatedFolderId]);
   useHotkeys(["command+enter", "enter"], function () {
     return onSubmit(selection);
   }, {
@@ -754,7 +765,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     changes = _useState4[0],
     setChanges = _useState4[1];
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data,
@@ -883,61 +894,6 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   });
 };
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var distanceBetween = function distanceBetween(p1, p2) {
-  return Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
-};
-var centerOfRectangle = function centerOfRectangle(rect) {
-  var left = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : rect.left;
-  var top = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : rect.top;
-  return {
-    x: left + rect.width * 0.5,
-    y: top + rect.height * 0.5
-  };
-};
-var closestCenter = function closestCenter(_ref) {
-  var activeItem = _ref.activeItem;
-  return function (_ref2) {
-    var collisionRect = _ref2.collisionRect,
-      droppableRects = _ref2.droppableRects,
-      droppableContainers = _ref2.droppableContainers;
-    var centerRect = centerOfRectangle(collisionRect, collisionRect.left - 30, collisionRect.top - 30);
-    var minDistance = Number.POSITIVE_INFINITY;
-    var collision = {
-      id: undefined
-    };
-
-    // eslint-disable-next-line @bigbinary/neeto/use-array-methods
-    var _iterator = _createForOfIteratorHelper(droppableContainers),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var droppableContainer = _step.value;
-        var rect = droppableRects.get(droppableContainer.id);
-        if (!rect || droppableContainer.id === activeItem.id) continue;
-        var distance = distanceBetween(centerOfRectangle(rect), centerRect);
-        if (distance < minDistance) {
-          minDistance = distance;
-          collision = {
-            id: droppableContainer.id,
-            data: {
-              droppableContainer: droppableContainer,
-              value: distance
-            }
-          };
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return [collision];
-  };
-};
-
 var PlaceholderNode = function PlaceholderNode(_ref) {
   var folder = _ref.folder,
     dragState = _ref.dragState;
@@ -962,7 +918,7 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
     className: "flex w-full",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       style: {
-        width: REORDER_TREE_INDENT_WIDTH * (depth + 1)
+        width: injectCss.REORDER_TREE_INDENT_WIDTH * (depth + 1)
       }
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: setDroppableRef,
@@ -1078,7 +1034,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     changes = _useState4[0],
     setChanges = _useState4[1];
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data,
@@ -1179,7 +1135,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, {
       onDragEnd: onDragEnd,
       sensors: sensors,
-      collisionDetection: closestCenter(dragState),
+      collisionDetection: injectCss.closestCenter(dragState),
       measuring: measuringConfig,
       onDragOver: function onDragOver(_ref3) {
         var over = _ref3.over;
@@ -1293,7 +1249,7 @@ var FolderTile = function FolderTile(_ref) {
     actions = _ref.actions,
     config = _ref.config,
     onSelect = _ref.onSelect;
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var droppable = core.useDroppable({
     id: "droppable-item--".concat(folder.id),
@@ -1460,7 +1416,7 @@ var FoldersList = function FoldersList(_ref) {
     onSelect = _ref.onSelect;
   var config = _objectSpread$9(_objectSpread$9({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var params = reactUtils.useQueryParams();
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var _useFolders = useFolderActions.useFolders(config),
     folders = _useFolders.folders;
@@ -1572,7 +1528,7 @@ var Node = function Node(_ref) {
     node = _ref.node,
     link = _ref.link,
     config = _ref.config;
-  var _useTranslation = useTranslation(),
+  var _useTranslation = injectCss.useTranslation(),
     t = _useTranslation.t;
   var isPrivate = node.isPrivate,
     name = node.name,
@@ -1747,7 +1703,7 @@ var FoldersTree = function FoldersTree(_ref) {
     expandedKeysSet = _useState2[0],
     setExpandedKeysSet = _useState2[1];
   var expandedKeys = Array.from(expandedKeysSet);
-  var _useTranslation = useTranslation(config),
+  var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
   var params = reactUtils.useQueryParams({
     toCamelCase: false
@@ -1906,10 +1862,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBRUUsV0FBQSxDQURBLDRCQUVGLENBRUEsMkZBRUUsOENBQUEsQ0FEQSwrQ0FBQSxDQUVBLGVBQ0YsQ0FFQSx3REFDRSxtQkFDRixDQUVBLGdGQUNFLGlCQUNGLENBRUEsaUNBQ0UseURBQ0YsQ0FFQSwySEFDRSxnSEFDRixDQUVBLHdEQUNFLGlCQUNGLENBRUEsK0RBQ0UsVUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUge1xuICBjb2xvcjogaW5oZXJpdCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyIHtcbiAgcGFkZGluZy1pbmxpbmU6IDJweCAhaW1wb3J0YW50O1xuICBtaW4td2lkdGg6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIuYW50LXRyZWUtbm9kZS1zZWxlY3RlZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYWNjZW50LTgwMCkpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTEwMCkpO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLXN3aXRjaGVyIHtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtc3dpdGNoZXIgLmFudC10cmVlLXN3aXRjaGVyLWljb24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyOmhvdmVyIC5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUtYWN0aW9ucyB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTEwMCksIC41KSAwLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSwgMSkgMjUlKTtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZSB7XG4gIG1hcmdpbi1ib3R0b206IDZweDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZTo6YmVmb3JlIHtcbiAgaGVpZ2h0OiA2cHg7XG59XG4iXX0= */";
-n(css,{});
+injectCss.n(css,{});
 
 exports.AddEditPane = AddEditPane;
 exports.DraggableWrapper = DraggableWrapper;