@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/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,7 +1241,7 @@ 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
|
|
@@ -1271,7 +1271,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1271
1271
|
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
1272
|
childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
|
|
1273
1273
|
metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
|
|
1274
|
-
return /*#__PURE__*/jsxs(Link, _objectSpread$
|
|
1274
|
+
return /*#__PURE__*/jsxs(Link, _objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9(_objectSpread$9({
|
|
1275
1275
|
"data-testid": "".concat(hyphenate(folder.name), "-folder-tile"),
|
|
1276
1276
|
to: link,
|
|
1277
1277
|
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 +1284,20 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1284
1284
|
droppable.setNodeRef(_ref2);
|
|
1285
1285
|
draggable.setNodeRef(_ref2);
|
|
1286
1286
|
},
|
|
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
|
-
},
|
|
1287
|
+
children: [/*#__PURE__*/jsx("span", {
|
|
1288
|
+
className: "flex-shrink-0 flex-grow-0 pt-0.5",
|
|
1294
1289
|
onClick: function onClick(event) {
|
|
1295
|
-
|
|
1296
|
-
|
|
1290
|
+
event.preventDefault();
|
|
1291
|
+
event.stopPropagation();
|
|
1292
|
+
},
|
|
1293
|
+
children: /*#__PURE__*/jsx(Checkbox, {
|
|
1294
|
+
checked: isSelected,
|
|
1295
|
+
className: "m-0",
|
|
1296
|
+
name: folder.id,
|
|
1297
|
+
onCheckedChange: function onCheckedChange(checked) {
|
|
1298
|
+
return onSelect(folder, checked);
|
|
1299
|
+
}
|
|
1300
|
+
})
|
|
1297
1301
|
}), /*#__PURE__*/jsxs("span", {
|
|
1298
1302
|
className: "flex min-w-0 flex-grow flex-col gap-2",
|
|
1299
1303
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
@@ -1392,14 +1396,14 @@ var FoldersDnd = function FoldersDnd(_ref) {
|
|
|
1392
1396
|
});
|
|
1393
1397
|
};
|
|
1394
1398
|
|
|
1395
|
-
function ownKeys$
|
|
1396
|
-
function _objectSpread$
|
|
1399
|
+
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; }
|
|
1400
|
+
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
1401
|
var FoldersList = function FoldersList(_ref) {
|
|
1398
1402
|
var _ref$selection = _ref.selection,
|
|
1399
1403
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1400
1404
|
configProps = _ref.config,
|
|
1401
1405
|
onSelect = _ref.onSelect;
|
|
1402
|
-
var config = _objectSpread$
|
|
1406
|
+
var config = _objectSpread$8(_objectSpread$8({}, DEFAULT_CONFIG), configProps);
|
|
1403
1407
|
var params = useQueryParams();
|
|
1404
1408
|
var _useTranslation = useTranslation(config),
|
|
1405
1409
|
t = _useTranslation.t;
|
|
@@ -1427,7 +1431,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1427
1431
|
onSelect: onSelect,
|
|
1428
1432
|
isSelected: selection.includes(folder.id),
|
|
1429
1433
|
key: folder.id,
|
|
1430
|
-
link: buildUrl(config.folderPath, _objectSpread$
|
|
1434
|
+
link: buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1431
1435
|
folderId: folder.sid
|
|
1432
1436
|
}))
|
|
1433
1437
|
});
|
|
@@ -1436,8 +1440,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1436
1440
|
});
|
|
1437
1441
|
};
|
|
1438
1442
|
|
|
1439
|
-
function ownKeys$
|
|
1440
|
-
function _objectSpread$
|
|
1443
|
+
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; }
|
|
1444
|
+
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
1445
|
var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
1442
1446
|
var data = _ref.data,
|
|
1443
1447
|
_ref$id = _ref.id,
|
|
@@ -1447,7 +1451,7 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1447
1451
|
id: "folders-list-draggable-item--".concat(id),
|
|
1448
1452
|
data: data
|
|
1449
1453
|
});
|
|
1450
|
-
return /*#__PURE__*/jsx("div", _objectSpread$
|
|
1454
|
+
return /*#__PURE__*/jsx("div", _objectSpread$7(_objectSpread$7(_objectSpread$7({
|
|
1451
1455
|
className: classNames({
|
|
1452
1456
|
"opacity-50": draggable.isDragging
|
|
1453
1457
|
})
|
|
@@ -1458,8 +1462,8 @@ var DraggableWrapper = function DraggableWrapper(_ref) {
|
|
|
1458
1462
|
};
|
|
1459
1463
|
|
|
1460
1464
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1461
|
-
function ownKeys$
|
|
1462
|
-
function _objectSpread$
|
|
1465
|
+
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; }
|
|
1466
|
+
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
1467
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1464
1468
|
var isOpen = _ref.isOpen,
|
|
1465
1469
|
onClose = _ref.onClose,
|
|
@@ -1468,46 +1472,12 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1468
1472
|
isOpen: isOpen,
|
|
1469
1473
|
onClose: onClose,
|
|
1470
1474
|
size: "large",
|
|
1471
|
-
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$
|
|
1475
|
+
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$6({}, _objectSpread$6(_objectSpread$6({}, rest), {}, {
|
|
1472
1476
|
onClose: onClose
|
|
1473
1477
|
})))
|
|
1474
1478
|
});
|
|
1475
1479
|
};
|
|
1476
1480
|
|
|
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
1481
|
var Node = function Node(_ref) {
|
|
1512
1482
|
var _isActive = _ref.isActive,
|
|
1513
1483
|
isExpanded = _ref.isExpanded,
|
|
@@ -1541,17 +1511,17 @@ var Node = function Node(_ref) {
|
|
|
1541
1511
|
className: "flex items-center justify-between w-full group relative",
|
|
1542
1512
|
"data-testid": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1543
1513
|
title: "",
|
|
1544
|
-
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(
|
|
1514
|
+
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(FolderOpen, {
|
|
1545
1515
|
className: "flex-shrink-0 me-1",
|
|
1546
1516
|
size: 16
|
|
1547
|
-
}) : /*#__PURE__*/jsx(
|
|
1517
|
+
}) : /*#__PURE__*/jsx(Folder, {
|
|
1548
1518
|
className: "flex-shrink-0 me-1",
|
|
1549
1519
|
size: 16
|
|
1550
1520
|
})), /*#__PURE__*/jsxs("div", {
|
|
1551
1521
|
className: "flex items-center min-w-0 flex-1",
|
|
1552
1522
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1553
1523
|
as: "span",
|
|
1554
|
-
className: "line-clamp-1 block truncate ps-0.5",
|
|
1524
|
+
className: "line-clamp-1 block truncate ps-0.5 text-sm",
|
|
1555
1525
|
title: name,
|
|
1556
1526
|
variant: "body2",
|
|
1557
1527
|
children: name
|
|
@@ -1563,7 +1533,7 @@ var Node = function Node(_ref) {
|
|
|
1563
1533
|
})
|
|
1564
1534
|
})]
|
|
1565
1535
|
}), hasAnyActions && /*#__PURE__*/jsxs("div", {
|
|
1566
|
-
className: "flex items-center gap-0.5
|
|
1536
|
+
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
1537
|
onClick: function onClick(e) {
|
|
1568
1538
|
e.preventDefault();
|
|
1569
1539
|
e.stopPropagation();
|
|
@@ -1577,13 +1547,13 @@ var Node = function Node(_ref) {
|
|
|
1577
1547
|
content: "Add",
|
|
1578
1548
|
position: "top"
|
|
1579
1549
|
},
|
|
1580
|
-
className: "
|
|
1550
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1581
1551
|
}
|
|
1582
1552
|
}), hasMoreActions && /*#__PURE__*/jsx(MoreDropdown, {
|
|
1583
1553
|
menuItems: moreActions,
|
|
1584
1554
|
dropdownButtonProps: {
|
|
1585
1555
|
size: "icon",
|
|
1586
|
-
className: "
|
|
1556
|
+
className: "neeto-sidebar-folders-tree__action-button size-5"
|
|
1587
1557
|
}
|
|
1588
1558
|
})]
|
|
1589
1559
|
})]
|
|
@@ -1677,10 +1647,21 @@ var buildTreeWithItems = function buildTreeWithItems(folders, _ref) {
|
|
|
1677
1647
|
return [].concat(_toConsumableArray(foldersWithItems), _toConsumableArray(rootItems));
|
|
1678
1648
|
};
|
|
1679
1649
|
|
|
1680
|
-
//
|
|
1681
|
-
//
|
|
1682
|
-
//
|
|
1683
|
-
// (
|
|
1650
|
+
// Count the rows the tree actually renders: every node plus the descendants of
|
|
1651
|
+
// nodes that are currently expanded. Collapsed subtrees are excluded so the
|
|
1652
|
+
// caller can size the tree to hug exactly what's visible. `seen` guards against
|
|
1653
|
+
// a malformed cyclic tree (a node reachable from itself) recursing forever —
|
|
1654
|
+
// mirroring the cycle guard in the tree's `updateExpandedKeys`.
|
|
1655
|
+
var _countVisibleRows = function countVisibleRows(nodes, expandedKeysSet) {
|
|
1656
|
+
var seen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set();
|
|
1657
|
+
return nodes.reduce(function (total, node) {
|
|
1658
|
+
var _node$children;
|
|
1659
|
+
if (seen.has(node)) return total;
|
|
1660
|
+
seen.add(node);
|
|
1661
|
+
var childRows = (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && expandedKeysSet.has(node.sid) ? _countVisibleRows(node.children, expandedKeysSet, seen) : 0;
|
|
1662
|
+
return total + 1 + childRows;
|
|
1663
|
+
}, 0);
|
|
1664
|
+
};
|
|
1684
1665
|
var _toAtomsTreeData = function toAtomsTreeData() {
|
|
1685
1666
|
var nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1686
1667
|
return nodes.map(function (node) {
|
|
@@ -1722,6 +1703,20 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1722
1703
|
// SPA navigation before the tree updates — makes its selectMulti call
|
|
1723
1704
|
// identify(undefined) and throw "Cannot read properties of undefined".
|
|
1724
1705
|
var selectedKeys = activeFolderSid && treeMap[activeFolderSid] ? [activeFolderSid] : [];
|
|
1706
|
+
|
|
1707
|
+
// Row stride. Fits the name pill plus the tightened vertical gap (see the
|
|
1708
|
+
// stylesheet) without clipping into a scrollbar.
|
|
1709
|
+
var rowStride = 30;
|
|
1710
|
+
|
|
1711
|
+
// react-arborist (the atoms Tree) is built on react-window and needs an
|
|
1712
|
+
// explicit pixel height — it can't grow with content like a plain div. So we
|
|
1713
|
+
// size it to the number of currently-visible rows and recompute as folders
|
|
1714
|
+
// are added, expanded or collapsed. The tree grows/shrinks with content and
|
|
1715
|
+
// the sidebar scrolls when it gets tall, instead of the atoms Tree's fixed
|
|
1716
|
+
// 500px default which reserves a tall empty viewport for a few folders.
|
|
1717
|
+
var treeHeight = useMemo(function () {
|
|
1718
|
+
return _countVisibleRows(treeData || [], expandedKeysSet) * rowStride;
|
|
1719
|
+
}, [treeData, expandedKeysSet]);
|
|
1725
1720
|
var updateExpandedKeys = function updateExpandedKeys() {
|
|
1726
1721
|
if (!treeData) return;
|
|
1727
1722
|
|
|
@@ -1784,13 +1779,14 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1784
1779
|
}
|
|
1785
1780
|
return /*#__PURE__*/jsx(Tree, {
|
|
1786
1781
|
expandedKeys: expandedKeys,
|
|
1782
|
+
selectedKeys: selectedKeys,
|
|
1787
1783
|
treeData: treeData,
|
|
1788
1784
|
autoExpandParent: true,
|
|
1789
1785
|
blockNode: true,
|
|
1790
1786
|
className: "neeto-sidebar-folders-tree",
|
|
1787
|
+
height: treeHeight,
|
|
1791
1788
|
indent: 20,
|
|
1792
|
-
rowHeight:
|
|
1793
|
-
selectedKeys: selectedKeys,
|
|
1789
|
+
rowHeight: rowStride,
|
|
1794
1790
|
showLine: false,
|
|
1795
1791
|
switcherIcon: SwitcherIcon,
|
|
1796
1792
|
titleRender: function titleRender(node) {
|
|
@@ -1886,7 +1882,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1886
1882
|
});
|
|
1887
1883
|
TreeSelect.displayName = "TreeSelect";
|
|
1888
1884
|
|
|
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,
|
|
1885
|
+
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
1886
|
n(css,{});
|
|
1891
1887
|
|
|
1892
1888
|
export { AddEditPane, DraggableWrapper, FoldersContext, FoldersDnd, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };
|