@steroidsjs/core 2.2.46 → 2.2.49

package/hooks/useDataSelect.js

@@ -30,6 +30,12 @@ var getLinearItems = function (items, groupAttribute) {
     return result;
 };
 exports.getLinearItems = getLinearItems;
+var isIdExists = function (id) {
+    if (typeof id === 'boolean') {
+        return true;
+    }
+    return !!id;
+};
 function useDataSelect(config) {
     // Get primary key
     var primaryKey = config.primaryKey || defaultProps.primaryKey;
@@ -51,7 +57,7 @@ function useDataSelect(config) {
         && initialSelectedIds.length > 0
         ? initialSelectedIds
             .map(function (selectedId) { return linearItems.find(function (item) { return item.id === selectedId; }); })
-            .filter(Boolean)
+            .filter(isIdExists)
         : []; }, [initialSelectedIds, linearItems]);
     // State
     var _a = react_1.useState(false), isOpened = _a[0], setIsOpened = _a[1];
@@ -70,7 +76,7 @@ function useDataSelect(config) {
         }
         else {
             var id_1 = ids;
-            if (!id_1) {
+            if (!isIdExists(id_1)) {
                 setSelectedIdsInternal([]);
             }
             else if (config.multiple) {

package/hooks/useFetch.d.ts

@@ -19,7 +19,7 @@ export interface IFetchResult {
             value: string;
         };
         [key: string]: unknown;
-    };
+    } | any;
     isLoading: boolean;
     fetch?: (newParams?: Record<string, unknown>) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.46",
+  "version": "2.2.49",
   "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; }

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