@bigbinary/neeto-folders-frontend 2.0.25 → 2.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components.js +167 -81
- package/dist/cjs/components.js.map +1 -1
- package/dist/components.js +167 -81
- package/dist/components.js.map +1 -1
- package/package.json +10 -10
package/dist/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
|
});
|
|
@@ -363,8 +363,8 @@ var AddEditPane = function AddEditPane(_ref) {
|
|
|
363
363
|
var REORDER_TREE_INDENT_WIDTH = 30;
|
|
364
364
|
|
|
365
365
|
var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
|
|
366
|
-
function ownKeys$
|
|
367
|
-
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; }
|
|
368
368
|
var Node$1 = function Node(_ref, ref) {
|
|
369
369
|
var _folder$children$leng, _folder$children;
|
|
370
370
|
var _ref$icon = _ref.icon,
|
|
@@ -392,7 +392,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
392
392
|
left: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
|
|
393
393
|
}
|
|
394
394
|
}, index);
|
|
395
|
-
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$
|
|
395
|
+
}), /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
396
396
|
onClick: onClick,
|
|
397
397
|
ref: ref
|
|
398
398
|
})), {}, {
|
|
@@ -419,8 +419,8 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
419
419
|
var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
|
|
420
420
|
|
|
421
421
|
var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
422
|
-
function ownKeys$
|
|
423
|
-
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; }
|
|
424
424
|
var _SelectableNode = function SelectableNode(_ref) {
|
|
425
425
|
var _folder$children$leng, _folder$children;
|
|
426
426
|
var folder = _ref.folder,
|
|
@@ -441,7 +441,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
441
441
|
var renderChildren = function renderChildren() {
|
|
442
442
|
if (neetoCist.isNotPresent(folder.children)) return null;
|
|
443
443
|
return folder.children.map(function (child) {
|
|
444
|
-
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$
|
|
444
|
+
return /*#__PURE__*/React.createElement(_SelectableNode, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
445
445
|
config: config,
|
|
446
446
|
item: item,
|
|
447
447
|
maxDepth: maxDepth
|
|
@@ -459,7 +459,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
459
459
|
"opacity-60": isDisabled
|
|
460
460
|
}),
|
|
461
461
|
title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
|
|
462
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
462
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, rest), {}, {
|
|
463
463
|
depth: depth,
|
|
464
464
|
folder: folder,
|
|
465
465
|
folderLabel: folderLabel,
|
|
@@ -479,8 +479,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
479
479
|
});
|
|
480
480
|
};
|
|
481
481
|
|
|
482
|
-
function ownKeys$
|
|
483
|
-
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; }
|
|
484
484
|
var PaneBody = function PaneBody(_ref) {
|
|
485
485
|
var item = _ref.item,
|
|
486
486
|
config = _ref.config,
|
|
@@ -583,7 +583,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
583
583
|
className: "space-x-2",
|
|
584
584
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
585
585
|
className: "flex flex-1 space-x-2",
|
|
586
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
586
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
587
587
|
disabled: selection === parent,
|
|
588
588
|
label: t("common.save"),
|
|
589
589
|
style: "primary",
|
|
@@ -592,14 +592,14 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
592
592
|
}
|
|
593
593
|
}, submitButtonProps), {}, {
|
|
594
594
|
"data-cy": "save-changes-button"
|
|
595
|
-
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
595
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
596
596
|
label: t("common.cancel"),
|
|
597
597
|
style: "text",
|
|
598
598
|
onClick: onClose
|
|
599
599
|
}, cancelButtonProps), {}, {
|
|
600
600
|
"data-cy": "cancel-button"
|
|
601
601
|
}))]
|
|
602
|
-
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
602
|
+
}), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({
|
|
603
603
|
label: t("moveToFolder.remove"),
|
|
604
604
|
style: "tertiary",
|
|
605
605
|
onClick: onRemove
|
|
@@ -647,8 +647,8 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
|
|
|
647
647
|
};
|
|
648
648
|
|
|
649
649
|
var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
|
|
650
|
-
function ownKeys$
|
|
651
|
-
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; }
|
|
652
652
|
var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
653
653
|
var folder = _ref.folder,
|
|
654
654
|
_ref$depth = _ref.depth,
|
|
@@ -677,7 +677,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
677
677
|
if (neetoCist.isNotPresent(folder.children) || isDragging) return null;
|
|
678
678
|
return folder.children.map(function (child) {
|
|
679
679
|
var _child$children$lengt, _child$children;
|
|
680
|
-
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
680
|
+
return /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
681
681
|
config: config
|
|
682
682
|
})), {}, {
|
|
683
683
|
depth: depth + 1,
|
|
@@ -689,14 +689,14 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
689
689
|
});
|
|
690
690
|
};
|
|
691
691
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
692
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
692
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$d(_objectSpread$d(_objectSpread$d({}, rest), {}, {
|
|
693
693
|
className: classNames({
|
|
694
694
|
"neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
|
|
695
695
|
"neeto-ui-bg-gray-100 opacity-50": isDragging,
|
|
696
696
|
"neeto-ui-border-primary-500 border": isOver,
|
|
697
697
|
"border border-transparent": !isOver
|
|
698
698
|
})
|
|
699
|
-
}, _objectSpread$
|
|
699
|
+
}, _objectSpread$d(_objectSpread$d(_objectSpread$d({
|
|
700
700
|
depth: depth,
|
|
701
701
|
folder: folder
|
|
702
702
|
}, attributes), listeners), {}, {
|
|
@@ -711,8 +711,8 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
711
711
|
});
|
|
712
712
|
};
|
|
713
713
|
|
|
714
|
-
function ownKeys$
|
|
715
|
-
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; }
|
|
716
716
|
var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
717
717
|
var _tree$children$length, _tree$children, _dragItem$children$le, _dragItem$children;
|
|
718
718
|
var config = _ref.config,
|
|
@@ -818,7 +818,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
818
818
|
},
|
|
819
819
|
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
820
820
|
className: "pb-6",
|
|
821
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$
|
|
821
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
822
822
|
config: config
|
|
823
823
|
})), {}, {
|
|
824
824
|
folder: tree,
|
|
@@ -840,7 +840,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
|
|
|
840
840
|
})]
|
|
841
841
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
842
842
|
zIndex: 99999,
|
|
843
|
-
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
843
|
+
children: dragItem && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$c(_objectSpread$c({}, nodeProps), {}, {
|
|
844
844
|
className: "neeto-ui-bg-gray-200",
|
|
845
845
|
depth: 0,
|
|
846
846
|
folder: dragItem,
|
|
@@ -944,8 +944,8 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
|
|
|
944
944
|
};
|
|
945
945
|
|
|
946
946
|
var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
|
|
947
|
-
function ownKeys$
|
|
948
|
-
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; }
|
|
949
949
|
var _DraggableNode = function DraggableNode(_ref) {
|
|
950
950
|
var _overItem$meta$parent;
|
|
951
951
|
var folder = _ref.folder,
|
|
@@ -981,7 +981,7 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
981
981
|
folder: folder
|
|
982
982
|
}), internal.isArray(folder.children) && folder.children.map(function (child) {
|
|
983
983
|
var _child$children$lengt, _child$children;
|
|
984
|
-
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
984
|
+
return /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
985
985
|
config: config,
|
|
986
986
|
dragState: dragState
|
|
987
987
|
})), {}, {
|
|
@@ -995,9 +995,9 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
995
995
|
}, "".concat(folder.id, "--container"));
|
|
996
996
|
};
|
|
997
997
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
998
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
998
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$b(_objectSpread$b({
|
|
999
999
|
depth: folder.meta.depth
|
|
1000
|
-
}, _objectSpread$
|
|
1000
|
+
}, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({}, rest), {}, {
|
|
1001
1001
|
folder: folder
|
|
1002
1002
|
}, attributes), listeners), {}, {
|
|
1003
1003
|
folderLabel: folderLabel,
|
|
@@ -1017,8 +1017,8 @@ var _DraggableNode = function DraggableNode(_ref) {
|
|
|
1017
1017
|
});
|
|
1018
1018
|
};
|
|
1019
1019
|
|
|
1020
|
-
function ownKeys$
|
|
1021
|
-
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; }
|
|
1022
1022
|
var initialDragState = {
|
|
1023
1023
|
activeItem: null,
|
|
1024
1024
|
overItem: null
|
|
@@ -1160,7 +1160,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1160
1160
|
},
|
|
1161
1161
|
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
1162
1162
|
className: "pb-6",
|
|
1163
|
-
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$
|
|
1163
|
+
children: /*#__PURE__*/React.createElement(_DraggableNode, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1164
1164
|
config: config,
|
|
1165
1165
|
dragState: dragState
|
|
1166
1166
|
})), {}, {
|
|
@@ -1183,7 +1183,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1183
1183
|
})]
|
|
1184
1184
|
}), /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/jsxRuntime.jsx(core.DragOverlay, {
|
|
1185
1185
|
zIndex: 99999,
|
|
1186
|
-
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$
|
|
1186
|
+
children: dragState && /*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$a(_objectSpread$a({}, nodeProps), {}, {
|
|
1187
1187
|
className: "neeto-ui-bg-gray-200 pl-4 pr-12",
|
|
1188
1188
|
depth: 0,
|
|
1189
1189
|
folder: dragState.activeItem,
|
|
@@ -1195,11 +1195,11 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
|
|
|
1195
1195
|
});
|
|
1196
1196
|
};
|
|
1197
1197
|
|
|
1198
|
-
function ownKeys$
|
|
1199
|
-
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; }
|
|
1200
1200
|
var FoldersPane = function FoldersPane(_ref) {
|
|
1201
1201
|
var configProps = _ref.config;
|
|
1202
|
-
var config = _objectSpread$
|
|
1202
|
+
var config = _objectSpread$9(_objectSpread$9({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1203
1203
|
var _useFolderStore = useFolderActions.useFolderStore(function (store) {
|
|
1204
1204
|
return {
|
|
1205
1205
|
setFolderState: store["setFolderState"]
|
|
@@ -1229,9 +1229,9 @@ var FoldersPane = function FoldersPane(_ref) {
|
|
|
1229
1229
|
children: function children(_ref2) {
|
|
1230
1230
|
var setFocusField = _ref2.setFocusField;
|
|
1231
1231
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1232
|
-
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$
|
|
1232
|
+
children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
|
|
1233
1233
|
setFocusField: setFocusField
|
|
1234
|
-
}, 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))]
|
|
1235
1235
|
});
|
|
1236
1236
|
}
|
|
1237
1237
|
});
|
|
@@ -1327,14 +1327,14 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1327
1327
|
});
|
|
1328
1328
|
};
|
|
1329
1329
|
|
|
1330
|
-
function ownKeys$
|
|
1331
|
-
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; }
|
|
1332
1332
|
var FoldersList = function FoldersList(_ref) {
|
|
1333
1333
|
var _ref$selection = _ref.selection,
|
|
1334
1334
|
selection = _ref$selection === void 0 ? [] : _ref$selection,
|
|
1335
1335
|
configProps = _ref.config,
|
|
1336
1336
|
onSelect = _ref.onSelect;
|
|
1337
|
-
var config = _objectSpread$
|
|
1337
|
+
var config = _objectSpread$8(_objectSpread$8({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1338
1338
|
var params = reactUtils.useQueryParams();
|
|
1339
1339
|
var _useTranslation = useTranslation(config),
|
|
1340
1340
|
t = _useTranslation.t;
|
|
@@ -1362,7 +1362,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1362
1362
|
onSelect: onSelect,
|
|
1363
1363
|
isSelected: selection.includes(folder.id),
|
|
1364
1364
|
key: folder.id,
|
|
1365
|
-
link: utils$1.buildUrl(config.folderPath, _objectSpread$
|
|
1365
|
+
link: utils$1.buildUrl(config.folderPath, _objectSpread$8(_objectSpread$8({}, params), {}, {
|
|
1366
1366
|
folderId: folder.sid
|
|
1367
1367
|
}))
|
|
1368
1368
|
});
|
|
@@ -1372,8 +1372,8 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1372
1372
|
};
|
|
1373
1373
|
|
|
1374
1374
|
var _excluded$1 = ["isOpen", "onClose"];
|
|
1375
|
-
function ownKeys$
|
|
1376
|
-
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; }
|
|
1377
1377
|
var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
1378
1378
|
var isOpen = _ref.isOpen,
|
|
1379
1379
|
onClose = _ref.onClose,
|
|
@@ -1381,14 +1381,49 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
|
|
|
1381
1381
|
return /*#__PURE__*/jsxRuntime.jsx(Pane, {
|
|
1382
1382
|
isOpen: isOpen,
|
|
1383
1383
|
onClose: onClose,
|
|
1384
|
-
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$
|
|
1384
|
+
children: /*#__PURE__*/jsxRuntime.jsx(PaneBody, _objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, rest), {}, {
|
|
1385
1385
|
onClose: onClose
|
|
1386
1386
|
})))
|
|
1387
1387
|
});
|
|
1388
1388
|
};
|
|
1389
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
|
+
|
|
1390
1424
|
var Node = function Node(_ref) {
|
|
1391
1425
|
var _isActive = _ref.isActive,
|
|
1426
|
+
isExpanded = _ref.isExpanded,
|
|
1392
1427
|
node = _ref.node,
|
|
1393
1428
|
link = _ref.link,
|
|
1394
1429
|
config = _ref.config;
|
|
@@ -1416,13 +1451,19 @@ var Node = function Node(_ref) {
|
|
|
1416
1451
|
},
|
|
1417
1452
|
to: link,
|
|
1418
1453
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1419
|
-
className: "flex items-center justify-between w-full group",
|
|
1454
|
+
className: "flex items-center justify-between w-full group relative",
|
|
1420
1455
|
"data-cy": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1421
1456
|
title: "",
|
|
1422
|
-
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", {
|
|
1423
1464
|
className: "flex items-center min-w-0 flex-1",
|
|
1424
1465
|
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
1425
|
-
className: "line-clamp-1 block truncate",
|
|
1466
|
+
className: "line-clamp-1 block truncate pl-0.5",
|
|
1426
1467
|
component: "span",
|
|
1427
1468
|
style: "body2",
|
|
1428
1469
|
title: name,
|
|
@@ -1435,7 +1476,7 @@ var Node = function Node(_ref) {
|
|
|
1435
1476
|
})
|
|
1436
1477
|
})]
|
|
1437
1478
|
}), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1438
|
-
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",
|
|
1439
1480
|
onClick: function onClick(e) {
|
|
1440
1481
|
e.preventDefault();
|
|
1441
1482
|
e.stopPropagation();
|
|
@@ -1451,13 +1492,13 @@ var Node = function Node(_ref) {
|
|
|
1451
1492
|
content: "Add",
|
|
1452
1493
|
position: "top"
|
|
1453
1494
|
},
|
|
1454
|
-
className: "opacity-0 group-hover:opacity-100 transition-opacity"
|
|
1495
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1455
1496
|
}
|
|
1456
1497
|
}), hasMoreActions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
1457
1498
|
menuItems: moreActions,
|
|
1458
1499
|
dropdownButtonProps: {
|
|
1459
1500
|
size: "small",
|
|
1460
|
-
className: "opacity-0 group-hover:opacity-100 transition-opacity"
|
|
1501
|
+
className: "opacity-0 group-hover:opacity-100 transition-opacity neeto-sidebar-folders-tree__action-button size-5"
|
|
1461
1502
|
}
|
|
1462
1503
|
})]
|
|
1463
1504
|
})]
|
|
@@ -1465,6 +1506,51 @@ var Node = function Node(_ref) {
|
|
|
1465
1506
|
});
|
|
1466
1507
|
};
|
|
1467
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
|
+
|
|
1468
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; }
|
|
1469
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; }
|
|
1470
1556
|
var splitItemsByFolder = function splitItemsByFolder(items) {
|
|
@@ -1511,10 +1597,11 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
|
|
|
1511
1597
|
var FoldersTree = function FoldersTree(_ref) {
|
|
1512
1598
|
var configProps = _ref.config;
|
|
1513
1599
|
var config = _objectSpread$1(_objectSpread$1({}, useFolderActions.DEFAULT_CONFIG), configProps);
|
|
1514
|
-
var _useState = React.useState(
|
|
1600
|
+
var _useState = React.useState(new Set()),
|
|
1515
1601
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1516
|
-
|
|
1517
|
-
|
|
1602
|
+
expandedKeysSet = _useState2[0],
|
|
1603
|
+
setExpandedKeysSet = _useState2[1];
|
|
1604
|
+
var expandedKeys = Array.from(expandedKeysSet);
|
|
1518
1605
|
var _useTranslation = useTranslation(config),
|
|
1519
1606
|
t = _useTranslation.t;
|
|
1520
1607
|
var params = reactUtils.useQueryParams({
|
|
@@ -1530,32 +1617,29 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1530
1617
|
var _activeFolder$meta;
|
|
1531
1618
|
if (!treeData) return;
|
|
1532
1619
|
// When active folder changes from external sources, update expanded keys to auto expand tree.
|
|
1533
|
-
var updatedExpandedKeys =
|
|
1620
|
+
var updatedExpandedKeys = new Set(expandedKeysSet);
|
|
1534
1621
|
var map = utils.treeToMap(treeData, "sid");
|
|
1535
1622
|
var activeFolder = map[activeFolderSid];
|
|
1536
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;
|
|
1537
|
-
if (parentSid && !
|
|
1538
|
-
updatedExpandedKeys.
|
|
1624
|
+
if (parentSid && !expandedKeysSet.has(parentSid)) {
|
|
1625
|
+
updatedExpandedKeys.add(parentSid);
|
|
1539
1626
|
}
|
|
1540
|
-
setExpandedKeys(updatedExpandedKeys);
|
|
1541
1627
|
};
|
|
1542
1628
|
var handleExpand = function handleExpand(keys, _ref2) {
|
|
1543
1629
|
var expanded = _ref2.expanded,
|
|
1544
1630
|
node = _ref2.node;
|
|
1545
|
-
if (expanded) {
|
|
1546
|
-
setExpandedKeys(keys);
|
|
1547
|
-
return;
|
|
1548
|
-
}
|
|
1549
1631
|
var keysSet = new Set(keys);
|
|
1550
|
-
|
|
1551
|
-
var
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
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);
|
|
1559
1643
|
};
|
|
1560
1644
|
React.useEffect(function () {
|
|
1561
1645
|
// Non urgent update.
|
|
@@ -1574,21 +1658,23 @@ var FoldersTree = function FoldersTree(_ref) {
|
|
|
1574
1658
|
treeData: treeData,
|
|
1575
1659
|
autoExpandParent: true,
|
|
1576
1660
|
blockNode: true,
|
|
1577
|
-
showLine: true,
|
|
1578
1661
|
className: "neeto-sidebar-folders-tree",
|
|
1579
1662
|
componentToken: {
|
|
1580
1663
|
titleHeight: 24,
|
|
1581
|
-
indentSize:
|
|
1664
|
+
indentSize: 20
|
|
1582
1665
|
},
|
|
1583
1666
|
fieldNames: {
|
|
1584
1667
|
key: "sid"
|
|
1585
1668
|
},
|
|
1586
1669
|
selectedKeys: [activeFolderSid],
|
|
1670
|
+
showLine: false,
|
|
1671
|
+
switcherIcon: SwitcherIcon,
|
|
1587
1672
|
titleRender: function titleRender(node) {
|
|
1588
1673
|
return /*#__PURE__*/jsxRuntime.jsx(Node, {
|
|
1589
1674
|
config: config,
|
|
1590
1675
|
node: node,
|
|
1591
1676
|
isActive: node.sid === activeFolderSid,
|
|
1677
|
+
isExpanded: expandedKeysSet.has(node.sid),
|
|
1592
1678
|
link: node.link || utils$1.buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
|
|
1593
1679
|
folderId: node.sid
|
|
1594
1680
|
}))
|
|
@@ -1677,7 +1763,7 @@ TreeSelect.displayName = "TreeSelect";
|
|
|
1677
1763
|
|
|
1678
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}}
|
|
1679
1765
|
|
|
1680
|
-
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 */";
|
|
1681
1767
|
n(css,{});
|
|
1682
1768
|
|
|
1683
1769
|
exports.AddEditPane = AddEditPane;
|