@bigbinary/neeto-folders-frontend 2.0.43 → 2.0.45
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 +119 -128
- package/dist/cjs/v2/components.js.map +1 -1
- package/dist/v2/components.js +120 -129
- package/dist/v2/components.js.map +1 -1
- package/package.json +5 -5
package/dist/v2/components.js
CHANGED
|
@@ -27,7 +27,7 @@ import { hyphenate, isNotPresent, noop, isNotEmpty } from '@bigbinary/neeto-cist
|
|
|
27
27
|
import { isEmpty, assoc } from 'ramda';
|
|
28
28
|
import classNames from 'classnames';
|
|
29
29
|
import { useDraggable, useDroppable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor } from '@dnd-kit/core';
|
|
30
|
-
import { GripVertical, Lock, Plus } from 'lucide-react';
|
|
30
|
+
import { GripVertical, FolderOpen, Folder, Lock, Plus } from 'lucide-react';
|
|
31
31
|
import { createPortal } from 'react-dom';
|
|
32
32
|
import { snapCenterToCursor } from '@dnd-kit/modifiers';
|
|
33
33
|
import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
|
|
@@ -35,8 +35,8 @@ import { useFormikContext } from 'formik';
|
|
|
35
35
|
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
36
36
|
import 'zustand';
|
|
37
37
|
|
|
38
|
-
function ownKeys$
|
|
39
|
-
function _objectSpread$
|
|
38
|
+
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; }
|
|
39
|
+
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; }
|
|
40
40
|
var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
41
41
|
var config = _ref.config;
|
|
42
42
|
var _useFolderStore = useFolderStore(function (store) {
|
|
@@ -91,7 +91,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
91
91
|
if (isActive && folders) {
|
|
92
92
|
var path = pathToFolder(folders, item.id);
|
|
93
93
|
var parent = path[path.length - 2];
|
|
94
|
-
var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$
|
|
94
|
+
var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$j(_objectSpread$j({}, queryParams), {}, {
|
|
95
95
|
folderId: parent.sid
|
|
96
96
|
})) : "/";
|
|
97
97
|
history.replace(redirectUrl);
|
|
@@ -112,7 +112,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
112
112
|
if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
|
|
113
113
|
alertProps.onSubmit = onConfirmDelete;
|
|
114
114
|
}
|
|
115
|
-
return /*#__PURE__*/jsx(Alert, _objectSpread$
|
|
115
|
+
return /*#__PURE__*/jsx(Alert, _objectSpread$j({}, alertProps));
|
|
116
116
|
};
|
|
117
117
|
|
|
118
118
|
var FORM_VALIDATION_SCHEMA = object().shape({
|
|
@@ -122,8 +122,8 @@ var FORM_VALIDATION_SCHEMA = object().shape({
|
|
|
122
122
|
});
|
|
123
123
|
|
|
124
124
|
var _excluded$7 = ["type"];
|
|
125
|
-
function ownKeys$
|
|
126
|
-
function _objectSpread$
|
|
125
|
+
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; }
|
|
126
|
+
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; }
|
|
127
127
|
var typeComponentMap = {
|
|
128
128
|
string: Input,
|
|
129
129
|
"boolean": Switch,
|
|
@@ -137,7 +137,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
|
|
|
137
137
|
rest = _objectWithoutProperties(_ref2, _excluded$7);
|
|
138
138
|
var Component = typeComponentMap[type];
|
|
139
139
|
if (!Component) return null;
|
|
140
|
-
return /*#__PURE__*/createElement(Component, _objectSpread$
|
|
140
|
+
return /*#__PURE__*/createElement(Component, _objectSpread$i(_objectSpread$i({}, rest), {}, {
|
|
141
141
|
key: rest.name
|
|
142
142
|
}));
|
|
143
143
|
});
|
|
@@ -345,8 +345,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
345
345
|
};
|
|
346
346
|
|
|
347
347
|
var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "hideTreeIndent", "className", "onClick"];
|
|
348
|
-
function ownKeys$
|
|
349
|
-
function _objectSpread$
|
|
348
|
+
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; }
|
|
349
|
+
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; }
|
|
350
350
|
var Node$2 = function Node(_ref, ref) {
|
|
351
351
|
var _folder$children$leng, _folder$children;
|
|
352
352
|
var _ref$icon = _ref.icon,
|
|
@@ -385,7 +385,7 @@ var Node$2 = function Node(_ref, ref) {
|
|
|
385
385
|
}
|
|
386
386
|
})
|
|
387
387
|
}, index);
|
|
388
|
-
}), /*#__PURE__*/jsxs("div", _objectSpread$
|
|
388
|
+
}), /*#__PURE__*/jsxs("div", _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
|
|
389
389
|
onClick: onClick,
|
|
390
390
|
ref: ref
|
|
391
391
|
})), {}, {
|
|
@@ -410,8 +410,8 @@ var Node$2 = function Node(_ref, ref) {
|
|
|
410
410
|
var Node$1 = /*#__PURE__*/forwardRef(Node$2);
|
|
411
411
|
|
|
412
412
|
var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
413
|
-
function ownKeys$
|
|
414
|
-
function _objectSpread$
|
|
413
|
+
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; }
|
|
414
|
+
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; }
|
|
415
415
|
var toRadioValue = function toRadioValue(id) {
|
|
416
416
|
return id == null ? "__root__" : String(id);
|
|
417
417
|
};
|
|
@@ -435,7 +435,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
435
435
|
var renderChildren = function renderChildren() {
|
|
436
436
|
if (isNotPresent(folder.children)) return null;
|
|
437
437
|
return folder.children.map(function (child) {
|
|
438
|
-
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$
|
|
438
|
+
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
439
439
|
config: config,
|
|
440
440
|
item: item,
|
|
441
441
|
maxDepth: maxDepth
|
|
@@ -453,7 +453,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
453
453
|
className: classNames("flex flex-col w-full min-w-0", {
|
|
454
454
|
"opacity-60": isDisabled
|
|
455
455
|
}),
|
|
456
|
-
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$
|
|
456
|
+
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
457
457
|
depth: depth,
|
|
458
458
|
folder: folder,
|
|
459
459
|
folderLabel: folderLabel,
|
|
@@ -471,8 +471,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
471
471
|
});
|
|
472
472
|
};
|
|
473
473
|
|
|
474
|
-
function ownKeys$
|
|
475
|
-
function _objectSpread$
|
|
474
|
+
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; }
|
|
475
|
+
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; }
|
|
476
476
|
var createTree = function createTree(folders, isRootEnabled) {
|
|
477
477
|
return isRootEnabled ? [{
|
|
478
478
|
name: "/",
|
|
@@ -601,7 +601,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
601
601
|
className: "space-x-2",
|
|
602
602
|
children: [/*#__PURE__*/jsxs("div", {
|
|
603
603
|
className: "flex flex-1 space-x-2",
|
|
604
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
604
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
605
605
|
label: t("common.save"),
|
|
606
606
|
variant: "default",
|
|
607
607
|
onClick: function onClick() {
|
|
@@ -610,14 +610,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
610
610
|
}, submitButtonProps), {}, {
|
|
611
611
|
"data-testid": "save-changes-button",
|
|
612
612
|
disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
|
|
613
|
-
})), /*#__PURE__*/jsx(Button, _objectSpread$
|
|
613
|
+
})), /*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
614
614
|
label: t("common.cancel"),
|
|
615
615
|
variant: "ghost",
|
|
616
616
|
onClick: onClose
|
|
617
617
|
}, cancelButtonProps), {}, {
|
|
618
618
|
"data-testid": "cancel-button"
|
|
619
619
|
}))]
|
|
620
|
-
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$
|
|
620
|
+
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$f(_objectSpread$f({
|
|
621
621
|
label: t("moveToFolder.remove"),
|
|
622
622
|
variant: "outline",
|
|
623
623
|
onClick: onRemove
|
|
@@ -674,8 +674,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
674
674
|
};
|
|
675
675
|
|
|
676
676
|
var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
677
|
-
function ownKeys$
|
|
678
|
-
function _objectSpread$
|
|
677
|
+
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; }
|
|
678
|
+
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; }
|
|
679
679
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
680
680
|
var folder = _ref.folder,
|
|
681
681
|
_ref$depth = _ref.depth,
|
|
@@ -704,7 +704,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
704
704
|
if (isNotPresent(folder.children) || isDragging) return null;
|
|
705
705
|
return folder.children.map(function (child) {
|
|
706
706
|
var _child$children$lengt, _child$children;
|
|
707
|
-
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
707
|
+
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, rest), {}, {
|
|
708
708
|
config: config
|
|
709
709
|
})), {}, {
|
|
710
710
|
depth: depth + 1,
|
|
@@ -716,14 +716,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
716
716
|
});
|
|
717
717
|
};
|
|
718
718
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
719
|
-
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$
|
|
719
|
+
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$e(_objectSpread$e(_objectSpread$e({}, rest), {}, {
|
|
720
720
|
className: classNames({
|
|
721
721
|
"rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
|
|
722
722
|
"bg-muted opacity-50": isDragging,
|
|
723
723
|
"border-primary border": isOver,
|
|
724
724
|
"border border-transparent": !isOver
|
|
725
725
|
})
|
|
726
|
-
}, _objectSpread$
|
|
726
|
+
}, _objectSpread$e(_objectSpread$e(_objectSpread$e({
|
|
727
727
|
depth: depth,
|
|
728
728
|
folder: folder
|
|
729
729
|
}, attributes), listeners), {}, {
|
|
@@ -738,8 +738,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
738
738
|
});
|
|
739
739
|
};
|
|
740
740
|
|
|
741
|
-
function ownKeys$
|
|
742
|
-
function _objectSpread$
|
|
741
|
+
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; }
|
|
742
|
+
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; }
|
|
743
743
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
744
744
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
745
745
|
var config = _ref.config,
|
|
@@ -844,7 +844,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
844
844
|
},
|
|
845
845
|
children: [/*#__PURE__*/jsx(Sheet.Body, {
|
|
846
846
|
className: "pb-6",
|
|
847
|
-
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
847
|
+
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, nodeProps), {}, {
|
|
848
848
|
config: config
|
|
849
849
|
})), {}, {
|
|
850
850
|
folder: tree,
|
|
@@ -866,7 +866,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
866
866
|
})]
|
|
867
867
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
868
868
|
zIndex: 99999,
|
|
869
|
-
children: dragItem && /*#__PURE__*/jsx(Node$1, _objectSpread$
|
|
869
|
+
children: dragItem && /*#__PURE__*/jsx(Node$1, _objectSpread$d(_objectSpread$d({
|
|
870
870
|
hideTreeIndent: true
|
|
871
871
|
}, nodeProps), {}, {
|
|
872
872
|
className: "bg-muted",
|
|
@@ -917,8 +917,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
917
917
|
};
|
|
918
918
|
|
|
919
919
|
var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
920
|
-
function ownKeys$
|
|
921
|
-
function _objectSpread$
|
|
920
|
+
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; }
|
|
921
|
+
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; }
|
|
922
922
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
923
923
|
var _overItem$meta$parent;
|
|
924
924
|
var folder = _ref.folder,
|
|
@@ -954,7 +954,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
954
954
|
folder: folder
|
|
955
955
|
}), isArray(folder.children) && folder.children.map(function (child) {
|
|
956
956
|
var _child$children$lengt, _child$children;
|
|
957
|
-
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
957
|
+
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, rest), {}, {
|
|
958
958
|
config: config,
|
|
959
959
|
dragState: dragState
|
|
960
960
|
})), {}, {
|
|
@@ -968,9 +968,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
968
968
|
}, "".concat(folder.id, "--container"));
|
|
969
969
|
};
|
|
970
970
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
971
|
-
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$
|
|
971
|
+
children: [/*#__PURE__*/jsx(Node$1, _objectSpread$c(_objectSpread$c({
|
|
972
972
|
depth: folder.meta.depth
|
|
973
|
-
}, _objectSpread$
|
|
973
|
+
}, _objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, rest), {}, {
|
|
974
974
|
folder: folder
|
|
975
975
|
}, attributes), listeners), {}, {
|
|
976
976
|
folderLabel: folderLabel,
|
|
@@ -990,8 +990,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
990
990
|
});
|
|
991
991
|
};
|
|
992
992
|
|
|
993
|
-
function ownKeys$
|
|
994
|
-
function _objectSpread$
|
|
993
|
+
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; }
|
|
994
|
+
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; }
|
|
995
995
|
var initialDragState = {
|
|
996
996
|
activeItem: null,
|
|
997
997
|
overItem: null
|
|
@@ -1132,7 +1132,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1132
1132
|
},
|
|
1133
1133
|
children: [/*#__PURE__*/jsx(Sheet.Body, {
|
|
1134
1134
|
className: "pb-6",
|
|
1135
|
-
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
1135
|
+
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, nodeProps), {}, {
|
|
1136
1136
|
config: config,
|
|
1137
1137
|
dragState: dragState
|
|
1138
1138
|
})), {}, {
|
|
@@ -1155,7 +1155,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1155
1155
|
})]
|
|
1156
1156
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
1157
1157
|
zIndex: 99999,
|
|
1158
|
-
children: dragState && /*#__PURE__*/jsx(Node$1, _objectSpread$
|
|
1158
|
+
children: dragState && /*#__PURE__*/jsx(Node$1, _objectSpread$b(_objectSpread$b({
|
|
1159
1159
|
hideTreeIndent: true
|
|
1160
1160
|
}, nodeProps), {}, {
|
|
1161
1161
|
className: "bg-muted ps-4 pe-12",
|
|
@@ -1170,11 +1170,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1170
1170
|
};
|
|
1171
1171
|
|
|
1172
1172
|
var _excluded$2 = ["type"];
|
|
1173
|
-
function ownKeys$
|
|
1174
|
-
function _objectSpread$
|
|
1173
|
+
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; }
|
|
1174
|
+
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; }
|
|
1175
1175
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1176
1176
|
var configProps = _ref.config;
|
|
1177
|
-
var config = _objectSpread$
|
|
1177
|
+
var config = _objectSpread$a(_objectSpread$a({}, DEFAULT_CONFIG), configProps);
|
|
1178
1178
|
var setFocusField = useRef(null);
|
|
1179
1179
|
var _useFolderStore = useFolderStore(function (store) {
|
|
1180
1180
|
return {
|
|
@@ -1192,7 +1192,7 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1192
1192
|
paneState: null
|
|
1193
1193
|
});
|
|
1194
1194
|
};
|
|
1195
|
-
var commonProps = _objectSpread$
|
|
1195
|
+
var commonProps = _objectSpread$a({
|
|
1196
1196
|
config: config,
|
|
1197
1197
|
onClose: onClose
|
|
1198
1198
|
}, rest);
|
|
@@ -1202,9 +1202,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1202
1202
|
initialFocusRef: setFocusField,
|
|
1203
1203
|
isOpen: !!type,
|
|
1204
1204
|
size: "large",
|
|
1205
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$
|
|
1205
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$a({}, _objectSpread$a({
|
|
1206
1206
|
setFocusField: setFocusField
|
|
1207
|
-
}, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$
|
|
1207
|
+
}, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$a({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$a({}, commonProps))]
|
|
1208
1208
|
});
|
|
1209
1209
|
};
|
|
1210
1210
|
|
|
@@ -1220,8 +1220,8 @@ var FoldersContext = function FoldersContext(_ref) {
|
|
|
1220
1220
|
});
|
|
1221
1221
|
};
|
|
1222
1222
|
|
|
1223
|
-
function ownKeys$
|
|
1224
|
-
function _objectSpread$
|
|
1223
|
+
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; }
|
|
1224
|
+
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; }
|
|
1225
1225
|
var FolderTile = function FolderTile(_ref) {
|
|
1226
1226
|
var _folder$children$leng, _folder$children, _folder$children$leng2, _folder$children2;
|
|
1227
1227
|
var _ref$isPreview = _ref.isPreview,
|
|
@@ -1241,15 +1241,14 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1241
1241
|
});
|
|
1242
1242
|
var draggable = useDraggable({
|
|
1243
1243
|
id: "draggable-item--".concat(folder.id),
|
|
1244
|
-
data: _objectSpread$
|
|
1244
|
+
data: _objectSpread$9(_objectSpread$9({}, folder), {}, {
|
|
1245
1245
|
type: DEFAULT_CONFIG.type
|
|
1246
1246
|
}),
|
|
1247
1247
|
disabled: isPreview
|
|
1248
1248
|
});
|
|
1249
1249
|
var actionCallback = function actionCallback(callback) {
|
|
1250
|
-
return function (
|
|
1251
|
-
|
|
1252
|
-
callback(folder);
|
|
1250
|
+
return function () {
|
|
1251
|
+
return callback(folder);
|
|
1253
1252
|
};
|
|
1254
1253
|
};
|
|
1255
1254
|
var menuItems = [{
|
|
@@ -1271,7 +1270,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1271
1270
|
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"];
|
|
1272
1271
|
childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
|
|
1273
1272
|
metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
|
|
1274
|
-
return /*#__PURE__*/jsxs(Link, _objectSpread$
|
|
1273
|
+
return /*#__PURE__*/jsxs(Link, _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({
|
|
1275
1274
|
"data-testid": "".concat(hyphenate(folder.name), "-folder-tile"),
|
|
1276
1275
|
to: link,
|
|
1277
1276
|
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", {
|
|
@@ -1284,16 +1283,20 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1284
1283
|
droppable.setNodeRef(_ref2);
|
|
1285
1284
|
draggable.setNodeRef(_ref2);
|
|
1286
1285
|
},
|
|
1287
|
-
children: [/*#__PURE__*/jsx(
|
|
1288
|
-
|
|
1289
|
-
className: "m-0 flex-shrink-0 flex-grow-0 pt-0.5",
|
|
1290
|
-
name: folder.id,
|
|
1291
|
-
onCheckedChange: function onCheckedChange(checked) {
|
|
1292
|
-
return onSelect(folder, checked);
|
|
1293
|
-
},
|
|
1286
|
+
children: [/*#__PURE__*/jsx("span", {
|
|
1287
|
+
className: "flex-shrink-0 flex-grow-0 pt-0.5",
|
|
1294
1288
|
onClick: function onClick(event) {
|
|
1295
|
-
|
|
1296
|
-
|
|
1289
|
+
event.preventDefault();
|
|
1290
|
+
event.stopPropagation();
|
|
1291
|
+
},
|
|
1292
|
+
children: /*#__PURE__*/jsx(Checkbox, {
|
|
1293
|
+
checked: isSelected,
|
|
1294
|
+
className: "m-0",
|
|
1295
|
+
name: folder.id,
|
|
1296
|
+
onCheckedChange: function onCheckedChange(checked) {
|
|
1297
|
+
return onSelect(folder, checked);
|
|
1298
|
+
}
|
|
1299
|
+
})
|
|
1297
1300
|
}), /*#__PURE__*/jsxs("span", {
|
|
1298
1301
|
className: "flex min-w-0 flex-grow flex-col gap-2",
|
|
1299
1302
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
@@ -1308,19 +1311,15 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1308
1311
|
variant: "body3",
|
|
1309
1312
|
children: metaInfo.join(" . ")
|
|
1310
1313
|
})]
|
|
1311
|
-
}), /*#__PURE__*/jsx(
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
}
|
|
1314
|
+
}), /*#__PURE__*/jsx("span", {
|
|
1315
|
+
className: "absolute end-2 top-2",
|
|
1316
|
+
onClick: function onClick(event) {
|
|
1317
|
+
event.preventDefault();
|
|
1318
|
+
event.stopPropagation();
|
|
1317
1319
|
},
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
return event.preventDefault();
|
|
1322
|
-
}
|
|
1323
|
-
}
|
|
1320
|
+
children: /*#__PURE__*/jsx(MoreDropdown, {
|
|
1321
|
+
menuItems: menuItems
|
|
1322
|
+
})
|
|
1324
1323
|
})]
|
|
1325
1324
|
}));
|
|
1326
1325
|
};
|
|
@@ -1392,14 +1391,14 @@ var FoldersDnd = function FoldersDnd(_ref) {
|
|
|
1392
1391
|
});
|
|
1393
1392
|
};
|
|
1394
1393
|
|
|
1395
|
-
function ownKeys$
|
|
1396
|
-
function _objectSpread$
|
|
1394
|
+
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; }
|
|
1395
|
+
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; }
|
|
1397
1396
|
var FoldersList = function FoldersList(_ref) {
|
|
1398
1397
|
var _ref$selection = _ref.selection,
|
|
1399
1398
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1400
1399
|
configProps = _ref.config,
|
|
1401
1400
|
onSelect = _ref.onSelect;
|
|
1402
|
-
var config = _objectSpread$
|
|
1401
|
+
var config = _objectSpread$8(_objectSpread$8({}, DEFAULT_CONFIG), configProps);
|
|
1403
1402
|
var params = useQueryParams();
|
|
1404
1403
|
var _useTranslation = useTranslation(config),
|
|
1405
1404
|
t = _useTranslation.t;
|
|
@@ -1427,7 +1426,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1427
1426
|
onSelect: onSelect,
|
|
1428
1427
|
isSelected: selection.includes(folder.id),
|
|
1429
1428
|
key: folder.id,
|
|
1430
|
-
link: buildUrl(config.folderPath, _objectSpread$
|
|
1429
|
+
link: buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1431
1430
|
folderId: folder.sid
|
|
1432
1431
|
}))
|
|
1433
1432
|
});
|
|
@@ -1436,8 +1435,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1436
1435
|
});
|
|
1437
1436
|
};
|
|
1438
1437
|
|
|
1439
|
-
function ownKeys$
|
|
1440
|
-
function _objectSpread$
|
|
1438
|
+
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; }
|
|
1439
|
+
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; }
|
|
1441
1440
|
var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
1442
1441
|
var data = _ref.data,
|
|
1443
1442
|
_ref$id = _ref.id,
|
|
@@ -1447,7 +1446,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1447
1446
|
id: "folders-list-draggable-item--".concat(id),
|
|
1448
1447
|
data: data
|
|
1449
1448
|
});
|
|
1450
|
-
return /*#__PURE__*/jsx("div", _objectSpread$
|
|
1449
|
+
return /*#__PURE__*/jsx("div", _objectSpread$7(_objectSpread$7(_objectSpread$7({
|
|
1451
1450
|
className: classNames({
|
|
1452
1451
|
"opacity-50": draggable.isDragging
|
|
1453
1452
|
})
|
|
@@ -1458,8 +1457,8 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1458
1457
|
};
|
|
1459
1458
|
|
|
1460
1459
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1461
|
-
function ownKeys$
|
|
1462
|
-
function _objectSpread$
|
|
1460
|
+
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; }
|
|
1461
|
+
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; }
|
|
1463
1462
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1464
1463
|
var isOpen = _ref.isOpen,
|
|
1465
1464
|
onClose = _ref.onClose,
|
|
@@ -1468,46 +1467,12 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1468
1467
|
isOpen: isOpen,
|
|
1469
1468
|
onClose: onClose,
|
|
1470
1469
|
size: "large",
|
|
1471
|
-
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$
|
|
1470
|
+
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, rest), {}, {
|
|
1472
1471
|
onClose: onClose
|
|
1473
1472
|
})))
|
|
1474
1473
|
});
|
|
1475
1474
|
};
|
|
1476
1475
|
|
|
1477
|
-
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; }
|
|
1478
|
-
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; }
|
|
1479
|
-
var FolderIcon = function FolderIcon(props) {
|
|
1480
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$7(_objectSpread$7({
|
|
1481
|
-
fill: "none",
|
|
1482
|
-
height: props.size,
|
|
1483
|
-
viewBox: "0 0 16 16",
|
|
1484
|
-
width: props.size,
|
|
1485
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1486
|
-
}, props), {}, {
|
|
1487
|
-
children: /*#__PURE__*/jsx("path", {
|
|
1488
|
-
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",
|
|
1489
|
-
fill: "currentColor"
|
|
1490
|
-
})
|
|
1491
|
-
}));
|
|
1492
|
-
};
|
|
1493
|
-
|
|
1494
|
-
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; }
|
|
1495
|
-
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; }
|
|
1496
|
-
var FolderIconOpen = function FolderIconOpen(props) {
|
|
1497
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1498
|
-
fill: "none",
|
|
1499
|
-
height: props.size,
|
|
1500
|
-
viewBox: "0 0 16 16",
|
|
1501
|
-
width: props.size,
|
|
1502
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1503
|
-
}, props), {}, {
|
|
1504
|
-
children: /*#__PURE__*/jsx("path", {
|
|
1505
|
-
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",
|
|
1506
|
-
fill: "currentColor"
|
|
1507
|
-
})
|
|
1508
|
-
}));
|
|
1509
|
-
};
|
|
1510
|
-
|
|
1511
1476
|
var Node = function Node(_ref) {
|
|
1512
1477
|
var _isActive = _ref.isActive,
|
|
1513
1478
|
isExpanded = _ref.isExpanded,
|
|
@@ -1541,17 +1506,17 @@ var Node = function Node(_ref) {
|
|
|
1541
1506
|
className: "flex items-center justify-between w-full group relative",
|
|
1542
1507
|
"data-testid": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1543
1508
|
title: "",
|
|
1544
|
-
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(
|
|
1509
|
+
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(FolderOpen, {
|
|
1545
1510
|
className: "flex-shrink-0 me-1",
|
|
1546
1511
|
size: 16
|
|
1547
|
-
}) : /*#__PURE__*/jsx(
|
|
1512
|
+
}) : /*#__PURE__*/jsx(Folder, {
|
|
1548
1513
|
className: "flex-shrink-0 me-1",
|
|
1549
1514
|
size: 16
|
|
1550
1515
|
})), /*#__PURE__*/jsxs("div", {
|
|
1551
1516
|
className: "flex items-center min-w-0 flex-1",
|
|
1552
1517
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1553
1518
|
as: "span",
|
|
1554
|
-
className: "line-clamp-1 block truncate ps-0.5",
|
|
1519
|
+
className: "line-clamp-1 block truncate ps-0.5 text-sm",
|
|
1555
1520
|
title: name,
|
|
1556
1521
|
variant: "body2",
|
|
1557
1522
|
children: name
|
|
@@ -1563,7 +1528,7 @@ var Node = function Node(_ref) {
|
|
|
1563
1528
|
})
|
|
1564
1529
|
})]
|
|
1565
1530
|
}), hasAnyActions && /*#__PURE__*/jsxs("div", {
|
|
1566
|
-
className: "flex items-center gap-0.5
|
|
1531
|
+
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",
|
|
1567
1532
|
onClick: function onClick(e) {
|
|
1568
1533
|
e.preventDefault();
|
|
1569
1534
|
e.stopPropagation();
|
|
@@ -1577,13 +1542,13 @@ var Node = function Node(_ref) {
|
|
|
1577
1542
|
content: "Add",
|
|
1578
1543
|
position: "top"
|
|
1579
1544
|
},
|
|
1580
|
-
className: "
|
|
1545
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1581
1546
|
}
|
|
1582
1547
|
}), hasMoreActions && /*#__PURE__*/jsx(MoreDropdown, {
|
|
1583
1548
|
menuItems: moreActions,
|
|
1584
1549
|
dropdownButtonProps: {
|
|
1585
1550
|
size: "icon",
|
|
1586
|
-
className: "
|
|
1551
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1587
1552
|
}
|
|
1588
1553
|
})]
|
|
1589
1554
|
})]
|
|
@@ -1677,10 +1642,21 @@ var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
|
|
|
1677
1642
|
return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
|
|
1678
1643
|
};
|
|
1679
1644
|
|
|
1680
|
-
//
|
|
1681
|
-
//
|
|
1682
|
-
//
|
|
1683
|
-
// (
|
|
1645
|
+
// Count the rows the tree actually renders: every node plus the descendants of
|
|
1646
|
+
// nodes that are currently expanded. Collapsed subtrees are excluded so the
|
|
1647
|
+
// caller can size the tree to hug exactly what's visible. `seen` guards against
|
|
1648
|
+
// a malformed cyclic tree (a node reachable from itself) recursing forever —
|
|
1649
|
+
// mirroring the cycle guard in the tree's `updateExpandedKeys`.
|
|
1650
|
+
var _countVisibleRows = function countVisibleRows(nodes, expandedKeysSet) {
|
|
1651
|
+
var seen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
|
|
1652
|
+
return nodes.reduce(function (total, node) {
|
|
1653
|
+
var _node$children;
|
|
1654
|
+
if (seen.has(node)) return total;
|
|
1655
|
+
seen.add(node);
|
|
1656
|
+
var childRows = (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && expandedKeysSet.has(node.sid) ? _countVisibleRows(node.children, expandedKeysSet, seen) : 0;
|
|
1657
|
+
return total + 1 + childRows;
|
|
1658
|
+
}, 0);
|
|
1659
|
+
};
|
|
1684
1660
|
var _toAtomsTreeData = function toAtomsTreeData() {
|
|
1685
1661
|
var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1686
1662
|
return nodes.map(function (node) {
|
|
@@ -1722,6 +1698,20 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1722
1698
|
// SPA navigation before the tree updates — makes its selectMulti call
|
|
1723
1699
|
// identify(undefined) and throw "Cannot read properties of undefined".
|
|
1724
1700
|
var selectedKeys = activeFolderSid && treeMap[activeFolderSid] ? [activeFolderSid] : [];
|
|
1701
|
+
|
|
1702
|
+
// Row stride. Fits the name pill plus the tightened vertical gap (see the
|
|
1703
|
+
// stylesheet) without clipping into a scrollbar.
|
|
1704
|
+
var rowStride = 30;
|
|
1705
|
+
|
|
1706
|
+
// react-arborist (the atoms Tree) is built on react-window and needs an
|
|
1707
|
+
// explicit pixel height — it can't grow with content like a plain div. So we
|
|
1708
|
+
// size it to the number of currently-visible rows and recompute as folders
|
|
1709
|
+
// are added, expanded or collapsed. The tree grows/shrinks with content and
|
|
1710
|
+
// the sidebar scrolls when it gets tall, instead of the atoms Tree's fixed
|
|
1711
|
+
// 500px default which reserves a tall empty viewport for a few folders.
|
|
1712
|
+
var treeHeight = useMemo(function () {
|
|
1713
|
+
return _countVisibleRows(treeData || [], expandedKeysSet) * rowStride;
|
|
1714
|
+
}, [treeData, expandedKeysSet]);
|
|
1725
1715
|
var updateExpandedKeys = function updateExpandedKeys() {
|
|
1726
1716
|
if (!treeData) return;
|
|
1727
1717
|
|
|
@@ -1784,13 +1774,14 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1784
1774
|
}
|
|
1785
1775
|
return /*#__PURE__*/jsx(Tree, {
|
|
1786
1776
|
expandedKeys: expandedKeys,
|
|
1777
|
+
selectedKeys: selectedKeys,
|
|
1787
1778
|
treeData: treeData,
|
|
1788
1779
|
autoExpandParent: true,
|
|
1789
1780
|
blockNode: true,
|
|
1790
1781
|
className: "neeto-sidebar-folders-tree",
|
|
1782
|
+
height: treeHeight,
|
|
1791
1783
|
indent: 20,
|
|
1792
|
-
rowHeight:
|
|
1793
|
-
selectedKeys: selectedKeys,
|
|
1784
|
+
rowHeight: rowStride,
|
|
1794
1785
|
showLine: false,
|
|
1795
1786
|
switcherIcon: SwitcherIcon,
|
|
1796
1787
|
titleRender: function titleRender(node) {
|
|
@@ -1886,7 +1877,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1886
1877
|
});
|
|
1887
1878
|
TreeSelect.displayName = "TreeSelect";
|
|
1888
1879
|
|
|
1889
|
-
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,
|
|
1880
|
+
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 */";
|
|
1890
1881
|
n(css,{});
|
|
1891
1882
|
|
|
1892
1883
|
export { AddEditPane, DraggableWrapper, FoldersContext, FoldersDnd, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };
|