@bigbinary/neeto-fields-frontend 1.3.35 → 1.3.37

package/app/javascript/src/translations/en.json

@@ -28,7 +28,7 @@
       "fieldKind": "Field type",
       "createField": "Create field",
       "updateField": "Update field",
-      "addMoreOption": "Add more option",
+      "addAnotherOption": "Add another option",
       "regex": "Regex",
       "regexCondition": "Condition",
       "helpMessage": "Help message",

package/dist/index.cjs.js

@@ -949,7 +949,8 @@ var useFormikFields = function useFormikFields(_ref) {
       //conditional props
       options: isDropdown$1(kind) ? fieldData : undefined,
       getPopupContainer: !isInline && isDateTime(kind) ? ramda.prop("parentElement") : undefined
-    })
+    }),
+    helpers: helpers
   };
 };
 
@@ -970,30 +971,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 = React.useState(isInline),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var value = React.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 && neetoCist.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__default["default"].createElement(neetoui.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__default["default"].createElement(neetoui.DatePicker, _extends({}, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     }), {
+      open: isOpen,
       onChange: handleChange
     }));
   }
@@ -1003,6 +1044,7 @@ var DateOrTime = function DateOrTime(props) {
   }, _objectSpread$g(_objectSpread$g({}, fieldProps), {}, {
     onOpenChange: onOpenChange
   }), {
+    open: isOpen,
     onChange: handleChange
   }));
 };
@@ -1748,7 +1790,7 @@ var AdditionalInputs = function AdditionalInputs() {
         fullWidth: true,
         className: "mb-6 border-dashed text-xs uppercase",
         "data-cy": "neeto-fields-add-more-option-button",
-        label: t("neetoFields.labels.addMoreOption"),
+        label: t("neetoFields.labels.addAnotherOption"),
         style: "secondary",
         onClick: function onClick() {
           return addOption(arrayHelpers);