@bigbinary/neeto-form-frontend 1.2.46 → 1.2.47

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as React$2 from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, forwardRef, useImperativeHandle, Fragment, useReducer, useCallback as useCallback$1, useMemo as useMemo$1, createContext, createElement } from 'react';
 import { useFormikContext, useField, FieldArray, Form as Form$1, Formik, Field, FastField } from 'formik';
-import { noop as noop$4, slugify, filterBy, findBy, isNotEmpty, truncate, humanize, removeBy, isPresent as isPresent$1, isNotPresent, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
+import { noop as noop$4, findBy, slugify, filterBy, isNotEmpty, truncate, humanize, removeBy, isPresent as isPresent$1, isNotPresent, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import { withEventTargetValue, showThumbsUpToastr, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Tooltip, Dropdown as Dropdown$2, Alert, Typography, Button as Button$1, Label, Checkbox as Checkbox$1, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
@@ -9804,14 +9804,15 @@ var useBuildFormState = function useBuildFormState() {
 };
 
 var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
-  var initialLanguage = _ref.initialLanguage,
+  var _findBy;
+  var currentLanguage = _ref.currentLanguage,
     languages = _ref.languages,
     onChange = _ref.onChange;
   var _useState = useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     isUnsavedChangesAlertOpen = _useState2[0],
     setIsUnsavedChangesAlertOpen = _useState2[1];
-  var _useState3 = useState(initialLanguage),
+  var _useState3 = useState(currentLanguage),
     _useState4 = _slicedToArray$3(_useState3, 2),
     selectedLanguage = _useState4[0],
     setSelectedLanguage = _useState4[1];
@@ -9827,17 +9828,24 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
     setSelectedLanguage(code);
     setIsUnsavedChangesAlertOpen(true);
   };
+  var selectedLanguageName = (_findBy = findBy({
+    code: currentLanguage
+  }, languages)) === null || _findBy === void 0 ? void 0 : _findBy.name;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip, {
     content: t("neetoForm.questions.changeLanguage")
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Dropdown$2, {
+    buttonProps: {
+      iconPosition: "left"
+    },
     buttonStyle: "text",
     icon: Globe,
+    label: selectedLanguageName,
     position: "top-start"
   }, /*#__PURE__*/React__default.createElement(Dropdown$2.Menu, null, languages.map(function (_ref2) {
     var code = _ref2.code,
       name = _ref2.name;
     return /*#__PURE__*/React__default.createElement(Dropdown$2.MenuItem.Button, {
-      isActive: initialLanguage === code,
+      isActive: currentLanguage === code,
       key: code,
       onClick: function onClick() {
         return languageChangeHandler(code);
@@ -9874,7 +9882,7 @@ var Overview = function Overview(_ref) {
     style: "h4",
     weight: "semibold"
   }, title), availableLanguages.length > 1 && /*#__PURE__*/React__default.createElement(ChangeLanguageDropdown, {
-    initialLanguage: selectedLanguage,
+    currentLanguage: selectedLanguage,
     languages: availableLanguages,
     onChange: onLanguageChange
   })), description);
@@ -12009,7 +12017,8 @@ var BuildForm = function BuildForm(_ref) {
       className: "flex h-full w-full items-center justify-center py-6"
     }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
-  var handleSubmit = function handleSubmit(payload) {
+  var handleSubmit = function handleSubmit(payload, _ref2) {
+    var setSubmitting = _ref2.setSubmitting;
     updateQuestions({
       id: id,
       values: _objectSpread$e({
@@ -12017,7 +12026,10 @@ var BuildForm = function BuildForm(_ref) {
         neetoFormQuestion: payload
       }, buildRequestArgs)
     }, {
-      onSuccess: refetch
+      onSuccess: refetch,
+      onSettled: function onSettled() {
+        return setSubmitting(false);
+      }
     });
   };
   var onValueChange = function onValueChange(questions) {
@@ -12030,8 +12042,8 @@ var BuildForm = function BuildForm(_ref) {
   var isDeletable = isQuestionDeletable !== null && isQuestionDeletable !== void 0 ? isQuestionDeletable : function (question) {
     return !nonRemovableFields.includes(question.kind);
   };
-  var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref2) {
-    var kind = _ref2.kind;
+  var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref3) {
+    var kind = _ref3.kind;
     return requiredFields.includes(kind);
   };
   var isDisabledFieldLabel = isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : function () {
@@ -12049,9 +12061,9 @@ var BuildForm = function BuildForm(_ref) {
     },
     validationSchema: formValidationSchema,
     onSubmit: handleSubmit
-  }, function (_ref3) {
-    var errors = _ref3.errors,
-      setFieldError = _ref3.setFieldError;
+  }, function (_ref4) {
+    var errors = _ref4.errors,
+      setFieldError = _ref4.setFieldError;
     return /*#__PURE__*/React__default.createElement(Form, _extends$8({}, _objectSpread$e(_objectSpread$e({}, formDomProps), {}, {
       availableLanguages: availableLanguages,
       cancelButtonProps: cancelButtonProps,