@steroidsjs/core 3.0.44 → 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": [],
@@ -36467,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
                 },
                 {
@@ -36635,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",
@@ -37999,6 +38007,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -40130,6 +40147,14 @@
                     "type": "string",
                     "example": "'exampleTree'"
                 },
+                {
+                    "name": "isSinglePageItems",
+                    "decorators": [],
+                    "description": "Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "item",
                     "decorators": [],
@@ -40379,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": [],
@@ -40599,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 уровней вложенности.": "",
@@ -1023,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.44",
+    "version": "3.0.45",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

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 })));
 }