@steroidsjs/core 3.0.0-beta.9 → 3.0.0-beta.91

package/hooks/useDataSelect.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.getLinearItems = void 0;
+exports.getFlattenedItems = void 0;
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isNil_1 = __importDefault(require("lodash-es/isNil"));
@@ -21,11 +21,11 @@ var react_use_1 = require("react-use");
 var defaultProps = {
     primaryKey: 'id'
 };
-var getLinearItems = function (items, groupAttribute) {
+var getFlattenedItems = function (items, groupAttribute) {
     var result = [];
     items.forEach(function (item) {
         if (groupAttribute && Array.isArray(item[groupAttribute])) {
-            result = result.concat((0, exports.getLinearItems)(item[groupAttribute], groupAttribute));
+            result = result.concat((0, exports.getFlattenedItems)(item[groupAttribute], groupAttribute));
         }
         else {
             result.push(item);
@@ -33,7 +33,7 @@ var getLinearItems = function (items, groupAttribute) {
     });
     return result;
 };
-exports.getLinearItems = getLinearItems;
+exports.getFlattenedItems = getFlattenedItems;
 var isIdExists = function (id) {
     if (typeof id === 'boolean') {
         return true;
@@ -43,7 +43,7 @@ var isIdExists = function (id) {
 function useDataSelect(config) {
     // Get primary key
     var primaryKey = config.primaryKey || defaultProps.primaryKey;
-    var linearItems = (0, react_1.useMemo)(function () { return (0, exports.getLinearItems)(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
+    var flattenedItems = (0, react_1.useMemo)(function () { return (0, exports.getFlattenedItems)(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
     // Initial select
     var initialSelectedIds = (0, react_1.useMemo)(function () {
         var _a;
@@ -53,22 +53,23 @@ function useDataSelect(config) {
         if (!(0, isNil_1["default"])(config.inputValue)) {
             return [].concat((0, isArray_1["default"])(config.inputValue) ? config.inputValue : [config.inputValue]);
         }
-        return config.selectFirst && linearItems.length > 0
-            ? [linearItems[0][primaryKey]]
+        return config.selectFirst && flattenedItems.length > 0
+            ? [flattenedItems[0][primaryKey]]
             : [];
-    }, [config.selectedIds, config.inputValue, config.selectFirst, linearItems, primaryKey]);
-    var initialSelectedItems = (0, react_1.useMemo)(function () { return linearItems.length > 0
+    }, [config.selectedIds, config.inputValue, config.selectFirst, flattenedItems, primaryKey]);
+    var initialSelectedItems = (0, react_1.useMemo)(function () { return flattenedItems.length > 0
         && initialSelectedIds.length > 0
         ? initialSelectedIds
-            .map(function (selectedId) { return linearItems.find(function (item) { return item.id === selectedId; }); })
+            .map(function (selectedId) { return flattenedItems.find(function (item) { return item.id === selectedId; }); })
             .filter(isIdExists)
-        : []; }, [initialSelectedIds, linearItems]);
+        : []; }, [initialSelectedIds, flattenedItems]);
     // State
     var _a = (0, react_1.useState)(false), isOpened = _a[0], setIsOpened = _a[1];
     var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
     var _c = (0, react_1.useState)(null), hoveredId = _c[0], setHoveredId = _c[1];
     var _d = (0, react_1.useState)(initialSelectedIds), selectedIds = _d[0], setSelectedIdsInternal = _d[1];
     var _e = (0, react_1.useState)(initialSelectedItems), selectedItems = _e[0], setSelectedItemsInternal = _e[1];
+    var _f = (0, react_1.useState)(config.items.length === selectedIds.length), isSelectedAll = _f[0], setIsSelectedAll = _f[1];
     // Handler for select/toggle item by id
     var setSelectedIds = (0, react_1.useCallback)(function (ids, skipToggle) {
         if (skipToggle === void 0) { skipToggle = false; }
@@ -76,6 +77,10 @@ function useDataSelect(config) {
             if (!config.multiple && ids.length > 1) {
                 ids = [ids[0]];
             }
+            if (selectedItems.length === ids.length) {
+                setSelectedIds([]);
+                return;
+            }
             setSelectedIdsInternal(ids.sort());
         }
         else {
@@ -97,17 +102,24 @@ function useDataSelect(config) {
                 if (selectedIds.length !== 1 || selectedIds[0] !== id_1) {
                     setSelectedIdsInternal([id_1]);
                 }
+                else if (selectedIds.length === 1 && selectedIds[0] === id_1) {
+                    setSelectedIdsInternal([]);
+                }
                 setIsOpened(false);
             }
         }
-    }, [config.multiple, selectedIds]);
+    }, [config.multiple, selectedIds, selectedItems.length]);
+    var setSelectedAll = (0, react_1.useCallback)(function () {
+        var itemsIds = flattenedItems.map(function (item) { return item.id; });
+        setSelectedIds(itemsIds);
+    }, [flattenedItems, setSelectedIds]);
     // Update selected items on change selectedIds or items or source items
     var prevSelectedIdsLength = (0, react_use_1.usePrevious)(selectedIds.length);
     (0, react_use_1.useUpdateEffect)(function () {
         var newSelectedItems = [];
         var hasChanges = false;
         selectedIds.forEach(function (selectedId) {
-            var finedItem = linearItems.find(function (item) { return item[primaryKey] === selectedId; });
+            var finedItem = flattenedItems.find(function (item) { return item[primaryKey] === selectedId; });
             if (!finedItem && config.sourceItems) {
                 finedItem = config.sourceItems.find(function (item) { return item[primaryKey] === selectedId; });
             }
@@ -123,14 +135,14 @@ function useDataSelect(config) {
         if (hasChanges || prevSelectedIdsLength !== selectedIds.length) {
             setSelectedItemsInternal(newSelectedItems);
         }
-    }, [linearItems, config.sourceItems, primaryKey, selectedIds, selectedItems, prevSelectedIdsLength]);
+    }, [flattenedItems, config.sourceItems, primaryKey, selectedIds, selectedItems, prevSelectedIdsLength]);
     // Select first after fetch data
-    var prevItemsLength = (0, react_use_1.usePrevious)(linearItems.length);
+    var prevItemsLength = (0, react_use_1.usePrevious)(flattenedItems.length);
     (0, react_use_1.useUpdateEffect)(function () {
-        if (config.selectFirst && prevItemsLength === 0 && linearItems.length > 0) {
-            setSelectedIdsInternal([linearItems[0][primaryKey]]);
+        if (config.selectFirst && prevItemsLength === 0 && flattenedItems.length > 0) {
+            setSelectedIdsInternal([flattenedItems[0][primaryKey]]);
         }
-    }, [linearItems, config.selectFirst, prevItemsLength, primaryKey]);
+    }, [flattenedItems, config.selectFirst, prevItemsLength, primaryKey]);
     // Update selected items on change value
     var prevConfigSelectedIds = (0, react_use_1.usePrevious)(config.selectedIds || []);
     (0, react_use_1.useUpdateEffect)(function () {
@@ -146,6 +158,9 @@ function useDataSelect(config) {
             setSelectedIdsInternal(newSelectedIds);
         }
     }, [config.selectedIds, prevConfigSelectedIds, selectedIds, selectedItems]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setIsSelectedAll(config.items.length === selectedIds.length);
+    }, [config.items.length, selectedIds]);
     // Global key down handler for navigate on items
     // Support keys:
     // - tab
@@ -175,9 +190,9 @@ function useDataSelect(config) {
                 // Select first selected
                 setSelectedIds(selectedIds[0], true);
             }
-            else if (linearItems.length > 0) {
+            else if (flattenedItems.length > 0) {
                 // Select first result
-                setSelectedIds(linearItems[0], true);
+                setSelectedIds(flattenedItems[0], true);
             }
             setIsOpened(false);
         }
@@ -202,7 +217,7 @@ function useDataSelect(config) {
             else {
                 // Navigate on items by keys
                 var direction = isDown ? 1 : -1;
-                var keys = linearItems.map(function (item) { return item.id; });
+                var keys = flattenedItems.map(function (item) { return item.id; });
                 // Get current index
                 var index = hoveredId ? keys.indexOf(hoveredId) : -1;
                 if (index === -1 && selectedIds.length === 1) {
@@ -216,7 +231,7 @@ function useDataSelect(config) {
                 setHoveredId(keys[newIndex]);
             }
         }
-    }, [isFocused, isOpened, hoveredId, selectedIds, linearItems, setSelectedIds]);
+    }, [isFocused, isOpened, hoveredId, selectedIds, flattenedItems, setSelectedIds]);
     (0, react_use_1.useEvent)('keydown', onKeyDown);
     return {
         isOpened: isOpened,
@@ -227,7 +242,9 @@ function useDataSelect(config) {
         setHoveredId: setHoveredId,
         selectedIds: selectedIds,
         setSelectedIds: setSelectedIds,
-        selectedItems: selectedItems
+        selectedItems: selectedItems,
+        setSelectedAll: setSelectedAll,
+        isSelectedAll: isSelectedAll
     };
 }
 exports["default"] = useDataSelect;

package/hooks/useFetch.d.ts

@@ -1,6 +1,5 @@
 import { AxiosError } from 'axios';
 import { IComponents } from '../providers/ComponentsProvider';
-import { IApiMethod } from '../components/ApiComponent';
 declare global {
     interface Window {
         APP_PRELOADED_DATA: any;
@@ -8,21 +7,21 @@ declare global {
 }
 export interface IFetchConfig {
     id?: string | number;
-    url?: string | IApiMethod;
+    url?: string;
     method?: 'get' | 'post' | string;
     params?: Record<string, unknown>;
     onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;
 }
-export interface IFetchResult {
+export interface IFetchResult<T> {
     data?: {
         providerData?: {
             type: string;
             value: string;
         };
         [key: string]: unknown;
-    } | any;
+    } | T;
     isLoading: boolean;
-    fetch?: (newParams?: Record<string, unknown>) => void;
+    fetch: (newParams?: Record<string, unknown>) => void;
     axiosError: AxiosError | null;
 }
 export declare const normalizeConfig: (config: any) => any;
@@ -38,4 +37,4 @@ export declare const fetchData: (config: any, components: any, addCancelToken: a
  * В процесс загрузки HOC будет отображать "Загрузка...", а после уже отрендерит компонент, передав данные в указанный
  * ключ `key`.
  */
-export default function useFetch(rawConfig?: IFetchConfig): IFetchResult;
+export default function useFetch<T = any>(rawConfig?: IFetchConfig): IFetchResult<T>;

package/hooks/useFetch.js

@@ -75,9 +75,6 @@ var defaultFetchHandler = function (config, components, addCancelToken) {
     var cancelToken = new axios_1["default"].CancelToken(function (cancel) {
         addCancelToken(cancel);
     });
-    if (typeof config.url === 'function') {
-        return config.url(components.api, config.params, config.options).then(function (result) { return result.data; });
-    }
     return components.http
         .send(config.method, config.url, config.params, __assign(__assign({}, config.options), { cancelToken: cancelToken }))
         .then(function (result) { return result.data; });

package/hooks/useFile.d.ts

@@ -1,2 +1,51 @@
-import { IFileHocInput, IFileHocOutput } from '../hoc/file';
-export default function useFile(props: IFileHocInput): IFileHocOutput;
+export interface IFileInput {
+    /**
+    * Параметры для input элемента
+    */
+    input?: FormInputType;
+    /**
+    * Множественный выбор файлов
+    */
+    multiple?: boolean;
+    /**
+    * Позволяет указать uploader
+    */
+    uploader?: any;
+    /**
+     * Экшен для отправки на бэкенд
+     * @example '/api/v1/user/avatar/crop'
+     */
+    backendUrl?: any;
+    /**
+    * Список mime-типов
+    */
+    mimeTypes?: any;
+    /**
+    * Использовать только изображения
+    */
+    imagesOnly?: any;
+    imagesProcessor?: any;
+    /**
+    * Точные размеры изображений
+    */
+    imagesExactSize?: any;
+    /**
+    * Начальные файлы
+    */
+    initialFiles?: any;
+    /**
+    * Параметры для uploader
+    */
+    uploaderConfig?: {
+        useFormData?: boolean;
+        fileFieldName?: string;
+    } | any;
+}
+export interface IFileOutput {
+    uploader?: any;
+    files?: any[];
+    onBrowse?: any;
+    onRemove?: any;
+    onAdd?: any;
+}
+export default function useFile(props: IFileInput): IFileOutput;

package/hooks/useForm.d.ts

@@ -3,7 +3,6 @@ export default function useForm(): {
     model: any;
     prefix: string | boolean;
     size: string;
-    layout: FormLayout;
     formDispatch: any;
     formSelector: (selector: (state: any, setValue: any) => any) => any;
 };

package/hooks/useForm.js

@@ -10,7 +10,6 @@ function useForm() {
             model: context.model,
             prefix: context.prefix,
             size: context.size,
-            layout: context.layout,
             formDispatch: context === null || context === void 0 ? void 0 : context.dispatch,
             formSelector: function (selector) { var _a; return (_a = context === null || context === void 0 ? void 0 : context.provider) === null || _a === void 0 ? void 0 : _a.select(context.formId, selector); }
         }

package/hooks/useList.d.ts

@@ -1,4 +1,4 @@
-import { IApiMethod } from '../components/ApiComponent';
+import { ITreeTableItem } from '../ui/list/TreeTable/TreeTable';
 import { IAddressBarConfig } from '../hooks/useAddressBar';
 import { IList } from '../actions/list';
 import { ILayoutNamesProps } from '../ui/list/LayoutNames/LayoutNames';
@@ -8,7 +8,7 @@ import { IEmptyProps } from '../ui/list/Empty/Empty';
 import { IFormProps } from '../ui/form/Form/Form';
 import { Model } from '../components/MetaComponent';
 export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
-interface ISortProps {
+export interface ISortConfig {
     /**
      * Включить сортировку
      * @example false
@@ -41,7 +41,7 @@ export interface IListConfig {
      * Url, который вернет коллекцию элементов
      * @example api/v1/articles
      */
-    action?: string | IApiMethod;
+    action?: string;
     /**
      * Тип HTTP запроса (GET | POST | PUT | DELETE)
      * @example GET
@@ -61,7 +61,7 @@ export interface IListConfig {
      * Подключение сортировки
      * @example {enable: true, defaultSort: 'startDate'}
      */
-    sort?: boolean | ISortProps;
+    sort?: boolean | ISortConfig;
     /**
      * Варианты расположения элементов коллекции
      * @example {items: [{id: 'list', label: 'List'}, {id: 'grid', label: 'Grid'}]}
@@ -102,6 +102,11 @@ export interface IListConfig {
      * @return {Promise}
      */
     onFetch?: (list: IList, query: Record<string, unknown>, http: any) => Promise<any>;
+    /**
+     * Обработчик события ошибки выполнения запроса
+     * @param args
+     */
+    onError?: (error: Record<string, any>) => void;
     /**
      * Обработчик, который составляет список условий для локальной фильтрации элементов коллекции
      * @param {Object} query
@@ -113,12 +118,18 @@ export interface IListConfig {
      * @example true
      */
     addressBar?: boolean | IAddressBarConfig;
+    /**
+     * Параметр для загрузки данных списка с сервера
+     */
     scope?: string[];
     /**
      * Дополнительные параметры, значения которых нужно передавать в запросе для получения данных
      * @example {tagName: 'MarketReviews'}
      */
     query?: Record<string, unknown>;
+    /**
+     * Модель
+     */
     model?: string;
     /**
      * Модель для синхронизации значений формы с адресной строкой
@@ -138,6 +149,10 @@ export interface IListConfig {
      * Количество элементов всего в списке (для отрисовки пагинации), заданное вручную
      */
     initialTotal?: number;
+    /**
+     * Включает обработку вложенных данных из items вида [{id: 1, name: 'John', items: [...]}]
+     */
+    hasTreeItems?: boolean;
 }
 export interface IListOutput {
     list: IList;
@@ -196,6 +211,7 @@ export declare const createInitialValues: ({ paginationProps, paginationSizeProp
     initialQuery: any;
     configQuery: any;
 }) => any;
+export declare const prepareItemsToTree: (sourceItems: ITreeTableItem[], openedTreeItems: Record<string, boolean>, currentPage: number | null, itemsOnPage: number | null, onTreeItemClick: (uniqueId: string, item: Record<string, any>) => void, parentId?: string, currentLevel?: number) => any[];
 /**
  * useList
  * Добавляет массу возможностей для взаимодействия с коллекциями. Коллекции можно получать как с бекенда,
@@ -203,4 +219,3 @@ export declare const createInitialValues: ({ paginationProps, paginationSizeProp
  * Выбранные фильтры синхронизируются с адресной строкой.
  */
 export default function useList(config: IListConfig): IListOutput;
-export {};

package/hooks/useList.js

@@ -37,18 +37,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
+exports.prepareItemsToTree = exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
 var react_1 = require("react");
 var get_1 = __importDefault(require("lodash-es/get"));
 var union_1 = __importDefault(require("lodash-es/union"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var React = __importStar(require("react"));
 var react_use_1 = require("react-use");
+var list_1 = require("../utils/list");
 var useSelector_1 = __importDefault(require("../hooks/useSelector"));
-var list_1 = require("../reducers/list");
+var list_2 = require("../reducers/list");
 var useModel_1 = __importDefault(require("../hooks/useModel"));
 var useAddressBar_1 = __importDefault(require("../hooks/useAddressBar"));
-var list_2 = require("../actions/list");
+var list_3 = require("../actions/list");
 var useDispatch_1 = __importDefault(require("../hooks/useDispatch"));
 var form_1 = require("../actions/form");
 var form_2 = require("../reducers/form");
@@ -104,6 +105,27 @@ var createInitialValues = function (_a) {
     return (__assign(__assign((_b = {}, _b[paginationProps.attribute] = paginationProps.defaultValue, _b[paginationSizeProps.attribute] = paginationSizeProps.defaultValue, _b[sort.attribute] = sort.defaultValue, _b[layoutNamesProps.attribute] = layoutNamesProps.defaultValue, _b), initialQuery), configQuery));
 };
 exports.createInitialValues = createInitialValues;
+var TOP_TREE_LEVEL_VALUE = 0;
+var prepareItemsToTree = function (sourceItems, openedTreeItems, currentPage, itemsOnPage, onTreeItemClick, parentId, currentLevel) {
+    if (parentId === void 0) { parentId = ''; }
+    if (currentLevel === void 0) { currentLevel = TOP_TREE_LEVEL_VALUE; }
+    var treeItems = [];
+    if (currentPage && itemsOnPage && currentLevel === TOP_TREE_LEVEL_VALUE) {
+        var startIndex = (currentPage - 1) * itemsOnPage;
+        sourceItems = sourceItems.slice(startIndex, startIndex + itemsOnPage);
+    }
+    (sourceItems || []).forEach(function (item, index) {
+        var uniqueId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
+        var isOpened = !!openedTreeItems[uniqueId];
+        var hasItems = !!(item.items && item.items.length > 0);
+        treeItems.push(__assign(__assign({}, item), { uniqueId: uniqueId, level: currentLevel, isOpened: isOpened, hasItems: hasItems, onTreeItemClick: onTreeItemClick }));
+        if (isOpened) {
+            treeItems = treeItems.concat((0, exports.prepareItemsToTree)(item.items, openedTreeItems, currentPage, itemsOnPage, onTreeItemClick, uniqueId, currentLevel + 1)).filter(Boolean);
+        }
+    });
+    return treeItems;
+};
+exports.prepareItemsToTree = prepareItemsToTree;
 /**
  * useList
  * Добавляет массу возможностей для взаимодействия с коллекциями. Коллекции можно получать как с бекенда,
@@ -113,7 +135,18 @@ exports.createInitialValues = createInitialValues;
 function useList(config) {
     var _a, _b;
     // Get list from redux state
-    var list = (0, useSelector_1["default"])(function (state) { return (0, list_1.getList)(state, config.listId); });
+    var list = (0, useSelector_1["default"])(function (state) { return (0, list_2.getList)(state, config.listId); });
+    var _c = (0, react_1.useState)({}), openedTreeItems = _c[0], setOpenedTreeItems = _c[1];
+    var onTreeItemClick = (0, react_1.useCallback)(function (uniqueId, item) {
+        var _a;
+        if (((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setOpenedTreeItems(function (prevItems) {
+                var _a;
+                return (__assign(__assign({}, prevItems), (_a = {}, _a[uniqueId] = !prevItems[uniqueId], _a)));
+            });
+        }
+    }, []);
+    var getTreeItems = (0, react_1.useCallback)(function (sourceItems) { return (0, exports.prepareItemsToTree)(sourceItems, openedTreeItems, list === null || list === void 0 ? void 0 : list.page, list === null || list === void 0 ? void 0 : list.pageSize, onTreeItemClick); }, [onTreeItemClick, openedTreeItems, list]);
     // Normalize sort config
     var sort = (0, exports.normalizeSortProps)(config.sort);
     // Empty
@@ -141,7 +174,7 @@ function useList(config) {
     // Layout switcher
     var LayoutNames = require('../ui/list/LayoutNames')["default"];
     var layoutNamesProps = (0, LayoutNames_1.normalizeLayoutNamesProps)(config.layout);
-    var renderLayoutNames = function () { return React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps)); };
+    var renderLayoutNames = function () { return (React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
     // Models
     var defaultSearchModel = (0, react_1.useMemo)(function () { return (0, exports.getDefaultSearchModel)({
         paginationProps: paginationProps,
@@ -152,7 +185,7 @@ function useList(config) {
     var model = (0, useModel_1["default"])(config.model);
     var searchModel = (0, useModel_1["default"])(config.searchModel || ((_a = config.searchForm) === null || _a === void 0 ? void 0 : _a.model), defaultSearchModel);
     // Address bar synchronization
-    var _c = (0, useAddressBar_1["default"])(__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _c.initialQuery, updateQuery = _c.updateQuery;
+    var _d = (0, useAddressBar_1["default"])(__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _d.initialQuery, updateQuery = _d.updateQuery;
     // Outside search form
     var searchFormFields = (_b = config.searchForm) === null || _b === void 0 ? void 0 : _b.fields;
     var SearchForm = require('../ui/list/SearchForm')["default"];
@@ -183,16 +216,18 @@ function useList(config) {
     // Init list in redux store
     (0, react_use_1.useMount)(function () {
         if (!list) {
+            var items = config.hasTreeItems ? getTreeItems(config.items) : config.items;
             var toDispatch = [
-                (0, list_2.listInit)(config.listId, {
+                (0, list_3.listInit)(config.listId, {
                     listId: config.listId,
                     action: config.action || config.action === '' ? config.action : null,
                     actionMethod: config.actionMethod || exports.defaultConfig.actionMethod,
                     onFetch: config.onFetch,
+                    onError: config.onError,
                     condition: config.condition,
                     scope: config.scope,
                     items: null,
-                    sourceItems: config.items || null,
+                    sourceItems: items || null,
                     total: config.initialTotal,
                     isRemote: !config.items,
                     primaryKey: config.primaryKey || exports.defaultConfig.primaryKey,
@@ -204,11 +239,15 @@ function useList(config) {
                     layoutAttribute: layoutNamesProps.attribute || null
                 }),
             ];
-            if (config.initialItems || config.items) {
-                toDispatch.push((0, list_2.listSetItems)(config.listId, config.initialItems || config.items));
+            if (config.initialItems) {
+                var initialItems = config.hasTreeItems ? getTreeItems(config.initialItems) : config.initialItems;
+                toDispatch.push((0, list_3.listSetItems)(config.listId, initialItems));
+            }
+            else if (config.items) {
+                toDispatch.push((0, list_3.listSetItems)(config.listId, items));
             }
             if (!config.initialItems) {
-                toDispatch.push((0, list_2.listLazyFetch)(config.listId));
+                toDispatch.push((0, list_3.listLazyFetch)(config.listId));
             }
             dispatch(toDispatch);
         }
@@ -231,7 +270,7 @@ function useList(config) {
             updateQuery(formValues);
             // Send request
             if (config.autoFetchOnFormChanges !== false) {
-                dispatch((0, list_2.listLazyFetch)(config.listId));
+                dispatch((0, list_3.listLazyFetch)(config.listId));
             }
         }
     }, [config.autoFetchOnFormChanges, config.listId, dispatch, formId, formValues,
@@ -249,19 +288,29 @@ function useList(config) {
     // Check change items
     (0, react_use_1.useUpdateEffect)(function () {
         dispatch([
-            (0, list_2.listSetItems)(config.listId, config.items),
+            (0, list_3.listSetItems)(config.listId, config.items),
         ]);
     }, [dispatch, config.items, config.listId]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (config.hasTreeItems) {
+            dispatch([
+                (0, list_3.listSetItems)(config.listId, getTreeItems(config.items)),
+            ]);
+        }
+    }, [dispatch, config.items, config.listId, openedTreeItems, list === null || list === void 0 ? void 0 : list.pageSize, list === null || list === void 0 ? void 0 : list.page]);
     // Destroy
     (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean' ? config.autoDestroy : exports.defaultConfig.autoDestroy;
         if (autoDestroy) {
-            dispatch((0, list_2.listDestroy)(config.listId));
+            dispatch([
+                (0, list_3.listDestroy)(config.listId),
+                (0, form_1.formDestroy)(config.listId),
+            ]);
         }
     });
     var onFetch = (0, react_1.useCallback)(function (params) {
         if (params === void 0) { params = {}; }
-        dispatch((0, list_2.listFetch)(config.listId, params));
+        dispatch((0, list_3.listFetch)(config.listId, params));
     }, [config.listId, dispatch]);
     var onSort = (0, react_1.useCallback)(function (value) {
         dispatch((0, form_1.formChange)(formId, sort.attribute, value));

package/hooks/useSaveCursorPosition.d.ts

@@ -0,0 +1,6 @@
+import React, { ChangeEvent } from 'react';
+import { IInputParams } from '../ui/form/Field/fieldWrapper';
+export default function useSaveCursorPosition(inputParams: IInputParams): {
+    inputRef: React.MutableRefObject<any>;
+    onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void;
+};

package/hooks/useSaveCursorPosition.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+/* eslint-disable no-return-assign */
+/* eslint-disable no-unused-expressions */
+var react_1 = __importDefault(require("react"));
+function useSaveCursorPosition(inputParams) {
+    var _a = react_1["default"].useState(null), cursor = _a[0], setCursor = _a[1];
+    var inputRef = react_1["default"].useRef(null);
+    react_1["default"].useEffect(function () {
+        var inputElement = inputRef.current;
+        if (inputElement) {
+            inputElement.setSelectionRange(cursor, cursor);
+        }
+    }, [cursor, inputParams.value]);
+    var onChange = react_1["default"].useCallback(function (event, value) {
+        var _a, _b;
+        if (value === void 0) { value = null; }
+        setCursor((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.selectionStart);
+        inputParams.onChange(value || ((_b = event.target) === null || _b === void 0 ? void 0 : _b.value));
+    }, [inputParams]);
+    return {
+        inputRef: inputRef,
+        onChange: onChange
+    };
+}
+exports["default"] = useSaveCursorPosition;

package/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ITheme } from '../providers/ThemeProvider';
+export default function useTheme(): ITheme;

package/hooks/useTheme.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+var react_1 = require("react");
+var ThemeProvider_1 = require("../providers/ThemeProvider");
+function useTheme() {
+    return (0, react_1.useContext)(ThemeProvider_1.ThemeContext);
+}
+exports["default"] = useTheme;