@bigbinary/neeto-folders-frontend 2.0.43 → 2.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.ready +1 -1
- package/dist/cjs/v2/components.js +109 -113
- package/dist/cjs/v2/components.js.map +1 -1
- package/dist/v2/components.js +110 -114
- package/dist/v2/components.js.map +1 -1
- package/package.json +5 -5
package/dist/.ready
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Built at 2026-07-
|
|
1
|
+
Built at 2026-07-03T06:53:49.997Z
|
|
@@ -37,8 +37,8 @@ var formik$1 = require('formik');
|
|
|
37
37
|
require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
38
38
|
require('zustand');
|
|
39
39
|
|
|
40
|
-
function ownKeys$
|
|
41
|
-
function _objectSpread$
|
|
40
|
+
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; }
|
|
41
|
+
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; }
|
|
42
42
|
var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
43
43
|
var config = _ref.config;
|
|
44
44
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
@@ -93,7 +93,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
93
93
|
if (isActive && folders) {
|
|
94
94
|
var path = utils.pathToFolder(folders, item.id);
|
|
95
95
|
var parent = path[path.length - 2];
|
|
96
|
-
var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$
|
|
96
|
+
var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$j(_objectSpread$j({}, queryParams), {}, {
|
|
97
97
|
folderId: parent.sid
|
|
98
98
|
})) : "/";
|
|
99
99
|
history.replace(redirectUrl);
|
|
@@ -114,7 +114,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
114
114
|
if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
|
|
115
115
|
alertProps.onSubmit = onConfirmDelete;
|
|
116
116
|
}
|
|
117
|
-
return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$
|
|
117
|
+
return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, _objectSpread$j({}, alertProps));
|
|
118
118
|
};
|
|
119
119
|
|
|
120
120
|
var FORM_VALIDATION_SCHEMA = yup.object().shape({
|
|
@@ -124,8 +124,8 @@ var FORM_VALIDATION_SCHEMA = yup.object().shape({
|
|
|
124
124
|
});
|
|
125
125
|
|
|
126
126
|
var _excluded$7 = ["type"];
|
|
127
|
-
function ownKeys$
|
|
128
|
-
function _objectSpread$
|
|
127
|
+
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; }
|
|
128
|
+
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; }
|
|
129
129
|
var typeComponentMap = {
|
|
130
130
|
string: formik.Input,
|
|
131
131
|
"boolean": formik.Switch,
|
|
@@ -139,7 +139,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
|
|
|
139
139
|
rest = _objectWithoutProperties(_ref2, _excluded$7);
|
|
140
140
|
var Component = typeComponentMap[type];
|
|
141
141
|
if (!Component) return null;
|
|
142
|
-
return /*#__PURE__*/React.createElement(Component, _objectSpread$
|
|
142
|
+
return /*#__PURE__*/React.createElement(Component, _objectSpread$i(_objectSpread$i({}, rest), {}, {
|
|
143
143
|
key: rest.name
|
|
144
144
|
}));
|
|
145
145
|
});
|
|
@@ -347,8 +347,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
347
347
|
};
|
|
348
348
|
|
|
349
349
|
var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "hideTreeIndent", "className", "onClick"];
|
|
350
|
-
function ownKeys$
|
|
351
|
-
function _objectSpread$
|
|
350
|
+
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; }
|
|
351
|
+
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; }
|
|
352
352
|
var Node$1 = function Node(_ref, ref) {
|
|
353
353
|
var _folder$children$leng, _folder$children;
|
|
354
354
|
var _ref$icon = _ref.icon,
|
|
@@ -387,7 +387,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
387
387
|
}
|
|
388
388
|
})
|
|
389
389
|
}, index);
|
|
390
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$
|
|
390
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
|
|
391
391
|
onClick: onClick,
|
|
392
392
|
ref: ref
|
|
393
393
|
})), {}, {
|
|
@@ -412,8 +412,8 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
412
412
|
var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
|
|
413
413
|
|
|
414
414
|
var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
415
|
-
function ownKeys$
|
|
416
|
-
function _objectSpread$
|
|
415
|
+
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; }
|
|
416
|
+
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; }
|
|
417
417
|
var toRadioValue = function toRadioValue(id) {
|
|
418
418
|
return id == null ? "__root__" : String(id);
|
|
419
419
|
};
|
|
@@ -437,7 +437,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
437
437
|
var renderChildren = function renderChildren() {
|
|
438
438
|
if (neetoCist.isNotPresent(folder.children)) return null;
|
|
439
439
|
return folder.children.map(function (child) {
|
|
440
|
-
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$
|
|
440
|
+
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
441
441
|
config: config,
|
|
442
442
|
item: item,
|
|
443
443
|
maxDepth: maxDepth
|
|
@@ -455,7 +455,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
455
455
|
className: classNames("flex flex-col w-full min-w-0", {
|
|
456
456
|
"opacity-60": isDisabled
|
|
457
457
|
}),
|
|
458
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
458
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
459
459
|
depth: depth,
|
|
460
460
|
folder: folder,
|
|
461
461
|
folderLabel: folderLabel,
|
|
@@ -473,8 +473,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
473
473
|
});
|
|
474
474
|
};
|
|
475
475
|
|
|
476
|
-
function ownKeys$
|
|
477
|
-
function _objectSpread$
|
|
476
|
+
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; }
|
|
477
|
+
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; }
|
|
478
478
|
var createTree = function createTree(folders, isRootEnabled) {
|
|
479
479
|
return isRootEnabled ? [{
|
|
480
480
|
name: "/",
|
|
@@ -603,7 +603,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
603
603
|
className: "space-x-2",
|
|
604
604
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
605
605
|
className: "flex flex-1 space-x-2",
|
|
606
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$
|
|
606
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
|
|
607
607
|
label: t("common.save"),
|
|
608
608
|
variant: "default",
|
|
609
609
|
onClick: function onClick() {
|
|
@@ -612,14 +612,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
612
612
|
}, submitButtonProps), {}, {
|
|
613
613
|
"data-testid": "save-changes-button",
|
|
614
614
|
disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
|
|
615
|
-
})), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$
|
|
615
|
+
})), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
|
|
616
616
|
label: t("common.cancel"),
|
|
617
617
|
variant: "ghost",
|
|
618
618
|
onClick: onClose
|
|
619
619
|
}, cancelButtonProps), {}, {
|
|
620
620
|
"data-testid": "cancel-button"
|
|
621
621
|
}))]
|
|
622
|
-
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$
|
|
622
|
+
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$f(_objectSpread$f({
|
|
623
623
|
label: t("moveToFolder.remove"),
|
|
624
624
|
variant: "outline",
|
|
625
625
|
onClick: onRemove
|
|
@@ -676,8 +676,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
676
676
|
};
|
|
677
677
|
|
|
678
678
|
var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
679
|
-
function ownKeys$
|
|
680
|
-
function _objectSpread$
|
|
679
|
+
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; }
|
|
680
|
+
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; }
|
|
681
681
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
682
682
|
var folder = _ref.folder,
|
|
683
683
|
_ref$depth = _ref.depth,
|
|
@@ -706,7 +706,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
706
706
|
if (neetoCist.isNotPresent(folder.children) || isDragging) return null;
|
|
707
707
|
return folder.children.map(function (child) {
|
|
708
708
|
var _child$children$lengt, _child$children;
|
|
709
|
-
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
709
|
+
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
|
|
710
710
|
config: config
|
|
711
711
|
})), {}, {
|
|
712
712
|
depth: depth + 1,
|
|
@@ -718,14 +718,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
718
718
|
});
|
|
719
719
|
};
|
|
720
720
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
721
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
721
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$e(_objectSpread$e(_objectSpread$e({}, rest), {}, {
|
|
722
722
|
className: classNames({
|
|
723
723
|
"rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
|
|
724
724
|
"bg-muted opacity-50": isDragging,
|
|
725
725
|
"border-primary border": isOver,
|
|
726
726
|
"border border-transparent": !isOver
|
|
727
727
|
})
|
|
728
|
-
}, _objectSpread$
|
|
728
|
+
}, _objectSpread$e(_objectSpread$e(_objectSpread$e({
|
|
729
729
|
depth: depth,
|
|
730
730
|
folder: folder
|
|
731
731
|
}, attributes), listeners), {}, {
|
|
@@ -740,8 +740,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
740
740
|
});
|
|
741
741
|
};
|
|
742
742
|
|
|
743
|
-
function ownKeys$
|
|
744
|
-
function _objectSpread$
|
|
743
|
+
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; }
|
|
744
|
+
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; }
|
|
745
745
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
746
746
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
747
747
|
var config = _ref.config,
|
|
@@ -846,7 +846,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
846
846
|
},
|
|
847
847
|
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
|
|
848
848
|
className: "pb-6",
|
|
849
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
849
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
|
|
850
850
|
config: config
|
|
851
851
|
})), {}, {
|
|
852
852
|
folder: tree,
|
|
@@ -868,7 +868,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
868
868
|
})]
|
|
869
869
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
870
870
|
zIndex: 99999,
|
|
871
|
-
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
871
|
+
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d({
|
|
872
872
|
hideTreeIndent: true
|
|
873
873
|
}, nodeProps), {}, {
|
|
874
874
|
className: "bg-muted",
|
|
@@ -919,8 +919,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
919
919
|
};
|
|
920
920
|
|
|
921
921
|
var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
922
|
-
function ownKeys$
|
|
923
|
-
function _objectSpread$
|
|
922
|
+
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; }
|
|
923
|
+
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; }
|
|
924
924
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
925
925
|
var _overItem$meta$parent;
|
|
926
926
|
var folder = _ref.folder,
|
|
@@ -956,7 +956,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
956
956
|
folder: folder
|
|
957
957
|
}), internal.isArray(folder.children) && folder.children.map(function (child) {
|
|
958
958
|
var _child$children$lengt, _child$children;
|
|
959
|
-
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
959
|
+
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, rest), {}, {
|
|
960
960
|
config: config,
|
|
961
961
|
dragState: dragState
|
|
962
962
|
})), {}, {
|
|
@@ -970,9 +970,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
970
970
|
}, "".concat(folder.id, "--container"));
|
|
971
971
|
};
|
|
972
972
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
973
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
973
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$c(_objectSpread$c({
|
|
974
974
|
depth: folder.meta.depth
|
|
975
|
-
}, _objectSpread$
|
|
975
|
+
}, _objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, rest), {}, {
|
|
976
976
|
folder: folder
|
|
977
977
|
}, attributes), listeners), {}, {
|
|
978
978
|
folderLabel: folderLabel,
|
|
@@ -992,8 +992,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
992
992
|
});
|
|
993
993
|
};
|
|
994
994
|
|
|
995
|
-
function ownKeys$
|
|
996
|
-
function _objectSpread$
|
|
995
|
+
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; }
|
|
996
|
+
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; }
|
|
997
997
|
var initialDragState = {
|
|
998
998
|
activeItem: null,
|
|
999
999
|
overItem: null
|
|
@@ -1134,7 +1134,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1134
1134
|
},
|
|
1135
1135
|
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
|
|
1136
1136
|
className: "pb-6",
|
|
1137
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
1137
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, nodeProps), {}, {
|
|
1138
1138
|
config: config,
|
|
1139
1139
|
dragState: dragState
|
|
1140
1140
|
})), {}, {
|
|
@@ -1157,7 +1157,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1157
1157
|
})]
|
|
1158
1158
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
1159
1159
|
zIndex: 99999,
|
|
1160
|
-
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
1160
|
+
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$b(_objectSpread$b({
|
|
1161
1161
|
hideTreeIndent: true
|
|
1162
1162
|
}, nodeProps), {}, {
|
|
1163
1163
|
className: "bg-muted ps-4 pe-12",
|
|
@@ -1172,11 +1172,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1172
1172
|
};
|
|
1173
1173
|
|
|
1174
1174
|
var _excluded$2 = ["type"];
|
|
1175
|
-
function ownKeys$
|
|
1176
|
-
function _objectSpread$
|
|
1175
|
+
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; }
|
|
1176
|
+
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; }
|
|
1177
1177
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1178
1178
|
var configProps = _ref.config;
|
|
1179
|
-
var config = _objectSpread$
|
|
1179
|
+
var config = _objectSpread$a(_objectSpread$a({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1180
1180
|
var setFocusField = React.useRef(null);
|
|
1181
1181
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
1182
1182
|
return {
|
|
@@ -1194,7 +1194,7 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1194
1194
|
paneState: null
|
|
1195
1195
|
});
|
|
1196
1196
|
};
|
|
1197
|
-
var commonProps = _objectSpread$
|
|
1197
|
+
var commonProps = _objectSpread$a({
|
|
1198
1198
|
config: config,
|
|
1199
1199
|
onClose: onClose
|
|
1200
1200
|
}, rest);
|
|
@@ -1204,9 +1204,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1204
1204
|
initialFocusRef: setFocusField,
|
|
1205
1205
|
isOpen: !!type,
|
|
1206
1206
|
size: "large",
|
|
1207
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$
|
|
1207
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$a({}, _objectSpread$a({
|
|
1208
1208
|
setFocusField: setFocusField
|
|
1209
|
-
}, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$
|
|
1209
|
+
}, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$a({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$a({}, commonProps))]
|
|
1210
1210
|
});
|
|
1211
1211
|
};
|
|
1212
1212
|
|
|
@@ -1222,8 +1222,8 @@ var FoldersContext = function FoldersContext(_ref) {
|
|
|
1222
1222
|
});
|
|
1223
1223
|
};
|
|
1224
1224
|
|
|
1225
|
-
function ownKeys$
|
|
1226
|
-
function _objectSpread$
|
|
1225
|
+
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; }
|
|
1226
|
+
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; }
|
|
1227
1227
|
var FolderTile = function FolderTile(_ref) {
|
|
1228
1228
|
var _folder$children$leng, _folder$children, _folder$children$leng2, _folder$children2;
|
|
1229
1229
|
var _ref$isPreview = _ref.isPreview,
|
|
@@ -1243,7 +1243,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1243
1243
|
});
|
|
1244
1244
|
var draggable = core.useDraggable({
|
|
1245
1245
|
id: "draggable-item--".concat(folder.id),
|
|
1246
|
-
data: _objectSpread$
|
|
1246
|
+
data: _objectSpread$9(_objectSpread$9({}, folder), {}, {
|
|
1247
1247
|
type: useFolderActions.DEFAULT_CONFIG.type
|
|
1248
1248
|
}),
|
|
1249
1249
|
disabled: isPreview
|
|
@@ -1273,7 +1273,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1273
1273
|
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"];
|
|
1274
1274
|
childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
|
|
1275
1275
|
metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
|
|
1276
|
-
return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$
|
|
1276
|
+
return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({
|
|
1277
1277
|
"data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-tile"),
|
|
1278
1278
|
to: link,
|
|
1279
1279
|
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) {
|
|
|
1286
1286
|
droppable.setNodeRef(_ref2);
|
|
1287
1287
|
draggable.setNodeRef(_ref2);
|
|
1288
1288
|
},
|
|
1289
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
1290
|
-
|
|
1291
|
-
className: "m-0 flex-shrink-0 flex-grow-0 pt-0.5",
|
|
1292
|
-
name: folder.id,
|
|
1293
|
-
onCheckedChange: function onCheckedChange(checked) {
|
|
1294
|
-
return onSelect(folder, checked);
|
|
1295
|
-
},
|
|
1289
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
1290
|
+
className: "flex-shrink-0 flex-grow-0 pt-0.5",
|
|
1296
1291
|
onClick: function onClick(event) {
|
|
1297
|
-
|
|
1298
|
-
|
|
1292
|
+
event.preventDefault();
|
|
1293
|
+
event.stopPropagation();
|
|
1294
|
+
},
|
|
1295
|
+
children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Checkbox, {
|
|
1296
|
+
checked: isSelected,
|
|
1297
|
+
className: "m-0",
|
|
1298
|
+
name: folder.id,
|
|
1299
|
+
onCheckedChange: function onCheckedChange(checked) {
|
|
1300
|
+
return onSelect(folder, checked);
|
|
1301
|
+
}
|
|
1302
|
+
})
|
|
1299
1303
|
}), /*#__PURE__*/jsxRuntime.jsxs("span", {
|
|
1300
1304
|
className: "flex min-w-0 flex-grow flex-col gap-2",
|
|
1301
1305
|
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
|
|
@@ -1394,14 +1398,14 @@ var FoldersDnd = function FoldersDnd(_ref) {
|
|
|
1394
1398
|
});
|
|
1395
1399
|
};
|
|
1396
1400
|
|
|
1397
|
-
function ownKeys$
|
|
1398
|
-
function _objectSpread$
|
|
1401
|
+
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; }
|
|
1402
|
+
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; }
|
|
1399
1403
|
var FoldersList = function FoldersList(_ref) {
|
|
1400
1404
|
var _ref$selection = _ref.selection,
|
|
1401
1405
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1402
1406
|
configProps = _ref.config,
|
|
1403
1407
|
onSelect = _ref.onSelect;
|
|
1404
|
-
var config = _objectSpread$
|
|
1408
|
+
var config = _objectSpread$8(_objectSpread$8({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1405
1409
|
var params = reactUtils.useQueryParams();
|
|
1406
1410
|
var _useTranslation = injectCss.useTranslation(config),
|
|
1407
1411
|
t = _useTranslation.t;
|
|
@@ -1429,7 +1433,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1429
1433
|
onSelect: onSelect,
|
|
1430
1434
|
isSelected: selection.includes(folder.id),
|
|
1431
1435
|
key: folder.id,
|
|
1432
|
-
link: utils$1.buildUrl(config.folderPath, _objectSpread$
|
|
1436
|
+
link: utils$1.buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1433
1437
|
folderId: folder.sid
|
|
1434
1438
|
}))
|
|
1435
1439
|
});
|
|
@@ -1438,8 +1442,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1438
1442
|
});
|
|
1439
1443
|
};
|
|
1440
1444
|
|
|
1441
|
-
function ownKeys$
|
|
1442
|
-
function _objectSpread$
|
|
1445
|
+
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; }
|
|
1446
|
+
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; }
|
|
1443
1447
|
var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
1444
1448
|
var data = _ref.data,
|
|
1445
1449
|
_ref$id = _ref.id,
|
|
@@ -1449,7 +1453,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1449
1453
|
id: "folders-list-draggable-item--".concat(id),
|
|
1450
1454
|
data: data
|
|
1451
1455
|
});
|
|
1452
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$
|
|
1456
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7(_objectSpread$7({
|
|
1453
1457
|
className: classNames({
|
|
1454
1458
|
"opacity-50": draggable.isDragging
|
|
1455
1459
|
})
|
|
@@ -1460,8 +1464,8 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1460
1464
|
};
|
|
1461
1465
|
|
|
1462
1466
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1463
|
-
function ownKeys$
|
|
1464
|
-
function _objectSpread$
|
|
1467
|
+
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; }
|
|
1468
|
+
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; }
|
|
1465
1469
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1466
1470
|
var isOpen = _ref.isOpen,
|
|
1467
1471
|
onClose = _ref.onClose,
|
|
@@ -1470,46 +1474,12 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1470
1474
|
isOpen: isOpen,
|
|
1471
1475
|
onClose: onClose,
|
|
1472
1476
|
size: "large",
|
|
1473
|
-
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$
|
|
1477
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, rest), {}, {
|
|
1474
1478
|
onClose: onClose
|
|
1475
1479
|
})))
|
|
1476
1480
|
});
|
|
1477
1481
|
};
|
|
1478
1482
|
|
|
1479
|
-
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; }
|
|
1480
|
-
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; }
|
|
1481
|
-
var FolderIcon = function FolderIcon(props) {
|
|
1482
|
-
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
|
|
1483
|
-
fill: "none",
|
|
1484
|
-
height: props.size,
|
|
1485
|
-
viewBox: "0 0 16 16",
|
|
1486
|
-
width: props.size,
|
|
1487
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1488
|
-
}, props), {}, {
|
|
1489
|
-
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1490
|
-
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",
|
|
1491
|
-
fill: "currentColor"
|
|
1492
|
-
})
|
|
1493
|
-
}));
|
|
1494
|
-
};
|
|
1495
|
-
|
|
1496
|
-
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; }
|
|
1497
|
-
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; }
|
|
1498
|
-
var FolderIconOpen = function FolderIconOpen(props) {
|
|
1499
|
-
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1500
|
-
fill: "none",
|
|
1501
|
-
height: props.size,
|
|
1502
|
-
viewBox: "0 0 16 16",
|
|
1503
|
-
width: props.size,
|
|
1504
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1505
|
-
}, props), {}, {
|
|
1506
|
-
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1507
|
-
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",
|
|
1508
|
-
fill: "currentColor"
|
|
1509
|
-
})
|
|
1510
|
-
}));
|
|
1511
|
-
};
|
|
1512
|
-
|
|
1513
1483
|
var Node = function Node(_ref) {
|
|
1514
1484
|
var _isActive = _ref.isActive,
|
|
1515
1485
|
isExpanded = _ref.isExpanded,
|
|
@@ -1543,17 +1513,17 @@ var Node = function Node(_ref) {
|
|
|
1543
1513
|
className: "flex items-center justify-between w-full group relative",
|
|
1544
1514
|
"data-testid": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1545
1515
|
title: "",
|
|
1546
|
-
children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(
|
|
1516
|
+
children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(lucideReact.FolderOpen, {
|
|
1547
1517
|
className: "flex-shrink-0 me-1",
|
|
1548
1518
|
size: 16
|
|
1549
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(
|
|
1519
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(lucideReact.Folder, {
|
|
1550
1520
|
className: "flex-shrink-0 me-1",
|
|
1551
1521
|
size: 16
|
|
1552
1522
|
})), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1553
1523
|
className: "flex items-center min-w-0 flex-1",
|
|
1554
1524
|
children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
|
|
1555
1525
|
as: "span",
|
|
1556
|
-
className: "line-clamp-1 block truncate ps-0.5",
|
|
1526
|
+
className: "line-clamp-1 block truncate ps-0.5 text-sm",
|
|
1557
1527
|
title: name,
|
|
1558
1528
|
variant: "body2",
|
|
1559
1529
|
children: name
|
|
@@ -1565,7 +1535,7 @@ var Node = function Node(_ref) {
|
|
|
1565
1535
|
})
|
|
1566
1536
|
})]
|
|
1567
1537
|
}), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1568
|
-
className: "flex items-center gap-0.5
|
|
1538
|
+
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",
|
|
1569
1539
|
onClick: function onClick(e) {
|
|
1570
1540
|
e.preventDefault();
|
|
1571
1541
|
e.stopPropagation();
|
|
@@ -1579,13 +1549,13 @@ var Node = function Node(_ref) {
|
|
|
1579
1549
|
content: "Add",
|
|
1580
1550
|
position: "top"
|
|
1581
1551
|
},
|
|
1582
|
-
className: "
|
|
1552
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1583
1553
|
}
|
|
1584
1554
|
}), hasMoreActions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
1585
1555
|
menuItems: moreActions,
|
|
1586
1556
|
dropdownButtonProps: {
|
|
1587
1557
|
size: "icon",
|
|
1588
|
-
className: "
|
|
1558
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1589
1559
|
}
|
|
1590
1560
|
})]
|
|
1591
1561
|
})]
|
|
@@ -1679,10 +1649,21 @@ var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
|
|
|
1679
1649
|
return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
|
|
1680
1650
|
};
|
|
1681
1651
|
|
|
1682
|
-
//
|
|
1683
|
-
//
|
|
1684
|
-
//
|
|
1685
|
-
// (
|
|
1652
|
+
// Count the rows the tree actually renders: every node plus the descendants of
|
|
1653
|
+
// nodes that are currently expanded. Collapsed subtrees are excluded so the
|
|
1654
|
+
// caller can size the tree to hug exactly what's visible. `seen` guards against
|
|
1655
|
+
// a malformed cyclic tree (a node reachable from itself) recursing forever —
|
|
1656
|
+
// mirroring the cycle guard in the tree's `updateExpandedKeys`.
|
|
1657
|
+
var _countVisibleRows = function countVisibleRows(nodes, expandedKeysSet) {
|
|
1658
|
+
var seen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
|
|
1659
|
+
return nodes.reduce(function (total, node) {
|
|
1660
|
+
var _node$children;
|
|
1661
|
+
if (seen.has(node)) return total;
|
|
1662
|
+
seen.add(node);
|
|
1663
|
+
var childRows = (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && expandedKeysSet.has(node.sid) ? _countVisibleRows(node.children, expandedKeysSet, seen) : 0;
|
|
1664
|
+
return total + 1 + childRows;
|
|
1665
|
+
}, 0);
|
|
1666
|
+
};
|
|
1686
1667
|
var _toAtomsTreeData = function toAtomsTreeData() {
|
|
1687
1668
|
var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1688
1669
|
return nodes.map(function (node) {
|
|
@@ -1724,6 +1705,20 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1724
1705
|
// SPA navigation before the tree updates — makes its selectMulti call
|
|
1725
1706
|
// identify(undefined) and throw "Cannot read properties of undefined".
|
|
1726
1707
|
var selectedKeys = activeFolderSid && treeMap[activeFolderSid] ? [activeFolderSid] : [];
|
|
1708
|
+
|
|
1709
|
+
// Row stride. Fits the name pill plus the tightened vertical gap (see the
|
|
1710
|
+
// stylesheet) without clipping into a scrollbar.
|
|
1711
|
+
var rowStride = 30;
|
|
1712
|
+
|
|
1713
|
+
// react-arborist (the atoms Tree) is built on react-window and needs an
|
|
1714
|
+
// explicit pixel height — it can't grow with content like a plain div. So we
|
|
1715
|
+
// size it to the number of currently-visible rows and recompute as folders
|
|
1716
|
+
// are added, expanded or collapsed. The tree grows/shrinks with content and
|
|
1717
|
+
// the sidebar scrolls when it gets tall, instead of the atoms Tree's fixed
|
|
1718
|
+
// 500px default which reserves a tall empty viewport for a few folders.
|
|
1719
|
+
var treeHeight = React.useMemo(function () {
|
|
1720
|
+
return _countVisibleRows(treeData || [], expandedKeysSet) * rowStride;
|
|
1721
|
+
}, [treeData, expandedKeysSet]);
|
|
1727
1722
|
var updateExpandedKeys = function updateExpandedKeys() {
|
|
1728
1723
|
if (!treeData) return;
|
|
1729
1724
|
|
|
@@ -1786,13 +1781,14 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1786
1781
|
}
|
|
1787
1782
|
return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tree, {
|
|
1788
1783
|
expandedKeys: expandedKeys,
|
|
1784
|
+
selectedKeys: selectedKeys,
|
|
1789
1785
|
treeData: treeData,
|
|
1790
1786
|
autoExpandParent: true,
|
|
1791
1787
|
blockNode: true,
|
|
1792
1788
|
className: "neeto-sidebar-folders-tree",
|
|
1789
|
+
height: treeHeight,
|
|
1793
1790
|
indent: 20,
|
|
1794
|
-
rowHeight:
|
|
1795
|
-
selectedKeys: selectedKeys,
|
|
1791
|
+
rowHeight: rowStride,
|
|
1796
1792
|
showLine: false,
|
|
1797
1793
|
switcherIcon: SwitcherIcon,
|
|
1798
1794
|
titleRender: function titleRender(node) {
|
|
@@ -1888,7 +1884,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1888
1884
|
});
|
|
1889
1885
|
TreeSelect.displayName = "TreeSelect";
|
|
1890
1886
|
|
|
1891
|
-
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,
|
|
1887
|
+
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 */";
|
|
1892
1888
|
injectCss.n(css,{});
|
|
1893
1889
|
|
|
1894
1890
|
exports.AddEditPane = AddEditPane;
|