@steroidsjs/core 3.0.22 → 3.0.24

package/docs-autogen-result.json

@@ -13569,6 +13569,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "empty",
+                    "decorators": [],
+                    "description": "Текст при отсутствии элементов",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Ничего не найдено'",
+                    "defaultValue": null
+                },
                 {
                     "name": "errors",
                     "decorators": [],
@@ -13921,6 +13930,15 @@
                 }
             ],
             "methods": [
+                {
+                    "name": "onClear",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "void",
+                    "example": null,
+                    "parameters": []
+                },
                 {
                     "name": "onItemHover",
                     "decorators": [],
@@ -17601,6 +17619,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "dateTimeSeparator",
+                    "decorators": [],
+                    "description": "Разделитель для даты и времени, не влияет на отображение",
+                    "required": false,
+                    "type": "string",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "disabled",
                     "decorators": [],
@@ -20741,6 +20768,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "initialItems",
+                    "decorators": [],
+                    "description": "Начальные элементы списка",
+                    "required": false,
+                    "type": "{}[]",
+                    "example": "[\n    {\n     name: 'Ivan',\n     amount: 5\n    },\n    {\n     name: 'John',\n     amount: 1\n    }\n]",
+                    "defaultValue": null
+                },
                 {
                     "name": "initialRowsCount",
                     "decorators": [],
@@ -20753,7 +20789,7 @@
                 {
                     "name": "initialValues",
                     "decorators": [],
-                    "description": "Начальные значения в полях",
+                    "description": "Значения для полей при нажатии кнопки 'Добавить'",
                     "required": false,
                     "type": "{}",
                     "example": "{\n name: 'Ivan',\n amount: 5\n}",
@@ -21308,6 +21344,14 @@
                     "type": "Record",
                     "example": null
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'"
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],
@@ -21613,6 +21657,15 @@
                     "example": "'Visible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'",
+                    "defaultValue": null
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],
@@ -21947,6 +22000,14 @@
                     "type": "any",
                     "example": "'Visible'"
                 },
+                {
+                    "name": "loadingText",
+                    "decorators": [],
+                    "description": "Текст, который отобразится при загрузке файла",
+                    "required": false,
+                    "type": "string",
+                    "example": "'Loading...'"
+                },
                 {
                     "name": "mimeTypes",
                     "decorators": [],

package/en.json

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

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -32,6 +32,11 @@ export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderC
      * @example true
      */
     searchOnFocus?: boolean;
+    /**
+     * Текст при отсутствии элементов
+     * @example 'Ничего не найдено'
+     */
+    empty?: string;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
     items: IAutoCompleteItem[];
@@ -53,6 +58,7 @@ export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProp
     isLoading?: boolean;
     onItemSelect: (id: PrimaryKey | any) => void;
     onItemHover: (id: PrimaryKey | any) => void;
+    onClear: () => void;
 }
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<IAutoCompleteFieldProps>;
 export default _default;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -40,14 +40,16 @@ function AutoCompleteField(props) {
         dataProvider: props.dataProvider,
         autoComplete: props.autoComplete,
         autoFetch: props.autoFetch,
+        initialSelectedIds: props.selectedIds,
         query: query
-    }), items = _b.items, isLoading = _b.isLoading;
+    }), items = _b.items, isLoading = _b.isLoading, sourceItems = _b.sourceItems;
     // Data select
     var _c = (0, hooks_1.useDataSelect)({
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
-        inputValue: props.input.value
+        inputValue: props.input.value,
+        sourceItems: sourceItems
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds;
     var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
@@ -65,6 +67,9 @@ function AutoCompleteField(props) {
         setIsFocused(false);
         setIsOpened(false);
     }, [setIsFocused, setIsOpened]);
+    var onClear = (0, react_1.useCallback)(function () {
+        setSelectedIds([]);
+    }, [setSelectedIds]);
     // Outside click -> close
     var forwardedRef = (0, react_1.useRef)(null);
     (0, react_use_1.useClickAway)(forwardedRef, onClose);
@@ -99,6 +104,7 @@ function AutoCompleteField(props) {
         onOpen: onOpen,
         isOpened: isOpened,
         onClose: onClose,
+        onClear: onClear,
         forwardedRef: forwardedRef,
         onItemHover: onItemHover,
         onItemSelect: onItemSelect,
@@ -109,10 +115,12 @@ function AutoCompleteField(props) {
         required: props.required,
         categories: getCategories(props.items),
         className: props.className,
-        style: props.style
-    }); }, [inputProps, items, isLoading, hoveredId, selectedIds, onOpen, isOpened, onClose,
-        onItemHover, onItemSelect, props.primaryKey, props.size, props.placeholder, props.disabled,
-        props.required, props.items, props.className, props.style]);
+        style: props.style,
+        showClear: props.showClear,
+        empty: props.empty
+    }); }, [inputProps, items, isLoading, hoveredId, selectedIds, onOpen, isOpened, onClose, onClear, onItemHover, onItemSelect,
+        props.primaryKey, props.size, props.placeholder, props.disabled, props.required, props.items, props.className,
+        props.style, props.showClear, props.empty]);
     return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', viewProps);
 }
 AutoCompleteField.defaultProps = {
@@ -120,6 +128,7 @@ AutoCompleteField.defaultProps = {
     autoComplete: true,
     multiple: false,
     disabled: false,
-    required: false
+    required: false,
+    showClear: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

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/FieldList/FieldList.d.ts

@@ -34,7 +34,7 @@ export interface IFieldListItem extends IFieldWrapperInputProps, IUiComponent {
  */
 export interface IFieldListProps extends IFieldWrapperInputProps, IUiComponent {
     /**
-     * Начальные значения в полях
+     * Значения для полей при нажатии кнопки 'Добавить'
      * @example
      * {
      *  name: 'Ivan',
@@ -44,6 +44,23 @@ export interface IFieldListProps extends IFieldWrapperInputProps, IUiComponent {
     initialValues?: {
         [key: string]: any;
     };
+    /**
+     * Начальные элементы списка
+     * @example
+     * [
+     *     {
+     *      name: 'Ivan',
+     *      amount: 5
+     *     },
+     *     {
+     *      name: 'John',
+     *      amount: 1
+     *     }
+     * ]
+     */
+    initialItems?: {
+        [key: string]: any;
+    }[];
     /**
      * Список с полями формы
      */

package/ui/form/FieldList/FieldList.js

@@ -88,11 +88,15 @@ function FieldList(props) {
         removeRowIndex(rowIndex);
         dispatch((0, form_1.formArrayRemove)(context.formId, props.input.name, rowIndex));
     }, [context.formId, dispatch, props.input.name, removeRowIndex]);
-    // Add initial rows
     (0, react_use_1.useMount)(function () {
+        // Add initial rows
         if (!props.input.value) {
             onAdd(props.initialRowsCount);
         }
+        // Add initial items
+        if (props.initialItems) {
+            dispatch((0, form_1.formChange)(context.formId, props.input.name, props.initialItems));
+        }
     });
     // Keyboard navigation
     var nodeRef = (0, react_1.useRef)();
@@ -138,6 +142,7 @@ function FieldList(props) {
 }
 FieldList.defaultProps = {
     initialValues: null,
+    initialItems: null,
     disabled: false,
     required: false,
     showAdd: true,

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) {