@steroidsjs/core 3.0.73 → 3.0.75

package/docs-autogen-result.json

@@ -17769,6 +17769,15 @@
                     "example": "MyCustomView",
                     "defaultValue": null
                 },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для view компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "withRangeButtons",
                     "decorators": [],

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -50,7 +50,8 @@ function AutoCompleteField(props) {
         primaryKey: props.primaryKey,
         items: items,
         inputValue: props.input.value,
-        sourceItems: sourceItems
+        sourceItems: sourceItems,
+        hasCloseOnSelect: props.hasCloseOnSelect
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds;
     var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
@@ -130,6 +131,7 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    showClear: false
+    showClear: false,
+    hasCloseOnSelect: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.AUTO_COMPLETE_FIELD, AutoCompleteField);

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -64,6 +64,10 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
      * Свойства для компонента Calendar
      */
     calendarProps?: ICalendarProps;
+    /**
+     * Свойства для view компонента
+     */
+    viewProps?: CustomViewProps;
     /**
      * Устанавливать ли фокус и показывать календарь сразу после рендера страницы
      * @example true

package/ui/form/DateRangeField/DateRangeField.js

@@ -118,28 +118,9 @@ function DateRangeField(props) {
     });
     // Calendar props
     var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: [props.inputFrom.value, props.inputTo.value], onChange: onDayClick, valueFormat: props.valueFormat, numberOfMonths: 2, showFooter: false }, props.calendarProps)); }, [onDayClick, props.calendarProps, props.inputFrom.value, props.inputTo.value, props.valueFormat]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        onClear: onClear,
-        onClose: onClose,
-        calendarProps: calendarProps,
-        icon: props.icon,
-        size: props.size,
-        disabled: props.disabled,
-        className: props.className,
-        showRemove: props.showRemove,
-        errorsFrom: props.errorsFrom,
-        errorsTo: props.errorsTo,
-        inputPropsTo: extendedInputPropsTo,
-        inputPropsFrom: extendedInputPropsFrom,
-        isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo,
-        style: props.style,
-        id: props.id,
-        withRangeButtons: props.withRangeButtons,
-        rangeButtonsPosition: props.rangeButtonsPosition,
-        displayFormat: props.displayFormat
-    }); }, [calendarProps, extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, onClear,
-        onClose, props.className, props.disabled, props.errorsFrom, props.errorsTo, props.icon, props.id, props.showRemove,
-        props.size, props.style, props.withRangeButtons, props.rangeButtonsPosition, props.displayFormat]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, icon: props.icon, size: props.size, disabled: props.disabled, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, errors: props.errors, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, id: props.id, withRangeButtons: props.withRangeButtons, rangeButtonsPosition: props.rangeButtonsPosition, displayFormat: props.displayFormat })); }, [props.viewProps, props.icon, props.size, props.disabled, props.className, props.showRemove, props.errorsFrom,
+        props.errorsTo, props.errors, props.style, props.id, props.withRangeButtons, props.rangeButtonsPosition,
+        props.displayFormat, onClear, onClose, calendarProps, extendedInputPropsTo, extendedInputPropsFrom, focus, isOpenedFrom, isOpenedTo]);
     return components.ui.renderView(props.view || 'form.DateRangeFieldView', viewProps);
 }
 DateRangeField.defaultProps = {

package/ui/form/DropDownField/DropDownField.js

@@ -241,11 +241,10 @@ function DropDownField(props) {
     var viewProps = (0, react_1.useMemo)(function () { return (__assign({ isAutoComplete: isAutoComplete, items: items, hoveredId: hoveredId, selectedIds: selectedIds, inputRef: inputRef, autoCompleteInputForwardedRef: autoCompleteInputForwardedRef, searchInputProps: searchInputProps, isOpened: isOpened, isLoading: isLoading, onOpen: onOpen, selectedItems: selectedItems, 
         // TODO onFocus
         // TODO onBlur
-        onReset: onReset, onClose: onClose, renderItem: renderItem, onItemRemove: onItemRemove, onItemSelect: onItemSelect, hasGroup: hasGroup, multiple: props.multiple, isSearchAutoFocus: props.isSearchAutoFocus, itemToSelectAll: normalizedItemToSelectAll, className: props.className, viewProps: props.viewProps, dropDownProps: dropDownProps, style: props.style, size: props.size, color: props.color, outline: props.outline, placeholder: props.placeholder, showReset: props.showReset, showEllipses: props.showEllipses, errors: props.errors, disabled: props.disabled, maxHeight: props.maxHeight }, dataProvider)); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps,
-        isOpened, isLoading, onOpen, selectedItems, onReset, onClose, renderItem, dropDownProps,
-        onItemRemove, hasGroup, props.multiple, props.isSearchAutoFocus, props.className,
-        props.style, props.size, props.color, props.outline, props.placeholder, props.showReset,
-        props.showEllipses, props.errors, props.disabled, normalizedItemToSelectAll, props.viewProps, dataProvider, props.maxHeight]);
+        onReset: onReset, onClose: onClose, renderItem: renderItem, onItemRemove: onItemRemove, onItemSelect: onItemSelect, hasGroup: hasGroup, multiple: props.multiple, isSearchAutoFocus: props.isSearchAutoFocus, itemToSelectAll: normalizedItemToSelectAll, className: props.className, viewProps: props.viewProps, dropDownProps: dropDownProps, style: props.style, size: props.size, color: props.color, outline: props.outline, placeholder: props.placeholder, showReset: props.showReset, showEllipses: props.showEllipses, errors: props.errors, disabled: props.disabled, required: props.required, maxHeight: props.maxHeight }, dataProvider)); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps, isOpened, isLoading, onOpen, selectedItems, onReset, onClose,
+        renderItem, onItemRemove, onItemSelect, hasGroup, props.multiple, props.isSearchAutoFocus, props.className, props.viewProps, props.style,
+        props.size, props.color, props.outline, props.placeholder, props.showReset, props.showEllipses, props.errors, props.disabled,
+        props.required, props.maxHeight, normalizedItemToSelectAll, dropDownProps, dataProvider]);
     return components.ui.renderView(props.view || 'form.DropDownFieldView', viewProps);
 }
 DropDownField.defaultProps = {

package/ui/form/NumberField/NumberField.js

@@ -77,8 +77,8 @@ function NumberField(props) {
     }, [onStep]);
     var inputProps = (0, react_1.useMemo)(function () {
         var _a;
-        return (__assign(__assign({}, props.inputProps), { name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: onInputChange, type: 'text', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled, autoComplete: 'off', onKeyDown: onKeyDown }));
-    }, [props.inputProps, props.input.name, props.input.value, props.min, props.max, props.step, props.placeholder, props.disabled, onInputChange, onKeyDown]);
+        return (__assign(__assign({}, props.inputProps), { name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: onInputChange, type: 'text', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled, required: props.required, autoComplete: 'off', onKeyDown: onKeyDown }));
+    }, [props.inputProps, props.input.name, props.input.value, props.min, props.max, props.step, props.placeholder, props.disabled, props.required, onInputChange, onKeyDown]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         viewProps: props.viewProps,
         inputProps: inputProps,