@steroidsjs/core 3.0.74 → 3.0.76

package/docs-autogen-result.json

@@ -12188,6 +12188,15 @@
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView",
                     "defaultValue": null
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для view компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null,
+                    "defaultValue": null
                 }
             ],
             "methods": []
@@ -17769,6 +17778,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.74",
+    "version": "3.0.76",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/content/Menu/Menu.d.ts

@@ -51,6 +51,10 @@ export interface IMenuProps extends IUiComponent {
      * Переопределение view React элемента меню для кастомизации отображения
      */
     itemView?: CustomView | any;
+    /**
+     * Свойства для view компонента
+     */
+    viewProps?: CustomViewProps;
 }
 export type IMenuViewProps = IMenuProps;
 declare function Menu(props: IMenuProps): JSX.Element;

package/ui/content/Menu/Menu.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,14 +19,7 @@ var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 function Menu(props) {
     var components = (0, useComponents_1["default"])();
     var MenuItemView = props.itemView || components.ui.getView('content.MenuItemView');
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        items: props.items,
-        dropDownProps: props.dropDownProps,
-        icon: props.icon,
-        className: props.className,
-        style: props.style,
-        itemView: MenuItemView
-    }); }, [MenuItemView, props.className, props.dropDownProps, props.icon, props.items, props.style]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { items: props.items, dropDownProps: props.dropDownProps, icon: props.icon, className: props.className, style: props.style, itemView: MenuItemView })); }, [MenuItemView, props.className, props.dropDownProps, props.icon, props.items, props.style, props.viewProps]);
     return components.ui.renderView(props.view || 'content.MenuView', viewProps);
 }
 exports["default"] = Menu;

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,