@bigbinary/neeto-form-frontend 1.2.28 → 1.2.30

package/dist/index.js

@@ -4,7 +4,7 @@ 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, 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';
@@ -16160,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);
@@ -27149,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"),