@bigbinary/neeto-form-frontend 3.12.5 → 3.12.7

package/dist/cjs/BuildForm.js

@@ -1001,6 +1001,10 @@ var Form$1 = function Form(_ref) {
     additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
     _ref$isEdit = _ref.isEdit,
     isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFieldCodeInvalid = _useState2[0],
+    setIsFieldCodeInvalid = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -1008,7 +1012,9 @@ var Form$1 = function Form(_ref) {
     setValues = _useFormikContext.setValues,
     setErrors = _useFormikContext.setErrors,
     setTouched = _useFormikContext.setTouched,
-    setFieldValue = _useFormikContext.setFieldValue;
+    setFieldValue = _useFormikContext.setFieldValue,
+    errors = _useFormikContext.errors,
+    submitCount = _useFormikContext.submitCount;
   var hideQuestionHelpDoc = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "hideQuestion"]));
   var readOnlyHelpDoc = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "readOnly"]));
   var responseVisibleOnlyToHostHelpDoc = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "responseVisibleOnlyToHost"]));
@@ -1039,6 +1045,11 @@ var Form$1 = function Form(_ref) {
     }) : {},
     _ref2$questionProps = _ref2.questionProps,
     questionProps = _ref2$questionProps === void 0 ? {} : _ref2$questionProps;
+  React.useEffect(function () {
+    if (submitCount > 0 && neetoCist.isPresent(errors === null || errors === void 0 ? void 0 : errors.fieldCode)) {
+      setIsFieldCodeInvalid(true);
+    }
+  }, [submitCount]);
   var isRequired = questionKind && isRequiredField(questionKind);
   var isLabelDisabled = questionKind && isDisabledFieldLabel(questionKind);
   var isImmutable = questionKind && constants$1.isImmutableField(questionKind);
@@ -1121,6 +1132,8 @@ var Form$1 = function Form(_ref) {
             labelProps: responseVisibleOnlyToHostSwitchLabelProps(responseVisibleOnlyToHostHelpDoc)
           })]
         }), (shouldShowFieldCode || shouldShowReadOnlySwitch) && /*#__PURE__*/jsxRuntime.jsx(Accordion, {
+          defaultActiveKey: isFieldCodeInvalid ? 0 : null // This is to open the accordion when field code is invalid
+          ,
           className: "neeto-form-nano-advanced-properties-accordion",
           "data-cy": "advanced-properties-card",
           children: /*#__PURE__*/jsxRuntime.jsx(Accordion.Item, {
@@ -2181,7 +2194,7 @@ var Form = function Form(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var formikContext = formik.useFormikContext();
-  var _useState = React.useState(null),
+  var _useState = React.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     selectedQuestion = _useState2[0],
     setSelectedQuestion = _useState2[1];
@@ -2281,7 +2294,7 @@ var Form = function Form(_ref) {
     }
   };
   reactUtils.useOnClickOutside(containerRef, function () {
-    return handleSelect(null);
+    return handleSelect({});
   }, {
     enabled: !(isDeleteAlertOpen || isManageQuestionPaneOpen)
   });