@bigbinary/neeto-form-frontend 4.4.19 → 4.4.20

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-05-08T05:05:46.191Z
+Built at 2026-05-08T15:58:59.942Z

package/dist/BuildForm.js

@@ -4,7 +4,7 @@ import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, findById,
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { equals, path, when, assoc, includes, isEmpty, reject, keys, pick, omit, evolve, map, mergeLeft, isNil, pipe, filter, isNotNil, values, uniq, join, pathSatisfies, assocPath, dissoc, append, pluck, test, paths, difference, prop, startsWith, split, last, either, F, T } from 'ramda';
 import { k as useDeleteQuestion, Q as QUESTION_TYPES, b as useForm, l as useCreateQuestion, m as useUpdateQuestion, C as CAPTCHA_TYPES, n as useReorderQuestions, i as QUERY_KEYS } from './constants-Cj0XxE8a.js';
-import { j as QUESTION_ACTIONS, k as INDEPENDENT_LABELS_MAP, l as buildDisplayLabel, m as isElementOverflowing, n as Drag, o as SELECTABLE_KINDS, p as isAutoGeneratedQuestion, q as isRichTextQuestion, r as SPOT_QUESTION_FIELD_CODE, N as NON_BASIC_LATIN_CHARACTERS_REGEX, s as RESERVED_FIELD_CODES, t as renameKey, f as LABEL_FIELDS, u as isDefaultLanguage, v as buildAddQuestionButtonProps, w as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, M as MIN_WORDS_SWITCH_LABEL_PROPS, x as MIN_WORDS, y as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, z as NON_HIDEABLE_FIELDS, B as NON_READ_ONLY_FIELDS, O as OPINION_LABEL_MAX_LENGTH, G as RICH_TEXT_QUESTIONS, e as ADDRESS_FIELD_WIDTHS, A as ADDRESS_FIELD_TYPES, H as generateDefaultOptions, J as MINIMUM_ADDRESS_FIELDS, K as getDeletedRecords, T as randomId, U as getActiveRecords, V as FILE_TYPES_MAP, W as FILE_GROUPS, X as OPINION_SCALE_MIN_VALUE_OPTIONS, Y as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, Z as MINIMUM_OPTIONS, _ as IMAGE_HEIGHT_SLIDER_DEFAULTS, $ as RATING_OPTIONS, a0 as STAR_RATING_MIN_VALUE_OPTIONS, a1 as STAR_RATING_MAX_VALUE_OPTIONS, a2 as STAR_RATING_ICONS_MAP, a3 as buildDisabledAddButtonHelpPopoverProps, a4 as buildReorderPayload, a5 as QUESTIONS_INITIAL_VALUE, a6 as isMandatoryField, a7 as QUESTION_KINDS, a as QUESTION_KIND, a8 as getActiveQuestionKindDetails, a9 as DEFAULT_AVAILABLE_LANGUAGES, aa as DEFAULT_ADVANCED_FEATURES } from './yup-CBPWSDXh.js';
+import { j as QUESTION_ACTIONS, k as INDEPENDENT_LABELS_MAP, l as buildDisplayLabel, m as isElementOverflowing, n as SELECTABLE_KINDS, o as isAutoGeneratedQuestion, p as isRichTextQuestion, q as SPOT_QUESTION_FIELD_CODE, N as NON_BASIC_LATIN_CHARACTERS_REGEX, r as RESERVED_FIELD_CODES, s as renameKey, f as LABEL_FIELDS, t as isDefaultLanguage, u as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, M as MIN_WORDS_SWITCH_LABEL_PROPS, w as MIN_WORDS, x as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, y as NON_HIDEABLE_FIELDS, z as NON_READ_ONLY_FIELDS, O as OPINION_LABEL_MAX_LENGTH, B as RICH_TEXT_QUESTIONS, e as ADDRESS_FIELD_WIDTHS, A as ADDRESS_FIELD_TYPES, G as generateDefaultOptions, H as MINIMUM_ADDRESS_FIELDS, J as getDeletedRecords, K as randomId, T as getActiveRecords, U as FILE_TYPES_MAP, V as FILE_GROUPS, W as OPINION_SCALE_MIN_VALUE_OPTIONS, X as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, Y as MINIMUM_OPTIONS, Z as IMAGE_HEIGHT_SLIDER_DEFAULTS, _ as RATING_OPTIONS, $ as STAR_RATING_MIN_VALUE_OPTIONS, a0 as STAR_RATING_MAX_VALUE_OPTIONS, a1 as STAR_RATING_ICONS_MAP, a2 as buildDisabledAddButtonHelpPopoverProps, a3 as buildReorderPayload, a4 as QUESTIONS_INITIAL_VALUE, a5 as isMandatoryField, a6 as QUESTION_KINDS, a as QUESTION_KIND, a7 as getActiveQuestionKindDetails, a8 as DEFAULT_AVAILABLE_LANGUAGES, a9 as DEFAULT_ADVANCED_FEATURES } from './yup-bkiiTZT4.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
@@ -21,6 +21,7 @@ import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Equals from '@bigbinary/neeto-icons/Equals';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { i as isFunction, f as fieldWithFallback, c as isNameQuestion } from './index-DhtQJpD_.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -314,7 +315,8 @@ var Card = function Card(_ref) {
       allQuestionKinds: allQuestionKinds,
       item: question
     }),
-    isSingular = _getActiveKindDetails.isSingular;
+    isSingular = _getActiveKindDetails.isSingular,
+    KindIcon = _getActiveKindDetails.icon;
   var questionLabel = buildDisplayLabel(question);
   useEffect(function () {
     var element = questionLabelRef.current;
@@ -322,62 +324,60 @@ var Card = function Card(_ref) {
     setIsTooltipEnabled(isElementOverflowing(element));
   }, [questionLabel]);
   return /*#__PURE__*/jsxs("div", {
-    className: "flex items-center gap-0.5",
-    children: [canManageQuestions && /*#__PURE__*/jsx(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__*/jsxs("div", {
-      "data-testid": "neeto-form-engine-".concat(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 overflow-hidden", {
-        "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
-      }),
-      onClick: function onClick() {
-        return onSelect(question);
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: "flex min-w-0 grow items-center gap-1",
-        children: /*#__PURE__*/jsx(Tooltip, {
-          content: questionLabel,
-          disabled: !isTooltipEnabled,
-          position: "top",
-          children: /*#__PURE__*/jsx(Typography, {
-            className: "line-clamp-2 min-w-0 grow truncate break-words",
-            "data-testid": "".concat(slugify(questionLabel), "-question-card-label"),
-            lineHeight: "snug",
-            ref: questionLabelRef,
-            style: "body2",
-            weight: "medium",
-            children: questionLabel
-          })
+    "data-testid": "neeto-form-engine-".concat(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-2 overflow-hidden border p-2", {
+      "neeto-ui-border-primary-500 neeto-form-nano-form__card--active": isActive
+    }),
+    onClick: function onClick() {
+      return onSelect(question);
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex min-w-0 grow items-center gap-2",
+      children: [KindIcon && /*#__PURE__*/jsx(KindIcon, {
+        className: "neeto-ui-text-gray-600 shrink-0",
+        "data-testid": "question-card-kind-icon",
+        size: 16
+      }), /*#__PURE__*/jsx(Tooltip, {
+        content: questionLabel,
+        disabled: !isTooltipEnabled,
+        position: "top",
+        children: /*#__PURE__*/jsx(Typography, {
+          className: "min-w-0 grow truncate",
+          "data-testid": "".concat(slugify(questionLabel), "-question-card-label"),
+          lineHeight: "snug",
+          ref: questionLabelRef,
+          style: "body2",
+          weight: "medium",
+          children: questionLabel
         })
-      }), canManageQuestions && /*#__PURE__*/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 && isFunction(onClone),
-          onClick: onClone
-        }].concat(_toConsumableArray(extraMenuItems), [{
-          "data-testid": "delete-question",
-          key: "delete",
-          label: t("neetoForm.common.delete"),
-          isVisible: isFunction(onDelete),
-          onClick: function onClick() {
-            return onDelete(question);
-          }
-        }])
       })]
+    }), canManageQuestions && /*#__PURE__*/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 && isFunction(onClone),
+        onClick: onClone
+      }].concat(_toConsumableArray(extraMenuItems), [{
+        "data-testid": "delete-question",
+        key: "delete",
+        label: t("neetoForm.common.delete"),
+        isVisible: isFunction(onDelete),
+        onClick: function onClick() {
+          return onDelete(question);
+        }
+      }])
     })]
   });
 };
@@ -418,20 +418,30 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsx("div", _objectSpread$j(_objectSpread$j(_objectSpread$j({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsxs("div", _objectSpread$j(_objectSpread$j({}, draggableProps), {}, {
+              className: "flex items-center gap-1",
               ref: innerRef,
-              children: /*#__PURE__*/jsx(Card, {
-                allQuestionKinds: allQuestionKinds,
-                canManageQuestions: canManageQuestions,
-                getActiveKindDetails: getActiveKindDetails,
-                onClone: onClone,
-                onEdit: onEdit,
-                onSelect: onSelect,
-                question: question,
-                extraMenuItems: (_getQuestionMenuExtra = getQuestionMenuExtras === null || getQuestionMenuExtras === void 0 ? void 0 : getQuestionMenuExtras(question)) !== null && _getQuestionMenuExtra !== void 0 ? _getQuestionMenuExtra : [],
-                isActive: equals(selectedQuestion, question),
-                onDelete: isDeletable(question) && onDelete
-              })
+              children: [canManageQuestions && /*#__PURE__*/jsx("span", _objectSpread$j(_objectSpread$j({}, dragHandleProps), {}, {
+                className: "neeto-ui-text-gray-400 hover:neeto-ui-text-gray-500 shrink-0 cursor-grab transition-all duration-300 ease-in-out",
+                "data-testid": "question-card-drag-handle",
+                children: /*#__PURE__*/jsx(Equals, {
+                  size: 16
+                })
+              })), /*#__PURE__*/jsx("div", {
+                className: "min-w-0 grow",
+                children: /*#__PURE__*/jsx(Card, {
+                  allQuestionKinds: allQuestionKinds,
+                  canManageQuestions: canManageQuestions,
+                  getActiveKindDetails: getActiveKindDetails,
+                  onClone: onClone,
+                  onEdit: onEdit,
+                  onSelect: onSelect,
+                  question: question,
+                  extraMenuItems: (_getQuestionMenuExtra = getQuestionMenuExtras === null || getQuestionMenuExtras === void 0 ? void 0 : getQuestionMenuExtras(question)) !== null && _getQuestionMenuExtra !== void 0 ? _getQuestionMenuExtra : [],
+                  isActive: equals(selectedQuestion, question),
+                  onDelete: isDeletable(question) && onDelete
+                })
+              })]
             }));
           });
         }), placeholder]