@steroidsjs/core 3.0.0-beta.7 → 3.0.0-beta.70

package/hooks/index.d.ts

@@ -17,4 +17,5 @@ import useScreen from './useScreen';
 import useSelector from './useSelector';
 import useSsr from './useSsr';
 import useUniqueId from './useUniqueId';
-export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, };
+import useTheme from './useTheme';
+export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, useTheme, };

package/hooks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.useUniqueId = exports.useSsr = exports.useSelector = exports.useScreen = exports.useModel = exports.useList = exports.useLayout = exports.useInitial = exports.useForm = exports.useFile = exports.useFetch = exports.useDispatch = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = exports.useApplication = exports.useAddressBar = exports.useAbsolutePositioning = void 0;
+exports.useTheme = exports.useUniqueId = exports.useSsr = exports.useSelector = exports.useScreen = exports.useModel = exports.useList = exports.useLayout = exports.useInitial = exports.useForm = exports.useFile = exports.useFetch = exports.useDispatch = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = exports.useApplication = exports.useAddressBar = exports.useAbsolutePositioning = void 0;
 var useAbsolutePositioning_1 = __importDefault(require("./useAbsolutePositioning"));
 exports.useAbsolutePositioning = useAbsolutePositioning_1["default"];
 var useAddressBar_1 = __importDefault(require("./useAddressBar"));
@@ -42,3 +42,5 @@ var useSsr_1 = __importDefault(require("./useSsr"));
 exports.useSsr = useSsr_1["default"];
 var useUniqueId_1 = __importDefault(require("./useUniqueId"));
 exports.useUniqueId = useUniqueId_1["default"];
+var useTheme_1 = __importDefault(require("./useTheme"));
+exports.useTheme = useTheme_1["default"];

package/hooks/useAddressBar.d.ts

@@ -2,8 +2,19 @@
 import { Model } from '../components/MetaComponent';
 export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
 export interface IAddressBarConfig {
+    /**
+   * Флаг для управления включением синхронизации с addressBar
+    * @example true
+    */
     enable?: boolean;
+    /**
+    * Использовать ли #
+    * @example false
+    */
     useHash?: boolean;
+    /**
+    * Модель
+    */
     model?: Model;
 }
 export interface IAddressBarOutput {

package/hooks/useApplication.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
+import { IThemeProviderProps } from '../providers/ThemeProvider';
 import ClientStorageComponent from '../components/ClientStorageComponent';
 import HtmlComponent from '../components/HtmlComponent';
 import StoreComponent from '../components/StoreComponent';
 import UiComponent from '../components/UiComponent';
 import MetaComponent from '../components/MetaComponent';
 import { IComponents } from '../providers/ComponentsProvider';
-import { IRouteItem } from '../ui/nav/Router/Router';
+import { IRouteItem, IRouterProps } from '../ui/nav/Router/Router';
 import MetricsComponent from '../components/MetricsComponent';
 import { IScreenProviderProps } from '../providers/ScreenProvider';
 import { IFetchConfig } from '../hooks/useFetch';
@@ -28,6 +29,8 @@ export interface IApplicationHookConfig {
     layoutView?: () => CustomView;
     layoutProps?: Record<string, unknown>;
     screen?: Omit<IScreenProviderProps, 'children'>;
+    theme?: Omit<IThemeProviderProps, 'children'>;
+    routerProps?: IRouterProps;
     /**
      * These fetch configurations will be used to preload and store for no matter what route matched in case of SSR
      */

package/hooks/useApplication.js

@@ -53,6 +53,7 @@ var React = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var merge_1 = __importDefault(require("lodash-es/merge"));
 var react_1 = require("react");
+var ThemeProvider_1 = __importDefault(require("../providers/ThemeProvider"));
 var ClientStorageComponent_1 = __importDefault(require("../components/ClientStorageComponent"));
 var HtmlComponent_1 = __importDefault(require("../components/HtmlComponent"));
 var StoreComponent_1 = __importDefault(require("../components/StoreComponent"));
@@ -126,11 +127,14 @@ function useApplication(config) {
         var content = children;
         // Wrap in routes
         if (config.routes) {
-            content = (React.createElement(Router_1["default"], { routes: config.routes(), wrapperView: config.layoutView(), wrapperProps: config.layoutProps }));
+            content = (React.createElement(Router_1["default"], __assign({ routes: config.routes(), wrapperView: config.layoutView(), wrapperProps: config.layoutProps }, config.routerProps)));
         }
         if (config.screen) {
             content = (React.createElement(ScreenProvider_1["default"], __assign({}, config.screen), content));
         }
+        if (config.theme) {
+            content = (React.createElement(ThemeProvider_1["default"], __assign({}, config.theme), content));
+        }
         if (!(useGlobal || process.env.IS_SSR)) {
             content = (React.createElement(ComponentsProvider_1["default"], { components: components }, content));
         }

package/hooks/useDataProvider.d.ts

@@ -1,6 +1,6 @@
 import { IApiMethod } from '../components/ApiComponent';
 import Enum from '../base/Enum';
-export interface AutoCompleteConfig {
+export interface IAutoCompleteConfig {
     /**
      * Подключить autocomplete?
      * @example true
@@ -24,6 +24,32 @@ export type DataProviderItems = string | ({
     label: string | any;
     [key: string]: any;
 })[];
+export interface IDataProvider {
+    /**
+     * Уникальный (глобально) идентификатор, под которых будут храниться
+     * подгруженные данные в redux (при включенном флаге useRedux). Если
+     * не задан - данные будут храниться в локальном стейте
+     */
+    reduxId?: string;
+    /**
+     * URL для подгрузки новой коллекции данных
+     * @example '/api/v1/search'
+     */
+    action?: string | IApiMethod;
+    /**
+     * Параметры запроса
+     * @example {pageSize: 3}
+     */
+    params?: Record<string, unknown>;
+    /**
+     * Обработчик, который вызывается для подгрузки данных.
+     * Если обработчик не передан, то по умолчанию отправится post-запрос.
+     * @param {string} action
+     * @param {Object} params
+     * @return {Promise<Array> | Array}
+     */
+    onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
+}
 export interface IDataProviderConfig {
     /**
      * Коллекция элементов
@@ -34,32 +60,7 @@ export interface IDataProviderConfig {
      * Конфигурация для подгрузки данных извне.
      * Если dataProvider не передан, то поиск данных по запросу происходит локально.
      */
-    dataProvider?: {
-        /**
-         * Уникальный (глобально) идентификатор, под которых будут храниться
-         * подгруженные данные в redux (при включенном флаге useRedux). Если
-         * не задан - данные будут храниться в локальном стейте
-         */
-        reduxId?: string;
-        /**
-         * URL для подгрузки новой коллекции данных
-         * @example '/api/v1/search'
-         */
-        action?: string | IApiMethod;
-        /**
-         * Параметры запроса
-         * @example {pageSize: 3}
-         */
-        params?: Record<string, unknown>;
-        /**
-         * Обработчик, который вызывается для подгрузки данных.
-         * Если обработчик не передан, то по умолчанию отправится post-запрос.
-         * @param {string} action
-         * @param {Object} params
-         * @return {Promise<Array> | Array}
-         */
-        onSearch?: (action: string, params: Record<string, unknown>) => Array<unknown> | Promise<Array<unknown>>;
-    };
+    dataProvider?: IDataProvider;
     /**
      * Текст запроса
      * @example 'some text'
@@ -69,7 +70,7 @@ export interface IDataProviderConfig {
      * Настройки поиска
      * @example {enable: true, minLength: 2, delay: 100}
      */
-    autoComplete?: boolean | AutoCompleteConfig;
+    autoComplete?: boolean | IAutoCompleteConfig;
     /**
      * Загрузка данных после любого изменения запроса.
      * Если включен autoFetch, то настройки autoComplete не применятся.

package/hooks/useDataSelect.d.ts

@@ -1,5 +1,11 @@
-interface IDataSelectItem {
+export interface IDataSelectItem {
+    /**
+    * Идентификатор элемента
+    */
     id: number | string | boolean;
+    /**
+    * Отображаемое название для IDataSelectItem
+    */
     label?: string;
     [key: string]: unknown;
 }
@@ -54,7 +60,8 @@ export interface IDataSelectResult {
     selectedIds: PrimaryKey[];
     setSelectedIds: (ids: PrimaryKey | PrimaryKey[], skipToggle?: boolean) => void;
     selectedItems: IDataSelectItem[];
+    setSelectedAll: VoidFunction;
+    isSelectedAll: boolean;
 }
-export declare const getLinearItems: (items: any, groupAttribute: any) => any[];
+export declare const getFlattenedItems: (items: any, groupAttribute: any) => any[];
 export default function useDataSelect(config: IDataSelectConfig): IDataSelectResult;
-export {};

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 {
@@ -100,14 +105,18 @@ function useDataSelect(config) {
                 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 +132,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 +155,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 +187,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 +214,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 +228,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 +239,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

@@ -13,16 +13,16 @@ export interface IFetchConfig {
     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 +38,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/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

@@ -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
@@ -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;
     /**
      * Модель для синхронизации значений формы с адресной строкой
@@ -203,4 +214,3 @@ export declare const createInitialValues: ({ paginationProps, paginationSizeProp
  * Выбранные фильтры синхронизируются с адресной строкой.
  */
 export default function useList(config: IListConfig): IListOutput;
-export {};

package/hooks/useList.js

@@ -141,7 +141,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,
@@ -189,6 +189,7 @@ function useList(config) {
                     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,
@@ -256,7 +257,10 @@ function useList(config) {
     (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_2.listDestroy)(config.listId),
+                (0, form_1.formDestroy)(config.listId),
+            ]);
         }
     });
     var onFetch = (0, react_1.useCallback)(function (params) {

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;

package/index.d.ts

@@ -48,21 +48,9 @@ declare type PrimaryKey = number | string;
 declare type Size = 'small' | 'middle' | 'large' | string;
 
 /**
- * Макет формы или ее части, влияющий на расположение полей
+ * Ориентация элемента
  */
-declare type FormLayoutName = 'default' | 'horizontal' | 'inline' | string;
-
-/**
- * Свойства для настройки макета формы
- */
-declare type FormLayout = FormLayoutName | boolean | {
-    layout?: FormLayoutName | boolean,
-    className?: string,
-    style?: any,
-    label?: boolean,
-    cols?: number[],
-    [key: string]: any,
-};
+declare type Orientation = 'horizontal' | 'vertical' | string;
 
 /**
  * Объект из свойства `input` от redux-form
@@ -89,9 +77,34 @@ declare type CustomStyle = React.CSSProperties;
  * Переопределение view React компонента для кастомизации отображения
  * @example MyCustomView
  */
-declare type CustomView = React.ReactNode | React.FunctionComponent;
+declare type CustomView = React.ReactNode | ((props: React.ComponentProps<any>) => JSX.Element);
+
+/**
+ * Кастомная иконка
+ * @example custom-icon
+ */
+declare type CustomIcon = string | React.ReactElement;
 
 /**
  * HTTP метод
  */
 declare type HttpMethod = 'get' | 'post' | 'put' | 'delete' | string;
+
+declare interface IUiComponent {
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: CustomView;
+
+    /**
+     * Дополнительный CSS-класс для элемента отображения
+     */
+    className?: CssClassName;
+
+    /**
+     * Объект CSS стилей
+     * @example {width: '45%'}
+     */
+    style?: CustomStyle;
+}