@steroidsjs/core 3.0.0-beta.89 → 3.0.0-beta.90

package/package.json

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

package/ui/form/DateTimeField/DateTimeField.js

@@ -47,11 +47,7 @@ function DateTimeField(props) {
         dateInUTC: props.dateInUTC
     }), dateValueFormat = _b.dateValueFormat, dateValue = _b.dateValue, timeValue = _b.timeValue, onDateSelect = _b.onDateSelect, onTimeSelect = _b.onTimeSelect;
     // Calendar props
-    var calendarProps = (0, react_1.useMemo)(function () { return ({
-        value: dateValue,
-        onChange: onDateSelect,
-        valueFormat: dateValueFormat
-    }); }, [dateValue, dateValueFormat, onDateSelect]);
+    var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: dateValue, onChange: onDateSelect, valueFormat: dateValueFormat }, props.calendarProps)); }, [dateValue, dateValueFormat, onDateSelect, props.calendarProps]);
     // TimePanel props
     var timePanelViewProps = (0, react_1.useMemo)(function () { return ({
         onClose: onClose,
@@ -68,7 +64,7 @@ DateTimeField.defaultProps = {
     className: '',
     displayFormat: 'DD.MM.YYYY' + DATE_TIME_SEPARATOR + 'HH:mm',
     valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm',
-    useUTC: true,
+    useUTC: false,
     dateInUTC: false,
     size: 'md',
     icon: true

package/ui/form/DateTimeRangeField/DateTimeRangeField.js

@@ -42,6 +42,8 @@ function DateTimeRangeField(props) {
         placeholder: props.placeholder,
         required: props.required,
         inputProps: props.inputPropsFrom,
+        useUTC: props.useUTC,
+        dateInUTC: props.dateInUTC,
         onChange: onChange
     }), isOpenedFrom = _a.isOpened, onCloseFrom = _a.onClose, inputPropsFrom = _a.inputProps, onClearFrom = _a.onClear, onNow = _a.onNow;
     // Input 'to'
@@ -53,18 +55,24 @@ function DateTimeRangeField(props) {
         placeholder: props.placeholder,
         required: props.required,
         inputProps: props.inputPropsTo,
+        useUTC: props.useUTC,
+        dateInUTC: props.dateInUTC,
         onChange: onChange
     }), isOpenedTo = _b.isOpened, onCloseTo = _b.onClose, inputPropsTo = _b.inputProps, onClearTo = _b.onClear;
     var _c = (0, useDateTime_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         dateTimeSeparator: DATE_TIME_SEPARATOR,
+        useUTC: props.useUTC,
+        dateInUTC: props.dateInUTC,
         input: props.inputFrom
     }), dateValueFormat = _c.dateValueFormat, dateValueFrom = _c.dateValue, timeValueFrom = _c.timeValue, onDateFromSelect = _c.onDateSelect, onTimeFromSelect = _c.onTimeSelect;
     var _d = (0, useDateTime_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         dateTimeSeparator: DATE_TIME_SEPARATOR,
+        useUTC: props.useUTC,
+        dateInUTC: props.dateInUTC,
         input: props.inputTo
     }), dateValueTo = _d.dateValue, timeValueTo = _d.timeValue, onDateToSelect = _d.onDateSelect, onTimeToSelect = _d.onTimeSelect;
     var _e = (0, useDateRange_1["default"])({
@@ -102,6 +110,8 @@ DateTimeRangeField.defaultProps = {
     displayFormat: 'DD.MM.YYYY' + DATE_TIME_SEPARATOR + 'HH:mm',
     valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm',
     showRemove: true,
+    useUTC: false,
+    dateInUTC: false,
     icon: true,
     size: 'md'
 };

package/ui/nav/Router/Router.js

@@ -81,18 +81,17 @@ var renderComponent = function (route, activePath, routeProps) {
 };
 function Router(props) {
     var components = (0, hooks_1.useComponents)();
-    var rememberedPrevRouterParamsRef = (0, react_1.useRef)({});
+    var routeParams = (0, hooks_1.useSelector)(router_2.getRouteParams);
     var _a = (0, hooks_1.useSelector)(function (state) {
-        var _a, _b, _c;
+        var _a, _b;
         return ({
             isInitialized: (0, router_2.isRouterInitialized)(state),
             pathname: (0, get_1["default"])(state, 'router.location.pathname'),
             route: (0, router_2.getRoute)(state),
-            routeParams: (_a = state.router.match) === null || _a === void 0 ? void 0 : _a.params,
-            activePath: (_c = (_b = state.router) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.pathname,
+            activePath: (_b = (_a = state.router) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.pathname,
             activeRouteIds: (0, router_2.getActiveRouteIds)(state)
         });
-    }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, routeParams = _a.routeParams, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
+    }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
     var routeId = (route === null || route === void 0 ? void 0 : route.id) || null;
     // Init routes in redux
     var dispatch = (0, useDispatch_1["default"])();
@@ -102,10 +101,9 @@ function Router(props) {
         }
     });
     // Sync route params with redux
-    var prevRouteParams = (0, react_use_1.usePrevious)(routeParams);
+    var prevRouteParams = (0, react_use_1.usePreviousDistinct)(routeParams);
     (0, react_1.useEffect)(function () {
         if (!(0, isEqual_1["default"])(prevRouteParams, routeParams)) {
-            rememberedPrevRouterParamsRef.current = prevRouteParams;
             dispatch((0, router_1.initParams)(routeParams));
         }
     }, [dispatch, prevRouteParams, routeParams]);
@@ -156,7 +154,7 @@ function Router(props) {
                 return activeRoute && activeRoute.role !== exports.ROUTER_ROLE_MODAL;
             });
             if (parentRouteId) {
-                dispatch((0, router_1.goToRoute)(parentRouteId, rememberedPrevRouterParamsRef.current));
+                dispatch((0, router_1.goToRoute)(parentRouteId, prevRouteParams));
             }
         }
     });