@bigbinary/neeto-form-frontend 3.8.1 → 3.8.3

package/dist/cjs/BuildForm.js

@@ -9,9 +9,9 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var ramda = require('ramda');
-var useFormApi = require('../useFormApi-ca36173e.js');
-var constants$1 = require('../constants-43eac775.js');
-var constants = require('../constants-ca5ca2b1.js');
+var useFormApi = require('../useFormApi-408d0060.js');
+var constants$1 = require('../constants-4d9fc943.js');
+var constants = require('../constants-56bf4022.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var dnd = require('@hello-pangea/dnd');
@@ -962,6 +962,7 @@ var Form$1 = function Form(_ref) {
     setValues = _useFormikContext.setValues,
     setErrors = _useFormikContext.setErrors,
     setTouched = _useFormikContext.setTouched;
+  var hideQuestionHelpDoc = buildForm.useBuildFormStore(ramda.path(["formState", "helpDocUrls", "hideQuestion"]));
   var kind = values.kind;
   var questionKinds = isEdit ? allQuestionKinds : availableQuestionKinds;
   var questionKindUniquenessPattern = ramda.mergeLeft(isEdit && additionalQuestionKindPattern ? additionalQuestionKindPattern(values) : {}, {
@@ -1048,6 +1049,7 @@ var Form$1 = function Form(_ref) {
           title: t("neetoForm.common.settings"),
           children: [!isImmutable && /*#__PURE__*/jsxRuntime.jsx(RequiredSwitch, {}), shouldShowHideSwitch && /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
             label: t("neetoForm.common.hideQuestion"),
+            labelProps: hideSwitchLabelProps(hideQuestionHelpDoc),
             name: "isHidden"
           })]
         }), shouldShowFieldCode && /*#__PURE__*/jsxRuntime.jsx(FieldCode, {})]
@@ -2002,6 +2004,19 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
     value: transformValueForOption(questionKind)
   } : undefined;
 };
+var hideSwitchLabelProps = function hideSwitchLabelProps(helpUrl) {
+  return helpUrl ? {
+    helpIconProps: {
+      popoverProps: {
+        description: i18next.t("neetoForm.questions.common.questionFields.field.hideQuestionHelpDescription"),
+        helpLinkProps: {
+          href: helpUrl,
+          label: i18next.t("neetoForm.common.viewHelpArticle")
+        }
+      }
+    }
+  } : undefined;
+};
 
 var _excluded$1 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds"];
 function ownKeys$3(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; }
@@ -2201,7 +2216,7 @@ var Form = function Form(_ref) {
         return setIsDeleteAlertOpen(false);
       }
     }), /*#__PURE__*/jsxRuntime.jsxs(formik.Form, _objectSpread$1(_objectSpread$1({
-      className: "neeto-form-nano-form-wrapper flex h-full flex-col"
+      className: "flex flex-col h-full neeto-form-nano-form-wrapper"
     }, formDomProps), {}, {
       noValidate: true,
       children: [formTitle && /*#__PURE__*/jsxRuntime.jsx(Overview, {
@@ -2212,7 +2227,7 @@ var Form = function Form(_ref) {
         title: formTitle,
         onLanguageChange: handleLanguageChange
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full flex-grow space-y-6 overflow-y-auto px-6 pb-6",
+        className: "flex-grow w-full min-h-0 pb-6 space-y-6 overflow-y-auto neeto-form-nano-form-wrapper__body md:px-6",
         children: hasActiveQuestions ? /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "space-y-6",
           ref: containerRef,
@@ -2239,7 +2254,7 @@ var Form = function Form(_ref) {
               onSelect: handleSelect
             })
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: "mb-8 w-full",
+            className: "w-full mb-8",
             children: /*#__PURE__*/jsxRuntime.jsx(AddQuestion, {
               disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
               isDisabled: ramda.isEmpty(availableQuestionKinds),
@@ -2252,7 +2267,7 @@ var Form = function Form(_ref) {
           onAdd: handleAdd
         })
       }), (showActionBlock || dirty) && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white sticky bottom-0 flex flex-shrink-0 justify-end border-t px-6 py-4",
+        className: "sticky bottom-0 flex justify-end flex-shrink-0 px-6 py-4 border-t neeto-ui-border-gray-300 neeto-form-nano-form-wrapper__footer neeto-ui-bg-white",
         children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
           submitButtonProps: submitButtonProps,
           isSubmitting: isReordering,