@bigbinary/neeto-form-frontend 3.13.1 → 3.13.2

package/app/javascript/src/translations/en.json

@@ -108,6 +108,10 @@
       },
       "common": {
         "noData": "There are no questions to show",
+        "helpText": {
+          "learnAbout": "Learn about",
+          "howToAddNewQuestions": "how to add new questions"
+        },
         "primaryPanel": {
           "addQuestion": "Add question",
           "noQuestionLeft": "No more question fields to add"

package/dist/BuildForm.js

@@ -4,11 +4,11 @@ import { isPresent, truncate, findBy, isNotPresent, slugify, existsBy, hyphenate
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { equals, path, curry, assoc, prop, dissoc, when, includes, isEmpty, reject, keys, pick, omit, evolve, map, mergeLeft, isNil, pipe, filter, isNotNil, uniq, join, pluck, test, paths, difference, split, last, either, T, F } from 'ramda';
 import { j as useDeleteQuestion, Q as QUESTION_TYPES, a as useForm, k as useCreateQuestion, l as useUpdateQuestion, C as CAPTCHA_TYPES, m as useReorderQuestions, i as QUERY_KEYS } from './constants-DBuFEVFA.js';
-import { d as buildDisplayLabel, e as INDEPENDENT_LABELS_MAP, f as QUESTION_ACTIONS, i as isElementOverflowing, D as Drag, h as SELECTABLE_KINDS, j as isAutoGeneratedQuestion, k as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, l as RESERVED_FIELD_CODES, L as LABEL_FIELDS, m as isDefaultLanguage, n as buildDisabledAddButtonTooltipProps, o as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, p as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, q as NON_HIDEABLE_FIELDS, r as NON_READ_ONLY_FIELDS, s as RICH_TEXT_QUESTIONS, t as FILE_TYPES_MAP, u as FILE_GROUPS, M as MINIMUM_OPTIONS, w as RATING_OPTIONS, x as STAR_RATING_MIN_VALUE_OPTIONS, y as STAR_RATING_MAX_VALUE_OPTIONS, z as STAR_RATING_ICONS_MAP, A as buildReorderPayload, B as isMandatoryField, G as QUESTION_KINDS, a as QUESTION_KIND, H as getActiveQuestionKindDetails, J as DEFAULT_AVAILABLE_LANGUAGES, K as DEFAULT_ADVANCED_FEATURES, O as QUESTIONS_INITIAL_VALUE } from './constants-T3w90EO4.js';
+import { d as buildDisplayLabel, e as INDEPENDENT_LABELS_MAP, f as QUESTION_ACTIONS, i as isElementOverflowing, D as Drag, h as SELECTABLE_KINDS, j as isAutoGeneratedQuestion, k as isRichTextQuestion, N as NON_BASIC_LATIN_CHARACTERS_REGEX, l as RESERVED_FIELD_CODES, L as LABEL_FIELDS, m as isDefaultLanguage, n as buildAddQuestionButtonProps, v as validateEditorContent, F as FIELD_CODES_REJECT_CHARS_REGEX, o as isImmutableField, Q as QUESTIONS_WITHOUT_FIELD_CODE, p as NON_HIDEABLE_FIELDS, q as NON_READ_ONLY_FIELDS, r as RICH_TEXT_QUESTIONS, s as FILE_TYPES_MAP, t as FILE_GROUPS, M as MINIMUM_OPTIONS, u as RATING_OPTIONS, w as STAR_RATING_MIN_VALUE_OPTIONS, x as STAR_RATING_MAX_VALUE_OPTIONS, y as STAR_RATING_ICONS_MAP, z as buildDisabledAddButtonHelpPopoverProps, A as buildReorderPayload, B as isMandatoryField, G as QUESTION_KINDS, a as QUESTION_KIND, H as getActiveQuestionKindDetails, J as DEFAULT_AVAILABLE_LANGUAGES, K as DEFAULT_ADVANCED_FEATURES, O as QUESTIONS_INITIAL_VALUE } from './constants-R6y-Scns.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useRef, useEffect, createElement } from 'react';
 import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
-import { isMetaKeyPressed, withT, useStateWithDependency, useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withT, isMetaKeyPressed, useStateWithDependency, useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { showThumbsUpToastr, withEventTargetValue, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import { a as useBuildFormStore } from './buildForm-DQ2wgwuW.js';
 import { shallow } from 'zustand/shallow';
@@ -26,6 +26,7 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { t } from 'i18next';
 import { v4 } from 'uuid';
 import NoData from '@bigbinary/neetoui/NoData';
+import Button from '@bigbinary/neetoui/Button';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import Pane from '@bigbinary/neetoui/Pane';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -36,7 +37,6 @@ import Select from '@bigbinary/neetoui/formik/Select';
 import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
-import Button from '@bigbinary/neetoui/Button';
 import Input from '@bigbinary/neetoui/formik/Input';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import * as yup from 'yup';
@@ -549,20 +549,37 @@ var getAvailableQuestionKinds = function getAvailableQuestionKinds(_ref7) {
 };
 var formatQuestionAttributesForClone = when(isChoiceQuestion, assoc("isCloning", true));
 
+var HelpText = withT(function (_ref) {
+  var t = _ref.t,
+    href = _ref.href;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [t("neetoForm.questions.common.helpText.learnAbout"), " ", /*#__PURE__*/jsx(Button, {
+      href: href,
+      label: t("neetoForm.questions.common.helpText.howToAddNewQuestions"),
+      style: "link",
+      target: "_blank"
+    })]
+  });
+});
+
 var AddFirstQuestion = function AddFirstQuestion(_ref) {
   var onAdd = _ref.onAdd,
     isDisabled = _ref.isDisabled,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps;
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var _disabledAddButtonHel = disabledAddButtonHelpPopoverProps.helpLinkProps,
+    _disabledAddButtonHel2 = _disabledAddButtonHel === void 0 ? {} : _disabledAddButtonHel,
+    href = _disabledAddButtonHel2.href;
   return /*#__PURE__*/jsx("div", {
     className: "flex h-full flex-col items-center justify-center py-8",
     children: /*#__PURE__*/jsx(NoData, {
-      showTooltipWhenButtonDisabled: true,
       className: "min-h-80",
-      title: t("neetoForm.questions.common.noData"),
-      primaryButtonProps: buildAddQuestionButtonProps(onAdd, isDisabled, tooltipProps)
+      helpText: isPresent(href) ? /*#__PURE__*/jsx(HelpText, {
+        href: href
+      }) : null,
+      primaryButtonProps: buildAddQuestionButtonProps(onAdd, isDisabled),
+      title: t("neetoForm.questions.common.noData")
     })
   });
 };
@@ -2096,17 +2113,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddQuestion = function AddQuestion(_ref) {
   var onAdd = _ref.onAdd,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isDisabled = _ref.isDisabled,
     addQuestionHelpProps = _ref.addQuestionHelpProps;
-  var tooltipProps = buildDisabledAddButtonTooltipProps(isDisabled, disabledAddButtonTooltipProps);
+  var helpPopoverProps = isDisabled ? buildDisabledAddButtonHelpPopoverProps(disabledAddButtonHelpPopoverProps) : {};
   return /*#__PURE__*/jsxs("div", {
     className: "mb-8 flex w-full items-center gap-x-1",
-    children: [/*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-      children: /*#__PURE__*/jsx("span", {
-        children: /*#__PURE__*/jsx(Button, _objectSpread({}, buildAddQuestionButtonProps(onAdd, isDisabled)))
-      })
-    })), isPresent(addQuestionHelpProps) && /*#__PURE__*/jsx("span", {
+    children: [/*#__PURE__*/jsx(Button, _objectSpread({}, buildAddQuestionButtonProps(onAdd, isDisabled))), isDisabled && /*#__PURE__*/jsx(HelpPopover, _objectSpread({}, helpPopoverProps)), isPresent(addQuestionHelpProps) && !isDisabled && /*#__PURE__*/jsx("span", {
       children: /*#__PURE__*/jsx(HelpPopover, _objectSpread({}, addQuestionHelpProps))
     })]
   });
@@ -2121,7 +2134,7 @@ var Form = function Form(_ref) {
     isKindAlreadyActive = _ref.isKindAlreadyActive,
     getActiveKindDetails = _ref.getActiveKindDetails,
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isFormEnabled = _ref.isFormEnabled,
     savedTitle = _ref.savedTitle,
     formTitle = _ref.formTitle,
@@ -2326,13 +2339,13 @@ var Form = function Form(_ref) {
             className: "mb-8 flex w-full items-center gap-x-1",
             children: /*#__PURE__*/jsx(AddQuestion, {
               addQuestionHelpProps: addQuestionHelpProps,
-              disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+              disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
               isDisabled: isEmpty(availableQuestionKinds),
               onAdd: handleAdd
             })
           })]
         }) : /*#__PURE__*/jsx(AddFirstQuestion, {
-          disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+          disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
           isDisabled: isEmpty(availableQuestionKinds),
           onAdd: handleAdd
         })
@@ -2380,7 +2393,8 @@ var BuildForm = function BuildForm(_ref) {
     onLanguageChange = _ref$onLanguageChange === void 0 ? noop : _ref$onLanguageChange,
     _ref$addQuestionHelpP = _ref.addQuestionHelpProps,
     addQuestionHelpProps = _ref$addQuestionHelpP === void 0 ? {} : _ref$addQuestionHelpP,
-    disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
+    _ref$disabledAddButto = _ref.disabledAddButtonHelpPopoverProps,
+    disabledAddButtonHelpPopoverProps = _ref$disabledAddButto === void 0 ? {} : _ref$disabledAddButto,
     _ref$additionalAction = _ref.additionalActionOptions,
     additionalActionOptions = _ref$additionalAction === void 0 ? [] : _ref$additionalAction,
     _ref$allowAdditionalG = _ref.allowAdditionalGuests,
@@ -2435,7 +2449,7 @@ var BuildForm = function BuildForm(_ref) {
       additionalActionOptions: additionalActionOptions,
       advancedFeatures: advancedFeatures,
       availableLanguages: availableLanguages,
-      disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
+      disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
       formDescription: formDescription,
       formTitle: formTitle,
       getActiveKindDetails: getActiveKindDetails,