@bigbinary/neeto-folders-frontend 2.0.32 → 2.0.34
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 +28 -21
- package/dist/cjs/components.js.map +1 -1
- package/dist/cjs/hooks.js +1 -1
- package/dist/cjs/utils.js +5 -4
- package/dist/cjs/utils.js.map +1 -1
- package/dist/components.js +28 -21
- package/dist/components.js.map +1 -1
- package/dist/hooks.js +1 -1
- package/dist/{index-CfSLBCVx.js → index-BrWMXN6M.js} +2 -2
- package/dist/index-BrWMXN6M.js.map +1 -0
- package/dist/{index-DxzvHr2u.js → index-KIfzNbYI.js} +2 -2
- package/dist/{index-CfSLBCVx.js.map → index-KIfzNbYI.js.map} +1 -1
- package/dist/{useFolderActions-BPC-4vSm.js → useFolderActions-4NdTAEfb.js} +1 -2
- package/dist/{useFolderActions-BPC-4vSm.js.map → useFolderActions-4NdTAEfb.js.map} +1 -1
- package/dist/{useFolderActions-D1VMXSFm.js → useFolderActions-DBZKRr8d.js} +2 -2
- package/dist/{useFolderActions-D1VMXSFm.js.map → useFolderActions-DBZKRr8d.js.map} +1 -1
- package/dist/utils.js +4 -4
- package/package.json +11 -11
- package/dist/index-DxzvHr2u.js.map +0 -1
package/dist/cjs/hooks.js
CHANGED
package/dist/cjs/utils.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
require('ramda');
|
|
4
|
-
var
|
|
5
|
-
require('
|
|
6
|
-
require('@bigbinary/neeto-cist');
|
|
7
|
-
require('../internal-DKHdgJas.js');
|
|
4
|
+
var internal = require('../internal-DKHdgJas.js');
|
|
5
|
+
var utils = require('../index-KIfzNbYI.js');
|
|
8
6
|
require('@bigbinary/neetoui/Toastr');
|
|
9
7
|
require('react-router-dom');
|
|
8
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
9
|
+
require('@bigbinary/neeto-cist');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
+
exports.toastApiError = internal.toastApiError;
|
|
13
14
|
exports.flattenTree = utils.flattenTree;
|
|
14
15
|
exports.pathToFolder = utils.pathToFolder;
|
|
15
16
|
//# sourceMappingURL=utils.js.map
|
package/dist/cjs/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
package/dist/components.js
CHANGED
|
@@ -7,9 +7,9 @@ import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/
|
|
|
7
7
|
import Alert from '@bigbinary/neetoui/Alert';
|
|
8
8
|
import { useTranslation as useTranslation$1, Trans } from 'react-i18next';
|
|
9
9
|
import { useHistory, Link, NavLink } from 'react-router-dom';
|
|
10
|
-
import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG,
|
|
10
|
+
import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, b as useFolderActions } from './useFolderActions-DBZKRr8d.js';
|
|
11
11
|
import { QUERY_KEYS } from './constants.js';
|
|
12
|
-
import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-
|
|
12
|
+
import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-BrWMXN6M.js';
|
|
13
13
|
import { a as isActiveFolder, g as getActiveFolderId, t as toastApiError, i as isArray, m as mapObj } from './internal-DUPKoXC_.js';
|
|
14
14
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
15
15
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
@@ -395,7 +395,7 @@ var Node$1 = function Node(_ref, ref) {
|
|
|
395
395
|
onClick: onClick,
|
|
396
396
|
ref: ref
|
|
397
397
|
})), {}, {
|
|
398
|
-
"data-
|
|
398
|
+
"data-testid": "".concat(hyphenate(folder.name), "-folder-node"),
|
|
399
399
|
className: classNames("relative my-1 flex cursor-pointer items-center px-2 py-1", className),
|
|
400
400
|
children: [icon, /*#__PURE__*/jsxs("div", {
|
|
401
401
|
className: "ms-2",
|
|
@@ -468,7 +468,7 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
468
468
|
readOnly: true,
|
|
469
469
|
checked: selection === folder.id,
|
|
470
470
|
className: "neeto-ui-radio__container",
|
|
471
|
-
"data-
|
|
471
|
+
"data-testid": "".concat(hyphenate(folder.name), "-folder-option"),
|
|
472
472
|
name: "move-folder-option"
|
|
473
473
|
}),
|
|
474
474
|
onClick: isDisabled ? noop : function () {
|
|
@@ -565,7 +565,7 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
565
565
|
children: t("moveToFolder.title")
|
|
566
566
|
}), /*#__PURE__*/jsx(Button, {
|
|
567
567
|
className: "me-2",
|
|
568
|
-
"data-
|
|
568
|
+
"data-testid": "add-new-folder-button",
|
|
569
569
|
label: t("folders.add"),
|
|
570
570
|
style: "link",
|
|
571
571
|
onClick: onAddFolder
|
|
@@ -597,21 +597,21 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
597
597
|
return onSubmit(selection);
|
|
598
598
|
}
|
|
599
599
|
}, submitButtonProps), {}, {
|
|
600
|
-
"data-
|
|
600
|
+
"data-testid": "save-changes-button",
|
|
601
601
|
disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
|
|
602
602
|
})), /*#__PURE__*/jsx(Button, _objectSpread$g(_objectSpread$g({
|
|
603
603
|
label: t("common.cancel"),
|
|
604
604
|
style: "text",
|
|
605
605
|
onClick: onClose
|
|
606
606
|
}, cancelButtonProps), {}, {
|
|
607
|
-
"data-
|
|
607
|
+
"data-testid": "cancel-button"
|
|
608
608
|
}))]
|
|
609
609
|
}), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$g(_objectSpread$g({
|
|
610
610
|
label: t("moveToFolder.remove"),
|
|
611
611
|
style: "tertiary",
|
|
612
612
|
onClick: onRemove
|
|
613
613
|
}, removeButtonProps), {}, {
|
|
614
|
-
"data-
|
|
614
|
+
"data-testid": "remove-from-folder-button"
|
|
615
615
|
}))]
|
|
616
616
|
})]
|
|
617
617
|
});
|
|
@@ -1316,7 +1316,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1316
1316
|
childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
|
|
1317
1317
|
metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
|
|
1318
1318
|
return /*#__PURE__*/jsxs(Link, _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({
|
|
1319
|
-
"data-
|
|
1319
|
+
"data-testid": "".concat(hyphenate(folder.name), "-folder-tile"),
|
|
1320
1320
|
to: link,
|
|
1321
1321
|
className: classNames("neeto-ui-bg-gray-50 neeto-ui-border-gray-200 neeto-ui-rounded-md hover:neeto-ui-border-primary-500 relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
|
|
1322
1322
|
"neeto-ui-bg-primary-100": droppable.isOver,
|
|
@@ -1342,7 +1342,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1342
1342
|
className: "flex min-w-0 flex-grow flex-col gap-2",
|
|
1343
1343
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1344
1344
|
className: "-mt-0.5 line-clamp-2 break-words pe-8",
|
|
1345
|
-
"data-
|
|
1345
|
+
"data-testid": "folder-name",
|
|
1346
1346
|
lineHeight: "snug",
|
|
1347
1347
|
style: "body1",
|
|
1348
1348
|
title: folder.name,
|
|
@@ -1369,9 +1369,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1369
1369
|
|
|
1370
1370
|
var sensorConfig = {
|
|
1371
1371
|
activationConstraint: {
|
|
1372
|
-
|
|
1373
|
-
tolerance: 5,
|
|
1374
|
-
distance: 10
|
|
1372
|
+
distance: 8
|
|
1375
1373
|
}
|
|
1376
1374
|
};
|
|
1377
1375
|
var FoldersDnd = function FoldersDnd(_ref) {
|
|
@@ -1383,14 +1381,23 @@ var FoldersDnd = function FoldersDnd(_ref) {
|
|
|
1383
1381
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1384
1382
|
dragItem = _useState2[0],
|
|
1385
1383
|
setDragItem = _useState2[1];
|
|
1386
|
-
var
|
|
1387
|
-
|
|
1384
|
+
var _useUpdateFolder = useUpdateFolder(config),
|
|
1385
|
+
updateFolder = _useUpdateFolder.mutate;
|
|
1388
1386
|
var sensors = useSensors(useSensor(PointerSensor, sensorConfig));
|
|
1389
1387
|
var onDropFolder = function onDropFolder(folder, parent) {
|
|
1390
1388
|
if (!folder || !parent || folder.id === parent.id) return;
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1389
|
+
updateFolder({
|
|
1390
|
+
id: folder.id,
|
|
1391
|
+
payload: {
|
|
1392
|
+
id: folder.id,
|
|
1393
|
+
parentId: parent.id
|
|
1394
|
+
},
|
|
1395
|
+
initialSlug: folder.sid,
|
|
1396
|
+
config: {
|
|
1397
|
+
showToastr: false
|
|
1398
|
+
}
|
|
1399
|
+
}, {
|
|
1400
|
+
onError: toastApiError
|
|
1394
1401
|
});
|
|
1395
1402
|
};
|
|
1396
1403
|
var handleDragStart = function handleDragStart(_ref2) {
|
|
@@ -1453,7 +1460,7 @@ var FoldersList = function FoldersList(_ref) {
|
|
|
1453
1460
|
children: t("folders.title")
|
|
1454
1461
|
}), /*#__PURE__*/jsx("div", {
|
|
1455
1462
|
className: "neeto-folders-grid-view-wrapper mb-10 grid w-full gap-4",
|
|
1456
|
-
"data-
|
|
1463
|
+
"data-testid": "folders-list",
|
|
1457
1464
|
children: subFolders.map(function (folder) {
|
|
1458
1465
|
return /*#__PURE__*/createElement(FolderTile, {
|
|
1459
1466
|
actions: actions,
|
|
@@ -1573,7 +1580,7 @@ var Node = function Node(_ref) {
|
|
|
1573
1580
|
to: link,
|
|
1574
1581
|
children: /*#__PURE__*/jsxs("div", {
|
|
1575
1582
|
className: "flex items-center justify-between w-full group relative",
|
|
1576
|
-
"data-
|
|
1583
|
+
"data-testid": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
|
|
1577
1584
|
title: "",
|
|
1578
1585
|
children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(FolderIconOpen, {
|
|
1579
1586
|
className: "flex-shrink-0 me-1",
|
|
@@ -1864,7 +1871,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1864
1871
|
}, [foldersMap]);
|
|
1865
1872
|
return /*#__PURE__*/jsx(NUITreeSelect, _objectSpread({
|
|
1866
1873
|
treeDataSimpleMode: true,
|
|
1867
|
-
"data-
|
|
1874
|
+
"data-testid": "nui-select-container-wrapper",
|
|
1868
1875
|
treeData: folderOptions,
|
|
1869
1876
|
treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "title"
|
|
1870
1877
|
}, _objectSpread({
|