@bigbinary/neeto-folders-frontend 2.0.33 → 2.0.35

package/dist/components.js

@@ -385,7 +385,7 @@ var Node$1 = function Node(_ref, ref) {
       length: depth
     }).map(function (_, index) {
       return /*#__PURE__*/jsx("span", {
-        className: "neeto-ui-border-gray-300 relative h-full flex-shrink-0 border-s",
+        className: "neeto-ui-border-gray-200 relative h-full flex-shrink-0 border-s",
         style: {
           width: REORDER_TREE_INDENT_WIDTH,
           insetInlineStart: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
@@ -395,7 +395,7 @@ var Node$1 = function Node(_ref, ref) {
       onClick: onClick,
       ref: ref
     })), {}, {
-      "data-cy": "".concat(hyphenate(folder.name), "-folder-node"),
+      "data-testid": "".concat(hyphenate(folder.name), "-folder-node"),
       className: classNames("relative my-1 flex cursor-pointer items-center px-2 py-1", className),
       children: [icon, /*#__PURE__*/jsxs("div", {
         className: "ms-2",
@@ -425,7 +425,7 @@ var _SelectableNode = function SelectableNode(_ref) {
   var folder = _ref.folder,
     item = _ref.item,
     _ref$depth = _ref.depth,
-    depth = _ref$depth === void 0 ? 1 : _ref$depth,
+    depth = _ref$depth === void 0 ? 0 : _ref$depth,
     maxDepth = _ref.maxDepth,
     disabled = _ref.disabled,
     config = _ref.config,
@@ -434,7 +434,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     onSelect = rest.onSelect;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
-  var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth > maxDepth;
+  var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth >= maxDepth;
   var itemLabel = config.labels[folder.itemCount > 1 ? "items" : "item"];
   var folderLabel = config.labels[((_folder$children$leng = (_folder$children = folder.children) === null || _folder$children === void 0 ? void 0 : _folder$children.length) !== null && _folder$children$leng !== void 0 ? _folder$children$leng : 0) > 1 ? "folders" : "folder"];
   var renderChildren = function renderChildren() {
@@ -454,10 +454,10 @@ var _SelectableNode = function SelectableNode(_ref) {
   };
   return /*#__PURE__*/jsxs("div", {
     "aria-disabled": isDisabled,
-    className: classNames({
+    title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
+    className: classNames("flex flex-col w-full min-w-0", {
       "opacity-60": isDisabled
     }),
-    title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
     children: [/*#__PURE__*/jsx(Node$2, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
       depth: depth,
       folder: folder,
@@ -468,7 +468,7 @@ var _SelectableNode = function SelectableNode(_ref) {
         readOnly: true,
         checked: selection === folder.id,
         className: "neeto-ui-radio__container",
-        "data-cy": "".concat(hyphenate(folder.name), "-folder-option"),
+        "data-testid": "".concat(hyphenate(folder.name), "-folder-option"),
         name: "move-folder-option"
       }),
       onClick: isDisabled ? noop : function () {
@@ -565,7 +565,7 @@ var PaneBody = function PaneBody(_ref) {
         children: t("moveToFolder.title")
       }), /*#__PURE__*/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
@@ -597,21 +597,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__*/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__*/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"
       }))]
     })]
   });
@@ -1316,7 +1316,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__*/jsxs(Link, _objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a(_objectSpread$a({
-    "data-cy": "".concat(hyphenate(folder.name), "-folder-tile"),
+    "data-testid": "".concat(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,
@@ -1342,7 +1342,7 @@ var FolderTile = function FolderTile(_ref) {
       className: "flex min-w-0 flex-grow flex-col gap-2",
       children: [/*#__PURE__*/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,
@@ -1460,7 +1460,7 @@ var FoldersList = function FoldersList(_ref) {
       children: t("folders.title")
     }), /*#__PURE__*/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__*/createElement(FolderTile, {
           actions: actions,
@@ -1580,7 +1580,7 @@ var Node = function Node(_ref) {
     to: link,
     children: /*#__PURE__*/jsxs("div", {
       className: "flex items-center justify-between w-full group relative",
-      "data-cy": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
+      "data-testid": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
       title: "",
       children: [isFolder && (isExpanded ? /*#__PURE__*/jsx(FolderIconOpen, {
         className: "flex-shrink-0 me-1",
@@ -1871,7 +1871,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [foldersMap]);
   return /*#__PURE__*/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({