@steroidsjs/core 2.2.53 → 2.2.56

package/package.json

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

package/ui/form/BlankField/BlankField.js

@@ -25,6 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function BlankField(props) {
-    return React.createElement("span", null, props.text || props.children);
+    var _a;
+    return React.createElement("span", null, props.text || props.children || ((_a = props.input) === null || _a === void 0 ? void 0 : _a.value));
 }
 exports["default"] = fieldWrapper_1["default"]('BlankField', BlankField);

package/ui/form/DateField/useDateTime.d.ts

@@ -1,5 +1,5 @@
 import { IDateInputStateInput } from '../../form/DateField/useDateInputState';
-interface IUseDateTimeProps extends Pick<IDateInputStateInput, 'displayFormat' | 'valueFormat' | 'input'> {
+interface IUseDateTimeProps extends Pick<IDateInputStateInput, 'displayFormat' | 'valueFormat' | 'input' | 'useUTC'> {
     dateTimeSeparator: string;
 }
 /**

package/ui/form/DateField/useDateTime.js

@@ -13,16 +13,16 @@ 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.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]);
+    var dateValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.valueFormat, props.displayFormat], dateValueFormat, false, props.useUTC); }, [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, props.useUTC); }, [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');
-        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, true));
+        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, props.useUTC));
     }, [props.dateTimeSeparator, props.input.onChange, props.valueFormat, timeValue]);
     var onTimeSelect = react_1.useCallback(function (time) {
         var result = (dateValue || moment_1["default"]().format(dateValueFormat)) + props.dateTimeSeparator + time;
-        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, true));
+        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, props.useUTC));
     }, [dateValue, dateValueFormat, props.dateTimeSeparator, props.input.onChange, props.valueFormat]);
     return {
         dateValue: dateValue,

package/ui/form/DateTimeField/DateTimeField.js

@@ -35,13 +35,15 @@ function DateTimeField(props) {
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
         displayFormat: props.displayFormat,
-        useUTC: true
+        useUTC: props.useUTC
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
+    console.log("DATETIME INPUT", inputProps);
     var _b = useDateTime_1["default"]({
         displayFormat: props.displayFormat,
         dateTimeSeparator: DATE_TIME_SEPARATOR,
         input: props.input,
-        valueFormat: props.valueFormat
+        valueFormat: props.valueFormat,
+        useUTC: props.useUTC
     }), dateValueFormat = _b.dateValueFormat, dateValue = _b.dateValue, timeValue = _b.timeValue, onDateSelect = _b.onDateSelect, onTimeSelect = _b.onTimeSelect;
     // Calendar props
     var calendarProps = react_1.useMemo(function () { return ({
@@ -69,6 +71,7 @@ DateTimeField.defaultProps = {
     required: false,
     className: '',
     displayFormat: 'DD.MM.YYYY' + DATE_TIME_SEPARATOR + 'HH:mm',
-    valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm'
+    valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm',
+    useUTC: true
 };
 exports["default"] = fieldWrapper_1["default"]('DateTimeField', DateTimeField);

package/ui/form/RadioListField/RadioListField.js

@@ -37,7 +37,9 @@ function RadioListField(props) {
     var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'radio', name: props.input.name, disabled: props.disabled, onChange: function (value) { return props.input.onChange(value); } })); }, [props.disabled, props.input, props.inputProps]);
     // Sync with form
     react_1.useEffect(function () {
+        var _a;
         props.input.onChange.call(null, selectedIds[0]);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(null, selectedIds[0]);
     }, [props.input.onChange, selectedIds]);
     return components.ui.renderView(props.view || 'form.RadioListFieldView', __assign(__assign({}, props), { items: items,
         inputProps: inputProps,

package/ui/form/TimeField/TimeField.js

@@ -48,6 +48,7 @@ TimeField.defaultProps = {
     noBorder: false,
     showRemove: true,
     type: 'text',
-    valueFormat: 'HH:mm'
+    valueFormat: 'HH:mm',
+    useUTC: true
 };
 exports["default"] = fieldWrapper_1["default"]('TimeField', TimeField);