@bigbinary/neeto-approvals-frontend 0.2.3 → 0.2.5

package/dist/index.js

@@ -4347,17 +4347,20 @@ var Form$2 = function Form(_ref) {
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
     className: "w-full space-y-6"
   }, /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.firstName"),
     name: "firstName",
     placeholder: t("inputs.placeholders.firstName"),
     ref: inputReference
   }), /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.lastName"),
     name: "lastName",
     placeholder: t("inputs.placeholders.lastName")
   }), /*#__PURE__*/React.createElement(Input, {
+    required: true,
     className: "w-full",
     label: t("common.email"),
     name: "email",
@@ -5250,10 +5253,14 @@ function _toConsumableArray(arr) {
 
 var _t;
 var VALID_VARIABLE_NAME_REGEX = /^[a-z](?:\w*[a-z0-9])*$/i;
+var EVERYONE_VISIBILITY = {
+  label: t$2("select.visibility.everyone"),
+  value: "everyone"
+};
 var TEMPLATE_FORM_INITIAL_VALUES = {
   name: "",
   description: "",
-  visibility: "",
+  visibility: EVERYONE_VISIBILITY,
   approver: "",
   variables: [],
   message: ""
@@ -5274,10 +5281,6 @@ var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
     })).matches(VALID_VARIABLE_NAME_REGEX, t$2("validations.variableName"))
   }))
 });
-var EVERYONE_VISIBILITY = {
-  label: t$2("select.visibility.everyone"),
-  value: "everyone"
-};
 
 var DynamicBlock = function DynamicBlock() {
   var _useTranslation = useTranslation(),
@@ -5310,6 +5313,7 @@ var DynamicBlock = function DynamicBlock() {
         key: index
       }, /*#__PURE__*/React.createElement(Input, {
         autoFocus: true,
+        required: true,
         label: t("common.variable_", {
           number: index + 1
         }),
@@ -5334,6 +5338,7 @@ var DynamicBlock = function DynamicBlock() {
       }
     }));
   })), /*#__PURE__*/React.createElement(FormikEditor, {
+    required: true,
     key: variables,
     label: t("inputs.labels.message"),
     name: "message",
@@ -5390,6 +5395,7 @@ var Form$1 = function Form(_ref) {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,
+    required: true,
     className: "w-1/2",
     label: t("common.name"),
     name: "name",
@@ -5402,6 +5408,7 @@ var Form$1 = function Form(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex space-x-6"
   }, /*#__PURE__*/React.createElement(Select, {
+    required: true,
     label: t("inputs.labels.approver"),
     name: "approver",
     options: approvers.map(function (approver) {
@@ -6049,7 +6056,8 @@ var Form = function Form(_ref) {
   }, function (_ref2) {
     var setFieldValue = _ref2.setFieldValue,
       values = _ref2.values,
-      resetForm = _ref2.resetForm;
+      resetForm = _ref2.resetForm,
+      dirty = _ref2.dirty;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
       className: "w-full space-y-6"
     }, /*#__PURE__*/React.createElement(Select$1, {
@@ -6067,6 +6075,7 @@ var Form = function Form(_ref) {
     }, function () {
       return variables.map(function (variable, index) {
         return /*#__PURE__*/React.createElement(Input, {
+          required: true,
           className: "w-full",
           key: variable,
           label: variable,
@@ -6083,6 +6092,7 @@ var Form = function Form(_ref) {
     })))), /*#__PURE__*/React.createElement(Pane.Footer, {
       className: "flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button, {
+      disabled: !dirty,
       label: t("buttons.saveChanges"),
       loading: isLoading,
       type: "submit"