@bigbinary/neeto-form-frontend 1.2.27 → 1.2.29

package/dist/index.js

@@ -4,10 +4,10 @@ import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field,
 import { noop as noop$4, slugify, filterBy, findBy, removeBy, isPresent as isPresent$1, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Checkbox as Checkbox$1, Alert, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
-import { assoc, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, not, pipe as pipe$1, toLower, map, includes, isNotNil, times, filter as filter$1 } from 'ramda';
+import { assoc, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, not, pipe as pipe$1, toLower, map, includes, identity, isNotNil, times, filter as filter$1 } from 'ramda';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$4 } from 'i18next';
-import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Info, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
+import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
 import axios from 'axios';
 import ReactDOM, { unstable_batchedUpdates, flushSync as flushSync$1 } from 'react-dom';
 import { Input as Input$1, Textarea, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
@@ -10145,15 +10145,17 @@ var FieldCode = withT(function (_ref) {
     className: "mt-14",
     label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
     name: "".concat(name, ".fieldCode"),
-    labelProps: {
-      helpIconProps: {
-        icon: Info,
-        className: "cursor-pointer",
-        onClick: function onClick() {
-          return window.open(FIELD_CODE_DOC, "_blank", "noopener,noreferrer");
-        }
+    helpText: /*#__PURE__*/React__default.createElement(Trans, {
+      i18nKey: "neetoForm.questions.common.questionFields.field.fieldCodeHelpDescription",
+      components: {
+        Link: /*#__PURE__*/React__default.createElement(Button$1, {
+          className: "text-xs",
+          href: FIELD_CODE_DOC,
+          style: "link",
+          target: "_blank"
+        })
       }
-    }
+    })
   }));
 });
 
@@ -16158,6 +16160,10 @@ var renderErrorMessage = function renderErrorMessage(errorObject, maxFileSize, i
     fileName: file.name
   });
 };
+var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
+  var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
+  return map(identity, orderedButtons);
+};
 
 var _excluded$3 = ["value"];
 dayjs.extend(weekOfYear);
@@ -27147,18 +27153,24 @@ var ExternalForm = function ExternalForm(_ref) {
       style: "h3",
       weight: "semibold"
     }, t("neetoForm.questions.common.notFound"))), footer, !isEmpty(renderedQuestions) && /*#__PURE__*/React__default.createElement("div", {
-      className: "mt-8 flex items-center justify-start gap-x-2"
-    }, /*#__PURE__*/React__default.createElement(Button$1, _extends$8({
+      className: "mt-8 flex items-center justify-between"
+    }, cancelButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$8({
+      label: t("neetoForm.common.cancel"),
+      style: "secondary"
+    }, cancelButtonProps)), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex gap-x-2"
+    }, renderButtonsInOrder([/*#__PURE__*/React__default.createElement(Button$1, _extends$8({
       disabled: isSubmitting || isSubmitted,
+      key: "submit",
+      label: t("neetoForm.common.submit"),
       loading: isSubmitting,
       type: "submit"
-    }, submitButtonProps)), resetButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$8({
+    }, submitButtonProps)), /*#__PURE__*/React__default.createElement(Button$1, _extends$8({
+      key: "reset",
       label: t("neetoForm.common.reset"),
       style: "secondary",
       type: "reset"
-    }, resetButtonProps)), cancelButtonProps && /*#__PURE__*/React__default.createElement(Button$1, _extends$8({
-      label: "Cancel"
-    }, cancelButtonProps)))), !customSubmitHandler && /*#__PURE__*/React__default.createElement(Callout, {
+    }, resetButtonProps))], isPresent$1(cancelButtonProps))))), !customSubmitHandler && /*#__PURE__*/React__default.createElement(Callout, {
       callout: {
         isVisible: isPresent$1(error),
         title: t("neetoForm.callouts.submitError"),