@bigbinary/neeto-form-frontend 4.4.19 → 4.4.21

package/dist/ExternalForm.js

@@ -25,8 +25,8 @@ import { a as isBlank, g as getComponentDisplayName, p as parseServerError } fro
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Check from '@bigbinary/neeto-icons/Check';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { C as CALLOUT_POSITIONS, b as CALLOUT_STYLES, L as LAST_ELEMENTS_THRESHOLD, a as QUESTION_KIND } from './yup-CBPWSDXh.js';
-import { c as clientI18nInstance, d as getWithExpiry, e as clearEmailVerificationDetails, F as FormikWrap, g as getFieldComponent, b as buildAutoCompleteAttribute, r as renderButtonsInOrder, m as mergeRefs, a as generateInitValues, f as generateFormResponse, h as clearLocalStorageValues } from './utils-NwGbGewW.js';
+import { C as CALLOUT_POSITIONS, b as CALLOUT_STYLES, L as LAST_ELEMENTS_THRESHOLD, a as QUESTION_KIND } from './yup-HtJir_DP.js';
+import { c as clientI18nInstance, d as getWithExpiry, e as clearEmailVerificationDetails, F as FormikWrap, g as getFieldComponent, b as buildAutoCompleteAttribute, r as renderButtonsInOrder, m as mergeRefs, a as generateInitValues, f as generateFormResponse, h as clearLocalStorageValues } from './utils-DDqyUd-y.js';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@bigbinary/neeto-commons-frontend/constants';

package/dist/UrlBuilder.js

@@ -10,10 +10,10 @@ import Button from '@bigbinary/neetoui/Button';
 import NoData from '@bigbinary/neetoui/NoData';
 import { map, mergeLeft, filter, pluck, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { F as FormikWrap, g as getFieldComponent, b as buildAutoCompleteAttribute, m as mergeRefs, a as generateInitValues } from './utils-NwGbGewW.js';
+import { F as FormikWrap, g as getFieldComponent, b as buildAutoCompleteAttribute, m as mergeRefs, a as generateInitValues } from './utils-DDqyUd-y.js';
 import { d as usePublicForm } from './constants-Cj0XxE8a.js';
 import { parsePhoneNumber } from 'libphonenumber-js';
-import { Q as QUESTIONS_WITHOUT_FIELD_CODE, a as QUESTION_KIND } from './yup-CBPWSDXh.js';
+import { Q as QUESTIONS_WITHOUT_FIELD_CODE, a as QUESTION_KIND } from './yup-HtJir_DP.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import './index-DhtQJpD_.js';
 import '@babel/runtime/helpers/typeof';

package/dist/cjs/BuildForm.js

@@ -6,7 +6,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
 var constants = require('../constants-D5JlvWws.js');
-var yup = require('../yup-COZendlM.js');
+var yup = require('../yup-C_bfpTXI.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dnd = require('@hello-pangea/dnd');
@@ -23,6 +23,7 @@ var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var Equals = require('@bigbinary/neeto-icons/Equals');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var index = require('../index-Beo6ztaM.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -335,7 +336,8 @@ var Card = function Card(_ref) {
       allQuestionKinds: allQuestionKinds,
       item: question
     }),
-    isSingular = _getActiveKindDetails.isSingular;
+    isSingular = _getActiveKindDetails.isSingular,
+    KindIcon = _getActiveKindDetails.icon;
   var questionLabel = yup.buildDisplayLabel(question);
   React.useEffect(function () {
     var element = questionLabelRef.current;
@@ -343,62 +345,60 @@ var Card = function Card(_ref) {
     setIsTooltipEnabled(yup.isElementOverflowing(element));
   }, [questionLabel]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    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 overflow-hidden", {
-        "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
-          })
+    "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-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__*/jsxRuntime.jsxs("div", {
+      className: "flex min-w-0 grow items-center gap-2",
+      children: [KindIcon && /*#__PURE__*/jsxRuntime.jsx(KindIcon, {
+        className: "neeto-ui-text-gray-600 shrink-0",
+        "data-testid": "question-card-kind-icon",
+        size: 16
+      }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
+        content: questionLabel,
+        disabled: !isTooltipEnabled,
+        position: "top",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "min-w-0 grow truncate",
+          "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
-        }].concat(_toConsumableArray(extraMenuItems), [{
-          "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
+      }].concat(_toConsumableArray(extraMenuItems), [{
+        "data-testid": "delete-question",
+        key: "delete",
+        label: t("neetoForm.common.delete"),
+        isVisible: index.isFunction(onDelete),
+        onClick: function onClick() {
+          return onDelete(question);
+        }
+      }])
     })]
   });
 };
@@ -439,20 +439,30 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j(_objectSpread$j({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$j(_objectSpread$j({}, draggableProps), {}, {
+              className: "flex items-center gap-1",
               ref: innerRef,
-              children: /*#__PURE__*/jsxRuntime.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: ramda.equals(selectedQuestion, question),
-                onDelete: isDeletable(question) && onDelete
-              })
+              children: [canManageQuestions && /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Equals, {
+                  size: 16
+                })
+              })), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "min-w-0 grow",
+                children: /*#__PURE__*/jsxRuntime.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: ramda.equals(selectedQuestion, question),
+                  onDelete: isDeletable(question) && onDelete
+                })
+              })]
             }));
           });
         }), placeholder]