@bigbinary/neeto-fields-frontend 1.3.36 → 1.3.37

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
   }));
 };