@steroidsjs/core 3.0.30 → 3.0.32

package/docs-autogen-result.json

@@ -7586,6 +7586,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "asideCalendarCheckboxListProps",
+                    "decorators": [],
+                    "description": "Дополнительные свойства для списка календарей бокового календаря",
+                    "required": false,
+                    "type": "ICheckboxListFieldProps",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "asideCalendarProps",
                     "decorators": [],
@@ -7643,7 +7652,7 @@
                 {
                     "name": "eventGroupModalProps",
                     "decorators": [],
-                    "description": "Свойства для модалного окна группы событий",
+                    "description": "Свойства для модального окна группы событий",
                     "required": false,
                     "type": "IModalProps",
                     "example": null,
@@ -7725,7 +7734,7 @@
             "defaultProps": null,
             "extends": [
                 "Pick<ICalendarSystemProps",
-                "'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps'>"
+                "'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps' | 'asideCalendarCheckboxListProps'>"
             ],
             "properties": [
                 {
@@ -7736,6 +7745,14 @@
                     "type": "Record",
                     "example": null
                 },
+                {
+                    "name": "asideCalendarCheckboxListProps",
+                    "decorators": [],
+                    "description": "Дополнительные свойства для списка календарей бокового календаря",
+                    "required": false,
+                    "type": "ICheckboxListFieldProps",
+                    "example": null
+                },
                 {
                     "name": "asideCalendarProps",
                     "decorators": [],
@@ -15455,6 +15472,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "itemViewProps",
+                    "decorators": [],
+                    "description": "Пропсы для отображения элемента",
+                    "required": false,
+                    "type": "any",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -19045,6 +19071,24 @@
                             "example": null
                         }
                     ]
+                },
+                {
+                    "name": "onItemSelect",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при выборе элемента DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": [
+                        {
+                            "name": "selectedId",
+                            "decorators": [],
+                            "description": "",
+                            "required": true,
+                            "type": "string | number",
+                            "example": null
+                        }
+                    ]
                 }
             ]
         },
@@ -19499,6 +19543,24 @@
                         }
                     ]
                 },
+                {
+                    "name": "onItemSelect",
+                    "decorators": [],
+                    "description": "Callback-функция, которая вызывается при выборе элемента DropDown",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": [
+                        {
+                            "name": "selectedId",
+                            "decorators": [],
+                            "description": "",
+                            "required": true,
+                            "type": "string | number",
+                            "example": null
+                        }
+                    ]
+                },
                 {
                     "name": "onOpen",
                     "decorators": [],

package/en.json

@@ -988,6 +988,7 @@
     "Количество элементов на странице, используется для корректного отображения пагинации": "",
     "Параметры роутинга": "",
     "Сохранение в localStorage уровней вложенности.": "",
+    "Дополнительные свойства для списка календарей бокового календаря": "",
     "Дополнительные свойства для бокового календаря": "",
     "Свойства для сетки дня": "",
     "Свойства для сетки месяца": "",
@@ -997,6 +998,7 @@
     "Дополнительные данные которые попадут в дата аттрибут data-icon": "",
     "Компоненты для подключения wysiwyg редактора": "",
     "Текст при отсутствии элементов": "",
+    "Пропсы для отображения элемента": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "View компонент для элемента дерева": "",
     "Разделитель для даты и времени, не влияет на отображение": "",

package/package.json

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

package/ui/content/CalendarSystem/CalendarSystem.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ICheckboxListFieldProps } from '../../../ui/form/CheckboxListField/CheckboxListField';
 import { ICalendarProps } from '../../../ui/content/Calendar/Calendar';
 import { IModalProps } from '../../../ui/modal/Modal/Modal';
 import CalendarEnum from './enums/CalendarType';
@@ -104,7 +105,7 @@ export interface ICalendarSystemProps extends IUiComponent {
     */
     calendarModalProps?: IModalProps;
     /**
-    * Свойства для модалного окна группы событий
+    * Свойства для модального окна группы событий
     */
     eventGroupModalProps?: IModalProps;
     /**
@@ -141,13 +142,17 @@ export interface ICalendarSystemProps extends IUiComponent {
      * Дополнительные свойства для бокового календаря
      */
     asideCalendarProps?: ICalendarProps;
+    /**
+     * Дополнительные свойства для списка календарей бокового календаря
+     */
+    asideCalendarCheckboxListProps?: ICheckboxListFieldProps;
     /**
      * Дочерние элементы
      */
     children?: React.ReactNode;
     [key: string]: any;
 }
-export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps'> {
+export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps' | 'asideCalendarCheckboxListProps'> {
     onCalendarChangedMonth: (newDate: Date) => void;
     eventGroups: IEventGroup[];
     eventGroupsTitle: string;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -37,6 +37,7 @@ function CalendarSystem(props) {
         users: calendarSystem.users,
         eventGroupsTitle: props.eventBlock.title,
         asideCalendarProps: props.asideCalendarProps,
+        asideCalendarCheckboxListProps: props.asideCalendarCheckboxListProps,
         children: props.children,
         dateToDisplay: calendarSystem.dateToDisplay,
         eventGroups: calendarSystem.innerEventGroups,
@@ -52,7 +53,7 @@ function CalendarSystem(props) {
         monthGridProps: __assign({ monthGridWeekDays: calendarSystem.monthGridWeekDays, monthGridCalendarDays: calendarSystem.monthGridCalendarDays }, monthGridViews),
         weekGridProps: __assign({ weekGridTwentyFourHoursArray: calendarSystem.weekGridTwentyFourHoursArray, weekGridCurrentWeekDays: calendarSystem.weekGridCurrentWeekDays }, weekGridViews),
         dayGridProps: __assign({ dayGridTwentyFourHoursArray: calendarSystem.dayGridTwentyFourHoursArray, dayGridCurrentDay: calendarSystem.dayGridCurrentDay }, dayGridViews)
-    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.asideCalendarProps, props.children, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
+    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.asideCalendarProps, props.asideCalendarCheckboxListProps, props.children, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
     return components.ui.renderView(props.view || 'content.CalendarSystemView', viewProps);
 }
 exports["default"] = CalendarSystem;

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

@@ -48,6 +48,10 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<I
      * Кастомная вьюшка для элемента
      */
     itemView?: CustomView;
+    /**
+     * Пропсы для отображения элемента
+     */
+    itemViewProps?: CustomViewProps;
     /**
      * Свойства для компонента отображения
      * @example

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -85,7 +85,7 @@ function CheckboxListField(props) {
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
     var CheckboxFieldView = props.itemView || components.ui.getView('form.CheckboxFieldView');
-    var renderCheckbox = (0, react_1.useCallback)(function (checkboxProps) { return (react_1["default"].createElement(CheckboxFieldView, __assign({}, checkboxProps))); }, [CheckboxFieldView]);
+    var renderCheckbox = (0, react_1.useCallback)(function (checkboxProps) { return (react_1["default"].createElement(CheckboxFieldView, __assign({}, checkboxProps, props.itemViewProps))); }, [CheckboxFieldView, props.itemViewProps]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         items: items,
         inputProps: inputProps,

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

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

package/ui/form/DropDownField/DropDownField.js

@@ -127,7 +127,10 @@ function DropDownField(props) {
             return;
         }
         setSelectedIds(id);
-    }, [normalizedItemToSelectAll, setSelectedAll, setSelectedIds]);
+        if (props.onItemSelect) {
+            props.onItemSelect(id);
+        }
+    }, [normalizedItemToSelectAll === null || normalizedItemToSelectAll === void 0 ? void 0 : normalizedItemToSelectAll.id, props, setSelectedAll, setSelectedIds]);
     var onItemRemove = (0, react_1.useCallback)(function (id) {
         setSelectedIds(selectedIds.filter(function (i) { return i !== id; }));
     }, [selectedIds, setSelectedIds]);
@@ -235,8 +238,8 @@ function DropDownField(props) {
         showEllipses: props.showEllipses,
         errors: props.errors,
         disabled: props.disabled
-    }); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps, isOpened, isLoading, onOpen,
-        selectedItems, onReset, onClose, renderItem, onItemRemove, hasGroup, props.multiple, props.isSearchAutoFocus,
+    }); }, [isAutoComplete, items, hoveredId, selectedIds, searchInputProps, isOpened, isLoading, onOpen, selectedItems,
+        onReset, onClose, renderItem, 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]);
     return components.ui.renderView(props.view || 'form.DropDownFieldView', viewProps);