@steroidsjs/core 2.2.54 → 2.2.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.54",
+  "version": "2.2.57",
   "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/Form/Form.d.ts

@@ -153,6 +153,7 @@ export interface IFormViewProps {
     onSubmit: any;
     className?: CssClassName;
     isBordered?: boolean;
+    autoFocus?: boolean;
     style?: any;
     layout?: {
         layout: FormLayoutName | boolean;

package/ui/form/Form/Form.js

@@ -131,19 +131,6 @@ function Form(props) {
     react_use_1.useUpdateEffect(function () {
         updateQuery(values);
     }, [updateQuery, values]);
-    // Auto focus
-    react_use_1.useMount(function () {
-        if (props.autoFocus && process.env.IS_WEB) {
-            // TODO
-            /*const element: any = findDOMNode(this);
-            const inputEl = element.querySelector('input:not([type=hidden])');
-            setTimeout(() => {
-                if (inputEl && inputEl.focus) {
-                    inputEl.focus();
-                }
-            }, 10);*/
-        }
-    });
     // Auto save
     react_use_1.useUpdateEffect(function () {
         if (props.autoSave && values) {
@@ -346,7 +333,7 @@ function Form(props) {
         ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid,
             isSubmitting: isSubmitting,
             layout: layout,
-            onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style }))
+            onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
         : props.children));
 }
 Form.defaultProps = {

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