@bigbinary/neeto-form-frontend 4.4.10 → 4.4.12

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, 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, M as MINIMUM_ADDRESS_FIELDS, H as getDeletedRecords, J as randomId, K as getActiveRecords, T as FILE_TYPES_MAP, U as FILE_GROUPS, V as OPINION_SCALE_MIN_VALUE_OPTIONS, W as OPINION_SCALE_MAX_VALUE_OPTIONS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, X as MINIMUM_OPTIONS, Y as IMAGE_HEIGHT_SLIDER_DEFAULTS, Z as RATING_OPTIONS, _ as STAR_RATING_MIN_VALUE_OPTIONS, $ as STAR_RATING_MAX_VALUE_OPTIONS, a0 as STAR_RATING_ICONS_MAP, a1 as buildDisabledAddButtonHelpPopoverProps, a2 as buildReorderPayload, a3 as QUESTIONS_INITIAL_VALUE, a4 as isMandatoryField, a5 as QUESTION_KINDS, a as QUESTION_KIND, a6 as getActiveQuestionKindDetails, a7 as DEFAULT_AVAILABLE_LANGUAGES, a8 as DEFAULT_ADVANCED_FEATURES } from './yup-CSYHMEsr.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-B3JGBWm7.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
@@ -35,9 +35,10 @@ import { useFormikContext, useField } from 'formik';
 import Accordion from '@bigbinary/neetoui/Accordion';
 import Select from '@bigbinary/neetoui/formik/Select';
 import Switch from '@bigbinary/neetoui/formik/Switch';
-import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import Textarea$1 from '@bigbinary/neetoui/formik/Textarea';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
 import Input from '@bigbinary/neetoui/formik/Input';
+import Switch$1 from '@bigbinary/neetoui/Switch';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import * as yup from 'yup';
 import OptionFields from '@bigbinary/neeto-molecules/OptionFields';
@@ -297,58 +298,62 @@ var Card = function Card(_ref) {
     setIsTooltipEnabled(isElementOverflowing(element));
   }, [questionLabel]);
   return /*#__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 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__*/jsxs("div", {
-      className: "flex min-w-0 grow items-center gap-1",
-      children: [canManageQuestions && /*#__PURE__*/jsx(Drag, {
-        className: "neeto-ui-text-gray-600 shrink-0"
-      }), /*#__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
+    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", {
+        "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
+          })
         })
+      }), 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
+        }, {
+          "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
-      }, {
-        "data-testid": "delete-question",
-        key: "delete",
-        label: t("neetoForm.common.delete"),
-        isVisible: isFunction(onDelete),
-        onClick: function onClick() {
-          return onDelete(question);
-        }
-      }]
     })]
   });
 };
@@ -661,7 +666,9 @@ var INITIAL_VALUES = {
   kind: "",
   label: "",
   fieldCode: "",
-  isSplitMode: false
+  isSplitMode: false,
+  minWords: null,
+  isMinWordsEnabled: false
 };
 var VALID_FIELD_CODE_REGEX = /^[a-z0-9]+(_[a-z0-9]+)*$/;
 var DRAFT_ID_PREFIX = "draft-";
@@ -691,7 +698,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsx(Textarea, _objectSpread$g({
+  return /*#__PURE__*/jsx(Textarea$1, _objectSpread$g({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -992,6 +999,38 @@ var FieldCode = function FieldCode() {
   });
 };
 
+var Textarea = function Textarea() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useField = useField("minWords"),
+    _useField2 = _slicedToArray(_useField, 3),
+    setMinWords = _useField2[2].setValue;
+  var _useField3 = useField("isMinWordsEnabled"),
+    _useField4 = _slicedToArray(_useField3, 3),
+    isMinWordsEnabled = _useField4[0].value,
+    setIsMinWordsEnabled = _useField4[2].setValue;
+  var handleToggleChange = function handleToggleChange() {
+    var isEnabled = !isMinWordsEnabled;
+    setIsMinWordsEnabled(isEnabled);
+    setMinWords(isEnabled ? MIN_WORDS.DEFAULT : null);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-2",
+    children: [/*#__PURE__*/jsx(Switch$1, {
+      checked: isMinWordsEnabled,
+      label: t("neetoForm.questions.textarea.minimumWords"),
+      labelProps: MIN_WORDS_SWITCH_LABEL_PROPS,
+      onChange: handleToggleChange
+    }), isMinWordsEnabled && /*#__PURE__*/jsx(Input, {
+      className: "w-42 ms-14",
+      max: MIN_WORDS.MAX,
+      min: MIN_WORDS.MIN,
+      name: "minWords",
+      type: "number"
+    })]
+  });
+};
+
 var Form$1 = function Form(_ref) {
   var questions = _ref.questions,
     initialFocusRef = _ref.initialFocusRef,
@@ -1035,7 +1074,8 @@ var Form$1 = function Form(_ref) {
     usesCustomSubmissionComponent = _useBuildFormStore.usesCustomSubmissionComponent;
   var isFieldCodeEnabled = advancedFeatures.fieldCode,
     markResponsesAsReadOnly = advancedFeatures.markResponsesAsReadOnly,
-    restrictResponseVisibilityToHost = advancedFeatures.restrictResponseVisibilityToHost;
+    restrictResponseVisibilityToHost = advancedFeatures.restrictResponseVisibilityToHost,
+    enforceMinWordsInMultiLineTexts = advancedFeatures.enforceMinWordsInMultiLineTexts;
   var kind = values.kind;
   var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
   var questionKindUniquenessPattern = mergeLeft(isEdit && kindUniqueOn ? kindUniqueOn(values) : {}, {
@@ -1062,8 +1102,9 @@ var Form$1 = function Form(_ref) {
   var shouldShowHideSwitch = isFieldCodeEnabled && !usesCustomSubmissionComponent && !includes(kind, NON_HIDEABLE_FIELDS);
   var canRestrictResponseVisibilityToHost = restrictResponseVisibilityToHost && !includes(kind, NON_HIDEABLE_FIELDS);
   var canMarkResponsesAsReadOnly = markResponsesAsReadOnly && !includes(kind, NON_READ_ONLY_FIELDS);
+  var isTextarea = kind === QUESTION_TYPES.TEXTAREA;
   var isBasicSettingsVisible = !isRequired && (!isImmutable || shouldShowHideSwitch);
-  var isSettingsBlockVisible = kind !== QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly);
+  var isSettingsBlockVisible = kind !== QUESTION_TYPES.SPOT && (isBasicSettingsVisible || canMarkResponsesAsReadOnly || isTextarea);
   var handleKindChange = function handleKindChange(option) {
     var data = buildQuestionData(option);
     updateFormState(data);
@@ -1142,7 +1183,7 @@ var Form$1 = function Form(_ref) {
             label: t("neetoForm.common.readOnly"),
             labelProps: readOnlySwitchLabelProps(readOnlyHelpDocUrl),
             name: "isReadOnly"
-          })]
+          }), isTextarea && enforceMinWordsInMultiLineTexts && /*#__PURE__*/jsx(Textarea, {})]
         }), shouldShowFieldCode && /*#__PURE__*/jsx(Accordion, {
           className: "neeto-form-nano-advanced-properties-accordion",
           "data-testid": "advanced-properties-card",
@@ -1232,6 +1273,11 @@ var formValidationSchema = function formValidationSchema(question) {
         })
       })) : schema.notRequired();
     }),
+    minWords: yup.number().nullable().when(["kind", "isMinWordsEnabled"], function (kind, isMinWordsEnabled, schema) {
+      if (kind !== QUESTION_TYPES.TEXTAREA) return schema.notRequired();
+      if (!isMinWordsEnabled) return schema.notRequired();
+      return schema.typeError(t("neetoForm.questions.textarea.minimumWordsMinError")).required(t("neetoForm.questions.textarea.minimumWordsMinError")).min(MIN_WORDS.MIN, t("neetoForm.questions.textarea.minimumWordsMinError")).max(MIN_WORDS.MAX, t("neetoForm.questions.textarea.minimumWordsMaxError"));
+    }),
     highestRatingLabel: yup.string().nullable(),
     averageRatingLabel: yup.string().nullable(),
     lowestRatingLabel: yup.string().nullable(),
@@ -1380,7 +1426,9 @@ var Edit = function Edit(_ref) {
       })
     }), /*#__PURE__*/jsx(Form$2, {
       formikProps: {
-        initialValues: question,
+        initialValues: _objectSpread$b(_objectSpread$b({}, question), {}, {
+          isMinWordsEnabled: isPresent(question.minWords)
+        }),
         validationSchema: formValidationSchema(question, isFieldCodeEnabled),
         onSubmit: handleSubmit
       },
@@ -2523,7 +2571,8 @@ var StarRating = function StarRating() {
   });
 };
 
-var _excluded$1 = ["fields"];
+var _excluded$1 = ["minWords"],
+  _excluded2 = ["fields"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CHECKBOX = QUESTION_TYPES.CHECKBOX,
@@ -2643,19 +2692,24 @@ var readOnlySwitchLabelProps = function readOnlySwitchLabelProps(helpUrl) {
     }
   };
 };
-var transformValues = function transformValues(values) {
-  switch (values.kind) {
+var transformValues = function transformValues(_ref4) {
+  var minWords = _ref4.minWords,
+    values = _objectWithoutProperties(_ref4, _excluded$1);
+  var rest = omit(["isMinWordsEnabled"], values);
+  switch (rest.kind) {
     case QUESTION_TYPES.ADDRESS:
       {
-        var _values$fields = values.fields,
-          fields = _values$fields === void 0 ? [] : _values$fields,
-          rest = _objectWithoutProperties(values, _excluded$1);
-        return _objectSpread$2(_objectSpread$2({}, rest), {}, {
+        var _rest$fields = rest.fields,
+          fields = _rest$fields === void 0 ? [] : _rest$fields,
+          addressRest = _objectWithoutProperties(rest, _excluded2);
+        return _objectSpread$2(_objectSpread$2({}, addressRest), {}, {
           fieldsAttributes: map(renameKey("deleted", "_destroy"), omitDraftId(fields))
         });
       }
     default:
-      return values;
+      return _objectSpread$2(_objectSpread$2({}, rest), {}, {
+        minWords: minWords !== null && minWords !== void 0 ? minWords : ""
+      });
   }
 };