@bigbinary/neeto-folders-frontend 2.0.32 → 2.0.34

package/dist/cjs/components.js

@@ -9,9 +9,9 @@ var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../useFolderActions-BPC-4vSm.js');
+var useFolderActions = require('../useFolderActions-4NdTAEfb.js');
 var constants = require('./constants.js');
-var utils = require('../index-DxzvHr2u.js');
+var utils = require('../index-KIfzNbYI.js');
 var internal = require('../internal-DKHdgJas.js');
 var jsxRuntime = require('react/jsx-runtime');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -397,7 +397,7 @@ var Node$1 = function Node(_ref, ref) {
       onClick: onClick,
       ref: ref
     })), {}, {
-      "data-cy": "".concat(neetoCist.hyphenate(folder.name), "-folder-node"),
+      "data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-node"),
       className: classNames("relative my-1 flex cursor-pointer items-center px-2 py-1", className),
       children: [icon, /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "ms-2",
@@ -470,7 +470,7 @@ var _SelectableNode = function SelectableNode(_ref) {
         readOnly: true,
         checked: selection === folder.id,
         className: "neeto-ui-radio__container",
-        "data-cy": "".concat(neetoCist.hyphenate(folder.name), "-folder-option"),
+        "data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-option"),
         name: "move-folder-option"
       }),
       onClick: isDisabled ? neetoCist.noop : function () {
@@ -567,7 +567,7 @@ var PaneBody = function PaneBody(_ref) {
         children: t("moveToFolder.title")
       }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         className: "me-2",
-        "data-cy": "add-new-folder-button",
+        "data-testid": "add-new-folder-button",
         label: t("folders.add"),
         style: "link",
         onClick: onAddFolder
@@ -599,21 +599,21 @@ var PaneBody = function PaneBody(_ref) {
             return onSubmit(selection);
           }
         }, submitButtonProps), {}, {
-          "data-cy": "save-changes-button",
+          "data-testid": "save-changes-button",
           disabled: selection === parent || (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled)
         })), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({
           label: t("common.cancel"),
           style: "text",
           onClick: onClose
         }, cancelButtonProps), {}, {
-          "data-cy": "cancel-button"
+          "data-testid": "cancel-button"
         }))]
       }), onRemove && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({
         label: t("moveToFolder.remove"),
         style: "tertiary",
         onClick: onRemove
       }, removeButtonProps), {}, {
-        "data-cy": "remove-from-folder-button"
+        "data-testid": "remove-from-folder-button"
       }))]
     })]
   });
@@ -1318,7 +1318,7 @@ var FolderTile = function FolderTile(_ref) {
   childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
   metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
   return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({
-    "data-cy": "".concat(neetoCist.hyphenate(folder.name), "-folder-tile"),
+    "data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-tile"),
     to: link,
     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", {
       "neeto-ui-bg-primary-100": droppable.isOver,
@@ -1344,7 +1344,7 @@ var FolderTile = function FolderTile(_ref) {
       className: "flex min-w-0 flex-grow flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "-mt-0.5 line-clamp-2 break-words pe-8",
-        "data-cy": "folder-name",
+        "data-testid": "folder-name",
         lineHeight: "snug",
         style: "body1",
         title: folder.name,
@@ -1371,9 +1371,7 @@ var FolderTile = function FolderTile(_ref) {
 
 var sensorConfig = {
   activationConstraint: {
-    delay: 200,
-    tolerance: 5,
-    distance: 10
+    distance: 8
   }
 };
 var FoldersDnd = function FoldersDnd(_ref) {
@@ -1385,14 +1383,23 @@ var FoldersDnd = function FoldersDnd(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     dragItem = _useState2[0],
     setDragItem = _useState2[1];
-  var _useBulkUpdateFolders = useFolderActions.useBulkUpdateFolders(config),
-    onBulkUpdate = _useBulkUpdateFolders.mutate;
+  var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
+    updateFolder = _useUpdateFolder.mutate;
   var sensors = core.useSensors(core.useSensor(core.PointerSensor, sensorConfig));
   var onDropFolder = function onDropFolder(folder, parent) {
     if (!folder || !parent || folder.id === parent.id) return;
-    onBulkUpdate({
-      ids: [folder.id],
-      parentId: parent.id
+    updateFolder({
+      id: folder.id,
+      payload: {
+        id: folder.id,
+        parentId: parent.id
+      },
+      initialSlug: folder.sid,
+      config: {
+        showToastr: false
+      }
+    }, {
+      onError: internal.toastApiError
     });
   };
   var handleDragStart = function handleDragStart(_ref2) {
@@ -1455,7 +1462,7 @@ var FoldersList = function FoldersList(_ref) {
       children: t("folders.title")
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-folders-grid-view-wrapper mb-10 grid w-full gap-4",
-      "data-cy": "folders-list",
+      "data-testid": "folders-list",
       children: subFolders.map(function (folder) {
         return /*#__PURE__*/React.createElement(FolderTile, {
           actions: actions,
@@ -1575,7 +1582,7 @@ var Node = function Node(_ref) {
     to: link,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center justify-between w-full group relative",
-      "data-cy": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
+      "data-testid": "".concat(neetoCist.hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
       title: "",
       children: [isFolder && (isExpanded ? /*#__PURE__*/jsxRuntime.jsx(FolderIconOpen, {
         className: "flex-shrink-0 me-1",
@@ -1866,7 +1873,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [foldersMap]);
   return /*#__PURE__*/jsxRuntime.jsx(NUITreeSelect, _objectSpread({
     treeDataSimpleMode: true,
-    "data-cy": "nui-select-container-wrapper",
+    "data-testid": "nui-select-container-wrapper",
     treeData: folderOptions,
     treeNodeFilterProp: (_fieldNames$label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) !== null && _fieldNames$label !== void 0 ? _fieldNames$label : "title"
   }, _objectSpread({