@steroidsjs/core 3.0.19 → 3.0.21

package/docs-autogen-result.json

@@ -7604,6 +7604,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "children",
+                    "decorators": [],
+                    "description": "Дочерние элементы",
+                    "required": false,
+                    "type": "ReactNode",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -7743,6 +7752,14 @@
                     "type": "default",
                     "example": null
                 },
+                {
+                    "name": "children",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "ReactNode",
+                    "example": null
+                },
                 {
                     "name": "className",
                     "decorators": [],
@@ -25367,6 +25384,15 @@
                     "example": "{ onKeyDown: ... }",
                     "defaultValue": null
                 },
+                {
+                    "name": "isCanBeNegative",
+                    "decorators": [],
+                    "description": "Может ли число быть отрицательным",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],
@@ -25648,6 +25674,14 @@
                     "type": "MutableRefObject",
                     "example": null
                 },
+                {
+                    "name": "isCanBeNegative",
+                    "decorators": [],
+                    "description": "Может ли число быть отрицательным",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "isRenderWithoutFieldLayout",
                     "decorators": [],

package/en.json

@@ -1003,6 +1003,7 @@
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Допустимое количество символов после разделителя": "",
+    "Может ли число быть отрицательным": "",
     "CSS-класс для элемента навигации.": "",
     "Тип данных для параметров маршрута.": "",
     "Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router.": ""

package/package.json

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

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

@@ -141,6 +141,10 @@ export interface ICalendarSystemProps extends IUiComponent {
      * Дополнительные свойства для бокового календаря
      */
     asideCalendarProps?: ICalendarProps;
+    /**
+     * Дочерние элементы
+     */
+    children?: React.ReactNode;
     [key: string]: any;
 }
 export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'className' | 'style' | 'additionalViewProps' | 'users' | 'asideCalendarProps'> {
@@ -153,6 +157,7 @@ export interface ICalendarSystemViewProps extends Pick<ICalendarSystemProps, 'cl
     handleCalendarTypeChange: (newType: string) => void;
     onClickControl: (event: React.MouseEvent<HTMLElement>) => void;
     calendarType: CalendarEnum;
+    children: React.ReactNode;
     getEventsFromDate: (dateFromDay: Date, currentCalendarType: CalendarEnum) => IEvent[];
     openEditModal: (event: IEvent) => void;
     openCreateModal: (eventInitialDay?: IDay) => void;

package/ui/content/CalendarSystem/CalendarSystem.js

@@ -37,6 +37,7 @@ function CalendarSystem(props) {
         users: calendarSystem.users,
         eventGroupsTitle: props.eventBlock.title,
         asideCalendarProps: props.asideCalendarProps,
+        children: props.children,
         dateToDisplay: calendarSystem.dateToDisplay,
         eventGroups: calendarSystem.innerEventGroups,
         calendarType: calendarSystem.calendarType,
@@ -51,7 +52,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, calendarSystem, monthGridViews, weekGridViews, dayGridViews]);
+    }); }, [props.className, props.style, props.additionalViewProps, props.eventBlock.title, props.asideCalendarProps, 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

@@ -58,7 +58,6 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, Omit<I
     viewProps?: {
         [key: string]: any;
     };
-    [key: string]: any;
 }
 export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps, IUiComponent {
     inputProps: {

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -39,6 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var react_1 = __importStar(require("react"));
 var react_use_1 = require("react-use");
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 function CheckboxListField(props) {
@@ -53,6 +54,7 @@ function CheckboxListField(props) {
         selectedIds: inputSelectedIds,
         multiple: props.multiple,
         primaryKey: props.primaryKey,
+        selectFirst: props.selectFirst,
         items: items,
         inputValue: props.input.value
     }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
@@ -61,12 +63,16 @@ function CheckboxListField(props) {
     }, [setSelectedIds]);
     var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input, props.inputProps]);
     // Sync with form
+    var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
     (0, react_1.useEffect)(function () {
-        props.input.onChange.call(null, selectedIds);
-        if (props.onChange) {
-            props.onChange(selectedIds);
+        if (!(0, isEqual_1["default"])(prevSelectedIds || [], selectedIds)) {
+            props.input.onChange.call(null, selectedIds);
+            if (props.onChange) {
+                props.onChange.call(null, selectedIds);
+            }
         }
-    }, [props, props.input.onChange, selectedIds]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.input.onChange, selectedIds]);
     var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
     }, [setSelectedIds]);

package/ui/form/FileField/FileField.js

@@ -71,7 +71,10 @@ function FileFieldComponent(props) {
         }
     }, [files, props]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
+        input: props.input,
         buttonView: props.buttonView,
+        multiple: props.multiple,
+        imagesOnly: props.imagesOnly,
         buttonProps: __assign({ label: props.filesLayout === FilesLayout.wall
                 ? __('Upload')
                 : __('Click to Upload'), size: props.size, disabled: props.disabled, onClick: onBrowse }, props.buttonProps),
@@ -122,8 +125,7 @@ function FileFieldComponent(props) {
             }
             return item;
         })
-    }); }, [FileFieldItemView, files, onBrowse, onRemove, props.buttonProps, props.buttonView, props.className, props.disabled,
-        props.filesLayout, props.imagesOnly, props.imagesProcessor, props.itemProps, props.showRemove, props.size]);
+    }); }, [FileFieldItemView, files, onBrowse, onRemove, props.buttonProps, props.buttonView, props.className, props.disabled, props.filesLayout, props.imagesOnly, props.imagesProcessor, props.input, props.itemProps, props.showRemove, props.size]);
     return (react_1["default"].createElement(FileFieldView, __assign({}, viewProps)));
 }
 function FileField(props) {

package/ui/form/NumberField/NumberField.d.ts

@@ -26,6 +26,10 @@ export interface INumberFieldProps extends IBaseFieldProps {
     * Допустимое количество символов после разделителя
     */
     decimal?: number;
+    /**
+     * Может ли число быть отрицательным
+     */
+    isCanBeNegative?: boolean;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -52,7 +52,7 @@ function NumberField(props) {
         min: props.min,
         value: props.input.value,
         required: props.required
-    }, onChange, props.decimal).onInputChange;
+    }, onChange, props.decimal, props.isCanBeNegative).onInputChange;
     var onStep = (0, react_1.useCallback)(function (isIncrement) {
         var _a;
         var currentValue = Number((_a = currentInputRef === null || currentInputRef === void 0 ? void 0 : currentInputRef.current) === null || _a === void 0 ? void 0 : _a.value);
@@ -105,6 +105,7 @@ function NumberField(props) {
 }
 NumberField.defaultProps = {
     disabled: false,
-    required: false
+    required: false,
+    isCanBeNegative: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])('NumberField', NumberField);

package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts

@@ -5,7 +5,7 @@ interface IInputTypeNumberProps {
     value: string | undefined | null;
     required?: boolean;
 }
-declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void, decimal: number) => {
+declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void, decimal: number, isCanBeNegative?: boolean) => {
     onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export default useInputTypeNumber;

package/ui/form/NumberField/hooks/useInputTypeNumber.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange, decimal) {
+var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange, decimal, isCanBeNegative) {
     react_1["default"].useEffect(function () {
         var _a;
         var defaultValidity = __('The number is not valid.');
@@ -20,18 +20,30 @@ var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChan
         if (!value) {
             return true;
         }
-        /**
-        * Подходят как отрицательные так и положительные числа с плавающей точкой
-        * @example -1.0
-        * @example 1.1
-        */
-        var numericFloatRegExp = new RegExp("^-?\\d*\\.?\\d{0,".concat(decimal, "}$"));
-        /**
-        * Подходят как отрицательные так и положительные целые числа
-        * @example 1
-        * @example -2
-        */
-        var numericRegExp = new RegExp('^-?\\d*$');
+        var numericFloatRegExp = isCanBeNegative
+            /**
+             * Подходят отрицательные и положительные числа с плавающей точкой
+             * @example -1.0
+             * @example 1.1
+             */
+            ? new RegExp("^-?\\d*\\.?\\d{0,".concat(decimal, "}$"))
+            /**
+             * Подходят положительные числа с плавающей точкой
+             * @example 1.1
+             */
+            : new RegExp("^\\d*\\.?\\d{0,".concat(decimal, "}$"));
+        var numericRegExp = isCanBeNegative
+            /**
+             * Подходят отрицательные и положительные целые числа
+             * @example 1
+             * @example -2
+             */
+            ? new RegExp('^-?\\d*$')
+            /**
+             * Подходят положительные целые числа
+             * @example 1
+             */
+            : new RegExp('^\\d+$');
         return decimal ? numericFloatRegExp.test(value) : numericRegExp.test(value);
     };
     var onInputChange = function (event) {