@steroidsjs/core 2.2.47 → 2.2.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.47",
+  "version": "2.2.50",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/ui/form/DateField/useDateInputState.js

@@ -23,7 +23,7 @@ function useDateInputState(props) {
     var propsDisplayValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [
         props.valueFormat,
         props.displayFormat,
-    ], props.displayFormat, false, true) || ''; }, [props.displayFormat, props.input.value, props.valueFormat]);
+    ], props.displayFormat, false, props.useUTC) || ''; }, [props.displayFormat, props.input.value, props.valueFormat]);
     // Display value state
     var _a = react_1.useState(propsDisplayValue), displayValue = _a[0], setDisplayValue = _a[1];
     // Update display value on update props input value
@@ -41,7 +41,7 @@ function useDateInputState(props) {
     var onDisplayValueChange = react_1.useCallback(function (value) {
         value = value.replace(/[^0-9:. ]/g, '');
         setDisplayValue(value);
-        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, true);
+        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, props.useUTC);
         var newValue = parsedValue || !value ? parsedValue || null : false;
         if (newValue && newValue !== props.input.value) {
             props.input.onChange.call(null, newValue);
@@ -49,7 +49,7 @@ function useDateInputState(props) {
                 props.onChange.call(null, value);
             }
         }
-    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.valueFormat]);
+    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.valueFormat, props.useUTC]);
     // Dropdown opened state
     var _b = react_1.useState(false), isOpened = _b[0], setIsOpened = _b[1];
     // Focus/blur handlers

package/ui/form/Form/Form.js

@@ -160,9 +160,9 @@ function Form(props) {
     // OnChange handler
     react_use_1.useUpdateEffect(function () {
         if (props.onChange) {
-            props.onChange(values);
+            props.onChange.call(null, values);
         }
-    }, [props, values]);
+    }, [props.onChange, values]);
     // OnSubmit handler
     var onSubmit = react_1.useCallback(function (e) {
         if (e === void 0) { e = null; }
@@ -178,16 +178,33 @@ function Form(props) {
                         if (e) {
                             e.preventDefault();
                         }
+                        cleanedValues = cloneDeep_1["default"](values);
                         // Append non touched fields to values object
                         if (props.formId) {
                             Object.keys(components.ui.getRegisteredFields(props.formId) || {})
                                 .forEach(function (key) {
-                                if (isUndefined_1["default"](get_1["default"](values, key))) {
-                                    set_1["default"](values, key, null);
+                                // Don't set null values for keys in empty array items
+                                var keyParts = [];
+                                var arrayKey;
+                                key.split('.').find(function (keyPart) {
+                                    if (keyParts.length > 0 && Array.isArray(get_1["default"](cleanedValues, keyParts))) {
+                                        keyParts.push(keyPart);
+                                        arrayKey = keyParts.join('.');
+                                        return true;
+                                    }
+                                    keyParts.push(keyPart);
+                                    return false;
+                                });
+                                if (arrayKey && !get_1["default"](cleanedValues, arrayKey)) {
+                                    return;
+                                }
+                                if (isUndefined_1["default"](get_1["default"](cleanedValues, key))) {
+                                    set_1["default"](cleanedValues, key, null);
                                 }
                             });
                         }
-                        cleanedValues = cloneDeep_1["default"](form_1.cleanEmptyObject(values));
+                        // Clean
+                        cleanedValues = form_1.cleanEmptyObject(cleanedValues);
                         // Event onBeforeSubmit
                         if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
                             dispatch(form_2.formSetSubmitting(props.formId, false));

package/ui/form/TimeField/TimeField.js

@@ -28,7 +28,8 @@ function TimeField(props) {
         inputProps: props.inputProps,
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
-        displayFormat: props.displayFormat
+        displayFormat: props.displayFormat,
+        useUTC: props.useUTC
     }), onNow = _a.onNow, onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     var timePanelViewProps = react_1.useMemo(function () { return (__assign({ onNow: onNow,
         onClose: onClose, value: inputProps.value, onSelect: inputProps.onChange }, props.timePanelViewProps)); }, [inputProps.onChange, inputProps.value, onClose, onNow, props.timePanelViewProps]);