@bigbinary/neeto-fields-frontend 1.3.36 → 1.3.38

package/dist/index.js

@@ -1,7 +1,7 @@
-import React, { useEffect, useRef, useState, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext } from 'react';
+import React, { useEffect, useState, useRef, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext } from 'react';
 import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, isMetaKeyPressed, useQueryParams, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Checkbox as Checkbox$1, TimePicker, DatePicker, Input, Select as Select$1, Textarea, Typography, Pane, Label, Button as Button$1, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
-import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, filterBy, toLabelAndValue, slugify, humanize, countBy, isPresent } from '@bigbinary/neeto-cist';
+import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, notEquals, filterBy, toLabelAndValue, slugify, humanize, countBy, isPresent } from '@bigbinary/neeto-cist';
 import { values, isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick, assoc, not, any, head } from 'ramda';
 import { useFormikContext, useField, FieldArray } from 'formik';
 import { t as t$1 } from 'i18next';
@@ -912,7 +912,8 @@ var useFormikFields = function useFormikFields(_ref) {
       //conditional props
       options: isDropdown$1(kind) ? fieldData : undefined,
       getPopupContainer: !isInline && isDateTime(kind) ? prop("parentElement") : undefined
-    })
+    }),
+    helpers: helpers
   };
 };
 
@@ -933,30 +934,70 @@ var _excluded$6 = ["onBlur"];
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DateOrTime = function DateOrTime(props) {
+  var isInline = props.isInline;
+  var _useState = useState(isInline),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var value = useRef();
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     _useFormikFields$fiel = _useFormikFields.fieldProps,
     onBlur = _useFormikFields$fiel.onBlur,
-    fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$6);
+    fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$6),
+    helpers = _useFormikFields.helpers;
   var handleChange = function handleChange(dateTime) {
-    return handleSubmit(dateTimeToString(dateTime));
-  };
-  var onOpenChange = function onOpenChange(open) {
-    if (open) return;
-    onBlur === null || onBlur === void 0 || onBlur();
+    value.current = dateTimeToString(dateTime);
+    helpers.setValue(value.current);
+    if (!isOpen) handleSubmit();
   };
+  var onOpenChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(open) {
+      var shouldSubmit;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsOpen(open);
+            if (!open) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            shouldSubmit = value.current !== undefined && notEquals(fieldProps.value, value.current);
+            _context.t0 = shouldSubmit;
+            if (!_context.t0) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 8;
+            return handleSubmit();
+          case 8:
+            onBlur === null || onBlur === void 0 || onBlur();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onOpenChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   if (props.kind === KINDS.time) {
     return /*#__PURE__*/React.createElement(TimePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     }), {
       use12Hours: true,
       format: "h:mm A",
+      open: isOpen,
       onChange: handleChange
     }));
   } else if (props.kind === KINDS.date) {
     return /*#__PURE__*/React.createElement(DatePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     }), {
+      open: isOpen,
       onChange: handleChange
     }));
   }
@@ -966,6 +1007,7 @@ var DateOrTime = function DateOrTime(props) {
   }, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
     onOpenChange: onOpenChange
   }), {
+    open: isOpen,
     onChange: handleChange
   }));
 };
@@ -1469,32 +1511,21 @@ var getPermittedKinds = function getPermittedKinds(_ref2) {
   var allowedKinds = _ref2.allowedKinds,
     selectedKind = _ref2.selectedKind;
   var filteredKinds = pick(allowedKinds, FIELD_KINDS);
-  var permittedKinds = filterBy({
+  return filterBy({
     group: selectedKind === null || selectedKind === void 0 ? void 0 : selectedKind.group
   }, values(filteredKinds));
-  return permittedKinds;
 };
 var generateValidationSchema = function generateValidationSchema(additionalValidations) {
   return yup.object().shape(_objectSpread$b(_objectSpread$b({}, BASIC_FIELD_FORM_VALIDATIONS), additionalValidations));
 };
 var renderFormFooter = function renderFormFooter(_ref3) {
   var onClose = _ref3.onClose,
-    loading = _ref3.loading,
-    _ref3$dirty = _ref3.dirty,
-    dirty = _ref3$dirty === void 0 ? true : _ref3$dirty;
+    loading = _ref3.loading;
   return /*#__PURE__*/React.createElement(Pane.Footer, null, /*#__PURE__*/React.createElement(ActionBlock$1, {
     cancelButtonProps: {
-      onClick: onClose,
-      style: "text",
-      disabled: loading
+      onClick: onClose
     },
-    submitButtonProps: {
-      label: t$1("neetoFields.labels.saveChanges"),
-      className: "mr-2",
-      type: "submit",
-      disabled: !dirty,
-      loading: loading
-    }
+    isSubmitting: loading
   }));
 };
 var getDefaultOption = function getDefaultOption() {
@@ -1838,15 +1869,13 @@ var Add = function Add(_ref) {
       onSubmit: handleSubmit
     }
   }, function (_ref2) {
-    var dirty = _ref2.dirty,
-      kind = _ref2.values.kind;
+    var kind = _ref2.values.kind;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FieldForm, _extends({
       chosenKind: kind.value,
       kindSelectOptions: filteredKinds
     }, props)), renderFormFooter({
       onClose: onClose,
-      loading: isSubmitting,
-      dirty: dirty
+      loading: isSubmitting
     }));
   }));
 };
@@ -1912,8 +1941,7 @@ var Edit = function Edit(_ref) {
       onSubmit: handleSubmit
     }
   }, function (_ref2) {
-    var kind = _ref2.values.kind,
-      dirty = _ref2.dirty;
+    var kind = _ref2.values.kind;
     var permittedKinds = getPermittedKinds({
       allowedKinds: allowedKinds,
       selectedKind: kind
@@ -1924,8 +1952,7 @@ var Edit = function Edit(_ref) {
       kindSelectOptions: permittedKinds
     }, props)), renderFormFooter({
       onClose: onClose,
-      loading: isSubmitting,
-      dirty: dirty
+      loading: isSubmitting
     }));
   }));
 };