@bigbinary/neeto-approvals-frontend 0.2.3 → 0.2.5

package/dist/index.cjs.js

@@ -4381,17 +4381,20 @@ var Form$2 = function Form(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.firstName"),
     name: "firstName",
     placeholder: t("inputs.placeholders.firstName"),
     ref: inputReference
   }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("inputs.labels.lastName"),
     name: "lastName",
     placeholder: t("inputs.placeholders.lastName")
   }), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
     className: "w-full",
     label: t("common.email"),
     name: "email",
@@ -5284,10 +5287,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: ""
@@ -5308,10 +5315,6 @@ var TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.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(),
@@ -5344,6 +5347,7 @@ var DynamicBlock = function DynamicBlock() {
         key: index
       }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
         autoFocus: true,
+        required: true,
         label: t("common.variable_", {
           number: index + 1
         }),
@@ -5368,6 +5372,7 @@ var DynamicBlock = function DynamicBlock() {
       }
     }));
   })), /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
+    required: true,
     key: variables,
     label: t("inputs.labels.message"),
     name: "message",
@@ -5424,6 +5429,7 @@ var Form$1 = function Form(_ref) {
     className: "flex w-full flex-col space-y-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
     autoFocus: true,
+    required: true,
     className: "w-1/2",
     label: t("common.name"),
     name: "name",
@@ -5436,6 +5442,7 @@ var Form$1 = function Form(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex space-x-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+    required: true,
     label: t("inputs.labels.approver"),
     name: "approver",
     options: approvers.map(function (approver) {
@@ -6083,7 +6090,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__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "w-full space-y-6"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
@@ -6101,6 +6109,7 @@ var Form = function Form(_ref) {
     }, function () {
       return variables.map(function (variable, index) {
         return /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+          required: true,
           className: "w-full",
           key: variable,
           label: variable,
@@ -6117,6 +6126,7 @@ var Form = function Form(_ref) {
     })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "flex gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      disabled: !dirty,
       label: t("buttons.saveChanges"),
       loading: isLoading,
       type: "submit"