@steroidsjs/core 2.1.1 → 2.2.3

package/components/LocaleComponent.js

@@ -28,21 +28,6 @@ var moment_1 = __importDefault(require("moment"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
 require("moment/locale/it");
 require("moment/locale/ru");
-// Fix load locale data
-if (process.env.IS_SSR) {
-    // @ts-ignore
-    global.IntlMessageFormat = intl_messageformat_1["default"];
-    require('intl-messageformat/dist/locale-data/ru');
-    // @ts-ignore
-    delete global.IntlMessageFormat;
-}
-else {
-    // @ts-ignore
-    window.IntlMessageFormat = intl_messageformat_1["default"];
-    require('intl-messageformat/dist/locale-data/ru');
-    // @ts-ignore
-    delete window.IntlMessageFormat;
-}
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.1.1",
+  "version": "2.2.3",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {
@@ -29,7 +29,7 @@
     "dot-prop-immutable": "^2.1.0",
     "fileup-core": "^1.2.0",
     "history": "^4.10.1",
-    "intl-messageformat": "^2.2.0",
+    "intl-messageformat": "^9.11.0",
     "js-cookie": "^2.2.1",
     "load-js": "^3.0.3",
     "lodash": "^4.17.21",
@@ -82,6 +82,6 @@
     "jest": "^26.6.3",
     "jest-enzyme": "^7.1.2",
     "ts-jest": "^26.5.1",
-    "typescript": "^4.1.3"
+    "typescript": "4.2.2"
   }
 }

package/ui/content/Calendar/Calendar.js

@@ -31,7 +31,7 @@ function Calendar(props) {
             setMonth(selectedDates[0]);
         }
     }, [selectedDates]);
-    var onDaySelect = react_1.useCallback(function (date) { return props.onChange.call(null, calendar_1.convertDate(date, null, props.valueFormat)); }, [props.onChange, props.valueFormat]);
+    var onDaySelect = react_1.useCallback(function (date) { return props.onChange.call(null, calendar_1.convertDate(date, null, props.valueFormat, false, true)); }, [props.onChange, props.valueFormat]);
     var toggleCaptionPanel = react_1.useCallback(function () {
         setIsCaptionPanelVisible(!isCaptionPanelVisible);
     }, [isCaptionPanelVisible]);

package/ui/form/DateField/useDateInputState.js

@@ -21,9 +21,9 @@ var calendar_1 = require("../../../utils/calendar");
 function useDateInputState(props) {
     // Get props value
     var propsDisplayValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [
-        props.displayFormat,
         props.valueFormat,
-    ], props.displayFormat) || ''; }, [props.displayFormat, props.input.value, props.valueFormat]);
+        props.displayFormat,
+    ], props.displayFormat, false, true) || ''; }, [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
@@ -40,15 +40,15 @@ function useDateInputState(props) {
     // Display input change handler
     var onDisplayValueChange = react_1.useCallback(function (value) {
         setDisplayValue(value);
-        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, props.useUTC);
+        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, true);
         var newValue = parsedValue || !value ? parsedValue || null : false;
-        if (newValue !== false && newValue !== props.input.value) {
+        if (newValue && newValue !== props.input.value) {
             props.input.onChange.call(null, newValue);
             if (props.onChange) {
                 props.onChange.call(null, value);
             }
         }
-    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.useUTC, props.valueFormat]);
+    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.valueFormat]);
     // Dropdown opened state
     var _b = react_1.useState(false), isOpened = _b[0], setIsOpened = _b[1];
     // Focus/blur handlers
@@ -56,10 +56,11 @@ function useDateInputState(props) {
         e.preventDefault();
         setIsOpened(true);
     }, [setIsOpened]);
-    var onBlur = react_1.useCallback(function (e) {
-        e.preventDefault();
-        //setIsOpened(false);
-    }, []);
+    var onBlur = react_1.useCallback(function () {
+        if (propsDisplayValue !== displayValue) {
+            setDisplayValue(propsDisplayValue);
+        }
+    }, [displayValue, propsDisplayValue]);
     var onClose = react_1.useCallback(function () {
         setIsOpened(false);
         if (propsDisplayValue !== displayValue) {

package/ui/form/DateField/useDateTime.js

@@ -13,8 +13,8 @@ var calendar_1 = require("../../../utils/calendar");
  */
 function useDateTime(props) {
     var _a = props.valueFormat.split(props.dateTimeSeparator), dateValueFormat = _a[0], timeValueFormat = _a[1];
-    var dateValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], dateValueFormat); }, [dateValueFormat, props.displayFormat, props.input.value, props.valueFormat]);
-    var timeValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat); }, [props.displayFormat, props.input.value, props.valueFormat, timeValueFormat]);
+    var dateValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.valueFormat, props.displayFormat], dateValueFormat, false, true); }, [dateValueFormat, props.displayFormat, props.input.value, props.valueFormat]);
+    var timeValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat, false, true); }, [props.displayFormat, props.input.value, props.valueFormat, timeValueFormat]);
     // Handler for calendar and time picker changes
     var onDateSelect = react_1.useCallback(function (date) {
         var result = date + props.dateTimeSeparator + (timeValue || '00:00');

package/ui/form/InputField/InputField.js

@@ -40,7 +40,10 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function InputField(props) {
     var components = hooks_1.useComponents();
-    var inputProps = react_1.useMemo(function () { return (__assign({ type: props.type, name: props.input.name, value: props.input.value || '', onChange: function (value) { return props.input.onChange(value); }, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, props.type]);
+    var inputProps = react_1.useMemo(function () {
+        var _a;
+        return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [props.disabled, props.input, props.inputProps, props.placeholder, props.type]);
     // No render for hidden input
     if (props.type === 'hidden') {
         return null;

package/ui/form/NumberField/NumberField.js

@@ -19,7 +19,10 @@ var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function NumberField(props) {
     var components = hooks_1.useComponents();
-    props.inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, value: props.input.value || undefined, onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
+    props.inputProps = react_1.useMemo(function () {
+        var _a;
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
     return components.ui.renderView(props.view || 'form.NumberFieldView' || 'form.InputFieldView', props);
 }
 NumberField.defaultProps = {

package/utils/calendar.d.ts

@@ -1,4 +1,4 @@
-export declare const convertDate: (date: string | Date, fromFormats: string | string[], toFormat?: string, utc?: boolean) => any;
+export declare const convertDate: (date: string | Date, fromFormats: string | string[], toFormat?: string, utc?: boolean, dateInUtc?: boolean) => any;
 /**
  * Регулярка проверяет соответствие введенной строки формату 'hh:mm'
  * Максимальная величина - 23:59

package/utils/calendar.js

@@ -5,9 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.convertDate = void 0;
 var moment_1 = __importDefault(require("moment"));
-var convertDate = function (date, fromFormats, toFormat, utc) {
+var convertDate = function (date, fromFormats, toFormat, utc, dateInUtc) {
     if (toFormat === void 0) { toFormat = null; }
     if (utc === void 0) { utc = false; }
+    if (dateInUtc === void 0) { dateInUtc = false; }
     if (!date) {
         return null;
     }
@@ -19,7 +20,12 @@ var convertDate = function (date, fromFormats, toFormat, utc) {
         if (!validFormat) {
             return null;
         }
-        momentDate = moment_1["default"](date, validFormat);
+        if (dateInUtc) {
+            momentDate = moment_1["default"].utc(date, validFormat);
+        }
+        else {
+            momentDate = moment_1["default"](date, validFormat);
+        }
     }
     else if (date instanceof Date) {
         momentDate = moment_1["default"](date);
@@ -31,7 +37,7 @@ var convertDate = function (date, fromFormats, toFormat, utc) {
         momentDate = momentDate.utc();
     }
     else {
-        momentDate = momentDate.utc(true).local();
+        momentDate = momentDate.local();
     }
     return toFormat ? momentDate.format(toFormat) : momentDate.toDate();
 };