@steroidsjs/core 3.0.9 → 3.0.10

package/docs-autogen-result.json

@@ -15192,6 +15192,15 @@
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView",
                     "defaultValue": null
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для компонента отображения",
+                    "required": false,
+                    "type": "{}",
+                    "example": "{\n customHandler: () => {...}\n}",
+                    "defaultValue": null
                 }
             ],
             "methods": [
@@ -15223,9 +15232,18 @@
             "tags": {},
             "defaultProps": null,
             "extends": [
-                "IFieldWrapperOutputProps"
+                "IFieldWrapperOutputProps",
+                "IUiComponent"
             ],
             "properties": [
+                {
+                    "name": "className",
+                    "decorators": [],
+                    "description": "Дополнительный CSS-класс для элемента отображения",
+                    "required": false,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "componentId",
                     "decorators": [],
@@ -15279,7 +15297,7 @@
                     "decorators": [],
                     "description": "",
                     "required": true,
-                    "type": "{color: string, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string, required: boolean, size: string}[]",
+                    "type": "{color: string, disabled: boolean, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string, required: boolean, size: string}[]",
                     "example": null
                 },
                 {
@@ -15305,6 +15323,22 @@
                     "required": false,
                     "type": "string",
                     "example": null
+                },
+                {
+                    "name": "style",
+                    "decorators": [],
+                    "description": "Объект CSS стилей",
+                    "required": false,
+                    "type": "CSSProperties",
+                    "example": "{width: '45%'}"
+                },
+                {
+                    "name": "view",
+                    "decorators": [],
+                    "description": "Переопределение view React компонента для кастомизации отображения",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": "MyCustomView"
                 }
             ],
             "methods": [
@@ -37386,6 +37420,15 @@
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView",
                     "defaultValue": null
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для компонента отображения",
+                    "required": false,
+                    "type": "{}",
+                    "example": "{\n customHandler: () => {...}\n}",
+                    "defaultValue": null
                 }
             ],
             "methods": []
@@ -37473,6 +37516,14 @@
                     "required": false,
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView"
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для компонента отображения",
+                    "required": false,
+                    "type": "{}",
+                    "example": "{\n customHandler: () => {...}\n}"
                 }
             ],
             "methods": []

package/package.json

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

package/ui/form/CheckboxListField/CheckboxListField.d.ts

@@ -48,9 +48,19 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<I
      * Кастомная вьюшка для элемента
      */
     itemView?: CustomView;
+    /**
+     * Свойства для компонента отображения
+     * @example
+     * {
+     *  customHandler: () => {...}
+     * }
+     */
+    viewProps?: {
+        [key: string]: any;
+    };
     [key: string]: any;
 }
-export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
+export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps, IUiComponent {
     inputProps: {
         name: string;
         type: string;
@@ -65,6 +75,7 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
         color?: string;
         required?: boolean;
         size?: Size;
+        disabled?: boolean;
     }[];
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -79,7 +79,7 @@ function CheckboxListField(props) {
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
     var CheckboxFieldView = props.itemView || components.ui.getView('form.CheckboxFieldView');
-    var renderCheckbox = function (checkboxProps) { return (react_1["default"].createElement(CheckboxFieldView, __assign({}, checkboxProps))); };
+    var renderCheckbox = (0, react_1.useCallback)(function (checkboxProps) { return (react_1["default"].createElement(CheckboxFieldView, __assign({}, checkboxProps))); }, [CheckboxFieldView]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         items: items,
         inputProps: inputProps,
@@ -88,8 +88,23 @@ function CheckboxListField(props) {
         renderCheckbox: renderCheckbox,
         orientation: props.orientation,
         size: props.size,
-        disabled: props.disabled
-    }); }, [inputProps, items, onItemSelect, props.disabled, props.orientation, props.size, renderCheckbox, selectedIds]);
+        disabled: props.disabled,
+        className: props.className,
+        style: props.style,
+        viewProps: props.viewProps
+    }); }, [
+        inputProps,
+        items,
+        onItemSelect,
+        props.className,
+        props.disabled,
+        props.orientation,
+        props.size,
+        props.style,
+        props.viewProps,
+        renderCheckbox,
+        selectedIds,
+    ]);
     return components.ui.renderView(props.view || 'form.CheckboxListFieldView', viewProps);
 }
 CheckboxListField.defaultProps = {

package/ui/form/RadioListField/RadioListField.js

@@ -74,7 +74,7 @@ function RadioListField(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.input.onChange, selectedIds]);
     var RadioFieldView = components.ui.getView('form.RadioFieldView');
-    var renderRadio = function (radioProps) { return react_1["default"].createElement(RadioFieldView, __assign({}, radioProps)); };
+    var renderRadio = (0, react_1.useCallback)(function (radioProps) { return react_1["default"].createElement(RadioFieldView, __assign({}, radioProps)); }, [RadioFieldView]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         items: items,
         inputProps: inputProps,

package/ui/nav/ButtonGroup/ButtonGroup.d.ts

@@ -40,6 +40,16 @@ export interface IButtonGroupProps extends IUiComponent {
      * }
      */
     buttonProps?: IButtonProps;
+    /**
+     * Свойства для компонента отображения
+     * @example
+     * {
+     *  customHandler: () => {...}
+     * }
+     */
+    viewProps?: {
+        [key: string]: any;
+    };
 }
 export interface IButtonGroupViewProps extends Omit<IButtonGroupProps, 'items'> {
     items: {

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -32,9 +32,10 @@ function ButtonGroup(props) {
             size: ((_a = props.buttonProps) === null || _a === void 0 ? void 0 : _a.size) || DEFAULT_BUTTON_GROUP_SIZE,
             activeButton: activeButton,
             items: items,
-            onClick: onClick
+            onClick: onClick,
+            viewProps: props.viewProps
         });
-    }, [activeButton, items, onClick, props.buttonProps, props.className, props.style]);
+    }, [activeButton, items, onClick, props.buttonProps, props.className, props.style, props.viewProps]);
     return components.ui.renderView(props.view || 'nav.ButtonGroupView', viewProps);
 }
 exports["default"] = ButtonGroup;