@bigbinary/neeto-folders-frontend 2.0.10 → 2.0.11

package/dist/components.js

@@ -34,7 +34,7 @@ import Down from '@bigbinary/neeto-icons/Down';
 import Label from '@bigbinary/neetoui/Label';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Button from '@bigbinary/neetoui/Button';
-import { noop, isNotPresent } from '@bigbinary/neeto-cist';
+import { hyphenate, noop, isNotPresent } from '@bigbinary/neeto-cist';
 import Radio from '@bigbinary/neetoui/Radio';
 import { useDraggable, useDroppable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor } from '@dnd-kit/core';
 import Reorder from '@bigbinary/neeto-icons/Reorder';
@@ -526,6 +526,7 @@ var Node = function Node(_ref, ref) {
       onClick: onClick,
       ref: ref
     })), {}, {
+      "data-cy": "".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: "ml-2",
@@ -598,6 +599,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"),
         name: "move-folder-option"
       }),
       onClick: isDisabled ? noop : function () {
@@ -684,6 +686,7 @@ var PaneBody = function PaneBody(_ref) {
         children: t("moveToFolder.title")
       }), /*#__PURE__*/jsx(Button, {
         className: "mr-2",
+        "data-cy": "add-new-folder-button",
         label: t("folders.add"),
         style: "link",
         onClick: onAddFolder
@@ -708,23 +711,29 @@ var PaneBody = function PaneBody(_ref) {
       className: "space-x-2",
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-1 space-x-2",
-        children: [/*#__PURE__*/jsx(Button, _objectSpread$8({
+        children: [/*#__PURE__*/jsx(Button, _objectSpread$8(_objectSpread$8({
           disabled: selection === undefined,
           label: t("common.save"),
           style: "primary",
           onClick: function onClick() {
             return onSubmit(selection);
           }
-        }, submitButtonProps)), /*#__PURE__*/jsx(Button, _objectSpread$8({
+        }, submitButtonProps), {}, {
+          "data-cy": "save-changes-button"
+        })), /*#__PURE__*/jsx(Button, _objectSpread$8(_objectSpread$8({
           label: t("common.cancel"),
           style: "text",
           onClick: onClose
-        }, cancelButtonProps))]
-      }), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$8({
+        }, cancelButtonProps), {}, {
+          "data-cy": "cancel-button"
+        }))]
+      }), onRemove && /*#__PURE__*/jsx(Button, _objectSpread$8(_objectSpread$8({
         label: t("moveToFolder.remove"),
         style: "tertiary",
         onClick: onRemove
-      }, removeButtonProps))]
+      }, removeButtonProps), {}, {
+        "data-cy": "remove-from-folder-button"
+      }))]
     })]
   });
 };
@@ -1405,6 +1414,7 @@ var FolderTile = function FolderTile(_ref) {
   metaInfo.push("".concat(folder.itemCount || 0, " ").concat(itemLabel).toLowerCase());
   return /*#__PURE__*/jsxs(Link, {
     className: "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",
+    "data-cy": "".concat(hyphenate(folder.name), "-folder-tile"),
     to: link,
     children: [/*#__PURE__*/jsx(Checkbox, {
       checked: isSelected,
@@ -1420,6 +1430,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 pr-8",
+        "data-cy": "folder-name",
         lineHeight: "snug",
         style: "body1",
         title: folder.name,
@@ -1470,6 +1481,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",
       children: subFolders.map(function (folder) {
         return /*#__PURE__*/createElement(FolderTile, {
           actions: actions,
@@ -1520,6 +1532,7 @@ var FolderNode = function FolderNode(_ref) {
     to: link,
     children: /*#__PURE__*/jsxs("div", {
       className: "flex items-center",
+      "data-cy": "".concat(hyphenate(name), "-folder-sublink"),
       children: [/*#__PURE__*/jsx(Typography, {
         className: "line-clamp-1 block truncate",
         component: "span",