@steroidsjs/core 3.0.33 → 3.0.35

package/docs-autogen-result.json

@@ -15485,7 +15485,7 @@
                     "name": "items",
                     "decorators": [],
                     "description": "Коллекция элементов",
-                    "required": true,
+                    "required": false,
                     "type": "CheckboxFieldListItems",
                     "example": "[\n {\n     id: 1,\n     label: 'Krasnoyarsk',\n     color: 'red'\n },\n {\n     id: 2,\n     label: 'Moscow',\n     color: 'purple'\n }\n]",
                     "defaultValue": null
@@ -19097,6 +19097,15 @@
                             "example": null
                         }
                     ]
+                },
+                {
+                    "name": "onReset",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при очистке выбранных элементов DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": []
                 }
             ]
         },
@@ -19581,7 +19590,7 @@
                 {
                     "name": "onReset",
                     "decorators": [],
-                    "description": "",
+                    "description": "Callback-функция, которая вызывается при очистке выбранных элементов DropDown",
                     "required": false,
                     "type": "void",
                     "example": null,
@@ -20743,6 +20752,14 @@
                     "type": "string",
                     "example": null
                 },
+                {
+                    "name": "removeIcon",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "string",
+                    "example": null
+                },
                 {
                     "name": "required",
                     "decorators": [],
@@ -21008,6 +21025,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "removeIcon",
+                    "decorators": [],
+                    "description": "Название иконки, которая отобразится для удаления группы с полями",
+                    "required": false,
+                    "type": "string",
+                    "example": "'remove'",
+                    "defaultValue": null
+                },
                 {
                     "name": "required",
                     "decorators": [],

package/en.json

@@ -1004,6 +1004,7 @@
     "Разделитель для даты и времени, не влияет на отображение": "",
     "Начальные элементы списка": "",
     "Значения для полей при нажатии кнопки 'Добавить'": "",
+    "Название иконки, которая отобразится для удаления группы с полями": "",
     "Размер компонента и вложенных полей": "",
     "Текст, который отобразится при загрузке файла": "",
     "Параметры для кнопки отправки формы": "",

package/package.json

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

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

@@ -17,6 +17,7 @@ export interface IMenuItem {
      * Нижний border
      */
     hasBorder?: boolean;
+    [key: string]: any;
 }
 /**
  * Menu

package/ui/content/Menu/Menu.js

@@ -7,7 +7,7 @@ var react_1 = require("react");
 var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 function Menu(props) {
     var components = (0, useComponents_1["default"])();
-    var MenuItemView = components.ui.getView(props.itemView || 'content.MenuItemView');
+    var MenuItemView = props.itemView || components.ui.getView('content.MenuItemView');
     var viewProps = (0, react_1.useMemo)(function () { return ({
         items: props.items,
         dropDownProps: props.dropDownProps,

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

@@ -43,7 +43,7 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<I
      *  }
      * ]
      */
-    items: CheckboxFieldListItems;
+    items?: CheckboxFieldListItems;
     /**
      * Кастомная вьюшка для элемента
      */

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -47,7 +47,9 @@ function CheckboxListField(props) {
     var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data Provider
     var items = (0, hooks_1.useDataProvider)({
-        items: props.items
+        items: props.items,
+        initialSelectedIds: inputSelectedIds,
+        dataProvider: props.dataProvider
     }).items;
     // Data select
     var _a = (0, hooks_1.useDataSelect)({

package/ui/form/DropDownField/DropDownField.d.ts

@@ -134,6 +134,10 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      * Callback-функция, которая вызывается при выборе элемента DropDown
      */
     onItemSelect?: (selectedId: string | number) => void;
+    /**
+     * Callback-функция, которая вызывается при очистке выбранных элементов DropDown
+     */
+    onReset?: () => void;
     /**
      * Callback-функция, которая вызывается при закрытии DropDown
      */

package/ui/form/DropDownField/DropDownField.js

@@ -136,7 +136,10 @@ function DropDownField(props) {
     }, [selectedIds, setSelectedIds]);
     var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
-    }, [setSelectedIds]);
+        if (props.onReset) {
+            props.onReset();
+        }
+    }, [props.onReset, setSelectedIds]);
     var onClose = (0, react_1.useCallback)(function () {
         if (isOpened) {
             setIsFocused(false);

package/ui/form/FieldList/FieldList.d.ts

@@ -80,6 +80,11 @@ export interface IFieldListProps extends IFieldWrapperInputProps, IUiComponent {
      * @example true
      */
     showRemove?: boolean;
+    /**
+     * Название иконки, которая отобразится для удаления группы с полями
+     * @example 'remove'
+     */
+    removeIcon?: string;
     /**
      * Дополнительный CSS-класс для таблицы
      */
@@ -136,7 +141,9 @@ export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
     required?: boolean;
     rowIndex: number;
     showRemove: boolean;
+    removeIcon?: string;
     onAdd?: (rowsCount?: number) => void;
+    [key: string]: any;
 }
 declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IFieldListProps>;
 export default _default;

package/ui/form/FieldList/FieldList.js

@@ -135,7 +135,7 @@ function FieldList(props) {
         onAdd: onAdd
     }); }, [items, onAdd, props.className, props.disabled, props.required, props.showAdd, props.showRemove, props.size, props.tableClassName]);
     var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.viewProps), { forwardedRef: nodeRef, hasAlternatingColors: props.hasAlternatingColors, style: props.style, children: props.children })); }, [commonProps, props.children, props.hasAlternatingColors, props.style, props.viewProps]);
-    var itemViewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.itemViewProps), { onRemove: onRemove })); }, [commonProps, onRemove, props.itemViewProps]);
+    var itemViewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.itemViewProps), { onRemove: onRemove, removeIcon: props.removeIcon })); }, [commonProps, onRemove, props.itemViewProps, props.removeIcon]);
     var FieldListView = props.view || components.ui.getView('form.FieldListView');
     var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
     return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },

package/ui/form/RadioListField/RadioListField.js

@@ -47,7 +47,9 @@ function RadioListField(props) {
     var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data provider
     var items = (0, hooks_1.useDataProvider)({
-        items: props.items
+        items: props.items,
+        initialSelectedIds: inputSelectedIds,
+        dataProvider: props.dataProvider
     }).items;
     // Data select
     var _a = (0, hooks_1.useDataSelect)({