@bigbinary/neeto-folders-frontend 2.0.24 → 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/README.md +24 -0
- package/dist/cjs/components.js +179 -87
- package/dist/cjs/components.js.map +1 -1
- package/dist/components.js +179 -88
- package/dist/components.js.map +1 -1
- package/package.json +10 -10
- package/types.d.ts +7 -0
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
|
});
|
|
@@ -204,7 +204,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
204
204
|
var _config$addEditValida;
|
|
205
205
|
var setFocusField = _ref.setFocusField,
|
|
206
206
|
config = _ref.config,
|
|
207
|
-
onClose = _ref.onClose
|
|
207
|
+
onClose = _ref.onClose,
|
|
208
|
+
folderSid = _ref.folderSid;
|
|
208
209
|
var _useTranslation = useTranslation(config),
|
|
209
210
|
t = _useTranslation.t;
|
|
210
211
|
var _useFolderStore = useFolderStore(function (store) {
|
|
@@ -223,7 +224,7 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
223
224
|
var _useUpdateFolder = useUpdateFolder(config),
|
|
224
225
|
updateFolder = _useUpdateFolder.mutateAsync;
|
|
225
226
|
var isEditing = type === "edit" && item;
|
|
226
|
-
var activeFolderSid = getActiveFolderId(config);
|
|
227
|
+
var activeFolderSid = folderSid || getActiveFolderId(config);
|
|
227
228
|
var extraAttributes = config.extraAttributes;
|
|
228
229
|
var filteredExtraAttributes = useMemo(function () {
|
|
229
230
|
return filterExtraAttributes(extraAttributes, isEditing);
|
|
@@ -331,6 +332,7 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
331
332
|
config: config,
|
|
332
333
|
allowClear: true,
|
|
333
334
|
showSearch: true,
|
|
335
|
+
initialValue: folderSid,
|
|
334
336
|
label: t("createFolder.parentTitle"),
|
|
335
337
|
name: "parentId"
|
|
336
338
|
}), /*#__PURE__*/jsx(Typography, {
|
|
@@ -359,8 +361,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
359
361
|
var REORDER_TREE_INDENT_WIDTH = 30;
|
|
360
362
|
|
|
361
363
|
var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
|
|
362
|
-
function ownKeys$
|
|
363
|
-
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; }
|
|
364
366
|
var Node$1 = function Node(_ref, ref) {
|
|
365
367
|
var _folder$children$leng, _folder$children;
|
|
366
368
|
var _ref$icon = _ref.icon,
|
|
@@ -388,7 +390,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
388
390
|
left: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
|
|
389
391
|
}
|
|
390
392
|
}, index);
|
|
391
|
-
}), /*#__PURE__*/jsxs("div", _objectSpread$
|
|
393
|
+
}), /*#__PURE__*/jsxs("div", _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
392
394
|
onClick: onClick,
|
|
393
395
|
ref: ref
|
|
394
396
|
})), {}, {
|
|
@@ -415,8 +417,8 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
415
417
|
var Node$2 = /*#__PURE__*/forwardRef(Node$1);
|
|
416
418
|
|
|
417
419
|
var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
418
|
-
function ownKeys$
|
|
419
|
-
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; }
|
|
420
422
|
var _SelectableNode = function SelectableNode(_ref) {
|
|
421
423
|
var _folder$children$leng, _folder$children;
|
|
422
424
|
var folder = _ref.folder,
|
|
@@ -437,7 +439,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
437
439
|
var renderChildren = function renderChildren() {
|
|
438
440
|
if (isNotPresent(folder.children)) return null;
|
|
439
441
|
return folder.children.map(function (child) {
|
|
440
|
-
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$
|
|
442
|
+
return /*#__PURE__*/createElement(_SelectableNode, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
441
443
|
config: config,
|
|
442
444
|
item: item,
|
|
443
445
|
maxDepth: maxDepth
|
|
@@ -455,7 +457,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
455
457
|
"opacity-60": isDisabled
|
|
456
458
|
}),
|
|
457
459
|
title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
|
|
458
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
460
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
459
461
|
depth: depth,
|
|
460
462
|
folder: folder,
|
|
461
463
|
folderLabel: folderLabel,
|
|
@@ -475,8 +477,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
475
477
|
});
|
|
476
478
|
};
|
|
477
479
|
|
|
478
|
-
function ownKeys$
|
|
479
|
-
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; }
|
|
480
482
|
var PaneBody = function PaneBody(_ref) {
|
|
481
483
|
var item = _ref.item,
|
|
482
484
|
config = _ref.config,
|
|
@@ -579,7 +581,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
579
581
|
className: "space-x-2",
|
|
580
582
|
children: [/*#__PURE__*/jsxs("div", {
|
|
581
583
|
className: "flex flex-1 space-x-2",
|
|
582
|
-
children: [/*#__PURE__*/jsx(Button, _objectSpread$
|
|
584
|
+
children: [/*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
583
585
|
disabled: selection === parent,
|
|
584
586
|
label: t("common.save"),
|
|
585
587
|
style: "primary",
|
|
@@ -588,14 +590,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
588
590
|
}
|
|
589
591
|
}, submitButtonProps), {}, {
|
|
590
592
|
"data-cy": "save-changes-button"
|
|
591
|
-
})), /*#__PURE__*/jsx(Button, _objectSpread$
|
|
593
|
+
})), /*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
592
594
|
label: t("common.cancel"),
|
|
593
595
|
style: "text",
|
|
594
596
|
onClick: onClose
|
|
595
597
|
}, cancelButtonProps), {}, {
|
|
596
598
|
"data-cy": "cancel-button"
|
|
597
599
|
}))]
|
|
598
|
-
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$
|
|
600
|
+
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
599
601
|
label: t("moveToFolder.remove"),
|
|
600
602
|
style: "tertiary",
|
|
601
603
|
onClick: onRemove
|
|
@@ -643,8 +645,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
643
645
|
};
|
|
644
646
|
|
|
645
647
|
var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
646
|
-
function ownKeys$
|
|
647
|
-
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; }
|
|
648
650
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
649
651
|
var folder = _ref.folder,
|
|
650
652
|
_ref$depth = _ref.depth,
|
|
@@ -673,7 +675,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
673
675
|
if (isNotPresent(folder.children) || isDragging) return null;
|
|
674
676
|
return folder.children.map(function (child) {
|
|
675
677
|
var _child$children$lengt, _child$children;
|
|
676
|
-
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
678
|
+
return /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
677
679
|
config: config
|
|
678
680
|
})), {}, {
|
|
679
681
|
depth: depth + 1,
|
|
@@ -685,14 +687,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
685
687
|
});
|
|
686
688
|
};
|
|
687
689
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
688
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
690
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
689
691
|
className: classNames({
|
|
690
692
|
"neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
|
|
691
693
|
"neeto-ui-bg-gray-100 opacity-50": isDragging,
|
|
692
694
|
"neeto-ui-border-primary-500 border": isOver,
|
|
693
695
|
"border border-transparent": !isOver
|
|
694
696
|
})
|
|
695
|
-
}, _objectSpread$
|
|
697
|
+
}, _objectSpread$d(_objectSpread$d(_objectSpread$d({
|
|
696
698
|
depth: depth,
|
|
697
699
|
folder: folder
|
|
698
700
|
}, attributes), listeners), {}, {
|
|
@@ -707,8 +709,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
707
709
|
});
|
|
708
710
|
};
|
|
709
711
|
|
|
710
|
-
function ownKeys$
|
|
711
|
-
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; }
|
|
712
714
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
713
715
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
714
716
|
var config = _ref.config,
|
|
@@ -814,7 +816,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
814
816
|
},
|
|
815
817
|
children: [/*#__PURE__*/jsx(Pane.Body, {
|
|
816
818
|
className: "pb-6",
|
|
817
|
-
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$
|
|
819
|
+
children: /*#__PURE__*/createElement(_DraggableNode$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
818
820
|
config: config
|
|
819
821
|
})), {}, {
|
|
820
822
|
folder: tree,
|
|
@@ -836,7 +838,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
836
838
|
})]
|
|
837
839
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
838
840
|
zIndex: 99999,
|
|
839
|
-
children: dragItem && /*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
841
|
+
children: dragItem && /*#__PURE__*/jsx(Node$2, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
840
842
|
className: "neeto-ui-bg-gray-200",
|
|
841
843
|
depth: 0,
|
|
842
844
|
folder: dragItem,
|
|
@@ -940,8 +942,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
940
942
|
};
|
|
941
943
|
|
|
942
944
|
var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
943
|
-
function ownKeys$
|
|
944
|
-
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; }
|
|
945
947
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
946
948
|
var _overItem$meta$parent;
|
|
947
949
|
var folder = _ref.folder,
|
|
@@ -977,7 +979,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
977
979
|
folder: folder
|
|
978
980
|
}), isArray(folder.children) && folder.children.map(function (child) {
|
|
979
981
|
var _child$children$lengt, _child$children;
|
|
980
|
-
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
982
|
+
return /*#__PURE__*/createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
981
983
|
config: config,
|
|
982
984
|
dragState: dragState
|
|
983
985
|
})), {}, {
|
|
@@ -991,9 +993,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
991
993
|
}, "".concat(folder.id, "--container"));
|
|
992
994
|
};
|
|
993
995
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
994
|
-
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
996
|
+
children: [/*#__PURE__*/jsx(Node$2, _objectSpread$b(_objectSpread$b({
|
|
995
997
|
depth: folder.meta.depth
|
|
996
|
-
}, _objectSpread$
|
|
998
|
+
}, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
997
999
|
folder: folder
|
|
998
1000
|
}, attributes), listeners), {}, {
|
|
999
1001
|
folderLabel: folderLabel,
|
|
@@ -1013,8 +1015,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
1013
1015
|
});
|
|
1014
1016
|
};
|
|
1015
1017
|
|
|
1016
|
-
function ownKeys$
|
|
1017
|
-
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; }
|
|
1018
1020
|
var initialDragState = {
|
|
1019
1021
|
activeItem: null,
|
|
1020
1022
|
overItem: null
|
|
@@ -1156,7 +1158,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1156
1158
|
},
|
|
1157
1159
|
children: [/*#__PURE__*/jsx(Pane.Body, {
|
|
1158
1160
|
className: "pb-6",
|
|
1159
|
-
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$
|
|
1161
|
+
children: /*#__PURE__*/createElement(_DraggableNode, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1160
1162
|
config: config,
|
|
1161
1163
|
dragState: dragState
|
|
1162
1164
|
})), {}, {
|
|
@@ -1179,7 +1181,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1179
1181
|
})]
|
|
1180
1182
|
}), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
|
|
1181
1183
|
zIndex: 99999,
|
|
1182
|
-
children: dragState && /*#__PURE__*/jsx(Node$2, _objectSpread$
|
|
1184
|
+
children: dragState && /*#__PURE__*/jsx(Node$2, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1183
1185
|
className: "neeto-ui-bg-gray-200 pl-4 pr-12",
|
|
1184
1186
|
depth: 0,
|
|
1185
1187
|
folder: dragState.activeItem,
|
|
@@ -1191,11 +1193,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1191
1193
|
});
|
|
1192
1194
|
};
|
|
1193
1195
|
|
|
1194
|
-
function ownKeys$
|
|
1195
|
-
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; }
|
|
1196
1198
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1197
1199
|
var configProps = _ref.config;
|
|
1198
|
-
var config = _objectSpread$
|
|
1200
|
+
var config = _objectSpread$9(_objectSpread$9({}, DEFAULT_CONFIG), configProps);
|
|
1199
1201
|
var _useFolderStore = useFolderStore(function (store) {
|
|
1200
1202
|
return {
|
|
1201
1203
|
setFolderState: store["setFolderState"]
|
|
@@ -1225,9 +1227,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1225
1227
|
children: function children(_ref2) {
|
|
1226
1228
|
var setFocusField = _ref2.setFocusField;
|
|
1227
1229
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
1228
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$
|
|
1230
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
|
|
1229
1231
|
setFocusField: setFocusField
|
|
1230
|
-
}, 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))]
|
|
1231
1233
|
});
|
|
1232
1234
|
}
|
|
1233
1235
|
});
|
|
@@ -1323,14 +1325,14 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1323
1325
|
});
|
|
1324
1326
|
};
|
|
1325
1327
|
|
|
1326
|
-
function ownKeys$
|
|
1327
|
-
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; }
|
|
1328
1330
|
var FoldersList = function FoldersList(_ref) {
|
|
1329
1331
|
var _ref$selection = _ref.selection,
|
|
1330
1332
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1331
1333
|
configProps = _ref.config,
|
|
1332
1334
|
onSelect = _ref.onSelect;
|
|
1333
|
-
var config = _objectSpread$
|
|
1335
|
+
var config = _objectSpread$8(_objectSpread$8({}, DEFAULT_CONFIG), configProps);
|
|
1334
1336
|
var params = useQueryParams();
|
|
1335
1337
|
var _useTranslation = useTranslation(config),
|
|
1336
1338
|
t = _useTranslation.t;
|
|
@@ -1358,7 +1360,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1358
1360
|
onSelect: onSelect,
|
|
1359
1361
|
isSelected: selection.includes(folder.id),
|
|
1360
1362
|
key: folder.id,
|
|
1361
|
-
link: buildUrl(config.folderPath, _objectSpread$
|
|
1363
|
+
link: buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1362
1364
|
folderId: folder.sid
|
|
1363
1365
|
}))
|
|
1364
1366
|
});
|
|
@@ -1368,8 +1370,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1368
1370
|
};
|
|
1369
1371
|
|
|
1370
1372
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1371
|
-
function ownKeys$
|
|
1372
|
-
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; }
|
|
1373
1375
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1374
1376
|
var isOpen = _ref.isOpen,
|
|
1375
1377
|
onClose = _ref.onClose,
|
|
@@ -1377,14 +1379,49 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1377
1379
|
return /*#__PURE__*/jsx(Pane, {
|
|
1378
1380
|
isOpen: isOpen,
|
|
1379
1381
|
onClose: onClose,
|
|
1380
|
-
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$
|
|
1382
|
+
children: /*#__PURE__*/jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
|
|
1381
1383
|
onClose: onClose
|
|
1382
1384
|
})))
|
|
1383
1385
|
});
|
|
1384
1386
|
};
|
|
1385
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
|
+
|
|
1386
1422
|
var Node = function Node(_ref) {
|
|
1387
1423
|
var _isActive = _ref.isActive,
|
|
1424
|
+
isExpanded = _ref.isExpanded,
|
|
1388
1425
|
node = _ref.node,
|
|
1389
1426
|
link = _ref.link,
|
|
1390
1427
|
config = _ref.config;
|
|
@@ -1412,13 +1449,19 @@ var Node = function Node(_ref) {
|
|
|
1412
1449
|
},
|
|
1413
1450
|
to: link,
|
|
1414
1451
|
children: /*#__PURE__*/jsxs("div", {
|
|
1415
|
-
className: "flex items-center justify-between w-full group",
|
|
1452
|
+
className: "flex items-center justify-between w-full group relative",
|
|
1416
1453
|
"data-cy": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1417
1454
|
title: "",
|
|
1418
|
-
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", {
|
|
1419
1462
|
className: "flex items-center min-w-0 flex-1",
|
|
1420
1463
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1421
|
-
className: "line-clamp-1 block truncate",
|
|
1464
|
+
className: "line-clamp-1 block truncate pl-0.5",
|
|
1422
1465
|
component: "span",
|
|
1423
1466
|
style: "body2",
|
|
1424
1467
|
title: name,
|
|
@@ -1431,7 +1474,7 @@ var Node = function Node(_ref) {
|
|
|
1431
1474
|
})
|
|
1432
1475
|
})]
|
|
1433
1476
|
}), hasAnyActions && /*#__PURE__*/jsxs("div", {
|
|
1434
|
-
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",
|
|
1435
1478
|
onClick: function onClick(e) {
|
|
1436
1479
|
e.preventDefault();
|
|
1437
1480
|
e.stopPropagation();
|
|
@@ -1446,19 +1489,66 @@ var Node = function Node(_ref) {
|
|
|
1446
1489
|
tooltipProps: {
|
|
1447
1490
|
content: "Add",
|
|
1448
1491
|
position: "top"
|
|
1449
|
-
}
|
|
1492
|
+
},
|
|
1493
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1450
1494
|
}
|
|
1451
1495
|
}), hasMoreActions && /*#__PURE__*/jsx(MoreDropdown, {
|
|
1496
|
+
menuItems: moreActions,
|
|
1452
1497
|
dropdownButtonProps: {
|
|
1453
|
-
size: "small"
|
|
1454
|
-
|
|
1455
|
-
|
|
1498
|
+
size: "small",
|
|
1499
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1500
|
+
}
|
|
1456
1501
|
})]
|
|
1457
1502
|
})]
|
|
1458
1503
|
})
|
|
1459
1504
|
});
|
|
1460
1505
|
};
|
|
1461
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
|
+
|
|
1462
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; }
|
|
1463
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; }
|
|
1464
1554
|
var splitItemsByFolder = function splitItemsByFolder(items) {
|
|
@@ -1505,10 +1595,11 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
1505
1595
|
var FoldersTree = function FoldersTree(_ref) {
|
|
1506
1596
|
var configProps = _ref.config;
|
|
1507
1597
|
var config = _objectSpread$1(_objectSpread$1({}, DEFAULT_CONFIG), configProps);
|
|
1508
|
-
var _useState = useState(
|
|
1598
|
+
var _useState = useState(new Set()),
|
|
1509
1599
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1510
|
-
|
|
1511
|
-
|
|
1600
|
+
expandedKeysSet = _useState2[0],
|
|
1601
|
+
setExpandedKeysSet = _useState2[1];
|
|
1602
|
+
var expandedKeys = Array.from(expandedKeysSet);
|
|
1512
1603
|
var _useTranslation = useTranslation(config),
|
|
1513
1604
|
t = _useTranslation.t;
|
|
1514
1605
|
var params = useQueryParams({
|
|
@@ -1524,32 +1615,29 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1524
1615
|
var _activeFolder$meta;
|
|
1525
1616
|
if (!treeData) return;
|
|
1526
1617
|
// When active folder changes from external sources, update expanded keys to auto expand tree.
|
|
1527
|
-
var updatedExpandedKeys =
|
|
1618
|
+
var updatedExpandedKeys = new Set(expandedKeysSet);
|
|
1528
1619
|
var map = treeToMap(treeData, "sid");
|
|
1529
1620
|
var activeFolder = map[activeFolderSid];
|
|
1530
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;
|
|
1531
|
-
if (parentSid && !
|
|
1532
|
-
updatedExpandedKeys.
|
|
1622
|
+
if (parentSid && !expandedKeysSet.has(parentSid)) {
|
|
1623
|
+
updatedExpandedKeys.add(parentSid);
|
|
1533
1624
|
}
|
|
1534
|
-
setExpandedKeys(updatedExpandedKeys);
|
|
1535
1625
|
};
|
|
1536
1626
|
var handleExpand = function handleExpand(keys, _ref2) {
|
|
1537
1627
|
var expanded = _ref2.expanded,
|
|
1538
1628
|
node = _ref2.node;
|
|
1539
|
-
if (expanded) {
|
|
1540
|
-
setExpandedKeys(keys);
|
|
1541
|
-
return;
|
|
1542
|
-
}
|
|
1543
1629
|
var keysSet = new Set(keys);
|
|
1544
|
-
|
|
1545
|
-
var
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
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);
|
|
1553
1641
|
};
|
|
1554
1642
|
useEffect(function () {
|
|
1555
1643
|
// Non urgent update.
|
|
@@ -1568,21 +1656,23 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1568
1656
|
treeData: treeData,
|
|
1569
1657
|
autoExpandParent: true,
|
|
1570
1658
|
blockNode: true,
|
|
1571
|
-
showLine: true,
|
|
1572
1659
|
className: "neeto-sidebar-folders-tree",
|
|
1573
1660
|
componentToken: {
|
|
1574
1661
|
titleHeight: 24,
|
|
1575
|
-
indentSize:
|
|
1662
|
+
indentSize: 20
|
|
1576
1663
|
},
|
|
1577
1664
|
fieldNames: {
|
|
1578
1665
|
key: "sid"
|
|
1579
1666
|
},
|
|
1580
1667
|
selectedKeys: [activeFolderSid],
|
|
1668
|
+
showLine: false,
|
|
1669
|
+
switcherIcon: SwitcherIcon,
|
|
1581
1670
|
titleRender: function titleRender(node) {
|
|
1582
1671
|
return /*#__PURE__*/jsx(Node, {
|
|
1583
1672
|
config: config,
|
|
1584
1673
|
node: node,
|
|
1585
1674
|
isActive: node.sid === activeFolderSid,
|
|
1675
|
+
isExpanded: expandedKeysSet.has(node.sid),
|
|
1586
1676
|
link: node.link || buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
|
|
1587
1677
|
folderId: node.sid
|
|
1588
1678
|
}))
|
|
@@ -1606,7 +1696,7 @@ var createFolderOptions = function createFolderOptions(foldersMap, config) {
|
|
|
1606
1696
|
});
|
|
1607
1697
|
};
|
|
1608
1698
|
|
|
1609
|
-
var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config"];
|
|
1699
|
+
var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue"];
|
|
1610
1700
|
function ownKeys(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; }
|
|
1611
1701
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1612
1702
|
var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
@@ -1628,6 +1718,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1628
1718
|
size = _ref$size === void 0 ? "middle" : _ref$size,
|
|
1629
1719
|
fieldNames = _ref.fieldNames,
|
|
1630
1720
|
config = _ref.config,
|
|
1721
|
+
initialValue = _ref.initialValue,
|
|
1631
1722
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
1632
1723
|
var _useFetchFolders = useFetchFolders(config),
|
|
1633
1724
|
folders = _useFetchFolders.data;
|
|
@@ -1637,7 +1728,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1637
1728
|
var foldersMap = useMemo(function () {
|
|
1638
1729
|
return folders ? treeToMap(folders, "sid") : null;
|
|
1639
1730
|
}, [folders]);
|
|
1640
|
-
var activeFolderSid = getActiveFolderId(config);
|
|
1731
|
+
var activeFolderSid = initialValue || getActiveFolderId(config);
|
|
1641
1732
|
var activeFolder = foldersMap[activeFolderSid];
|
|
1642
1733
|
var isValidParent = (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.meta.depth) < config.maxDepth;
|
|
1643
1734
|
var parentId = isValidParent ? activeFolder.id : null;
|
|
@@ -1670,8 +1761,8 @@ TreeSelect.displayName = "TreeSelect";
|
|
|
1670
1761
|
|
|
1671
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}}
|
|
1672
1763
|
|
|
1673
|
-
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 */";
|
|
1674
1765
|
n(css,{});
|
|
1675
1766
|
|
|
1676
|
-
export { FoldersContext, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };
|
|
1767
|
+
export { AddEditPane, FoldersContext, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };
|
|
1677
1768
|
//# sourceMappingURL=components.js.map
|