@bigbinary/neeto-form-frontend 4.4.11 → 4.4.12

package/dist/cjs/BuildForm.js

@@ -319,58 +319,62 @@ var Card = function Card(_ref) {
     setIsTooltipEnabled(yup.isElementOverflowing(element));
   }, [questionLabel]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    "data-testid": "neeto-form-engine-".concat(neetoCist.slugify(questionLabel)),
-    className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 w-full items-center justify-between gap-1 border p-2", {
-      "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
-    }),
-    onClick: function onClick() {
-      return onSelect(question);
-    },
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex min-w-0 grow items-center gap-1",
-      children: [canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(yup.Drag, {
-        className: "neeto-ui-text-gray-600 shrink-0"
-      }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
-        content: questionLabel,
-        disabled: !isTooltipEnabled,
-        position: "top",
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          className: "line-clamp-2 min-w-0 grow truncate break-words",
-          "data-testid": "".concat(neetoCist.slugify(questionLabel), "-question-card-label"),
-          lineHeight: "snug",
-          ref: questionLabelRef,
-          style: "body2",
-          weight: "medium",
-          children: questionLabel
+    className: "flex items-center gap-0.5",
+    children: [canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(yup.Drag, {
+      className: "neeto-ui-text-gray-400 hover:neeto-ui-text-gray-500 transition-all ease-in-out duration-300 shrink-0 cursor-grab -ml-1",
+      size: 16
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      "data-testid": "neeto-form-engine-".concat(neetoCist.slugify(questionLabel)),
+      className: classnames("neeto-ui-rounded neeto-ui-border-gray-300 neeto-ui-bg-white neeto-form-nano-form__card flex h-10 grow items-center justify-between gap-1 border p-2", {
+        "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
+      }),
+      onClick: function onClick() {
+        return onSelect(question);
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex min-w-0 grow items-center gap-1",
+        children: /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+          content: questionLabel,
+          disabled: !isTooltipEnabled,
+          position: "top",
+          children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "line-clamp-2 min-w-0 grow truncate break-words",
+            "data-testid": "".concat(neetoCist.slugify(questionLabel), "-question-card-label"),
+            lineHeight: "snug",
+            ref: questionLabelRef,
+            style: "body2",
+            weight: "medium",
+            children: questionLabel
+          })
         })
+      }), canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+        dropdownButtonProps: {
+          className: "shrink-0"
+        },
+        dropdownProps: {
+          strategy: "fixed"
+        },
+        menuItems: [{
+          "data-testid": "edit-question",
+          key: "edit",
+          label: t("neetoForm.common.edit"),
+          onClick: onEdit
+        }, {
+          "data-testid": "clone-question",
+          key: "clone",
+          label: t("neetoForm.common.clone"),
+          isVisible: !isSingular && index.isFunction(onClone),
+          onClick: onClone
+        }, {
+          "data-testid": "delete-question",
+          key: "delete",
+          label: t("neetoForm.common.delete"),
+          isVisible: index.isFunction(onDelete),
+          onClick: function onClick() {
+            return onDelete(question);
+          }
+        }]
       })]
-    }), canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
-      dropdownButtonProps: {
-        className: "shrink-0"
-      },
-      dropdownProps: {
-        strategy: "fixed"
-      },
-      menuItems: [{
-        "data-testid": "edit-question",
-        key: "edit",
-        label: t("neetoForm.common.edit"),
-        onClick: onEdit
-      }, {
-        "data-testid": "clone-question",
-        key: "clone",
-        label: t("neetoForm.common.clone"),
-        isVisible: !isSingular && index.isFunction(onClone),
-        onClick: onClone
-      }, {
-        "data-testid": "delete-question",
-        key: "delete",
-        label: t("neetoForm.common.delete"),
-        isVisible: index.isFunction(onDelete),
-        onClick: function onClick() {
-          return onDelete(question);
-        }
-      }]
     })]
   });
 };