@steroidsjs/core 3.0.92 → 3.0.94

package/en.json

@@ -1044,10 +1044,22 @@
     "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react v3.0.2` и `@steroidsjs/ckeditor5 v27.0.2-rc.2`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n": "The `Kanban` component allows you to create a board for task management.\nThe number of columns is set using the `columns` prop.\nTasks on the board can be created, edited, and moved with visual feedback.\n\nFor this component to work, you must install the `react-beautiful-dnd` dependencies in your project\nand pass the `Droppable`, `Draggable`, and `DragDropContext` components to the `droppableComponent`, `draggableComponent`, and `dndContext` props, respectively.\n\nFor the task creation functionality to work correctly,\nyou need to install the `@ckeditor/ckeditor5-react v3.0.2` and `@steroidsjs/ckeditor5 v27.0.2-rc.2` dependencies in your project,\nthen import `CKEditor` from `@ckeditor/ckeditor5-react` and `ClassicEditor` from `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nPass the imported components to the `createTaskEditorConfig` prop,\nproviding `CKEditor` to the `htmlComponent` field and `ClassicEditor` to `editorConstructor`.",
     "\nКомпонент поля ввода текста с маской.\n": "A text input field component with a mask.",
     "\nКомпонент Tooltip предоставляет всплывающую подсказку для дочерних элементов.\nВнутри компонента, то есть между тегами Tooltip можно использовать только html теги, например div, span и тд\n": "The Tooltip component provides a popup hint for child elements.\nInside the component, that is, between the Tooltip tags, you can only use HTML tags, e.g., div, span, etc.",
-    "Логическое значение, указывающее, есть ли еще элементы в списке с бесконечным скроллом": "",
-    "Позволяет использовать cookie на всех поддоменах (по умолчанию, false)": "",
-    "Задержка в мс": "",
-    "Дополнительное содержание сообщения.": "",
-    "Задержка применения введённого значения": "",
-    "Флаг, который указывает, что высота поля должна быть равна высоте контента": ""
+    "\nСписок с радиокнопками. Используется в формах для выбора одного значения.\n": "\nRadio button list. Used in forms to select a single value.\n",
+    "\nКомпонент SwitcherField представляет собой переключатель (switch/toggle),\nкоторый позволяет пользователю включать или выключать значение (boolean).\nОбычно используется для управления настройками, параметрами или состояниями\n«вкл / выкл».\n": "\nThe SwitcherField component is a switch/toggle that allows the user to enable or disable a value (boolean).\nIt is typically used to control settings, parameters, or 'on/off' states.\n",
+    "Логическое значение, указывающее, есть ли еще элементы в списке с бесконечным скроллом": "Boolean value indicating whether there are more items in the infinite scroll list",
+    "Кастомный домен для куки": "Custom cookie domain",
+    "Флаг, который указывает, что высота поля должна быть равна высоте контента": "Flag indicating that the field height should be equal to the content height",
+    "Автоматически устанавливает куку для всех поддоменов текущего домена, но только если параметр domain не указан явно": "Automatically sets the cookie for all subdomains of the current domain, but only if the domain parameter is not explicitly specified",
+    "Позволяет использовать cookie на всех поддоменах (по умолчанию, false)": "Allows cookies to be used on all subdomains (by default, false)",
+    "Задержка в мс": "Delay in ms",
+    "Дополнительное содержание сообщения": "Additional message content",
+    "Задержка применения введённого значения": "Delay in applying the entered value",
+    "Применяется для SSR. Если fetch критический — SSR вернет страницу со статус кодом ошибки.": "Used for SSR. If the fetch is critical, SSR will return the page with an error status code.",
+    "Дополнительное содержание сообщения.": "Additional message content.",
+    "Метки на ползунке. В объекте {key: 'value'} key определяет положение, а value определяет, что будет отображаться.\nЕсли вы хотите задать стиль определенной точки метки, значением должен быть объект,\nсодержащий свойства style и label.": "Labels on the slider. In the object {key: 'value'}, the key determines the position, and the value determines what will be displayed.\nIf you want to set a style for a specific label point, the value must be an object\ncontaining the style and label properties.",
+    "Применяется для ssr. Если fetch критический — ssr вернет страницу со статус кодом ошибки.": "",
+    "Название цвета для Alert и Notification": "",
+    "Название цвета для Badge": "",
+    "Название цвета для Button": "",
+    "Название цвета для Text, Title": ""
 }

package/hooks/index.d.ts

@@ -12,17 +12,17 @@ import useForm from './useForm';
 import useInitial from './useInitial';
 import useLayout from './useLayout';
 import useList from './useList';
+import useListField from './useListField';
 import useModel from './useModel';
+import useSaveCursorPosition from './useSaveCursorPosition';
 import useScreen from './useScreen';
 import useSelector from './useSelector';
 import useSsr from './useSsr';
-import useUniqueId from './useUniqueId';
 import useTheme from './useTheme';
 import useTree from './useTree';
+import useUniqueId from './useUniqueId';
+import useCalendarControls from '../ui/content/CalendarSystem/hooks/useCalendarControls';
+import useDisplayDate from '../ui/content/CalendarSystem/hooks/useDisplayDate';
 import useMonthGrid from '../ui/content/CalendarSystem/hooks/useMonthGrid';
 import useWeekGrid from '../ui/content/CalendarSystem/hooks/useWeekGrid';
-import useDisplayDate from '../ui/content/CalendarSystem/hooks/useDisplayDate';
-import useCalendarControls from '../ui/content/CalendarSystem/hooks/useCalendarControls';
-import useSaveCursorPosition from './useSaveCursorPosition';
-import useListField from './useListField';
 export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, useTheme, useTree, useMonthGrid, useWeekGrid, useDisplayDate, useCalendarControls, useSaveCursorPosition, useListField, };

package/hooks/index.js

@@ -32,29 +32,29 @@ var useLayout_1 = __importDefault(require("./useLayout"));
 exports.useLayout = useLayout_1["default"];
 var useList_1 = __importDefault(require("./useList"));
 exports.useList = useList_1["default"];
+var useListField_1 = __importDefault(require("./useListField"));
+exports.useListField = useListField_1["default"];
 var useModel_1 = __importDefault(require("./useModel"));
 exports.useModel = useModel_1["default"];
+var useSaveCursorPosition_1 = __importDefault(require("./useSaveCursorPosition"));
+exports.useSaveCursorPosition = useSaveCursorPosition_1["default"];
 var useScreen_1 = __importDefault(require("./useScreen"));
 exports.useScreen = useScreen_1["default"];
 var useSelector_1 = __importDefault(require("./useSelector"));
 exports.useSelector = useSelector_1["default"];
 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"];
 var useTree_1 = __importDefault(require("./useTree"));
 exports.useTree = useTree_1["default"];
+var useUniqueId_1 = __importDefault(require("./useUniqueId"));
+exports.useUniqueId = useUniqueId_1["default"];
+var useCalendarControls_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useCalendarControls"));
+exports.useCalendarControls = useCalendarControls_1["default"];
+var useDisplayDate_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useDisplayDate"));
+exports.useDisplayDate = useDisplayDate_1["default"];
 var useMonthGrid_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useMonthGrid"));
 exports.useMonthGrid = useMonthGrid_1["default"];
 var useWeekGrid_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useWeekGrid"));
 exports.useWeekGrid = useWeekGrid_1["default"];
-var useDisplayDate_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useDisplayDate"));
-exports.useDisplayDate = useDisplayDate_1["default"];
-var useCalendarControls_1 = __importDefault(require("../ui/content/CalendarSystem/hooks/useCalendarControls"));
-exports.useCalendarControls = useCalendarControls_1["default"];
-var useSaveCursorPosition_1 = __importDefault(require("./useSaveCursorPosition"));
-exports.useSaveCursorPosition = useSaveCursorPosition_1["default"];
-var useListField_1 = __importDefault(require("./useListField"));
-exports.useListField = useListField_1["default"];

package/hooks/useAddressBar.js

@@ -27,16 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.queryReplace = exports.queryRestore = exports.defaultToStringConverter = exports.defaultFromStringConverter = void 0;
-var get_1 = __importDefault(require("lodash-es/get"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var queryString = __importStar(require("qs"));
 var connected_react_router_1 = require("connected-react-router");
-var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
+var get_1 = __importDefault(require("lodash-es/get"));
 var has_1 = __importDefault(require("lodash-es/has"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
+var queryString = __importStar(require("qs"));
 var react_1 = require("react");
-var useSelector_1 = __importDefault(require("../hooks/useSelector"));
 var useDispatch_1 = __importDefault(require("../hooks/useDispatch"));
+var useSelector_1 = __importDefault(require("../hooks/useSelector"));
 var ARRAY_VALUE_SEPARATOR = '_';
 var defaultFromStringConverter = function (value, type, item) {
     type = type || '';
@@ -53,8 +53,8 @@ var defaultFromStringConverter = function (value, type, item) {
             return value || String(value) === '0' ? (0, toInteger_1["default"])(value) : null;
         case 'boolean':
             return ['1', 't', 'y'].includes(String(value).substr(0, 1)) || null;
-        default:
         case 'string':
+        default:
             return value ? String(value) : null;
     }
 };
@@ -71,9 +71,9 @@ var defaultToStringConverter = function (value, type, item) {
     switch (type) {
         case 'boolean':
             return value ? '1' : null;
-        default:
         case 'string':
         case 'number':
+        default:
             return value ? String(value) : null;
     }
 };
@@ -85,7 +85,9 @@ var queryRestore = function (model, location, useHash) {
     var attributes = (model === null || model === void 0 ? void 0 : model.attributes) || Object.keys(values);
     attributes.forEach(function (item) {
         if (typeof item === 'string') {
-            item = { attribute: item };
+            item = {
+                attribute: item
+            };
         }
         var defaultValue = (0, has_1["default"])(item, 'defaultValue') ? item.defaultValue : null;
         var converter = item.fromStringConverter || exports.defaultFromStringConverter;
@@ -102,7 +104,9 @@ var queryReplace = function (model, location, values, useHash) {
     var attributes = (model === null || model === void 0 ? void 0 : model.attributes) || Object.keys(values);
     attributes.forEach(function (item) {
         if (typeof item === 'string') {
-            item = { attribute: item };
+            item = {
+                attribute: item
+            };
         }
         var defaultValue = (0, has_1["default"])(item, 'defaultValue') ? item.defaultValue : null;
         if ((values === null || values === void 0 ? void 0 : values[item.attribute]) !== defaultValue) {

package/hooks/useApplication.d.ts

@@ -1,20 +1,20 @@
 /// <reference types="react" />
+import ClientStorageComponent, { IClientStorageComponentConfig } from '../components/ClientStorageComponent';
+import HtmlComponent from '../components/HtmlComponent';
 import { IHttpComponentConfig } from '../components/HttpComponent';
-import { IWebSocketComponentConfig } from '../components/WebSocketComponent';
-import { ILocaleComponentConfig } from '../components/LocaleComponent';
 import { IJwtHttpComponentConfig } from '../components/JwtHttpComponent';
+import { ILocaleComponentConfig } from '../components/LocaleComponent';
+import MetaComponent from '../components/MetaComponent';
+import MetricsComponent from '../components/MetricsComponent';
 import { IResourceComponentConfig } from '../components/ResourceComponent';
-import { IThemeProviderProps } from '../providers/ThemeProvider';
-import ClientStorageComponent, { IClientStorageComponentConfig } from '../components/ClientStorageComponent';
-import HtmlComponent from '../components/HtmlComponent';
 import StoreComponent from '../components/StoreComponent';
 import UiComponent from '../components/UiComponent';
-import MetaComponent from '../components/MetaComponent';
+import { IWebSocketComponentConfig } from '../components/WebSocketComponent';
+import { IFetchConfig } from '../hooks/useFetch';
 import { IComponents } from '../providers/ComponentsProvider';
-import { IRouteItem, IRouterProps } from '../ui/nav/Router/Router';
-import MetricsComponent from '../components/MetricsComponent';
 import { IScreenProviderProps } from '../providers/ScreenProvider';
-import { IFetchConfig } from '../hooks/useFetch';
+import { IThemeProviderProps } from '../providers/ThemeProvider';
+import { IRouteItem, IRouterProps } from '../ui/nav/Router/Router';
 export interface IComponentConfig {
     className?: Record<string, any>;
     [key: string]: any;

package/hooks/useApplication.js

@@ -49,28 +49,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.defaultComponents = void 0;
-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 relativeTime_1 = __importDefault(require("dayjs/plugin/relativeTime"));
-var localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
-var localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
-var customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
 var dayjs_1 = __importDefault(require("dayjs"));
-var utc_1 = __importDefault(require("dayjs/plugin/utc"));
+var customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
 var isToday_1 = __importDefault(require("dayjs/plugin/isToday"));
-var ThemeProvider_1 = __importDefault(require("../providers/ThemeProvider"));
+var localeData_1 = __importDefault(require("dayjs/plugin/localeData"));
+var localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
+var relativeTime_1 = __importDefault(require("dayjs/plugin/relativeTime"));
+var utc_1 = __importDefault(require("dayjs/plugin/utc"));
+var merge_1 = __importDefault(require("lodash-es/merge"));
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var useComponents_1 = __importDefault(require("./useComponents"));
 var ClientStorageComponent_1 = __importDefault(require("../components/ClientStorageComponent"));
 var HtmlComponent_1 = __importDefault(require("../components/HtmlComponent"));
+var MetaComponent_1 = __importDefault(require("../components/MetaComponent"));
+var MetricsComponent_1 = __importDefault(require("../components/MetricsComponent"));
 var StoreComponent_1 = __importDefault(require("../components/StoreComponent"));
 var UiComponent_1 = __importDefault(require("../components/UiComponent"));
-var MetaComponent_1 = __importDefault(require("../components/MetaComponent"));
 var ComponentsProvider_1 = __importDefault(require("../providers/ComponentsProvider"));
-var Router_1 = __importDefault(require("../ui/nav/Router/Router"));
-var MetricsComponent_1 = __importDefault(require("../components/MetricsComponent"));
 var ScreenProvider_1 = __importDefault(require("../providers/ScreenProvider"));
-var useComponents_1 = __importDefault(require("./useComponents"));
+var ThemeProvider_1 = __importDefault(require("../providers/ThemeProvider"));
+var Router_1 = __importDefault(require("../ui/nav/Router/Router"));
 exports.defaultComponents = {
     clientStorage: {
         className: ClientStorageComponent_1["default"]
@@ -118,7 +118,9 @@ function useApplication(config) {
         var componentsConfig_1 = (0, merge_1["default"])({}, exports.defaultComponents, config.components);
         Object.keys(componentsConfig_1).forEach(function (name) {
             if (typeof componentsConfig_1[name] === 'function') {
-                componentsConfig_1[name] = { className: componentsConfig_1[name] };
+                componentsConfig_1[name] = {
+                    className: componentsConfig_1[name]
+                };
             }
             var _a = componentsConfig_1[name], className = _a.className, componentConfig = __rest(_a, ["className"]);
             // Append reducers to store

package/hooks/useDataProvider.js

@@ -59,18 +59,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_redux_1 = require("react-redux");
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var isString_1 = __importDefault(require("lodash-es/isString"));
 var uniqBy_1 = __importDefault(require("lodash-es/uniqBy"));
 var react_1 = require("react");
+var react_redux_1 = require("react-redux");
 var react_use_1 = require("react-use");
 var fields_1 = require("../actions/fields");
-var data_1 = require("../utils/data");
-var index_1 = require("./index");
 var fields_2 = require("../reducers/fields");
+var data_1 = require("../utils/data");
 var text_1 = require("../utils/text");
+var index_1 = require("./index");
 var defaultProps = {
     autoComplete: {
         enable: false,
@@ -117,7 +117,9 @@ function useDataProvider(config) {
         }
     }, [prevInitialItems, initialItems]);
     // Normalize autoComplete
-    var autoComplete = (0, react_1.useMemo)(function () { return (__assign(__assign({}, defaultProps.autoComplete), (typeof config.autoComplete === 'boolean') ? { enable: config.autoComplete } : config.autoComplete)); }, [config.autoComplete]);
+    var autoComplete = (0, react_1.useMemo)(function () { return (__assign(__assign({}, defaultProps.autoComplete), (typeof config.autoComplete === 'boolean') ? {
+        enable: config.autoComplete
+    } : config.autoComplete)); }, [config.autoComplete]);
     var dataProvider = (0, react_1.useMemo)(function () { return (__assign({ action: '', actionMethod: 'get', params: null, onSearch: null }, config.dataProvider)); }, [config.dataProvider]);
     // Fetch data
     var delayTimerRef = (0, react_1.useRef)(null);
@@ -135,7 +137,11 @@ function useDataProvider(config) {
                     searchHandler = dataProvider.onSearch || (function (method, params) { return components.http
                         .send(dataProvider.actionMethod, method, params)
                         .then(function (response) { return response.data; }); });
-                    result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? { ids: config.initialSelectedIds } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? { withIds: config.initialSelectedIds } : null)), config.dataProvider.params));
+                    result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? {
+                        ids: config.initialSelectedIds
+                    } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? {
+                        withIds: config.initialSelectedIds
+                    } : null)), config.dataProvider.params));
                     if (!(result && (0, isFunction_1["default"])(result.then))) return [3 /*break*/, 2];
                     setIsLoading(true);
                     return [4 /*yield*/, result];

package/hooks/useDataSelect.js

@@ -13,12 +13,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.getFlattenedItems = void 0;
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var isArray_1 = __importDefault(require("lodash-es/isArray"));
-var isNil_1 = __importDefault(require("lodash-es/isNil"));
 var difference_1 = __importDefault(require("lodash-es/difference"));
 var intersection_1 = __importDefault(require("lodash-es/intersection"));
+var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isNil_1 = __importDefault(require("lodash-es/isNil"));
 var pullAll_1 = __importDefault(require("lodash-es/pullAll"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");

package/hooks/useFetch.d.ts

@@ -3,6 +3,7 @@ import { IComponents } from '../providers/ComponentsProvider';
 declare global {
     interface Window {
         APP_PRELOADED_DATA: any;
+        APP_PRELOADED_ERRORS: any;
     }
 }
 export interface IFetchConfig {
@@ -10,16 +11,20 @@ export interface IFetchConfig {
     url?: string;
     method?: 'get' | 'post' | string;
     params?: Record<string, unknown>;
+    /**
+     * Применяется для ssr. Если fetch критический — ssr вернет страницу со статус кодом ошибки.
+     * @default false
+     */
+    isCritical?: boolean;
     onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;
 }
 export interface IFetchResult<T> {
-    data?: {
-        providerData?: {
-            type: string;
-            value: string;
-        };
-        [key: string]: unknown;
-    } | T;
+    data?: T | undefined | null | {
+        statusCode: number;
+        error?: string;
+        message?: string;
+        errors?: Record<string, unknown>;
+    };
     isLoading: boolean;
     fetch: (newParams?: Record<string, unknown>) => void;
     axiosError: AxiosError | null;

package/hooks/useFetch.js

@@ -51,10 +51,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.fetchData = exports.defaultFetchHandler = exports.getConfigId = exports.normalizeConfig = void 0;
+var axios_1 = __importDefault(require("axios"));
+var trim_1 = __importDefault(require("lodash-es/trim"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
-var trim_1 = __importDefault(require("lodash-es/trim"));
-var axios_1 = __importDefault(require("axios"));
 var index_1 = require("./index");
 var normalizeConfig = function (config) { return (config
     ? __assign({ id: null, url: '', method: 'get', params: {}, options: null, onFetch: null }, config) : null); };
@@ -105,11 +105,13 @@ function useFetch(rawConfig) {
     var configId = (0, exports.getConfigId)(config);
     var ssrValueContext = (0, index_1.useSsr)();
     var preloadedData = process.env.IS_SSR ? ssrValueContext.preloadedData : window.APP_PRELOADED_DATA;
+    var preloadedErrors = process.env.IS_SSR ? ssrValueContext.preloadedErrors : window.APP_PRELOADED_ERRORS;
     var preloadedDataByConfigId = (preloadedData && configId) ? preloadedData[configId] : null;
+    var preloadedErrorByConfigId = (preloadedErrors && configId) ? preloadedErrors[configId] : null;
     // State for data and loading flag
     var _b = (0, react_1.useState)(preloadedDataByConfigId || null), data = _b[0], setData = _b[1];
-    var _c = (0, react_1.useState)(null), axiosError = _c[0], setAxiosError = _c[1];
-    var _d = (0, react_1.useState)(!!config && !data), isLoading = _d[0], setIsLoading = _d[1];
+    var _c = (0, react_1.useState)(preloadedErrorByConfigId || null), axiosError = _c[0], setAxiosError = _c[1];
+    var _d = (0, react_1.useState)(!!config && !data && !axiosError), isLoading = _d[0], setIsLoading = _d[1];
     // Cancel tokens
     var cancelTokens = (0, react_1.useRef)([]);
     var addCancelToken = function (token) { return cancelTokens.current.push(token); };
@@ -152,7 +154,7 @@ function useFetch(rawConfig) {
         });
     }, [components, config]);
     (0, react_use_1.useEffectOnce)(function () {
-        if (!data) {
+        if (!data && !axiosError) {
             fetch();
         }
     });

package/hooks/useFile.js

@@ -15,15 +15,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.generateBackendUrl = exports.imagesMimeTypes = void 0;
-var react_1 = require("react");
-var react_use_1 = require("react-use");
+var buildURL_1 = __importDefault(require("axios/lib/helpers/buildURL"));
 var fileup_core_1 = __importDefault(require("fileup-core"));
 var File_1 = __importDefault(require("fileup-core/lib/models/File"));
 var QueueCollection_1 = __importDefault(require("fileup-core/lib/models/QueueCollection"));
+var difference_1 = __importDefault(require("lodash-es/difference"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var difference_1 = __importDefault(require("lodash-es/difference"));
-var buildURL_1 = __importDefault(require("axios/lib/helpers/buildURL"));
+var react_1 = require("react");
+var react_use_1 = require("react-use");
 var useInitial_1 = __importDefault(require("./useInitial"));
 var index_1 = require("./index");
 exports.imagesMimeTypes = [
@@ -55,10 +55,13 @@ function generateAcceptString(props) {
 }
 function useFile(props) {
     var http = (0, index_1.useComponents)().http;
-    http.getAccessToken(); // TODO Run promise..
+    // TODO Run promise..
+    http.getAccessToken();
     var uploader = (0, useInitial_1["default"])(function () {
         var _a;
-        return new fileup_core_1["default"](__assign(__assign({ backendUrl: generateBackendUrl(props), uploaderConfig: __assign(__assign({}, props.uploaderConfig), { headers: __assign(__assign({}, (_a = props.uploaderConfig) === null || _a === void 0 ? void 0 : _a.headers), { Authorization: 'Bearer ' + http._accessToken }) }) }, props.uploader), { dropArea: (props === null || props === void 0 ? void 0 : props.hasDropArea)
+        return new fileup_core_1["default"](__assign(__assign({ backendUrl: generateBackendUrl(props), uploaderConfig: __assign(__assign({}, props.uploaderConfig), { headers: __assign(__assign({}, (_a = props.uploaderConfig) === null || _a === void 0 ? void 0 : _a.headers), { 
+                    // TODO how to get access token wuthout promise?
+                    Authorization: 'Bearer ' + http._accessToken }) }) }, props.uploader), { dropArea: (props === null || props === void 0 ? void 0 : props.hasDropArea)
                 ? {
                     className: props.uploader.dropArea.className,
                     container: props.dropRef.current,
@@ -93,7 +96,9 @@ function useFile(props) {
                 .map(function (item) {
                 var path = item.title || item.label || item.uid || item.id;
                 var resultHttpMessage = __assign(__assign({}, item), { id: item.id || item.uid, images: item.thumbnailUrl
-                        ? [{ url: item.thumbnailUrl }]
+                        ? [{
+                                url: item.thumbnailUrl
+                            }]
                         : null });
                 var file = uploader.queue.getByUid(item.uid);
                 if (file) {

package/hooks/useLayout.js

@@ -5,23 +5,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 var _a;
 exports.__esModule = true;
 exports.runInitAction = exports.HTTP_STATUS_CODES = exports.STATUS_OK = exports.STATUS_ACCESS_DENIED = exports.STATUS_HTTP_ERROR = exports.STATUS_RENDER_ERROR = exports.STATUS_NOT_FOUND = exports.STATUS_LOADING = void 0;
-var react_1 = require("react");
+var intersection_1 = __importDefault(require("lodash-es/intersection"));
 var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var merge_1 = __importDefault(require("lodash-es/merge"));
-var intersection_1 = __importDefault(require("lodash-es/intersection"));
+var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
-var Router_1 = require("../ui/nav/Router/Router");
-var useSsr_1 = __importDefault(require("./useSsr"));
 var useComponents_1 = __importDefault(require("./useComponents"));
-var router_1 = require("../reducers/router");
-var auth_1 = require("../reducers/auth");
-var useSelector_1 = __importDefault(require("./useSelector"));
-var auth_2 = require("../actions/auth");
 var useDispatch_1 = __importDefault(require("./useDispatch"));
+var useSelector_1 = __importDefault(require("./useSelector"));
+var useSsr_1 = __importDefault(require("./useSsr"));
+var auth_1 = require("../actions/auth");
 var fields_1 = require("../actions/fields");
-var router_2 = require("../actions/router");
+var router_1 = require("../actions/router");
+var auth_2 = require("../reducers/auth");
+var router_2 = require("../reducers/router");
+var Router_1 = require("../ui/nav/Router/Router");
 exports.STATUS_LOADING = 'loading';
 exports.STATUS_NOT_FOUND = 'not_found';
 exports.STATUS_RENDER_ERROR = 'render_error';
@@ -72,24 +72,25 @@ var runInitAction = function (initAction, components, dispatch) { return (initAc
     }
     dispatch([
         // Meta models & enums
+        // TODO skip models
         Boolean(resultMeta) && (0, fields_1.setMeta)(resultMeta),
         // User auth
-        (0, auth_2.setData)(result),
+        (0, auth_1.setData)(result),
         // User auth
-        (0, auth_2.setUser)(resultUser),
+        (0, auth_1.setUser)(resultUser),
     ].filter(Boolean));
 })); };
 exports.runInitAction = runInitAction;
 function useLayout(initAction) {
     if (initAction === void 0) { initAction = null; }
     var _a = (0, useSelector_1["default"])(function (state) {
-        var routesMap = (0, router_1.getRoutesMap)(state);
+        var routesMap = (0, router_2.getRoutesMap)(state);
         return {
-            route: (0, router_1.getRoute)(state),
-            user: (0, auth_1.getUser)(state),
-            data: (0, auth_1.getData)(state),
-            isInitialized: (0, auth_1.isInitialized)(state),
-            initializeCounter: (0, auth_1.getInitializeCounter)(state),
+            route: (0, router_2.getRoute)(state),
+            user: (0, auth_2.getUser)(state),
+            data: (0, auth_2.getData)(state),
+            isInitialized: (0, auth_2.isInitialized)(state),
+            initializeCounter: (0, auth_2.getInitializeCounter)(state),
             redirectPageId: state.auth.redirectPageId,
             loginRouteId: routesMap && Object.keys(routesMap).find(function (name) { return routesMap[name].role === Router_1.ROUTER_ROLE_LOGIN; })
         };
@@ -100,10 +101,10 @@ function useLayout(initAction) {
     (0, react_use_1.useMount)(function () {
         // Callback for load initial page data (return promise)
         if ((0, isFunction_1["default"])(initAction)) {
-            dispatch((0, auth_2.init)(true));
+            dispatch((0, auth_1.init)(true));
         }
         else {
-            dispatch((0, auth_2.setUser)(null));
+            dispatch((0, auth_1.setUser)(null));
         }
     });
     var initializeCounterPrev = (0, react_use_1.usePrevious)(initializeCounter);
@@ -115,7 +116,7 @@ function useLayout(initAction) {
         (0, exports.runInitAction)(initAction, components, dispatch)
             .then(function () {
             if (redirectPageId) {
-                dispatch((0, router_2.goToRoute)(redirectPageId));
+                dispatch((0, router_1.goToRoute)(redirectPageId));
             }
         })["catch"](function (e) {
             setError(e);
@@ -136,11 +137,12 @@ function useLayout(initAction) {
         var pageRoles = (route === null || route === void 0 ? void 0 : route.roles) || [];
         var userRoles = [].concat((user === null || user === void 0 ? void 0 : user.role) || []).concat((user === null || user === void 0 ? void 0 : user.roles) || []);
         if (userRoles.length === 0) {
-            userRoles.push(null); // Guest
+            // Guest
+            userRoles.push(null);
         }
         if ((0, intersection_1["default"])(pageRoles, userRoles).length === 0) {
             if (loginRouteId && route.id !== loginRouteId) {
-                dispatch((0, router_2.goToRoute)(loginRouteId));
+                dispatch((0, router_1.goToRoute)(loginRouteId));
             }
             else {
                 status = exports.STATUS_ACCESS_DENIED;

package/hooks/useList.d.ts

@@ -1,12 +1,12 @@
 import { IInfiniteScrollProps } from '@steroidsjs/core/ui/list/InfiniteScroll/InfiniteScroll';
-import { IAddressBarConfig } from '../hooks/useAddressBar';
 import { IList } from '../actions/list';
+import { Model } from '../components/MetaComponent';
+import { IAddressBarConfig } from '../hooks/useAddressBar';
+import { IFormProps } from '../ui/form/Form/Form';
+import { IEmptyProps } from '../ui/list/Empty/Empty';
 import { ILayoutNamesProps } from '../ui/list/LayoutNames/LayoutNames';
 import { IPaginationProps } from '../ui/list/Pagination/Pagination';
 import { IPaginationSizeProps } from '../ui/list/PaginationSize/PaginationSize';
-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;
 export interface ISortConfig {
     /**