@bigbinary/neeto-folders-frontend 2.0.25 → 2.0.26
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/cjs/components.js +167 -81
- package/dist/cjs/components.js.map +1 -1
- package/dist/components.js +167 -81
- package/dist/components.js.map +1 -1
- package/package.json +10 -10
package/dist/components.js
CHANGED
|
@@ -46,21 +46,21 @@ import { useFormikContext } from 'formik';
|
|
|
46
46
|
import NUITreeSelect from '@bigbinary/neetoui/formik/TreeSelect';
|
|
47
47
|
import 'zustand';
|
|
48
48
|
|
|
49
|
-
function ownKeys$
|
|
50
|
-
function _objectSpread$
|
|
49
|
+
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; }
|
|
50
|
+
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), !0).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; }
|
|
51
51
|
var useTranslation = function useTranslation(config) {
|
|
52
52
|
var _useDefaultTranslatio = useTranslation$1(),
|
|
53
53
|
t = _useDefaultTranslatio.t;
|
|
54
54
|
var modT = function modT(key, options) {
|
|
55
|
-
return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$
|
|
55
|
+
return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$j(_objectSpread$j({}, config.labels), options)) : t(key, options);
|
|
56
56
|
};
|
|
57
57
|
return {
|
|
58
58
|
t: modT
|
|
59
59
|
};
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
function ownKeys$
|
|
63
|
-
function _objectSpread$
|
|
62
|
+
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; }
|
|
63
|
+
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), !0).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; }
|
|
64
64
|
var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
65
65
|
var config = _ref.config;
|
|
66
66
|
var _useFolderStore = useFolderStore(function (store) {
|
|
@@ -115,7 +115,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
115
115
|
if (isActive && folders) {
|
|
116
116
|
var path = pathToFolder(folders, item.id);
|
|
117
117
|
var parent = path[path.length - 2];
|
|
118
|
-
var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$
|
|
118
|
+
var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$i(_objectSpread$i({}, queryParams), {}, {
|
|
119
119
|
folderId: parent.sid
|
|
120
120
|
})) : "/";
|
|
121
121
|
history.replace(redirectUrl);
|
|
@@ -136,7 +136,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
136
136
|
if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
|
|
137
137
|
alertProps.onSubmit = onConfirmDelete;
|
|
138
138
|
}
|
|
139
|
-
return /*#__PURE__*/jsx(Alert, _objectSpread$
|
|
139
|
+
return /*#__PURE__*/jsx(Alert, _objectSpread$i({}, alertProps));
|
|
140
140
|
};
|
|
141
141
|
|
|
142
142
|
var FORM_VALIDATION_SCHEMA = object().shape({
|
|
@@ -146,8 +146,8 @@ var FORM_VALIDATION_SCHEMA = object().shape({
|
|
|
146
146
|
});
|
|
147
147
|
|
|
148
148
|
var _excluded$6 = ["type"];
|
|
149
|
-
function ownKeys$
|
|
150
|
-
function _objectSpread$
|
|
149
|
+
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; }
|
|
150
|
+
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), !0).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; }
|
|
151
151
|
var typeComponentMap = {
|
|
152
152
|
string: Input,
|
|
153
153
|
"boolean": Switch,
|
|
@@ -161,7 +161,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
|
|
|
161
161
|
rest = _objectWithoutProperties(_ref2, _excluded$6);
|
|
162
162
|
var Component = typeComponentMap[type];
|
|
163
163
|
if (!Component) return null;
|
|
164
|
-
return /*#__PURE__*/createElement(Component, _objectSpread$
|
|
164
|
+
return /*#__PURE__*/createElement(Component, _objectSpread$h(_objectSpread$h({}, rest), {}, {
|
|
165
165
|
key: rest.name
|
|
166
166
|
}));
|
|
167
167
|
});
|
|
@@ -361,8 +361,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
361
361
|
var REORDER_TREE_INDENT_WIDTH = 30;
|
|
362
362
|
|
|
363
363
|
var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
|
|
364
|
-
function ownKeys$
|
|
365
|
-
function _objectSpread$
|
|
364
|
+
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; }
|
|
365
|
+
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), !0).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; }
|
|
366
366
|
var Node$1 = function Node(_ref, ref) {
|
|
367
367
|
var _folder$children$leng, _folder$children;
|
|
368
368
|
var _ref$icon = _ref.icon,
|
|
@@ -390,7 +390,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
390
390
|
left: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
|
|
391
391
|
}
|
|
392
392
|
}, index);
|
|
393
|
-
}), /*#__PURE__*/jsxs("div", _objectSpread$
|
|
393
|
+
}), /*#__PURE__*/jsxs("div", _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
394
394
|
onClick: onClick,
|
|
395
395
|
ref: ref
|
|
396
396
|
})), {}, {
|
|
@@ -417,8 +417,8 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
417
417
|
var Node$2 = /*#__PURE__*/forwardRef(Node$1);
|
|
418
418
|
|
|
419
419
|
var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
420
|
-
function ownKeys$
|
|
421
|
-
function _objectSpread$
|
|
420
|
+
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; }
|
|
421
|
+
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), !0).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; }
|
|
422
422
|
var _SelectableNode = function SelectableNode(_ref) {
|
|
423
423
|
var _folder$children$leng, _folder$children;
|
|
424
424
|
var folder = _ref.folder,
|
|
@@ -439,7 +439,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
439
439
|
var renderChildren = function renderChildren() {
|
|
440
440
|
if (isNotPresent(folder.children)) return null;
|
|
441
441
|
return folder.children.map(function (child) {
|
|
442
|
-
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$
|
|
442
|
+
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
443
443
|
config: config,
|
|
444
444
|
item: item,
|
|
445
445
|
maxDepth: maxDepth
|
|
@@ -457,7 +457,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
457
457
|
"opacity-60": isDisabled
|
|
458
458
|
}),
|
|
459
459
|
title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
|
|
460
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
460
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
461
461
|
depth: depth,
|
|
462
462
|
folder: folder,
|
|
463
463
|
folderLabel: folderLabel,
|
|
@@ -477,8 +477,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
477
477
|
});
|
|
478
478
|
};
|
|
479
479
|
|
|
480
|
-
function ownKeys$
|
|
481
|
-
function _objectSpread$
|
|
480
|
+
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; }
|
|
481
|
+
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), !0).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; }
|
|
482
482
|
var PaneBody = function PaneBody(_ref) {
|
|
483
483
|
var item = _ref.item,
|
|
484
484
|
config = _ref.config,
|
|
@@ -581,7 +581,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
581
581
|
className: "space-x-2",
|
|
582
582
|
children: [/*#__PURE__*/jsxs("div", {
|
|
583
583
|
className: "flex flex-1 space-x-2",
|
|
584
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
584
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
585
585
|
disabled: selection === parent,
|
|
586
586
|
label: t("common.save"),
|
|
587
587
|
style: "primary",
|
|
@@ -590,14 +590,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
590
590
|
}
|
|
591
591
|
}, submitButtonProps), {}, {
|
|
592
592
|
"data-cy": "save-changes-button"
|
|
593
|
-
})), /*#__PURE__*/jsx(Button, _objectSpread$
|
|
593
|
+
})), /*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
594
594
|
label: t("common.cancel"),
|
|
595
595
|
style: "text",
|
|
596
596
|
onClick: onClose
|
|
597
597
|
}, cancelButtonProps), {}, {
|
|
598
598
|
"data-cy": "cancel-button"
|
|
599
599
|
}))]
|
|
600
|
-
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$
|
|
600
|
+
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
601
601
|
label: t("moveToFolder.remove"),
|
|
602
602
|
style: "tertiary",
|
|
603
603
|
onClick: onRemove
|
|
@@ -645,8 +645,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
645
645
|
};
|
|
646
646
|
|
|
647
647
|
var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
648
|
-
function ownKeys$
|
|
649
|
-
function _objectSpread$
|
|
648
|
+
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; }
|
|
649
|
+
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), !0).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; }
|
|
650
650
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
651
651
|
var folder = _ref.folder,
|
|
652
652
|
_ref$depth = _ref.depth,
|
|
@@ -675,7 +675,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
675
675
|
if (isNotPresent(folder.children) || isDragging) return null;
|
|
676
676
|
return folder.children.map(function (child) {
|
|
677
677
|
var _child$children$lengt, _child$children;
|
|
678
|
-
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
678
|
+
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
679
679
|
config: config
|
|
680
680
|
})), {}, {
|
|
681
681
|
depth: depth + 1,
|
|
@@ -687,14 +687,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
687
687
|
});
|
|
688
688
|
};
|
|
689
689
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
690
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
690
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
691
691
|
className: classNames({
|
|
692
692
|
"neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
|
|
693
693
|
"neeto-ui-bg-gray-100 opacity-50": isDragging,
|
|
694
694
|
"neeto-ui-border-primary-500 border": isOver,
|
|
695
695
|
"border border-transparent": !isOver
|
|
696
696
|
})
|
|
697
|
-
}, _objectSpread$
|
|
697
|
+
}, _objectSpread$d(_objectSpread$d(_objectSpread$d({
|
|
698
698
|
depth: depth,
|
|
699
699
|
folder: folder
|
|
700
700
|
}, attributes), listeners), {}, {
|
|
@@ -709,8 +709,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
709
709
|
});
|
|
710
710
|
};
|
|
711
711
|
|
|
712
|
-
function ownKeys$
|
|
713
|
-
function _objectSpread$
|
|
712
|
+
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; }
|
|
713
|
+
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), !0).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; }
|
|
714
714
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
715
715
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
716
716
|
var config = _ref.config,
|
|
@@ -816,7 +816,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
816
816
|
},
|
|
817
817
|
children: [/*#__PURE__*/jsx(Pane.Body, {
|
|
818
818
|
className: "pb-6",
|
|
819
|
-
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
819
|
+
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
820
820
|
config: config
|
|
821
821
|
})), {}, {
|
|
822
822
|
folder: tree,
|
|
@@ -838,7 +838,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
838
838
|
})]
|
|
839
839
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
840
840
|
zIndex: 99999,
|
|
841
|
-
children: dragItem && /*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
841
|
+
children: dragItem && /*#__PURE__*/jsx(Node$2, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
842
842
|
className: "neeto-ui-bg-gray-200",
|
|
843
843
|
depth: 0,
|
|
844
844
|
folder: dragItem,
|
|
@@ -942,8 +942,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
942
942
|
};
|
|
943
943
|
|
|
944
944
|
var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
945
|
-
function ownKeys$
|
|
946
|
-
function _objectSpread$
|
|
945
|
+
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; }
|
|
946
|
+
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), !0).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; }
|
|
947
947
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
948
948
|
var _overItem$meta$parent;
|
|
949
949
|
var folder = _ref.folder,
|
|
@@ -979,7 +979,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
979
979
|
folder: folder
|
|
980
980
|
}), isArray(folder.children) && folder.children.map(function (child) {
|
|
981
981
|
var _child$children$lengt, _child$children;
|
|
982
|
-
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
982
|
+
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
983
983
|
config: config,
|
|
984
984
|
dragState: dragState
|
|
985
985
|
})), {}, {
|
|
@@ -993,9 +993,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
993
993
|
}, "".concat(folder.id, "--container"));
|
|
994
994
|
};
|
|
995
995
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
996
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
996
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$b(_objectSpread$b({
|
|
997
997
|
depth: folder.meta.depth
|
|
998
|
-
}, _objectSpread$
|
|
998
|
+
}, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
999
999
|
folder: folder
|
|
1000
1000
|
}, attributes), listeners), {}, {
|
|
1001
1001
|
folderLabel: folderLabel,
|
|
@@ -1015,8 +1015,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
1015
1015
|
});
|
|
1016
1016
|
};
|
|
1017
1017
|
|
|
1018
|
-
function ownKeys$
|
|
1019
|
-
function _objectSpread$
|
|
1018
|
+
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; }
|
|
1019
|
+
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), !0).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; }
|
|
1020
1020
|
var initialDragState = {
|
|
1021
1021
|
activeItem: null,
|
|
1022
1022
|
overItem: null
|
|
@@ -1158,7 +1158,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1158
1158
|
},
|
|
1159
1159
|
children: [/*#__PURE__*/jsx(Pane.Body, {
|
|
1160
1160
|
className: "pb-6",
|
|
1161
|
-
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
1161
|
+
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1162
1162
|
config: config,
|
|
1163
1163
|
dragState: dragState
|
|
1164
1164
|
})), {}, {
|
|
@@ -1181,7 +1181,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1181
1181
|
})]
|
|
1182
1182
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
1183
1183
|
zIndex: 99999,
|
|
1184
|
-
children: dragState && /*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
1184
|
+
children: dragState && /*#__PURE__*/jsx(Node$2, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1185
1185
|
className: "neeto-ui-bg-gray-200 pl-4 pr-12",
|
|
1186
1186
|
depth: 0,
|
|
1187
1187
|
folder: dragState.activeItem,
|
|
@@ -1193,11 +1193,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1193
1193
|
});
|
|
1194
1194
|
};
|
|
1195
1195
|
|
|
1196
|
-
function ownKeys$
|
|
1197
|
-
function _objectSpread$
|
|
1196
|
+
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; }
|
|
1197
|
+
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), !0).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; }
|
|
1198
1198
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1199
1199
|
var configProps = _ref.config;
|
|
1200
|
-
var config = _objectSpread$
|
|
1200
|
+
var config = _objectSpread$9(_objectSpread$9({}, DEFAULT_CONFIG), configProps);
|
|
1201
1201
|
var _useFolderStore = useFolderStore(function (store) {
|
|
1202
1202
|
return {
|
|
1203
1203
|
setFolderState: store["setFolderState"]
|
|
@@ -1227,9 +1227,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1227
1227
|
children: function children(_ref2) {
|
|
1228
1228
|
var setFocusField = _ref2.setFocusField;
|
|
1229
1229
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
1230
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$
|
|
1230
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
|
|
1231
1231
|
setFocusField: setFocusField
|
|
1232
|
-
}, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$
|
|
1232
|
+
}, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$9({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$9({}, commonProps))]
|
|
1233
1233
|
});
|
|
1234
1234
|
}
|
|
1235
1235
|
});
|
|
@@ -1325,14 +1325,14 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1325
1325
|
});
|
|
1326
1326
|
};
|
|
1327
1327
|
|
|
1328
|
-
function ownKeys$
|
|
1329
|
-
function _objectSpread$
|
|
1328
|
+
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; }
|
|
1329
|
+
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), !0).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; }
|
|
1330
1330
|
var FoldersList = function FoldersList(_ref) {
|
|
1331
1331
|
var _ref$selection = _ref.selection,
|
|
1332
1332
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1333
1333
|
configProps = _ref.config,
|
|
1334
1334
|
onSelect = _ref.onSelect;
|
|
1335
|
-
var config = _objectSpread$
|
|
1335
|
+
var config = _objectSpread$8(_objectSpread$8({}, DEFAULT_CONFIG), configProps);
|
|
1336
1336
|
var params = useQueryParams();
|
|
1337
1337
|
var _useTranslation = useTranslation(config),
|
|
1338
1338
|
t = _useTranslation.t;
|
|
@@ -1360,7 +1360,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1360
1360
|
onSelect: onSelect,
|
|
1361
1361
|
isSelected: selection.includes(folder.id),
|
|
1362
1362
|
key: folder.id,
|
|
1363
|
-
link: buildUrl(config.folderPath, _objectSpread$
|
|
1363
|
+
link: buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1364
1364
|
folderId: folder.sid
|
|
1365
1365
|
}))
|
|
1366
1366
|
});
|
|
@@ -1370,8 +1370,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1370
1370
|
};
|
|
1371
1371
|
|
|
1372
1372
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1373
|
-
function ownKeys$
|
|
1374
|
-
function _objectSpread$
|
|
1373
|
+
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; }
|
|
1374
|
+
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), !0).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; }
|
|
1375
1375
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1376
1376
|
var isOpen = _ref.isOpen,
|
|
1377
1377
|
onClose = _ref.onClose,
|
|
@@ -1379,14 +1379,49 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1379
1379
|
return /*#__PURE__*/jsx(Pane, {
|
|
1380
1380
|
isOpen: isOpen,
|
|
1381
1381
|
onClose: onClose,
|
|
1382
|
-
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$
|
|
1382
|
+
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
|
|
1383
1383
|
onClose: onClose
|
|
1384
1384
|
})))
|
|
1385
1385
|
});
|
|
1386
1386
|
};
|
|
1387
1387
|
|
|
1388
|
+
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; }
|
|
1389
|
+
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), !0).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; }
|
|
1390
|
+
var FolderIcon = function FolderIcon(props) {
|
|
1391
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1392
|
+
fill: "none",
|
|
1393
|
+
height: props.size,
|
|
1394
|
+
viewBox: "0 0 16 16",
|
|
1395
|
+
width: props.size,
|
|
1396
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1397
|
+
}, props), {}, {
|
|
1398
|
+
children: /*#__PURE__*/jsx("path", {
|
|
1399
|
+
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",
|
|
1400
|
+
fill: "currentColor"
|
|
1401
|
+
})
|
|
1402
|
+
}));
|
|
1403
|
+
};
|
|
1404
|
+
|
|
1405
|
+
function ownKeys$5(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; }
|
|
1406
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1407
|
+
var FolderIconOpen = function FolderIconOpen(props) {
|
|
1408
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$5(_objectSpread$5({
|
|
1409
|
+
fill: "none",
|
|
1410
|
+
height: props.size,
|
|
1411
|
+
viewBox: "0 0 16 16",
|
|
1412
|
+
width: props.size,
|
|
1413
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1414
|
+
}, props), {}, {
|
|
1415
|
+
children: /*#__PURE__*/jsx("path", {
|
|
1416
|
+
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",
|
|
1417
|
+
fill: "currentColor"
|
|
1418
|
+
})
|
|
1419
|
+
}));
|
|
1420
|
+
};
|
|
1421
|
+
|
|
1388
1422
|
var Node = function Node(_ref) {
|
|
1389
1423
|
var _isActive = _ref.isActive,
|
|
1424
|
+
isExpanded = _ref.isExpanded,
|
|
1390
1425
|
node = _ref.node,
|
|
1391
1426
|
link = _ref.link,
|
|
1392
1427
|
config = _ref.config;
|
|
@@ -1414,13 +1449,19 @@ var Node = function Node(_ref) {
|
|
|
1414
1449
|
},
|
|
1415
1450
|
to: link,
|
|
1416
1451
|
children: /*#__PURE__*/jsxs("div", {
|
|
1417
|
-
className: "flex items-center justify-between w-full group",
|
|
1452
|
+
className: "flex items-center justify-between w-full group relative",
|
|
1418
1453
|
"data-cy": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1419
1454
|
title: "",
|
|
1420
|
-
children: [/*#__PURE__*/
|
|
1455
|
+
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(FolderIconOpen, {
|
|
1456
|
+
className: "flex-shrink-0 mr-1",
|
|
1457
|
+
size: 16
|
|
1458
|
+
}) : /*#__PURE__*/jsx(FolderIcon, {
|
|
1459
|
+
className: "flex-shrink-0 mr-1",
|
|
1460
|
+
size: 16
|
|
1461
|
+
})), /*#__PURE__*/jsxs("div", {
|
|
1421
1462
|
className: "flex items-center min-w-0 flex-1",
|
|
1422
1463
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1423
|
-
className: "line-clamp-1 block truncate",
|
|
1464
|
+
className: "line-clamp-1 block truncate pl-0.5",
|
|
1424
1465
|
component: "span",
|
|
1425
1466
|
style: "body2",
|
|
1426
1467
|
title: name,
|
|
@@ -1433,7 +1474,7 @@ var Node = function Node(_ref) {
|
|
|
1433
1474
|
})
|
|
1434
1475
|
})]
|
|
1435
1476
|
}), hasAnyActions && /*#__PURE__*/jsxs("div", {
|
|
1436
|
-
className: "flex items-center gap-
|
|
1477
|
+
className: "flex items-center gap-0.5 py-0.5 absolute right-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions neeto-ui-rounded-md pl-2",
|
|
1437
1478
|
onClick: function onClick(e) {
|
|
1438
1479
|
e.preventDefault();
|
|
1439
1480
|
e.stopPropagation();
|
|
@@ -1449,13 +1490,13 @@ var Node = function Node(_ref) {
|
|
|
1449
1490
|
content: "Add",
|
|
1450
1491
|
position: "top"
|
|
1451
1492
|
},
|
|
1452
|
-
className: "opacity-0 group-hover:opacity-100 transition-opacity"
|
|
1493
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1453
1494
|
}
|
|
1454
1495
|
}), hasMoreActions && /*#__PURE__*/jsx(MoreDropdown, {
|
|
1455
1496
|
menuItems: moreActions,
|
|
1456
1497
|
dropdownButtonProps: {
|
|
1457
1498
|
size: "small",
|
|
1458
|
-
className: "opacity-0 group-hover:opacity-100 transition-opacity"
|
|
1499
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1459
1500
|
}
|
|
1460
1501
|
})]
|
|
1461
1502
|
})]
|
|
@@ -1463,6 +1504,51 @@ var Node = function Node(_ref) {
|
|
|
1463
1504
|
});
|
|
1464
1505
|
};
|
|
1465
1506
|
|
|
1507
|
+
function ownKeys$4(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; }
|
|
1508
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1509
|
+
var DownIcon = function DownIcon(props) {
|
|
1510
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$4(_objectSpread$4({
|
|
1511
|
+
fill: "none",
|
|
1512
|
+
height: "6",
|
|
1513
|
+
viewBox: "0 0 6 6",
|
|
1514
|
+
width: "6",
|
|
1515
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1516
|
+
}, props), {}, {
|
|
1517
|
+
children: /*#__PURE__*/jsx("path", {
|
|
1518
|
+
d: "M3.803 5.475a.35.35 0 0 1-.606 0l-2.425-4.2A.35.35 0 0 1 1.075.75h4.85a.35.35 0 0 1 .303.525z",
|
|
1519
|
+
fill: "currentColor"
|
|
1520
|
+
})
|
|
1521
|
+
}));
|
|
1522
|
+
};
|
|
1523
|
+
|
|
1524
|
+
function ownKeys$3(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; }
|
|
1525
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1526
|
+
var RightIcon = function RightIcon(props) {
|
|
1527
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$3(_objectSpread$3({
|
|
1528
|
+
fill: "none",
|
|
1529
|
+
height: "6",
|
|
1530
|
+
viewBox: "0 0 6 6",
|
|
1531
|
+
width: "6",
|
|
1532
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1533
|
+
}, props), {}, {
|
|
1534
|
+
children: /*#__PURE__*/jsx("path", {
|
|
1535
|
+
d: "M5.475 2.697a.35.35 0 0 1 0 .606l-4.2 2.425a.35.35 0 0 1-.525-.303V.575a.35.35 0 0 1 .525-.303z",
|
|
1536
|
+
fill: "currentColor"
|
|
1537
|
+
})
|
|
1538
|
+
}));
|
|
1539
|
+
};
|
|
1540
|
+
|
|
1541
|
+
var SwitcherIcon = function SwitcherIcon(_ref) {
|
|
1542
|
+
var expanded = _ref.expanded;
|
|
1543
|
+
return expanded ? /*#__PURE__*/jsx(DownIcon, {
|
|
1544
|
+
className: "neeto-ui-relative",
|
|
1545
|
+
size: 16
|
|
1546
|
+
}) : /*#__PURE__*/jsx(RightIcon, {
|
|
1547
|
+
className: "neeto-ui-relative",
|
|
1548
|
+
size: 16
|
|
1549
|
+
});
|
|
1550
|
+
};
|
|
1551
|
+
|
|
1466
1552
|
function ownKeys$2(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; }
|
|
1467
1553
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1468
1554
|
var splitItemsByFolder = function splitItemsByFolder(items) {
|
|
@@ -1509,10 +1595,11 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
1509
1595
|
var FoldersTree = function FoldersTree(_ref) {
|
|
1510
1596
|
var configProps = _ref.config;
|
|
1511
1597
|
var config = _objectSpread$1(_objectSpread$1({}, DEFAULT_CONFIG), configProps);
|
|
1512
|
-
var _useState = useState(
|
|
1598
|
+
var _useState = useState(new Set()),
|
|
1513
1599
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1514
|
-
|
|
1515
|
-
|
|
1600
|
+
expandedKeysSet = _useState2[0],
|
|
1601
|
+
setExpandedKeysSet = _useState2[1];
|
|
1602
|
+
var expandedKeys = Array.from(expandedKeysSet);
|
|
1516
1603
|
var _useTranslation = useTranslation(config),
|
|
1517
1604
|
t = _useTranslation.t;
|
|
1518
1605
|
var params = useQueryParams({
|
|
@@ -1528,32 +1615,29 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1528
1615
|
var _activeFolder$meta;
|
|
1529
1616
|
if (!treeData) return;
|
|
1530
1617
|
// When active folder changes from external sources, update expanded keys to auto expand tree.
|
|
1531
|
-
var updatedExpandedKeys =
|
|
1618
|
+
var updatedExpandedKeys = new Set(expandedKeysSet);
|
|
1532
1619
|
var map = treeToMap(treeData, "sid");
|
|
1533
1620
|
var activeFolder = map[activeFolderSid];
|
|
1534
1621
|
var parentSid = activeFolder === null || activeFolder === void 0 || (_activeFolder$meta = activeFolder.meta) === null || _activeFolder$meta === void 0 || (_activeFolder$meta = _activeFolder$meta.parent) === null || _activeFolder$meta === void 0 ? void 0 : _activeFolder$meta.sid;
|
|
1535
|
-
if (parentSid && !
|
|
1536
|
-
updatedExpandedKeys.
|
|
1622
|
+
if (parentSid && !expandedKeysSet.has(parentSid)) {
|
|
1623
|
+
updatedExpandedKeys.add(parentSid);
|
|
1537
1624
|
}
|
|
1538
|
-
setExpandedKeys(updatedExpandedKeys);
|
|
1539
1625
|
};
|
|
1540
1626
|
var handleExpand = function handleExpand(keys, _ref2) {
|
|
1541
1627
|
var expanded = _ref2.expanded,
|
|
1542
1628
|
node = _ref2.node;
|
|
1543
|
-
if (expanded) {
|
|
1544
|
-
setExpandedKeys(keys);
|
|
1545
|
-
return;
|
|
1546
|
-
}
|
|
1547
1629
|
var keysSet = new Set(keys);
|
|
1548
|
-
|
|
1549
|
-
var
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1630
|
+
if (!expanded) {
|
|
1631
|
+
var _removeChildKeys = function removeChildKeys() {
|
|
1632
|
+
var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1633
|
+
children.forEach(function (child) {
|
|
1634
|
+
keysSet["delete"](child.sid);
|
|
1635
|
+
_removeChildKeys(child.children);
|
|
1636
|
+
});
|
|
1637
|
+
};
|
|
1638
|
+
_removeChildKeys(node.children);
|
|
1639
|
+
}
|
|
1640
|
+
setExpandedKeysSet(keysSet);
|
|
1557
1641
|
};
|
|
1558
1642
|
useEffect(function () {
|
|
1559
1643
|
// Non urgent update.
|
|
@@ -1572,21 +1656,23 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1572
1656
|
treeData: treeData,
|
|
1573
1657
|
autoExpandParent: true,
|
|
1574
1658
|
blockNode: true,
|
|
1575
|
-
showLine: true,
|
|
1576
1659
|
className: "neeto-sidebar-folders-tree",
|
|
1577
1660
|
componentToken: {
|
|
1578
1661
|
titleHeight: 24,
|
|
1579
|
-
indentSize:
|
|
1662
|
+
indentSize: 20
|
|
1580
1663
|
},
|
|
1581
1664
|
fieldNames: {
|
|
1582
1665
|
key: "sid"
|
|
1583
1666
|
},
|
|
1584
1667
|
selectedKeys: [activeFolderSid],
|
|
1668
|
+
showLine: false,
|
|
1669
|
+
switcherIcon: SwitcherIcon,
|
|
1585
1670
|
titleRender: function titleRender(node) {
|
|
1586
1671
|
return /*#__PURE__*/jsx(Node, {
|
|
1587
1672
|
config: config,
|
|
1588
1673
|
node: node,
|
|
1589
1674
|
isActive: node.sid === activeFolderSid,
|
|
1675
|
+
isExpanded: expandedKeysSet.has(node.sid),
|
|
1590
1676
|
link: node.link || buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
|
|
1591
1677
|
folderId: node.sid
|
|
1592
1678
|
}))
|
|
@@ -1675,7 +1761,7 @@ TreeSelect.displayName = "TreeSelect";
|
|
|
1675
1761
|
|
|
1676
1762
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
1677
1763
|
|
|
1678
|
-
var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper{min-width:0;padding-inline:
|
|
1764
|
+
var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper{min-width:0;padding-inline:2px!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-accent-800))!important;font-weight:500}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher{margin-right:0}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher .ant-tree-switcher-icon{position:relative}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper:hover .neeto-sidebar-folders-tree__folder-node-actions{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-100),.5) 0,rgba(var(--neeto-ui-gray-100),1) 25%)}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode{margin-bottom:6px}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode:before{height:6px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBRUUsV0FBQSxDQURBLDRCQUVGLENBRUEsMkZBRUUsOENBQUEsQ0FEQSwrQ0FBQSxDQUVBLGVBQ0YsQ0FFQSx3REFDRSxjQUNGLENBRUEsZ0ZBQ0UsaUJBQ0YsQ0FFQSxpQ0FDRSx5REFDRixDQUVBLDJIQUNFLGdIQUNGLENBRUEsd0RBQ0UsaUJBQ0YsQ0FFQSwrREFDRSxVQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlX19mb2xkZXItbm9kZSB7XG4gIGNvbG9yOiBpbmhlcml0ICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIge1xuICBwYWRkaW5nLWlubGluZTogMnB4ICFpbXBvcnRhbnQ7XG4gIG1pbi13aWR0aDogMDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS1ub2RlLWNvbnRlbnQtd3JhcHBlci5hbnQtdHJlZS1ub2RlLXNlbGVjdGVkIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtODAwKSkgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtc3dpdGNoZXIge1xuICBtYXJnaW4tcmlnaHQ6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtc3dpdGNoZXIgLmFudC10cmVlLXN3aXRjaGVyLWljb24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyOmhvdmVyIC5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUtYWN0aW9ucyB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTEwMCksIC41KSAwLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSwgMSkgMjUlKTtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZSB7XG4gIG1hcmdpbi1ib3R0b206IDZweDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZTo6YmVmb3JlIHtcbiAgaGVpZ2h0OiA2cHg7XG59Il19 */";
|
|
1679
1765
|
n(css,{});
|
|
1680
1766
|
|
|
1681
1767
|
export { AddEditPane, FoldersContext, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };
|