@steroidsjs/core 2.2.52 → 2.2.55

package/package.json

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

package/ui/content/DropDown/DropDown.d.ts

@@ -39,6 +39,7 @@ declare namespace DropDown {
         defaultVisible: boolean;
         gap: number;
         position: string;
+        closeMode: string;
     };
 }
 export default DropDown;

package/ui/content/DropDown/DropDown.js

@@ -46,13 +46,15 @@ function DropDown(props) {
                 onHide();
             }
         }
-    });
+    }, ['mousedown', 'touchstart']);
     // Any click -> close
-    react_use_1.useEvent('click', react_1.useCallback(function () {
+    var onAnyClick = react_1.useCallback(function () {
         if (isComponentExist && isComponentVisible && props.closeMode === 'click-any') {
             onHide();
         }
-    }, [isComponentExist, isComponentVisible, onHide, props.closeMode]));
+    }, [isComponentExist, isComponentVisible, onHide, props.closeMode]);
+    react_use_1.useEvent('mousedown', onAnyClick);
+    react_use_1.useEvent('touchstart', onAnyClick);
     var calculatePosition = react_1.useCallback(function (componentSize) {
         calculateAbsolutePosition(position, childRef.current, componentSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -83,6 +85,7 @@ DropDown.defaultProps = {
     componentDestroyDelay: 300,
     defaultVisible: false,
     gap: 15,
-    position: 'bottom'
+    position: 'bottom',
+    closeMode: 'click-away'
 };
 exports["default"] = DropDown;

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