@bigbinary/neeto-folders-frontend 2.0.42 → 2.0.44

package/dist/cjs/v2/components.js

@@ -37,8 +37,8 @@ var formik$1 = require('formik');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 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; }
+function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(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) {
@@ -93,7 +93,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$l(_objectSpread$l({}, queryParams), {}, {
+        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$j(_objectSpread$j({}, queryParams), {}, {
           folderId: parent.sid
         })) : "/";
         history.replace(redirectUrl);
@@ -114,7 +114,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
     if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
     alertProps.onSubmit = onConfirmDelete;
   }
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$l({}, alertProps));
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$j({}, alertProps));
 };
 
 var FORM_VALIDATION_SCHEMA = yup.object().shape({
@@ -124,8 +124,8 @@ var FORM_VALIDATION_SCHEMA = yup.object().shape({
 });
 
 var _excluded$7 = ["type"];
-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; }
+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; }
 var typeComponentMap = {
   string: formik.Input,
   "boolean": formik.Switch,
@@ -139,7 +139,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded$7);
     var Component = typeComponentMap[type];
     if (!Component) return null;
-    return /*#__PURE__*/React.createElement(Component, _objectSpread$k(_objectSpread$k({}, rest), {}, {
+    return /*#__PURE__*/React.createElement(Component, _objectSpread$i(_objectSpread$i({}, rest), {}, {
       key: rest.name
     }));
   });
@@ -347,8 +347,8 @@ var AddEditPane = function AddEditPane(_ref) {
 };
 
 var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "hideTreeIndent", "className", "onClick"];
-function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 Node$1 = function Node(_ref, ref) {
   var _folder$children$leng, _folder$children;
   var _ref$icon = _ref.icon,
@@ -387,7 +387,7 @@ var Node$1 = function Node(_ref, ref) {
           }
         })
       }, index);
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$j(_objectSpread$j({}, _objectSpread$j(_objectSpread$j({}, rest), {}, {
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
       onClick: onClick,
       ref: ref
     })), {}, {
@@ -412,8 +412,8 @@ var Node$1 = function Node(_ref, ref) {
 var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
 
 var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
-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; }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var toRadioValue = function toRadioValue(id) {
   return id == null ? "__root__" : String(id);
 };
@@ -437,7 +437,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$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
         config: config,
         item: item,
         maxDepth: maxDepth
@@ -455,7 +455,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     className: classNames("flex flex-col w-full min-w-0", {
       "opacity-60": isDisabled
     }),
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
       depth: depth,
       folder: folder,
       folderLabel: folderLabel,
@@ -473,8 +473,8 @@ var _SelectableNode = function SelectableNode(_ref) {
   });
 };
 
-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; }
+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 createTree = function createTree(folders, isRootEnabled) {
   return isRootEnabled ? [{
     name: "/",
@@ -603,7 +603,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(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
           label: t("common.save"),
           variant: "default",
           onClick: function onClick() {
@@ -612,14 +612,14 @@ var PaneBody = function PaneBody(_ref) {
         }, submitButtonProps), {}, {
           "data-testid": "save-changes-button",
           disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
-        })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
+        })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
           label: t("common.cancel"),
           variant: "ghost",
           onClick: onClose
         }, cancelButtonProps), {}, {
           "data-testid": "cancel-button"
         }))]
-      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$h(_objectSpread$h({
+      }), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
         label: t("moveToFolder.remove"),
         variant: "outline",
         onClick: onRemove
@@ -676,8 +676,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
 };
 
 var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(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), true).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 _DraggableNode$1 = function DraggableNode(_ref) {
   var folder = _ref.folder,
     _ref$depth = _ref.depth,
@@ -706,7 +706,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$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
+      return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
         config: config
       })), {}, {
         depth: depth + 1,
@@ -718,14 +718,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$g(_objectSpread$g(_objectSpread$g({}, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$e(_objectSpread$e(_objectSpread$e({}, rest), {}, {
       className: classNames({
         "rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
         "bg-muted opacity-50": isDragging,
         "border-primary border": isOver,
         "border border-transparent": !isOver
       })
-    }, _objectSpread$g(_objectSpread$g(_objectSpread$g({
+    }, _objectSpread$e(_objectSpread$e(_objectSpread$e({
       depth: depth,
       folder: folder
     }, attributes), listeners), {}, {
@@ -740,8 +740,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
   });
 };
 
-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; }
+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 RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
   var config = _ref.config,
@@ -846,7 +846,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
           config: config
         })), {}, {
           folder: tree,
@@ -868,7 +868,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$f(_objectSpread$f({
+        children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d({
           hideTreeIndent: true
         }, nodeProps), {}, {
           className: "bg-muted",
@@ -919,8 +919,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
 };
 
 var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
-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), true).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$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), true).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 _DraggableNode = function DraggableNode(_ref) {
   var _overItem$meta$parent;
   var folder = _ref.folder,
@@ -956,7 +956,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$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
+        return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, rest), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -970,9 +970,9 @@ var _DraggableNode = function DraggableNode(_ref) {
     }, "".concat(folder.id, "--container"));
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$e(_objectSpread$e({
+    children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$c(_objectSpread$c({
       depth: folder.meta.depth
-    }, _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, rest), {}, {
+    }, _objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, rest), {}, {
       folder: folder
     }, attributes), listeners), {}, {
       folderLabel: folderLabel,
@@ -992,8 +992,8 @@ var _DraggableNode = function DraggableNode(_ref) {
   });
 };
 
-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; }
+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), true).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 initialDragState = {
   activeItem: null,
   overItem: null
@@ -1134,7 +1134,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
       },
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
         className: "pb-6",
-        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
+        children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, nodeProps), {}, {
           config: config,
           dragState: dragState
         })), {}, {
@@ -1157,7 +1157,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
         zIndex: 99999,
-        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d({
+        children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$b(_objectSpread$b({
           hideTreeIndent: true
         }, nodeProps), {}, {
           className: "bg-muted ps-4 pe-12",
@@ -1172,11 +1172,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
 };
 
 var _excluded$2 = ["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), true).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$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), true).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 FoldersPane = function FoldersPane(_ref) {
   var configProps = _ref.config;
-  var config = _objectSpread$c(_objectSpread$c({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$a(_objectSpread$a({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var setFocusField = React.useRef(null);
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       return {
@@ -1194,7 +1194,7 @@ var FoldersPane = function FoldersPane(_ref) {
       paneState: null
     });
   };
-  var commonProps = _objectSpread$c({
+  var commonProps = _objectSpread$a({
     config: config,
     onClose: onClose
   }, rest);
@@ -1204,9 +1204,9 @@ var FoldersPane = function FoldersPane(_ref) {
     initialFocusRef: setFocusField,
     isOpen: !!type,
     size: "large",
-    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$c({}, _objectSpread$c({
+    children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$a({}, _objectSpread$a({
       setFocusField: setFocusField
-    }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$c({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$c({}, commonProps))]
+    }, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$a({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$a({}, commonProps))]
   });
 };
 
@@ -1222,8 +1222,8 @@ var FoldersContext = function FoldersContext(_ref) {
   });
 };
 
-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), true).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$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), true).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 FolderTile = function FolderTile(_ref) {
   var _folder$children$leng, _folder$children, _folder$children$leng2, _folder$children2;
   var _ref$isPreview = _ref.isPreview,
@@ -1243,7 +1243,7 @@ var FolderTile = function FolderTile(_ref) {
   });
   var draggable = core.useDraggable({
     id: "draggable-item--".concat(folder.id),
-    data: _objectSpread$b(_objectSpread$b({}, folder), {}, {
+    data: _objectSpread$9(_objectSpread$9({}, folder), {}, {
       type: useFolderActions.DEFAULT_CONFIG.type
     }),
     disabled: isPreview
@@ -1273,7 +1273,7 @@ var FolderTile = function FolderTile(_ref) {
   var folderLabel = config.labels[((_folder$children$leng2 = (_folder$children2 = folder.children) === null || _folder$children2 === void 0 ? void 0 : _folder$children2.length) !== null && _folder$children$leng2 !== void 0 ? _folder$children$leng2 : 0) > 1 ? "folders" : "folder"];
   childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
   metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
-  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({
+  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({
     "data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-tile"),
     to: link,
     className: classNames("bg-muted border-border rounded-md hover:border-primary relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
@@ -1286,16 +1286,20 @@ var FolderTile = function FolderTile(_ref) {
       droppable.setNodeRef(_ref2);
       draggable.setNodeRef(_ref2);
     },
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Checkbox, {
-      checked: isSelected,
-      className: "m-0 flex-shrink-0 flex-grow-0 pt-0.5",
-      name: folder.id,
-      onCheckedChange: function onCheckedChange(checked) {
-        return onSelect(folder, checked);
-      },
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "flex-shrink-0 flex-grow-0 pt-0.5",
       onClick: function onClick(event) {
-        return event.stopPropagation();
-      }
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Checkbox, {
+        checked: isSelected,
+        className: "m-0",
+        name: folder.id,
+        onCheckedChange: function onCheckedChange(checked) {
+          return onSelect(folder, checked);
+        }
+      })
     }), /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: "flex min-w-0 flex-grow flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
@@ -1394,14 +1398,14 @@ var FoldersDnd = function FoldersDnd(_ref) {
   });
 };
 
-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), true).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$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), true).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 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$a(_objectSpread$a({}, useFolderActions.DEFAULT_CONFIG), configProps);
+  var config = _objectSpread$8(_objectSpread$8({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var params = reactUtils.useQueryParams();
   var _useTranslation = injectCss.useTranslation(config),
     t = _useTranslation.t;
@@ -1429,7 +1433,7 @@ var FoldersList = function FoldersList(_ref) {
           onSelect: onSelect,
           isSelected: selection.includes(folder.id),
           key: folder.id,
-          link: utils$1.buildUrl(config.folderPath, _objectSpread$a(_objectSpread$a({}, params), {}, {
+          link: utils$1.buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
             folderId: folder.sid
           }))
         });
@@ -1438,8 +1442,8 @@ var FoldersList = function FoldersList(_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), true).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$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), true).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 DraggableWrapper = function DraggableWrapper(_ref) {
   var data = _ref.data,
     _ref$id = _ref.id,
@@ -1449,7 +1453,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
     id: "folders-list-draggable-item--".concat(id),
     data: data
   });
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$9(_objectSpread$9(_objectSpread$9({
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7(_objectSpread$7({
     className: classNames({
       "opacity-50": draggable.isDragging
     })
@@ -1460,8 +1464,8 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
 };
 
 var _excluded$1 = ["isOpen", "onClose"];
-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), true).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$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), true).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 MoveToFolderPane = function MoveToFolderPane(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -1470,46 +1474,12 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
     isOpen: isOpen,
     onClose: onClose,
     size: "large",
-    children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, rest), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, rest), {}, {
       onClose: onClose
     })))
   });
 };
 
-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), true).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 FolderIcon = function FolderIcon(props) {
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
-    fill: "none",
-    height: props.size,
-    viewBox: "0 0 16 16",
-    width: props.size,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx("path", {
-      d: "M3.202 12.798h9.6c.882 0 1.6-.717 1.6-1.6v-6c0-.882-.718-1.6-1.6-1.6H9.069a.8.8 0 0 1-.48-.16l-.96-.72a1.6 1.6 0 0 0-.96-.32H3.202c-.883 0-1.6.718-1.6 1.6v7.2c0 .883.717 1.6 1.6 1.6",
-      fill: "currentColor"
-    })
-  }));
-};
-
-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), true).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 FolderIconOpen = function FolderIconOpen(props) {
-  return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
-    fill: "none",
-    height: props.size,
-    viewBox: "0 0 16 16",
-    width: props.size,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx("path", {
-      d: "m2.2 7.24-.59 1.765V4c0-.882.717-1.6 1.6-1.6h3.467c.345 0 .682.113.96.32l.96.72c.137.105.307.16.48.16h2.932c.883 0 1.6.718 1.6 1.6v.4H4.474c-1.032 0-1.95.66-2.277 1.64zm10.544 5.56h-9.47c-.82 0-1.397-.802-1.137-1.58l1.2-3.6c.162-.49.622-.82 1.137-.82h9.47c.82 0 1.398.803 1.138 1.58l-1.2 3.6c-.163.49-.623.82-1.138.82",
-      fill: "currentColor"
-    })
-  }));
-};
-
 var Node = function Node(_ref) {
   var _isActive = _ref.isActive,
     isExpanded = _ref.isExpanded,
@@ -1543,17 +1513,17 @@ var Node = function Node(_ref) {
       className: "flex items-center justify-between w-full group relative",
       "data-testid": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
       title: "",
-      children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(FolderIconOpen, {
+      children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(lucideReact.FolderOpen, {
         className: "flex-shrink-0 me-1",
         size: 16
-      }) : /*#__PURE__*/jsxRuntime.jsx(FolderIcon, {
+      }) : /*#__PURE__*/jsxRuntime.jsx(lucideReact.Folder, {
         className: "flex-shrink-0 me-1",
         size: 16
       })), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center min-w-0 flex-1",
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           as: "span",
-          className: "line-clamp-1 block truncate ps-0.5",
+          className: "line-clamp-1 block truncate ps-0.5 text-sm",
           title: name,
           variant: "body2",
           children: name
@@ -1565,7 +1535,7 @@ var Node = function Node(_ref) {
           })
         })]
       }), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions rounded-md ps-2",
+        className: "flex items-center gap-0.5 absolute end-1 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions rounded-e-md ps-6",
         onClick: function onClick(e) {
           e.preventDefault();
           e.stopPropagation();
@@ -1579,13 +1549,13 @@ var Node = function Node(_ref) {
               content: "Add",
               position: "top"
             },
-            className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
+            className: "neeto-sidebar-folders-tree__action-button size-5"
           }
         }), hasMoreActions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
           menuItems: moreActions,
           dropdownButtonProps: {
             size: "icon",
-            className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
+            className: "neeto-sidebar-folders-tree__action-button size-5"
           }
         })]
       })]
@@ -1679,10 +1649,21 @@ var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
   return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
 };
 
-// neeto-atoms Tree (react-arborist based) requires `key`/`title` on every node
-// and has no `fieldNames` prop, unlike neetoui's antd Tree which used
-// fieldNames={{ key: "sid" }}. Map them in while preserving the original fields
-// (sid, link, meta, isFolder, isPrivate, …) so titleRender/onExpand keep working.
+// Count the rows the tree actually renders: every node plus the descendants of
+// nodes that are currently expanded. Collapsed subtrees are excluded so the
+// caller can size the tree to hug exactly what's visible. `seen` guards against
+// a malformed cyclic tree (a node reachable from itself) recursing forever —
+// mirroring the cycle guard in the tree's `updateExpandedKeys`.
+var _countVisibleRows = function countVisibleRows(nodes, expandedKeysSet) {
+  var seen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
+  return nodes.reduce(function (total, node) {
+    var _node$children;
+    if (seen.has(node)) return total;
+    seen.add(node);
+    var childRows = (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && expandedKeysSet.has(node.sid) ? _countVisibleRows(node.children, expandedKeysSet, seen) : 0;
+    return total + 1 + childRows;
+  }, 0);
+};
 var _toAtomsTreeData = function toAtomsTreeData() {
   var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return nodes.map(function (node) {
@@ -1715,17 +1696,60 @@ var FoldersTree = function FoldersTree(_ref) {
   var treeData = React.useMemo(function () {
     return _toAtomsTreeData(buildTreeWithItems(folders, config));
   }, [folders, config.items]);
+  var treeMap = React.useMemo(function () {
+    return treeData ? utils.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] : [];
+
+  // Row stride. Fits the name pill plus the tightened vertical gap (see the
+  // stylesheet) without clipping into a scrollbar.
+  var rowStride = 30;
+
+  // react-arborist (the atoms Tree) is built on react-window and needs an
+  // explicit pixel height — it can't grow with content like a plain div. So we
+  // size it to the number of currently-visible rows and recompute as folders
+  // are added, expanded or collapsed. The tree grows/shrinks with content and
+  // the sidebar scrolls when it gets tall, instead of the atoms Tree's fixed
+  // 500px default which reserves a tall empty viewport for a few folders.
+  var treeHeight = React.useMemo(function () {
+    return _countVisibleRows(treeData || [], expandedKeysSet) * rowStride;
+  }, [treeData, expandedKeysSet]);
   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 = 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 && !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,
@@ -1757,13 +1781,14 @@ var FoldersTree = function FoldersTree(_ref) {
   }
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tree, {
     expandedKeys: expandedKeys,
+    selectedKeys: selectedKeys,
     treeData: treeData,
     autoExpandParent: true,
     blockNode: true,
     className: "neeto-sidebar-folders-tree",
+    height: treeHeight,
     indent: 20,
-    rowHeight: 24,
-    selectedKeys: [activeFolderSid],
+    rowHeight: rowStride,
     showLine: false,
     switcherIcon: SwitcherIcon,
     titleRender: function titleRender(node) {
@@ -1859,7 +1884,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-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= */";
+var css = ".neeto-sidebar-folders-tree__folder-node{align-items:center;border-radius:.375rem;border-radius:var(--radius-md,.375rem);color:inherit!important;display:flex;flex:1 1 auto;min-height:1.5rem;min-width:0;padding-inline:8px;transition:background-color .15s ease}.neeto-sidebar-folders-tree__folder-node:hover{background-color:var(--sidebar-accent)}.neeto-sidebar-folders-tree [role=treeitem]>*>:first-child:not(:has(.neeto-sidebar-folders-tree__folder-node)){align-items:center;border-radius:.375rem;border-radius:var(--radius-md,.375rem);display:flex;flex-shrink:0;height:1.5rem;justify-content:center;transition:background-color .15s ease;width:1.5rem}.neeto-sidebar-folders-tree [role=treeitem]>*>:first-child:not(:has(.neeto-sidebar-folders-tree__folder-node)):hover{background-color:var(--sidebar-accent)!important}.neeto-sidebar-folders-tree [role=treeitem] :has(>.neeto-sidebar-folders-tree__folder-node){padding-block:2px!important}.neeto-sidebar-folders-tree [role=treeitem][aria-selected=true] .neeto-sidebar-folders-tree__folder-node{background-color:var(--sidebar-accent)}.neeto-sidebar-folders-tree [role=treeitem]{outline:none}.neeto-sidebar-folders-tree [role=treeitem]>*{background-color:transparent!important;box-shadow:none!important;-moz-column-gap:0;column-gap:0;padding-inline:0}.neeto-sidebar-folders-tree__folder-node-actions{opacity:0;transition:opacity .15s ease}.neeto-sidebar-folders-tree__folder-node:hover .neeto-sidebar-folders-tree__folder-node-actions{background:linear-gradient(to right,transparent 0,var(--sidebar-accent) 1.5rem);opacity:1}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy92Mi9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVBLHlDQUdFLGtCQUFBLENBT0EscUJBQUEsQ0FBQSxzQ0FBQSxDQUNBLHVCQUFBLENBVkEsWUFBQSxDQUNBLGFBQUEsQ0FHQSxpQkFBQSxDQURBLFdBQUEsQ0FLQSxrQkFBQSxDQUdBLHFDQVpGLENBY0UsK0NBQ0Usc0NBWkosQ0FvQkEsK0dBTUUsa0JBQUEsQ0FJQSxxQkFBQSxDQUFBLHNDQUFBLENBTkEsWUFBQSxDQUNBLGFBQUEsQ0FJQSxhQUFBLENBRkEsc0JBQUEsQ0FJQSxxQ0FBQSxDQUhBLFlBakJGLENBc0JFLHFIQUNFLGdEQXBCSixDQTJCQSw0RkFHRSwyQkExQkYsQ0E4QkEseUdBR0Usc0NBN0JGLENBbUNBLDRDQUNFLFlBaENGLENBa0NFLDhDQU1FLHNDQUFBLENBQ0EseUJBQUEsQ0FIQSxpQkFBQSxDQUFBLFlBQUEsQ0FDQSxnQkFqQ0osQ0EyQ0EsaURBQ0UsU0FBQSxDQUNBLDRCQXhDRixDQTZDQSxnR0FHRSwrRUFBQSxDQURBLFNBMUNGLENBa0RBLGlDQUNFLHlEQS9DRiIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRoZSBuZWV0by1hdG9tcyBUcmVlIGlzIHJlYWN0LWFyYm9yaXN0IGJhc2VkIGFuZCBlbWl0cyBubyBgLmFudC10cmVlYFxuLy8gbWFya3VwLCBzbyB0aGUgYW50ZC1zY29wZWQgcnVsZXMgZnJvbSB0aGUgbmVldG8tdWkgdmVyc2lvbiBubyBsb25nZXIgYXBwbHkuXG4vLyBTdHlsaW5nIGhvb2tzIG9udG8gdGhlIGF0b21zIFRyZWUncyBgcm9sZT1cInRyZWVpdGVtXCJgIGVsZW1lbnQgYW5kIHRoaXNcbi8vIHBhY2thZ2UncyBvd24gYG5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlX18qYCBjbGFzc2VzLCByYXRoZXIgdGhhbiByZWx5aW5nIG9uXG4vLyB0aGUgY29uc3VtaW5nIGFwcCB0byBnZW5lcmF0ZSBUYWlsd2luZCB2YXJpYW50cyBmb3IgdGhpcyBwYWNrYWdlJ3MgY2xhc3Nlcy5cblxuLy8gVGhlIGZvbGRlciBuYW1lIGlzIGEgTmF2TGluayB0aGF0IG5hdmlnYXRlcyB0byB0aGUgZm9sZGVyIOKAlCB0aGlzIGlzIHRoZVxuLy8gaG92ZXIvc2VsZWN0ZWQgcGlsbCAobWF0Y2hpbmcgdGhlIHYxIGZvbGRlciB0cmVlIGFuZCBuZWV0by1tb2xlY3VsZXMgdjJcbi8vIFNpZGViYXIgaXRlbXMpLiBUaGUgc3dpdGNoZXIvYXJyb3cgaXMgYSBzZXBhcmF0ZSBleHBhbmQgY29udHJvbCB0aGF0IHNpdHMgdG9cbi8vIHRoZSBsZWZ0LCBvdXRzaWRlIHRoZSBwaWxsLCBrZWVwaW5nIHRoZSB0d28gYWN0aW9ucyB2aXN1YWxseSBkaXN0aW5jdC5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxIDEgYXV0bztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLXdpZHRoOiAwO1xuICBtaW4taGVpZ2h0OiAxLjVyZW07XG4gIC8vIE9ubHkgaG9yaXpvbnRhbCBwYWRkaW5nIOKAlCB0aGUgYXRvbXMgVHJlZSB3cmFwcyB0aGUgdGl0bGUgaW4gaXRzIG93biB2ZXJ0aWNhbFxuICAvLyBwYWRkaW5nICh0aWdodGVuZWQgYmVsb3cpLCB3aGljaCBwcm92aWRlcyB0aGUgZ2FwIGJldHdlZW4gcm93cy4gQWRkaW5nXG4gIC8vIHZlcnRpY2FsIHBhZGRpbmcgaGVyZSB3b3VsZCBvdmVyZmxvdyB0aGUgcm93IGFuZCBhZGQgYSBzY3JvbGxiYXIuXG4gIHBhZGRpbmctaW5saW5lOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1tZCwgMC4zNzVyZW0pO1xuICBjb2xvcjogaW5oZXJpdCAhaW1wb3J0YW50O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2U7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2lkZWJhci1hY2NlbnQpO1xuICB9XG59XG5cbi8vIFRoZSBzd2l0Y2hlci9hcnJvdyBpcyBhIHNlcGFyYXRlIGV4cGFuZCBjb250cm9sLiBHaXZlIGl0IGl0cyBvd24gaG92ZXJcbi8vIGJhY2tncm91bmQgYXQgdGhlIHNhbWUgaGVpZ2h0IGFzIHRoZSBuYW1lIHBpbGwgc28gdGhlIHR3byByZWFkIGFzIHNpYmxpbmdcbi8vIGNvbnRyb2xzLiBTY29wZSB0byB0aGUgc3dpdGNoZXIgKHRoZSBsZWFkaW5nIGNoaWxkIHRoYXQgZG9lcyBub3Qgd3JhcCB0aGUgbmFtZVxuLy8gbGluaykgc28gYSBsZWFmIGl0ZW0ncyB0aXRsZSB3cmFwcGVyIGlzIG5ldmVyIG1hdGNoZWQuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVcbiAgW3JvbGU9XCJ0cmVlaXRlbVwiXVxuICA+ICpcbiAgPiA6Zmlyc3QtY2hpbGQ6bm90KDpoYXMoLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlX19mb2xkZXItbm9kZSkpIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMS41cmVtO1xuICBoZWlnaHQ6IDEuNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLW1kLCAwLjM3NXJlbSk7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZTtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zaWRlYmFyLWFjY2VudCkgIWltcG9ydGFudDtcbiAgfVxufVxuXG4vLyBUaWdodGVuIHRoZSB2ZXJ0aWNhbCBnYXAgYmV0d2VlbiByb3dzLiBUaGUgYXRvbXMgVHJlZSB3cmFwcyB0aGUgdGl0bGUgaW4gYVxuLy8gYHB5LTFgIGVsZW1lbnQ7IHRoZSBnYXAgaXMgYHJvd1N0cmlkZSAtIHBpbGxIZWlnaHRgLCBhbmQgdGhhdCBwYWRkaW5nIHNldHMgdGhlXG4vLyBmbG9vciwgc28gdHJpbSBpdCAoYW5kIHRoZSByb3cgc3RyaWRlIGluIGluZGV4LmpzeCkgZm9yIGEgY2xvc2VyIHN0YWNrLlxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlXG4gIFtyb2xlPVwidHJlZWl0ZW1cIl1cbiAgOmhhcyg+IC5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUpIHtcbiAgcGFkZGluZy1ibG9jazogMnB4ICFpbXBvcnRhbnQ7XG59XG5cbi8vIFNlbGVjdGVkIGZvbGRlciDigJQgYXRvbXMgc2V0cyBgYXJpYS1zZWxlY3RlZGAgb24gdGhlIHJvdyBmb3IgYHNlbGVjdGVkS2V5c2AuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVcbiAgW3JvbGU9XCJ0cmVlaXRlbVwiXVthcmlhLXNlbGVjdGVkPVwidHJ1ZVwiXVxuICAubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2lkZWJhci1hY2NlbnQpO1xufVxuXG4vLyBDbGVhciB0aGUgYXRvbXMgVHJlZSdzIGRlZmF1bHQgZm9jdXMgb3V0bGluZSwgYW5kIGl0cyBvd24gc2VsZWN0ZWQgYmFja2dyb3VuZFxuLy8gLyBmb2N1cyByaW5nIG9uIHRoZSBub2RlIHdyYXBwZXIsIHNvIG9ubHkgb3VyIGNvbnRlbnQgcGlsbCBzaG93cy4gQWxzbyBkcm9wXG4vLyB0aGUgbm9kZSB3cmFwcGVyJ3MgYGdhcC0xYCBzbyB0aGUgYXJyb3cgc2l0cyByaWdodCBuZXh0IHRvIHRoZSBuYW1lLlxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlIFtyb2xlPVwidHJlZWl0ZW1cIl0ge1xuICBvdXRsaW5lOiBub25lO1xuXG4gID4gKiB7XG4gICAgLy8gRHJvcCB0aGUgYXRvbXMgbm9kZSB3cmFwcGVyJ3MgYHB4LTFgOyBpdHMgbGVmdCBpcyBhbHJlYWR5IG92ZXJyaWRkZW4gYnlcbiAgICAvLyByZWFjdC1hcmJvcmlzdCdzIGlubGluZSBuZXN0aW5nIGluZGVudCwgbGVhdmluZyBvbmx5IGEgc3RyYXkgNHB4IG9uIHRoZVxuICAgIC8vIHJpZ2h0LiBUaGUgaW5saW5lIGBwYWRkaW5nLWxlZnRgIChpbmRlbnQpIHN0aWxsIHdpbnMsIHNvIG5lc3RpbmcgaXMga2VwdC5cbiAgICBjb2x1bW4tZ2FwOiAwO1xuICAgIHBhZGRpbmctaW5saW5lOiAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi8vIFJldmVhbCB0aGUgaWNvbi1vbmx5IGFjdGlvbiBidXR0b25zIHdoZW4gdGhlIGZvbGRlciBuYW1lIGlzIGhvdmVyZWQuIEtlcHQgaW5cbi8vIHRoZSBzaGlwcGVkIHN0eWxlc2hlZXQgcmF0aGVyIHRoYW4gcmVseWluZyBvbiBUYWlsd2luZCBgZ3JvdXAtaG92ZXI6YFxuLy8gdXRpbGl0aWVzLCB3aGljaCB0aGUgY29uc3VtaW5nIGFwcCBtYXkgbm90IGdlbmVyYXRlIGZvciB0aGlzIHBhY2thZ2Unc1xuLy8gY2xhc3NlcyAob3RoZXJ3aXNlIHRoZSBidXR0b25zIHN0YXkgcGVybWFuZW50bHkgdmlzaWJsZSkuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlLWFjdGlvbnMge1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMTVzIGVhc2U7XG59XG5cbi8vIE9uIGhvdmVyIGFsc28gZmFkZSBhIGdyYWRpZW50IG9mIHRoZSBwaWxsIGNvbG91ciBpbiBiZWhpbmQgdGhlIGJ1dHRvbnMgc28gdGhleVxuLy8gc3RheSBsZWdpYmxlIG92ZXIgbG9uZyBmb2xkZXIgbmFtZXMuIFVzZXMgdGhlIHNpZGViYXIgdG9rZW4sIGFkYXB0cyB0byBkYXJrLlxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlX19mb2xkZXItbm9kZTpob3ZlclxuICAubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlLWFjdGlvbnMge1xuICBvcGFjaXR5OiAxO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgdG8gcmlnaHQsXG4gICAgdHJhbnNwYXJlbnQgMCxcbiAgICB2YXIoLS1zaWRlYmFyLWFjY2VudCkgMS41cmVtXG4gICk7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuIl19 */";
 injectCss.n(css,{});
 
 exports.AddEditPane = AddEditPane;