@steroidsjs/core 3.0.43 → 3.0.45

package/docs-autogen-result.json

@@ -4671,6 +4671,14 @@
                     "type": "number",
                     "example": null
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -17467,6 +17475,15 @@
                     "example": "{width: '45%'}",
                     "defaultValue": null
                 },
+                {
+                    "name": "useSmartFocus",
+                    "decorators": [],
+                    "description": "Перемещать ли фокус на пустое после заполнения",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "useUTC",
                     "decorators": [],
@@ -36458,10 +36475,10 @@
                 {
                     "name": "list",
                     "decorators": [],
-                    "description": "Список, для которого используется пагинация",
+                    "description": "Список, для которого используется пагинация, пример {items: [...], total: number},",
                     "required": false,
                     "type": "any",
-                    "example": null,
+                    "example": "{{\n                total: 100,\n                page: 2,\n                pageSize: 10,\n            }}",
                     "defaultValue": null
                 },
                 {
@@ -36626,10 +36643,10 @@
                 {
                     "name": "list",
                     "decorators": [],
-                    "description": "Список, для которого используется пагинация",
+                    "description": "Список, для которого используется пагинация, пример {items: [...], total: number},",
                     "required": false,
                     "type": "any",
-                    "example": null
+                    "example": "{{\n                total: 100,\n                page: 2,\n                pageSize: 10,\n            }}"
                 },
                 {
                     "name": "loadMore",
@@ -37990,6 +38007,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -40121,6 +40147,14 @@
                     "type": "string",
                     "example": "'exampleTree'"
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "item",
                     "decorators": [],
@@ -40370,6 +40404,15 @@
                     "example": "'exampleTree'",
                     "defaultValue": null
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -40590,6 +40633,14 @@
                     "type": "string",
                     "example": "'exampleTree'"
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "items",
                     "decorators": [],

package/en.json

@@ -989,6 +989,7 @@
     "Идентификатор (ключ) для сохранения в LocalStorage коллекции.": "",
     "Скрывать открытые вложенные узлы, если скрыли родительский узел": "",
     "Текущая страница, используется для корректного отображения пагинации": "",
+    "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц": "",
     "Количество элементов на странице, используется для корректного отображения пагинации": "",
     "Параметры роутинга": "",
     "Сохранение в localStorage уровней вложенности.": "",
@@ -1006,6 +1007,7 @@
     "Пропсы для отображения элемента": "",
     "Отображать чекбоксы только на узлах, не имеющих вложенных элементов": "",
     "View компонент для элемента дерева": "",
+    "Перемещать ли фокус на пустое после заполнения": "",
     "Разделитель для даты и времени, не влияет на отображение": "",
     "Нужно ли подгружать данные после закрытия DropDown": "",
     "Начальные элементы списка": "",
@@ -1022,6 +1024,7 @@
     "Подключить бесконечный скролл": "",
     "Аттрибут (название) в форме для поля с флагом, определяющим есть ли следующая страница": "",
     "Аттрибут (название) в форме для поля с номером текущей страницы": "",
+    "Список, для которого используется пагинация, пример {items: [...], total: number},": "",
     "CSS-класс для элемента навигации.": "",
     "Тип данных для параметров маршрута.": "",
     "Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router.": ""

package/hooks/useTree.d.ts

@@ -116,5 +116,10 @@ export interface ITreeConfig {
      * @example 'exampleTree'
      */
     clientStorageId?: string;
+    /**
+     * Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц
+     * @example true
+     */
+    isSinglePageItems?: boolean;
 }
 export default function useTree(config: ITreeConfig): ITreeOutput;

package/hooks/useTree.js

@@ -32,6 +32,7 @@ var DOT_SEPARATOR = '.';
 var EMPTY_PARENT_ID = '';
 var FIRST_LEVEL_PARENT_ID = '0';
 var CLIENT_STORAGE_KEY = '_tree';
+var DEFAULT_START_INDEX = 0;
 var defaultProps = {
     itemsKey: 'items',
     autoOpenLevels: 0
@@ -200,7 +201,7 @@ function useTree(config) {
                 return [];
             }
             if (config.currentPage && config.itemsOnPage && currentLevel === INITIAL_CURRENT_LEVEL) {
-                var startIndex = (config.currentPage - 1) * config.itemsOnPage;
+                var startIndex = config.isSinglePageItems ? DEFAULT_START_INDEX : (config.currentPage - 1) * config.itemsOnPage;
                 sourceItems = sourceItems.slice(startIndex, startIndex + config.itemsOnPage);
             }
             return (sourceItems || []).reduce(function (treeItems, item, index) {
@@ -220,7 +221,7 @@ function useTree(config) {
         };
         return getItems(items);
         // eslint-disable-next-line max-len
-    }, [activeRouteIds, config.alwaysOpened, config.currentPage, config.itemsOnPage, config.level, expandedItems, items, onExpand, primaryKey, routerParams, selectedUniqueId]);
+    }, [activeRouteIds, config.alwaysOpened, config.currentPage, config.itemsOnPage, config.level, expandedItems, items, onExpand, primaryKey, routerParams, selectedUniqueId, config.isSinglePageItems]);
     return {
         treeItems: resultTreeItems,
         onItemFocus: onItemFocus

package/package.json

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

package/ui/form/DateField/useDateRange.js

@@ -19,6 +19,7 @@ var react_use_1 = require("react-use");
 var isNil_1 = __importDefault(require("lodash-es/isNil"));
 var dayjs_1 = __importDefault(require("dayjs"));
 var calendar_1 = require("@steroidsjs/core/utils/calendar");
+var isOneRangeValueEmpty = function (valueFrom, valueTo) { return !valueFrom || !valueTo; };
 function useDateRange(props) {
     // Tracking focus for input being edited
     var _a = (0, react_1.useState)('from'), focus = _a[0], setFocus = _a[1];
@@ -65,7 +66,7 @@ function useDateRange(props) {
         if ((0, isNil_1["default"])(props.inputFrom.value) && (0, isNil_1["default"])(props.inputTo.value)) {
             return;
         }
-        if (props.useSmartFocus) {
+        if (props.useSmartFocus && isOneRangeValueEmpty(props.inputFrom.value, props.inputTo.value)) {
             if (focus === 'from' && !valueToRef.current && prevValueFrom !== props.inputFrom.value) {
                 valueFromRef.current = props.inputFrom.value;
                 inputToRef.current.focus();

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -74,6 +74,11 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
      * @example true
      */
     hasInitialFocus?: boolean;
+    /**
+     * Перемещать ли фокус на пустое после заполнения
+     * @example true
+     */
+    useSmartFocus?: boolean;
     /**
     * Опции маски для полей
     */

package/ui/form/DateRangeField/DateRangeField.js

@@ -79,7 +79,7 @@ function DateRangeField(props) {
         inputPropsTo: inputPropsTo,
         inputFrom: props.inputFrom,
         inputTo: props.inputTo,
-        useSmartFocus: true,
+        useSmartFocus: props.useSmartFocus,
         hasInitialFocus: props.hasInitialFocus,
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat
@@ -130,6 +130,7 @@ DateRangeField.defaultProps = {
     displayFormat: 'DD.MM.YYYY',
     valueFormat: 'YYYY-MM-DD',
     showRemove: true,
+    useSmartFocus: true,
     hasInitialFocus: false,
     icon: true,
     maskOptions: {

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, removeIcon: props.removeIcon })); }, [commonProps, onRemove, props.itemViewProps, props.removeIcon]);
+    var itemViewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign(__assign({}, commonProps), { onRemove: onRemove }), props.itemViewProps), { 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/list/Pagination/Pagination.d.ts

@@ -63,7 +63,12 @@ export interface IPaginationProps {
      */
     dark?: boolean;
     /**
-     * Список, для которого используется пагинация
+     * Список, для которого используется пагинация, пример {items: [...], total: number},
+     * @example {{
+ *                 total: 100,
+ *                 page: 2,
+ *                 pageSize: 10,
+ *             }}
      */
     list?: any;
     /**

package/ui/list/TreeTable/TreeTable.d.ts

@@ -27,6 +27,7 @@ export interface ITreeTableProps extends Omit<IGridProps, 'items'>, Pick<ITreePr
      * ]
      */
     items?: ITreeItem[];
+    isSinglePageItems?: boolean;
     customIcon?: string | React.ReactElement;
 }
 export declare const addTreeColumnFieldsToFirstColumn: (columns: IGridColumn[], levelPadding: string | number, customIcon?: string | React.ReactElement) => IGridColumn[];

package/ui/list/TreeTable/TreeTable.js

@@ -76,7 +76,8 @@ function TreeTable(props) {
         itemsOnPage: list === null || list === void 0 ? void 0 : list.pageSize,
         collapseChildItems: props.collapseChildItems,
         saveInClientStorage: props.saveInClientStorage,
-        clientStorageId: props.listId
+        clientStorageId: props.listId,
+        isSinglePageItems: props.isSinglePageItems
     }).treeItems;
     return (React.createElement(Grid_1["default"], __assign({}, props, { columns: columns, items: treeItems, itemsIndexing: false })));
 }