@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/cjs/components.js
CHANGED
|
@@ -48,21 +48,21 @@ var formik = require('formik');
|
|
|
48
48
|
var NUITreeSelect = require('@bigbinary/neetoui/formik/TreeSelect');
|
|
49
49
|
require('zustand');
|
|
50
50
|
|
|
51
|
-
function ownKeys$
|
|
52
|
-
function _objectSpread$
|
|
51
|
+
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; }
|
|
52
|
+
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; }
|
|
53
53
|
var useTranslation = function useTranslation(config) {
|
|
54
54
|
var _useDefaultTranslatio = reactI18next.useTranslation(),
|
|
55
55
|
t = _useDefaultTranslatio.t;
|
|
56
56
|
var modT = function modT(key, options) {
|
|
57
|
-
return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$
|
|
57
|
+
return config !== null && config !== void 0 && config.labels ? t(key, _objectSpread$j(_objectSpread$j({}, config.labels), options)) : t(key, options);
|
|
58
58
|
};
|
|
59
59
|
return {
|
|
60
60
|
t: modT
|
|
61
61
|
};
|
|
62
62
|
};
|
|
63
63
|
|
|
64
|
-
function ownKeys$
|
|
65
|
-
function _objectSpread$
|
|
64
|
+
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; }
|
|
65
|
+
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; }
|
|
66
66
|
var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
67
67
|
var config = _ref.config;
|
|
68
68
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
@@ -117,7 +117,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
117
117
|
if (isActive && folders) {
|
|
118
118
|
var path = utils.pathToFolder(folders, item.id);
|
|
119
119
|
var parent = path[path.length - 2];
|
|
120
|
-
var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$
|
|
120
|
+
var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$i(_objectSpread$i({}, queryParams), {}, {
|
|
121
121
|
folderId: parent.sid
|
|
122
122
|
})) : "/";
|
|
123
123
|
history.replace(redirectUrl);
|
|
@@ -138,7 +138,7 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
|
|
|
138
138
|
if (config.customizeAlerts) config.customizeAlerts(type, item, alertProps);
|
|
139
139
|
alertProps.onSubmit = onConfirmDelete;
|
|
140
140
|
}
|
|
141
|
-
return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$
|
|
141
|
+
return /*#__PURE__*/jsxRuntime.jsx(Alert, _objectSpread$i({}, alertProps));
|
|
142
142
|
};
|
|
143
143
|
|
|
144
144
|
var FORM_VALIDATION_SCHEMA = yup.object().shape({
|
|
@@ -148,8 +148,8 @@ var FORM_VALIDATION_SCHEMA = yup.object().shape({
|
|
|
148
148
|
});
|
|
149
149
|
|
|
150
150
|
var _excluded$6 = ["type"];
|
|
151
|
-
function ownKeys$
|
|
152
|
-
function _objectSpread$
|
|
151
|
+
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; }
|
|
152
|
+
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; }
|
|
153
153
|
var typeComponentMap = {
|
|
154
154
|
string: Input,
|
|
155
155
|
"boolean": Switch,
|
|
@@ -163,7 +163,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
|
|
|
163
163
|
rest = _objectWithoutProperties(_ref2, _excluded$6);
|
|
164
164
|
var Component = typeComponentMap[type];
|
|
165
165
|
if (!Component) return null;
|
|
166
|
-
return /*#__PURE__*/React.createElement(Component, _objectSpread$
|
|
166
|
+
return /*#__PURE__*/React.createElement(Component, _objectSpread$h(_objectSpread$h({}, rest), {}, {
|
|
167
167
|
key: rest.name
|
|
168
168
|
}));
|
|
169
169
|
});
|
|
@@ -206,7 +206,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
206
206
|
var _config$addEditValida;
|
|
207
207
|
var setFocusField = _ref.setFocusField,
|
|
208
208
|
config = _ref.config,
|
|
209
|
-
onClose = _ref.onClose
|
|
209
|
+
onClose = _ref.onClose,
|
|
210
|
+
folderSid = _ref.folderSid;
|
|
210
211
|
var _useTranslation = useTranslation(config),
|
|
211
212
|
t = _useTranslation.t;
|
|
212
213
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
@@ -225,7 +226,7 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
225
226
|
var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
|
|
226
227
|
updateFolder = _useUpdateFolder.mutateAsync;
|
|
227
228
|
var isEditing = type === "edit" && item;
|
|
228
|
-
var activeFolderSid = internal.getActiveFolderId(config);
|
|
229
|
+
var activeFolderSid = folderSid || internal.getActiveFolderId(config);
|
|
229
230
|
var extraAttributes = config.extraAttributes;
|
|
230
231
|
var filteredExtraAttributes = React.useMemo(function () {
|
|
231
232
|
return filterExtraAttributes(extraAttributes, isEditing);
|
|
@@ -333,6 +334,7 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
333
334
|
config: config,
|
|
334
335
|
allowClear: true,
|
|
335
336
|
showSearch: true,
|
|
337
|
+
initialValue: folderSid,
|
|
336
338
|
label: t("createFolder.parentTitle"),
|
|
337
339
|
name: "parentId"
|
|
338
340
|
}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
@@ -361,8 +363,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
361
363
|
var REORDER_TREE_INDENT_WIDTH = 30;
|
|
362
364
|
|
|
363
365
|
var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
|
|
364
|
-
function ownKeys$
|
|
365
|
-
function _objectSpread$
|
|
366
|
+
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; }
|
|
367
|
+
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
368
|
var Node$1 = function Node(_ref, ref) {
|
|
367
369
|
var _folder$children$leng, _folder$children;
|
|
368
370
|
var _ref$icon = _ref.icon,
|
|
@@ -390,7 +392,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
390
392
|
left: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
|
|
391
393
|
}
|
|
392
394
|
}, index);
|
|
393
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$
|
|
395
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
394
396
|
onClick: onClick,
|
|
395
397
|
ref: ref
|
|
396
398
|
})), {}, {
|
|
@@ -417,8 +419,8 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
417
419
|
var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
|
|
418
420
|
|
|
419
421
|
var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
420
|
-
function ownKeys$
|
|
421
|
-
function _objectSpread$
|
|
422
|
+
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; }
|
|
423
|
+
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
424
|
var _SelectableNode = function SelectableNode(_ref) {
|
|
423
425
|
var _folder$children$leng, _folder$children;
|
|
424
426
|
var folder = _ref.folder,
|
|
@@ -439,7 +441,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
439
441
|
var renderChildren = function renderChildren() {
|
|
440
442
|
if (neetoCist.isNotPresent(folder.children)) return null;
|
|
441
443
|
return folder.children.map(function (child) {
|
|
442
|
-
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$
|
|
444
|
+
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
443
445
|
config: config,
|
|
444
446
|
item: item,
|
|
445
447
|
maxDepth: maxDepth
|
|
@@ -457,7 +459,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
457
459
|
"opacity-60": isDisabled
|
|
458
460
|
}),
|
|
459
461
|
title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
|
|
460
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
462
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
461
463
|
depth: depth,
|
|
462
464
|
folder: folder,
|
|
463
465
|
folderLabel: folderLabel,
|
|
@@ -477,8 +479,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
477
479
|
});
|
|
478
480
|
};
|
|
479
481
|
|
|
480
|
-
function ownKeys$
|
|
481
|
-
function _objectSpread$
|
|
482
|
+
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; }
|
|
483
|
+
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
484
|
var PaneBody = function PaneBody(_ref) {
|
|
483
485
|
var item = _ref.item,
|
|
484
486
|
config = _ref.config,
|
|
@@ -581,7 +583,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
581
583
|
className: "space-x-2",
|
|
582
584
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
583
585
|
className: "flex flex-1 space-x-2",
|
|
584
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
586
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
585
587
|
disabled: selection === parent,
|
|
586
588
|
label: t("common.save"),
|
|
587
589
|
style: "primary",
|
|
@@ -590,14 +592,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
590
592
|
}
|
|
591
593
|
}, submitButtonProps), {}, {
|
|
592
594
|
"data-cy": "save-changes-button"
|
|
593
|
-
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
595
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
594
596
|
label: t("common.cancel"),
|
|
595
597
|
style: "text",
|
|
596
598
|
onClick: onClose
|
|
597
599
|
}, cancelButtonProps), {}, {
|
|
598
600
|
"data-cy": "cancel-button"
|
|
599
601
|
}))]
|
|
600
|
-
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
602
|
+
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
601
603
|
label: t("moveToFolder.remove"),
|
|
602
604
|
style: "tertiary",
|
|
603
605
|
onClick: onRemove
|
|
@@ -645,8 +647,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
645
647
|
};
|
|
646
648
|
|
|
647
649
|
var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
648
|
-
function ownKeys$
|
|
649
|
-
function _objectSpread$
|
|
650
|
+
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; }
|
|
651
|
+
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
652
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
651
653
|
var folder = _ref.folder,
|
|
652
654
|
_ref$depth = _ref.depth,
|
|
@@ -675,7 +677,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
675
677
|
if (neetoCist.isNotPresent(folder.children) || isDragging) return null;
|
|
676
678
|
return folder.children.map(function (child) {
|
|
677
679
|
var _child$children$lengt, _child$children;
|
|
678
|
-
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
680
|
+
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
679
681
|
config: config
|
|
680
682
|
})), {}, {
|
|
681
683
|
depth: depth + 1,
|
|
@@ -687,14 +689,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
687
689
|
});
|
|
688
690
|
};
|
|
689
691
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
690
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
692
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
691
693
|
className: classNames({
|
|
692
694
|
"neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
|
|
693
695
|
"neeto-ui-bg-gray-100 opacity-50": isDragging,
|
|
694
696
|
"neeto-ui-border-primary-500 border": isOver,
|
|
695
697
|
"border border-transparent": !isOver
|
|
696
698
|
})
|
|
697
|
-
}, _objectSpread$
|
|
699
|
+
}, _objectSpread$d(_objectSpread$d(_objectSpread$d({
|
|
698
700
|
depth: depth,
|
|
699
701
|
folder: folder
|
|
700
702
|
}, attributes), listeners), {}, {
|
|
@@ -709,8 +711,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
709
711
|
});
|
|
710
712
|
};
|
|
711
713
|
|
|
712
|
-
function ownKeys$
|
|
713
|
-
function _objectSpread$
|
|
714
|
+
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; }
|
|
715
|
+
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
716
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
715
717
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
716
718
|
var config = _ref.config,
|
|
@@ -816,7 +818,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
816
818
|
},
|
|
817
819
|
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
818
820
|
className: "pb-6",
|
|
819
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
821
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
820
822
|
config: config
|
|
821
823
|
})), {}, {
|
|
822
824
|
folder: tree,
|
|
@@ -838,7 +840,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
838
840
|
})]
|
|
839
841
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
840
842
|
zIndex: 99999,
|
|
841
|
-
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
843
|
+
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
842
844
|
className: "neeto-ui-bg-gray-200",
|
|
843
845
|
depth: 0,
|
|
844
846
|
folder: dragItem,
|
|
@@ -942,8 +944,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
942
944
|
};
|
|
943
945
|
|
|
944
946
|
var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
945
|
-
function ownKeys$
|
|
946
|
-
function _objectSpread$
|
|
947
|
+
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; }
|
|
948
|
+
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
949
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
948
950
|
var _overItem$meta$parent;
|
|
949
951
|
var folder = _ref.folder,
|
|
@@ -979,7 +981,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
979
981
|
folder: folder
|
|
980
982
|
}), internal.isArray(folder.children) && folder.children.map(function (child) {
|
|
981
983
|
var _child$children$lengt, _child$children;
|
|
982
|
-
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
984
|
+
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
983
985
|
config: config,
|
|
984
986
|
dragState: dragState
|
|
985
987
|
})), {}, {
|
|
@@ -993,9 +995,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
993
995
|
}, "".concat(folder.id, "--container"));
|
|
994
996
|
};
|
|
995
997
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
996
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
998
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$b(_objectSpread$b({
|
|
997
999
|
depth: folder.meta.depth
|
|
998
|
-
}, _objectSpread$
|
|
1000
|
+
}, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
999
1001
|
folder: folder
|
|
1000
1002
|
}, attributes), listeners), {}, {
|
|
1001
1003
|
folderLabel: folderLabel,
|
|
@@ -1015,8 +1017,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
1015
1017
|
});
|
|
1016
1018
|
};
|
|
1017
1019
|
|
|
1018
|
-
function ownKeys$
|
|
1019
|
-
function _objectSpread$
|
|
1020
|
+
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; }
|
|
1021
|
+
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
1022
|
var initialDragState = {
|
|
1021
1023
|
activeItem: null,
|
|
1022
1024
|
overItem: null
|
|
@@ -1158,7 +1160,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1158
1160
|
},
|
|
1159
1161
|
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
1160
1162
|
className: "pb-6",
|
|
1161
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
1163
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1162
1164
|
config: config,
|
|
1163
1165
|
dragState: dragState
|
|
1164
1166
|
})), {}, {
|
|
@@ -1181,7 +1183,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1181
1183
|
})]
|
|
1182
1184
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
1183
1185
|
zIndex: 99999,
|
|
1184
|
-
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
1186
|
+
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1185
1187
|
className: "neeto-ui-bg-gray-200 pl-4 pr-12",
|
|
1186
1188
|
depth: 0,
|
|
1187
1189
|
folder: dragState.activeItem,
|
|
@@ -1193,11 +1195,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1193
1195
|
});
|
|
1194
1196
|
};
|
|
1195
1197
|
|
|
1196
|
-
function ownKeys$
|
|
1197
|
-
function _objectSpread$
|
|
1198
|
+
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; }
|
|
1199
|
+
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
1200
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1199
1201
|
var configProps = _ref.config;
|
|
1200
|
-
var config = _objectSpread$
|
|
1202
|
+
var config = _objectSpread$9(_objectSpread$9({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1201
1203
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
1202
1204
|
return {
|
|
1203
1205
|
setFolderState: store["setFolderState"]
|
|
@@ -1227,9 +1229,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1227
1229
|
children: function children(_ref2) {
|
|
1228
1230
|
var setFocusField = _ref2.setFocusField;
|
|
1229
1231
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1230
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$
|
|
1232
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
|
|
1231
1233
|
setFocusField: setFocusField
|
|
1232
|
-
}, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$
|
|
1234
|
+
}, commonProps))), type === "move" && /*#__PURE__*/jsxRuntime.jsx(MoveFolderPane, _objectSpread$9({}, commonProps)), type === "reorder" && /*#__PURE__*/jsxRuntime.jsx(ReorderPaneComponent, _objectSpread$9({}, commonProps))]
|
|
1233
1235
|
});
|
|
1234
1236
|
}
|
|
1235
1237
|
});
|
|
@@ -1325,14 +1327,14 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1325
1327
|
});
|
|
1326
1328
|
};
|
|
1327
1329
|
|
|
1328
|
-
function ownKeys$
|
|
1329
|
-
function _objectSpread$
|
|
1330
|
+
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; }
|
|
1331
|
+
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
1332
|
var FoldersList = function FoldersList(_ref) {
|
|
1331
1333
|
var _ref$selection = _ref.selection,
|
|
1332
1334
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1333
1335
|
configProps = _ref.config,
|
|
1334
1336
|
onSelect = _ref.onSelect;
|
|
1335
|
-
var config = _objectSpread$
|
|
1337
|
+
var config = _objectSpread$8(_objectSpread$8({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1336
1338
|
var params = reactUtils.useQueryParams();
|
|
1337
1339
|
var _useTranslation = useTranslation(config),
|
|
1338
1340
|
t = _useTranslation.t;
|
|
@@ -1360,7 +1362,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1360
1362
|
onSelect: onSelect,
|
|
1361
1363
|
isSelected: selection.includes(folder.id),
|
|
1362
1364
|
key: folder.id,
|
|
1363
|
-
link: utils$1.buildUrl(config.folderPath, _objectSpread$
|
|
1365
|
+
link: utils$1.buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1364
1366
|
folderId: folder.sid
|
|
1365
1367
|
}))
|
|
1366
1368
|
});
|
|
@@ -1370,8 +1372,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1370
1372
|
};
|
|
1371
1373
|
|
|
1372
1374
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1373
|
-
function ownKeys$
|
|
1374
|
-
function _objectSpread$
|
|
1375
|
+
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; }
|
|
1376
|
+
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
1377
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1376
1378
|
var isOpen = _ref.isOpen,
|
|
1377
1379
|
onClose = _ref.onClose,
|
|
@@ -1379,14 +1381,49 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1379
1381
|
return /*#__PURE__*/jsxRuntime.jsx(Pane, {
|
|
1380
1382
|
isOpen: isOpen,
|
|
1381
1383
|
onClose: onClose,
|
|
1382
|
-
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$
|
|
1384
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
|
|
1383
1385
|
onClose: onClose
|
|
1384
1386
|
})))
|
|
1385
1387
|
});
|
|
1386
1388
|
};
|
|
1387
1389
|
|
|
1390
|
+
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; }
|
|
1391
|
+
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; }
|
|
1392
|
+
var FolderIcon = function FolderIcon(props) {
|
|
1393
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
|
|
1394
|
+
fill: "none",
|
|
1395
|
+
height: props.size,
|
|
1396
|
+
viewBox: "0 0 16 16",
|
|
1397
|
+
width: props.size,
|
|
1398
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1399
|
+
}, props), {}, {
|
|
1400
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1401
|
+
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",
|
|
1402
|
+
fill: "currentColor"
|
|
1403
|
+
})
|
|
1404
|
+
}));
|
|
1405
|
+
};
|
|
1406
|
+
|
|
1407
|
+
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; }
|
|
1408
|
+
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; }
|
|
1409
|
+
var FolderIconOpen = function FolderIconOpen(props) {
|
|
1410
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
|
|
1411
|
+
fill: "none",
|
|
1412
|
+
height: props.size,
|
|
1413
|
+
viewBox: "0 0 16 16",
|
|
1414
|
+
width: props.size,
|
|
1415
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1416
|
+
}, props), {}, {
|
|
1417
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1418
|
+
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",
|
|
1419
|
+
fill: "currentColor"
|
|
1420
|
+
})
|
|
1421
|
+
}));
|
|
1422
|
+
};
|
|
1423
|
+
|
|
1388
1424
|
var Node = function Node(_ref) {
|
|
1389
1425
|
var _isActive = _ref.isActive,
|
|
1426
|
+
isExpanded = _ref.isExpanded,
|
|
1390
1427
|
node = _ref.node,
|
|
1391
1428
|
link = _ref.link,
|
|
1392
1429
|
config = _ref.config;
|
|
@@ -1414,13 +1451,19 @@ var Node = function Node(_ref) {
|
|
|
1414
1451
|
},
|
|
1415
1452
|
to: link,
|
|
1416
1453
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1417
|
-
className: "flex items-center justify-between w-full group",
|
|
1454
|
+
className: "flex items-center justify-between w-full group relative",
|
|
1418
1455
|
"data-cy": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1419
1456
|
title: "",
|
|
1420
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
1457
|
+
children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(FolderIconOpen, {
|
|
1458
|
+
className: "flex-shrink-0 mr-1",
|
|
1459
|
+
size: 16
|
|
1460
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(FolderIcon, {
|
|
1461
|
+
className: "flex-shrink-0 mr-1",
|
|
1462
|
+
size: 16
|
|
1463
|
+
})), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1421
1464
|
className: "flex items-center min-w-0 flex-1",
|
|
1422
1465
|
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1423
|
-
className: "line-clamp-1 block truncate",
|
|
1466
|
+
className: "line-clamp-1 block truncate pl-0.5",
|
|
1424
1467
|
component: "span",
|
|
1425
1468
|
style: "body2",
|
|
1426
1469
|
title: name,
|
|
@@ -1433,7 +1476,7 @@ var Node = function Node(_ref) {
|
|
|
1433
1476
|
})
|
|
1434
1477
|
})]
|
|
1435
1478
|
}), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1436
|
-
className: "flex items-center gap-
|
|
1479
|
+
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
1480
|
onClick: function onClick(e) {
|
|
1438
1481
|
e.preventDefault();
|
|
1439
1482
|
e.stopPropagation();
|
|
@@ -1448,19 +1491,66 @@ var Node = function Node(_ref) {
|
|
|
1448
1491
|
tooltipProps: {
|
|
1449
1492
|
content: "Add",
|
|
1450
1493
|
position: "top"
|
|
1451
|
-
}
|
|
1494
|
+
},
|
|
1495
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1452
1496
|
}
|
|
1453
1497
|
}), hasMoreActions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
1498
|
+
menuItems: moreActions,
|
|
1454
1499
|
dropdownButtonProps: {
|
|
1455
|
-
size: "small"
|
|
1456
|
-
|
|
1457
|
-
|
|
1500
|
+
size: "small",
|
|
1501
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1502
|
+
}
|
|
1458
1503
|
})]
|
|
1459
1504
|
})]
|
|
1460
1505
|
})
|
|
1461
1506
|
});
|
|
1462
1507
|
};
|
|
1463
1508
|
|
|
1509
|
+
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; }
|
|
1510
|
+
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; }
|
|
1511
|
+
var DownIcon = function DownIcon(props) {
|
|
1512
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$4(_objectSpread$4({
|
|
1513
|
+
fill: "none",
|
|
1514
|
+
height: "6",
|
|
1515
|
+
viewBox: "0 0 6 6",
|
|
1516
|
+
width: "6",
|
|
1517
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1518
|
+
}, props), {}, {
|
|
1519
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1520
|
+
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",
|
|
1521
|
+
fill: "currentColor"
|
|
1522
|
+
})
|
|
1523
|
+
}));
|
|
1524
|
+
};
|
|
1525
|
+
|
|
1526
|
+
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; }
|
|
1527
|
+
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; }
|
|
1528
|
+
var RightIcon = function RightIcon(props) {
|
|
1529
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread$3(_objectSpread$3({
|
|
1530
|
+
fill: "none",
|
|
1531
|
+
height: "6",
|
|
1532
|
+
viewBox: "0 0 6 6",
|
|
1533
|
+
width: "6",
|
|
1534
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1535
|
+
}, props), {}, {
|
|
1536
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
1537
|
+
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",
|
|
1538
|
+
fill: "currentColor"
|
|
1539
|
+
})
|
|
1540
|
+
}));
|
|
1541
|
+
};
|
|
1542
|
+
|
|
1543
|
+
var SwitcherIcon = function SwitcherIcon(_ref) {
|
|
1544
|
+
var expanded = _ref.expanded;
|
|
1545
|
+
return expanded ? /*#__PURE__*/jsxRuntime.jsx(DownIcon, {
|
|
1546
|
+
className: "neeto-ui-relative",
|
|
1547
|
+
size: 16
|
|
1548
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(RightIcon, {
|
|
1549
|
+
className: "neeto-ui-relative",
|
|
1550
|
+
size: 16
|
|
1551
|
+
});
|
|
1552
|
+
};
|
|
1553
|
+
|
|
1464
1554
|
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; }
|
|
1465
1555
|
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; }
|
|
1466
1556
|
var splitItemsByFolder = function splitItemsByFolder(items) {
|
|
@@ -1507,10 +1597,11 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
1507
1597
|
var FoldersTree = function FoldersTree(_ref) {
|
|
1508
1598
|
var configProps = _ref.config;
|
|
1509
1599
|
var config = _objectSpread$1(_objectSpread$1({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1510
|
-
var _useState = React.useState(
|
|
1600
|
+
var _useState = React.useState(new Set()),
|
|
1511
1601
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1512
|
-
|
|
1513
|
-
|
|
1602
|
+
expandedKeysSet = _useState2[0],
|
|
1603
|
+
setExpandedKeysSet = _useState2[1];
|
|
1604
|
+
var expandedKeys = Array.from(expandedKeysSet);
|
|
1514
1605
|
var _useTranslation = useTranslation(config),
|
|
1515
1606
|
t = _useTranslation.t;
|
|
1516
1607
|
var params = reactUtils.useQueryParams({
|
|
@@ -1526,32 +1617,29 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1526
1617
|
var _activeFolder$meta;
|
|
1527
1618
|
if (!treeData) return;
|
|
1528
1619
|
// When active folder changes from external sources, update expanded keys to auto expand tree.
|
|
1529
|
-
var updatedExpandedKeys =
|
|
1620
|
+
var updatedExpandedKeys = new Set(expandedKeysSet);
|
|
1530
1621
|
var map = utils.treeToMap(treeData, "sid");
|
|
1531
1622
|
var activeFolder = map[activeFolderSid];
|
|
1532
1623
|
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;
|
|
1533
|
-
if (parentSid && !
|
|
1534
|
-
updatedExpandedKeys.
|
|
1624
|
+
if (parentSid && !expandedKeysSet.has(parentSid)) {
|
|
1625
|
+
updatedExpandedKeys.add(parentSid);
|
|
1535
1626
|
}
|
|
1536
|
-
setExpandedKeys(updatedExpandedKeys);
|
|
1537
1627
|
};
|
|
1538
1628
|
var handleExpand = function handleExpand(keys, _ref2) {
|
|
1539
1629
|
var expanded = _ref2.expanded,
|
|
1540
1630
|
node = _ref2.node;
|
|
1541
|
-
if (expanded) {
|
|
1542
|
-
setExpandedKeys(keys);
|
|
1543
|
-
return;
|
|
1544
|
-
}
|
|
1545
1631
|
var keysSet = new Set(keys);
|
|
1546
|
-
|
|
1547
|
-
var
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1632
|
+
if (!expanded) {
|
|
1633
|
+
var _removeChildKeys = function removeChildKeys() {
|
|
1634
|
+
var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1635
|
+
children.forEach(function (child) {
|
|
1636
|
+
keysSet["delete"](child.sid);
|
|
1637
|
+
_removeChildKeys(child.children);
|
|
1638
|
+
});
|
|
1639
|
+
};
|
|
1640
|
+
_removeChildKeys(node.children);
|
|
1641
|
+
}
|
|
1642
|
+
setExpandedKeysSet(keysSet);
|
|
1555
1643
|
};
|
|
1556
1644
|
React.useEffect(function () {
|
|
1557
1645
|
// Non urgent update.
|
|
@@ -1570,21 +1658,23 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1570
1658
|
treeData: treeData,
|
|
1571
1659
|
autoExpandParent: true,
|
|
1572
1660
|
blockNode: true,
|
|
1573
|
-
showLine: true,
|
|
1574
1661
|
className: "neeto-sidebar-folders-tree",
|
|
1575
1662
|
componentToken: {
|
|
1576
1663
|
titleHeight: 24,
|
|
1577
|
-
indentSize:
|
|
1664
|
+
indentSize: 20
|
|
1578
1665
|
},
|
|
1579
1666
|
fieldNames: {
|
|
1580
1667
|
key: "sid"
|
|
1581
1668
|
},
|
|
1582
1669
|
selectedKeys: [activeFolderSid],
|
|
1670
|
+
showLine: false,
|
|
1671
|
+
switcherIcon: SwitcherIcon,
|
|
1583
1672
|
titleRender: function titleRender(node) {
|
|
1584
1673
|
return /*#__PURE__*/jsxRuntime.jsx(Node, {
|
|
1585
1674
|
config: config,
|
|
1586
1675
|
node: node,
|
|
1587
1676
|
isActive: node.sid === activeFolderSid,
|
|
1677
|
+
isExpanded: expandedKeysSet.has(node.sid),
|
|
1588
1678
|
link: node.link || utils$1.buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
|
|
1589
1679
|
folderId: node.sid
|
|
1590
1680
|
}))
|
|
@@ -1608,7 +1698,7 @@ var createFolderOptions = function createFolderOptions(foldersMap, config) {
|
|
|
1608
1698
|
});
|
|
1609
1699
|
};
|
|
1610
1700
|
|
|
1611
|
-
var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config"];
|
|
1701
|
+
var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue"];
|
|
1612
1702
|
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; }
|
|
1613
1703
|
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; }
|
|
1614
1704
|
var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -1630,6 +1720,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1630
1720
|
size = _ref$size === void 0 ? "middle" : _ref$size,
|
|
1631
1721
|
fieldNames = _ref.fieldNames,
|
|
1632
1722
|
config = _ref.config,
|
|
1723
|
+
initialValue = _ref.initialValue,
|
|
1633
1724
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
1634
1725
|
var _useFetchFolders = useFolderActions.useFetchFolders(config),
|
|
1635
1726
|
folders = _useFetchFolders.data;
|
|
@@ -1639,7 +1730,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
1639
1730
|
var foldersMap = React.useMemo(function () {
|
|
1640
1731
|
return folders ? utils.treeToMap(folders, "sid") : null;
|
|
1641
1732
|
}, [folders]);
|
|
1642
|
-
var activeFolderSid = internal.getActiveFolderId(config);
|
|
1733
|
+
var activeFolderSid = initialValue || internal.getActiveFolderId(config);
|
|
1643
1734
|
var activeFolder = foldersMap[activeFolderSid];
|
|
1644
1735
|
var isValidParent = (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.meta.depth) < config.maxDepth;
|
|
1645
1736
|
var parentId = isValidParent ? activeFolder.id : null;
|
|
@@ -1672,9 +1763,10 @@ TreeSelect.displayName = "TreeSelect";
|
|
|
1672
1763
|
|
|
1673
1764
|
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}}
|
|
1674
1765
|
|
|
1675
|
-
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:
|
|
1766
|
+
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 */";
|
|
1676
1767
|
n(css,{});
|
|
1677
1768
|
|
|
1769
|
+
exports.AddEditPane = AddEditPane;
|
|
1678
1770
|
exports.FoldersContext = FoldersContext;
|
|
1679
1771
|
exports.FoldersList = FoldersList;
|
|
1680
1772
|
exports.FoldersTree = FoldersTree;
|