@steroidsjs/core 3.0.23 → 3.0.25

package/docs-autogen-result.json

@@ -16002,6 +16002,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "View компонент для элемента дерева",
+                    "required": false,
+                    "type": "React.ReactNode | {}",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -16255,6 +16264,14 @@
                     "type": "IInputParams",
                     "example": null
                 },
+                {
+                    "name": "itemView",
+                    "decorators": [],
+                    "description": "",
+                    "required": true,
+                    "type": "React.ReactNode | {}",
+                    "example": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -17619,6 +17636,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "dateTimeSeparator",
+                    "decorators": [],
+                    "description": "Разделитель для даты и времени, не влияет на отображение",
+                    "required": false,
+                    "type": "string",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -21335,6 +21361,14 @@
                     "type": "Record",
                     "example": null
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'"
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],
@@ -21640,6 +21674,15 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'",
+                    "defaultValue": null
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],
@@ -21974,6 +22017,14 @@
                     "type": "any",
                     "example": "'Visible'"
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'"
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],

package/en.json

@@ -998,9 +998,12 @@
     "Компоненты для подключения wysiwyg редактора": "",
     "Текст при отсутствии элементов": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
+    "View компонент для элемента дерева": "",
+    "Разделитель для даты и времени, не влияет на отображение": "",
     "Начальные элементы списка": "",
     "Значения для полей при нажатии кнопки 'Добавить'": "",
     "Размер компонента и вложенных полей": "",
+    "Текст, который отобразится при загрузке файла": "",
     "Параметры для кнопки отправки формы": "",
     "Очищать сообщение об ошибке при редактировании поля. По-умолчанию включено": "",
     "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",

package/package.json

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

package/ui/form/CheckboxTreeField/CheckboxTreeField.d.ts

@@ -50,6 +50,10 @@ export interface ICheckboxTreeFieldProps extends IFieldWrapperInputProps, Omit<I
      * Отображать чекбоксы только на узлах, не имеющих вложенных элементов
      */
     hasOnlyLeafCheckboxes?: boolean;
+    /**
+     * View компонент для элемента дерева
+     */
+    itemView?: CustomView;
     [key: string]: any;
 }
 export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, Pick<ITreeProps, 'levelPadding' | 'hasIconExpandOnly' | 'customIcon'> {
@@ -66,6 +70,7 @@ export interface ICheckboxTreeFieldViewProps extends IFieldWrapperOutputProps, P
     renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
     size?: Size;
     hasOnlyLeafCheckboxes?: boolean;
+    itemView: CustomView;
 }
 export declare const getNestedItemsIds: (item: any, groupAttribute: any, hasOnlyLeafCheckboxes?: boolean) => any[];
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxTreeFieldProps>;

package/ui/form/CheckboxTreeField/CheckboxTreeField.js

@@ -67,6 +67,7 @@ var getNestedItemsIds = function (item, groupAttribute, hasOnlyLeafCheckboxes) {
 exports.getNestedItemsIds = getNestedItemsIds;
 function CheckboxTreeField(props) {
     var components = (0, hooks_1.useComponents)();
+    var TreeItemView = props.itemView || components.ui.getView('nav.TreeItemView');
     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)({
@@ -129,8 +130,10 @@ function CheckboxTreeField(props) {
         size: props.size,
         levelPadding: props.levelPadding,
         hasOnlyLeafCheckboxes: props.hasOnlyLeafCheckboxes,
-        hasIconExpandOnly: props.hasIconExpandOnly
-    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding, props.hasOnlyLeafCheckboxes, props.hasIconExpandOnly]);
+        hasIconExpandOnly: props.hasIconExpandOnly,
+        itemView: TreeItemView
+    }); }, [treeItems, onItemSelect, selectedIds, renderCheckbox, props.size, props.levelPadding, props.hasOnlyLeafCheckboxes,
+        props.hasIconExpandOnly, TreeItemView]);
     return components.ui.renderView(props.view || 'form.CheckboxTreeFieldView', viewProps);
 }
 CheckboxTreeField.defaultProps = {

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -23,6 +23,10 @@ export interface IDateTimeFieldProps extends IDateInputStateInput, IUiComponent
      * Опции маски для поля ввода
      */
     maskOptions?: MaskitoOptions;
+    /**
+     * Разделитель для даты и времени, не влияет на отображение
+     */
+    dateTimeSeparator?: string;
     [key: string]: any;
 }
 export interface IDateTimeFieldViewProps extends IDateInputStateOutput, Pick<IDateTimeFieldProps, 'size' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'timePanelViewProps'> {

package/ui/form/DateTimeField/DateTimeField.js

@@ -27,9 +27,10 @@ var DATE_TIME_SEPARATOR = ', ';
  * Поля ввода с выпадающими списками для выбора даты и времени
  */
 function DateTimeField(props) {
+    var _a;
     var components = (0, hooks_1.useComponents)();
     var maskInputRef = (0, react_2.useMaskito)({ options: props.maskOptions });
-    var _a = (0, useDateInputState_1["default"])({
+    var _b = (0, useDateInputState_1["default"])({
         input: props.input,
         disabled: props.disabled,
         onChange: props.onChange,
@@ -40,15 +41,15 @@ function DateTimeField(props) {
         displayFormat: props.displayFormat,
         useUTC: props.useUTC,
         dateInUTC: props.dateInUTC
-    }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
-    var _b = (0, useDateTime_1["default"])({
+    }), onClear = _b.onClear, onClose = _b.onClose, isOpened = _b.isOpened, inputProps = _b.inputProps;
+    var _c = (0, useDateTime_1["default"])({
         displayFormat: props.displayFormat,
-        dateTimeSeparator: DATE_TIME_SEPARATOR,
+        dateTimeSeparator: (_a = props.dateTimeSeparator) !== null && _a !== void 0 ? _a : DATE_TIME_SEPARATOR,
         input: props.input,
         valueFormat: props.valueFormat,
         useUTC: props.useUTC,
         dateInUTC: props.dateInUTC
-    }), dateValueFormat = _b.dateValueFormat, dateValue = _b.dateValue, timeValue = _b.timeValue, onDateSelect = _b.onDateSelect, onTimeSelect = _b.onTimeSelect;
+    }), dateValueFormat = _c.dateValueFormat, dateValue = _c.dateValue, timeValue = _c.timeValue, onDateSelect = _c.onDateSelect, onTimeSelect = _c.onTimeSelect;
     // Calendar props
     var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: dateValue, onChange: onDateSelect, valueFormat: dateValueFormat }, props.calendarProps)); }, [dateValue, dateValueFormat, onDateSelect, props.calendarProps]);
     // TimePanel props

package/ui/form/FileField/FileField.d.ts

@@ -21,6 +21,11 @@ interface IFileFieldCommonProps extends IFileInput {
      * @example 'list'
      */
     filesLayout?: FilesLayout | string;
+    /**
+     * Текст, который отобразится при загрузке файла
+     * @example 'Loading...'
+     */
+    loadingText?: string;
 }
 /**
  * FileField

package/ui/form/FileField/FileField.js

@@ -82,6 +82,7 @@ function FileFieldComponent(props) {
         filesLayout: props.filesLayout,
         className: props.className,
         itemProps: props.itemProps,
+        loadingText: props.loadingText,
         items: files.map(function (file) {
             var data = file.getResultHttpMessage() || {};
             var item = {
@@ -125,7 +126,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.input, 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.loadingText, props.multiple, props.showRemove, props.size]);
     return (react_1["default"].createElement(FileFieldView, __assign({}, viewProps)));
 }
 function FileField(props) {