@steroidsjs/core 3.0.0-beta.28 → 3.0.0-beta.30

package/hooks/useFile.d.ts

@@ -1,2 +1,23 @@
-import { IFileHocInput, IFileHocOutput } from '../hoc/file';
-export default function useFile(props: IFileHocInput): IFileHocOutput;
+export interface IFileInput {
+    input?: FormInputType;
+    multiple?: boolean;
+    uploader?: any;
+    backendUrl?: any;
+    mimeTypes?: any;
+    imagesOnly?: any;
+    imagesProcessor?: any;
+    imagesExactSize?: any;
+    initialFiles?: any;
+    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/useList.js

@@ -256,7 +256,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/index.d.ts

@@ -47,6 +47,11 @@ declare type PrimaryKey = number | string;
  */
 declare type Size = 'small' | 'middle' | 'large' | string;
 
+/**
+ * Ориентация элемента
+ */
+declare type Orientation = 'horizontal' | 'vertical' | string;
+
 /**
  * Объект из свойства `input` от redux-form
  */
@@ -84,3 +89,22 @@ 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;
+}

package/package.json

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

package/reducers/router.d.ts

@@ -58,7 +58,6 @@ export declare const normalizeRoutes: (state: any, item: IRouteItem, activeIds:
     models?: string | string[];
     enums?: string | string[];
     role?: string;
-    fetch?: import("../hoc/fetch").IFetchHocConfigFunc;
     preloadData?: (match: Record<string, any>) => (import("../hooks/useFetch").IFetchConfig | import("../ui/list/List/List").IListProps)[];
 };
 /**

package/ui/content/CopyToClipboard/CopyToClipboard.d.ts

@@ -1,6 +1,4 @@
-import { IBemHocOutput } from '../../../hoc/bem';
-import { IConnectHocOutput } from '../../../hoc/connect';
-interface ICopyToClipboardProps extends IBemHocOutput, IConnectHocOutput {
+interface ICopyToClipboardProps {
     value: string;
     disabled?: boolean;
     notification?: string | {

package/ui/crud/Crud/Crud.d.ts

@@ -2,8 +2,6 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { IApiRest } from '../../../components/ApiComponent';
 import { IComponents } from '../../../providers/ComponentsProvider';
-import { IComponentsHocOutput } from '../../../hoc/components';
-import { IConnectHocOutput } from '../../../hoc/connect';
 import { IFormProps } from '../../form/Form/Form';
 import { IGridProps } from '../../list/Grid/Grid';
 import { IControlItem } from '../../nav/Controls/Controls';
@@ -60,7 +58,7 @@ export interface ICrudProps {
     errorHandler?: (error: any, dispatch: any) => void;
     [key: string]: any;
 }
-export interface ICrudChildrenProps extends ICrudProps, IConnectHocOutput, IComponentsHocOutput {
+export interface ICrudChildrenProps extends ICrudProps {
     item?: any;
     recordId?: PrimaryKey;
     action?: string;

package/ui/crud/index.d.ts

@@ -28,7 +28,6 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     enums: string | string[];
     role?: string;
     roles?: string[];
-    fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IInputFieldProps } from '../InputField/InputField';
+import { IBaseFieldProps } from '../InputField/InputField';
 export interface IAutoCompleteItem {
     id: number | string | boolean;
     label?: string;
@@ -16,13 +16,12 @@ export interface IAutoCompleteItem {
  * AutoComplete
  * Поле ввода текста с подсказками (auto-complete)
  */
-export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
+export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
     /**
      * При фокусировке на поле ввода будет запускаться поиск
      * @example true
      */
     searchOnFocus?: boolean;
-    [key: string]: any;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
     items: IAutoCompleteItem[];

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -100,7 +100,6 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    className: '',
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

package/ui/form/CheckboxListField/CheckboxListField.d.ts

@@ -25,7 +25,7 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, IDataP
     /**
      * Ориентация списка
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: Orientation;
     [key: string]: any;
 }
 export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
@@ -43,7 +43,7 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
     }[];
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: Orientation;
     renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
 }
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxListFieldProps>;

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -84,7 +84,7 @@ CheckboxListField.defaultProps = {
     disabled: false,
     required: false,
     className: '',
-    multiple: false,
+    multiple: true,
     orientation: 'vertical'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('CheckboxListField', CheckboxListField);

package/ui/form/FileField/FileField.d.ts

@@ -1,11 +1,11 @@
-import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
+import { IFileInput } from '../../../hooks/useFile';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
 import { IButtonProps } from '../Button/Button';
 export declare enum FilesLayout {
     list = "list",
     wall = "wall"
 }
-interface IFileFieldCommonProps extends IFileHocInput, IFileHocOutput {
+interface IFileFieldCommonProps extends IFileInput {
     /**
      * Показать значок удаление файла
      * @example true

package/ui/form/ImageField/ImageField.d.ts

@@ -1,7 +1,7 @@
 import ReactCropProps, { Crop } from 'react-image-crop';
 import { IModalProps } from '../../modal/Modal/Modal';
+import { IFileInput } from '../../../hooks/useFile';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
-import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
 export interface ICropInputProps {
     /**
      * Изначальные параметры обрезки изображения
@@ -19,7 +19,7 @@ export interface ICropInputProps {
      */
     reactImageCropProps?: ReactCropProps;
 }
-export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileHocInput, 'multiple' | 'imagesOnly'>, IFileHocOutput {
+export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileInput, 'multiple' | 'imagesOnly'> {
     /**
      * Дополнительный CSS-класс для компонента
      */

package/ui/form/InputField/InputField.d.ts

@@ -2,48 +2,35 @@ import * as React from 'react';
 import { ChangeEventHandler, ReactNode } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 type IElementInputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | string;
-/**
- * InputField
- * Поле ввода текста
- */
-export interface IInputFieldProps extends IFieldWrapperInputProps {
-    /**
-     * HTML Тип
-     * @example email
-     */
-    type?: IElementInputType;
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
+export interface IBaseFieldProps extends IFieldWrapperInputProps, IUiComponent {
     /**
      * Свойства для элемента \<input /\>
      * @example {onKeyDown: ...}
      */
     inputProps?: any;
     /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     */
-    viewProps?: any;
+     * Показывать иконку очищения поля
+     * @example {'true'}
+    */
+    showClear?: boolean;
     /**
-     * Размер Input
-     * @example 'large'
+     * Свойства для компонента отображения
+     * @example {customHandler: () => {...}}
      */
-    size?: Size;
+    viewProps?: {
+        [key: string]: any;
+    };
+}
+/**
+ * InputField
+ * Поле ввода текста
+ */
+export interface IInputFieldProps extends IBaseFieldProps {
     /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
+     * HTML Тип
+     * @example email
      */
-    style?: CustomStyle;
+    type?: IElementInputType;
     /**
      * Изображение или React-нода, которая будет отрендерена слева от поля.
      * @example require('icon.png') | <component/>
@@ -73,18 +60,10 @@ export interface IInputFieldProps extends IFieldWrapperInputProps {
         maskPlaceholder?: string;
         alwaysShowMask?: boolean;
     };
-    /**
-     * Показывать иконку очищения поля
-     * @example {'true'}
-    */
-    showClear?: boolean;
     /**
      * Пользовательская иконка svg или название иконки
      */
     leadIcon?: React.ReactElement | string;
-    success?: boolean;
-    failed?: boolean;
-    [key: string]: any;
 }
 export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/InputField/InputField.js

@@ -66,14 +66,6 @@ InputField.defaultProps = {
     size: 'md',
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    errors: null,
-    showClear: false,
-    successful: false,
-    textBefore: null,
-    textAfter: null,
-    addonBefore: null,
-    addonAfter: null
+    showClear: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('InputField', InputField);

package/ui/form/NumberField/NumberField.d.ts

@@ -1,10 +1,10 @@
-import { IInputFieldProps } from '../InputField/InputField';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
+import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * NumberField
  * Числовое поле ввода
  */
-export interface INumberFieldProps extends IInputFieldProps, IFieldWrapperInputProps {
+export interface INumberFieldProps extends IBaseFieldProps {
     /**
      * Минимальное значение
      * @example 1
@@ -20,7 +20,6 @@ export interface INumberFieldProps extends IInputFieldProps, IFieldWrapperInputP
      * @example 5
      */
     step?: string | number;
-    [key: string]: any;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -28,12 +28,6 @@ function NumberField(props) {
 NumberField.defaultProps = {
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    min: null,
-    max: null,
-    step: null,
-    errors: null,
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('NumberField', NumberField);

package/ui/form/PasswordField/PasswordField.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { IInputFieldProps } from '../InputField/InputField';
+import { ChangeEvent } from 'react';
+import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * PasswordField
  * Поле ввода пароля
  */
-export interface IPasswordFieldProps extends IInputFieldProps {
+export interface IPasswordFieldProps extends IBaseFieldProps {
     /**
      * Если true, то отображается шкала сложности пароля
      * @example true
@@ -15,19 +15,16 @@ export interface IPasswordFieldProps extends IInputFieldProps {
      * Если true, то отображается иконка скрытия/показа пароля
      */
     showSecurityIcon?: boolean;
-    [key: string]: any;
 }
 export interface IPasswordFieldViewProps extends IPasswordFieldProps, IFieldWrapperOutputProps {
     inputProps: {
         type: string;
         name: string;
-        onChange: (value: Event | React.ChangeEvent) => void;
+        onChange: (value: Event | ChangeEvent) => void;
         value: string | number;
         placeholder: string;
         disabled: boolean;
     };
-    errors?: string[];
-    className?: CssClassName;
     onClear?: () => void;
     securityLevel?: 'success' | 'warning' | 'danger';
     onShowPassword: () => void;

package/ui/form/PasswordField/PasswordField.js

@@ -10,35 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
 exports.checkPassword = void 0;
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
@@ -73,7 +49,7 @@ exports.checkPassword = checkPassword;
 function PasswordField(props) {
     var _a = (0, react_1.useState)('password'), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
-    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     props.inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: type, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, type]);
     props.securityLevel = props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null;
     props.onShowPassword = function () { return setType('text'); };
@@ -86,9 +62,6 @@ PasswordField.defaultProps = {
     showSecurityBar: false,
     showSecurityIcon: true,
     required: false,
-    className: '',
-    placeholder: '',
-    errors: null,
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('PasswordField', PasswordField);

package/ui/form/RadioListField/RadioListField.d.ts

@@ -20,7 +20,7 @@ export interface IRadioListFieldProps extends IFieldWrapperInputProps, IDataProv
     /**
      * Ориентация списка
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: Orientation;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
@@ -43,6 +43,8 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
     }[];
     selectedIds: (PrimaryKey | any)[];
     className?: CssClassName;
+    orientation?: Orientation;
+    size?: Size;
     onItemSelect: (id: PrimaryKey | any) => void;
     renderRadio: (radioProps: IRadioFieldViewProps) => JSX.Element;
 }

package/ui/form/TextField/TextField.d.ts

@@ -1,45 +1,21 @@
-import * as React from 'react';
-import { KeyboardEventHandler } from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { ChangeEvent, KeyboardEventHandler } from 'react';
+import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
 /**
  * TextField
  * Поле для ввода нескольких строк теста
  */
-export interface ITextFieldProps extends IFieldWrapperInputProps {
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
+export interface ITextFieldProps extends IBaseFieldProps {
     /**
      * Отправлять форму при нажатии на кнопку `enter`
      * @example true
      */
     submitOnEnter?: boolean;
-    /**
-     * Свойства для элемента \<input /\>
-     * @example {onKeyDown: ...}
-     */
-    inputProps?: any;
-    /**
-     * Дополнительный CSS-класс для тега \<textarea\>
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     *  Отображение кнопки очищения поля
-     */
-    showClear?: boolean;
-    [key: string]: any;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
     inputProps: {
         name: string;
-        onChange: (value: string | React.ChangeEvent) => void;
+        onChange: (value: string | ChangeEvent) => void;
         onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
         value: string | number;
         placeholder: string;

package/ui/form/TextField/TextField.js

@@ -10,34 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
@@ -55,16 +31,13 @@ function TextField(props) {
         }
     }, [props.formId, props.submitOnEnter]);
     var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
-    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    submitOnEnter: false,
-    errors: null
+    submitOnEnter: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);

package/ui/nav/Controls/Controls.js

@@ -17,31 +17,31 @@ var hooks_1 = require("../../../hooks");
 function Controls(props) {
     var defaultItems = {
         index: {
-            icon: 'comeback',
+            icon: 'left_12x12',
             label: __('К списку'),
             color: 'secondary',
             outline: true
         },
         create: {
-            icon: 'add1',
+            icon: 'add_square',
             label: __('Добавить'),
             color: 'success',
             outline: true
         },
         view: {
-            icon: 'show',
+            icon: 'view',
             label: __('Просмотр'),
             color: 'secondary',
             outline: true
         },
         update: {
-            icon: 'edit1',
+            icon: 'edit',
             label: __('Редактировать'),
             color: 'secondary',
             outline: true
         },
         "delete": {
-            icon: 'remove',
+            icon: 'cancel_ellips',
             label: __('Удалить'),
             confirm: __('Удалить запись?'),
             color: 'danger',

package/ui/nav/Router/Router.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { IFetchConfig } from '../../../hooks/useFetch';
 import { IListProps } from '../../list/List/List';
-import { IFetchHocConfigFunc } from '../../../hoc/fetch';
 export declare const ROUTER_ROLE_LOGIN = "login";
 export declare const ROUTER_ROLE_MODAL = "modal";
 export declare const ROUTER_ROLE_404 = "404";
@@ -86,13 +85,6 @@ export interface IRouteItem {
      * @example ['user', 'admin']
      */
     roles?: Array<string | null>;
-    /**
-     * Обработчик, который возвращает конфигурацию для осуществления HTTP-запроса. Запрос происходит каждый раз
-     * перед рендерингом страницы, чтобы получить для неё все необходимые данные
-     * @param {*} props
-     * @return {Object} Например, {url: '/api/v1/some-data', key: 'someData'}
-     */
-    fetch?: IFetchHocConfigFunc;
     /**
      * Вложенные роуты
      */

package/ui/nav/Router/Router.js

@@ -51,7 +51,6 @@ var react_use_1 = require("react-use");
 var modal_1 = require("../../../actions/modal");
 var modal_2 = require("../../../reducers/modal");
 var hooks_1 = require("../../../hooks");
-var hoc_1 = require("../../../hoc");
 var router_1 = require("../../../actions/router");
 var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var router_2 = require("../../../reducers/router");
@@ -139,9 +138,6 @@ var renderComponent = function (route, activePath, routeProps) {
         return null;
     }
     var Component = route.component;
-    if (route.fetch) {
-        Component = (0, hoc_1.fetch)(route.fetch)(Component);
-    }
     return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
 };
 function Router(props) {

package/hoc/application.d.ts

@@ -1,8 +0,0 @@
-import { IApplicationHookConfig } from '../hooks/useApplication';
-/**
- * Application HOC
- * Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
- * компоненты приложения и конфигурирует их.
- */
-declare const _default: (config: IApplicationHookConfig) => any;
-export default _default;

package/hoc/application.js

@@ -1,50 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var useApplication_1 = __importDefault(require("../hooks/useApplication"));
-/**
- * Application HOC
- * Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
- * компоненты приложения и конфигурирует их.
- */
-exports["default"] = (function (config) { return function (WrappedComponent) { return function ApplicationHoc(props) {
-    var renderApplication = (0, useApplication_1["default"])(config).renderApplication;
-    return renderApplication(React.createElement(WrappedComponent, __assign({}, props)));
-}; }; });

package/hoc/bem.d.ts

@@ -1,14 +0,0 @@
-import { IComponentsHocOutput } from './components';
-import { IBem } from '../hooks/useBem';
-/**
- * Bem HOC
- * Прокидывает утилиту `bem` для правильной генерации CSS классов по методологии БЭМ (блок, элемент, модификатор)
- */
-export interface IBemHocInput {
-    style?: CustomStyle;
-}
-export interface IBemHocOutput extends IComponentsHocOutput {
-    bem?: IBem;
-}
-declare const _default: (namespace: string) => any;
-export default _default;

package/hoc/bem.js

@@ -1,42 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var hooks_1 = require("../hooks");
-exports["default"] = (function (namespace) { return function (WrappedComponent) { return function BemHoc(props) {
-    var bem = (0, hooks_1.useBem)(namespace);
-    return (React.createElement(WrappedComponent, __assign({}, props, { bem: bem })));
-}; }; });

package/hoc/components.d.ts

@@ -1,11 +0,0 @@
-import { IComponents } from '../providers/ComponentsProvider';
-export interface IComponentsHocOutput extends IComponents {
-    components?: IComponents;
-}
-/**
- * Components HOC
- * Прокидывает в пропсы компоненты приложения. Ключ соответствует названию компонента, объявленного при инициализации
- * приложения (см. `Application.tsx`)
- */
-declare const _default: (...names: any[]) => any;
-export default _default;

package/hoc/components.js

@@ -1,62 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var hooks_1 = require("../hooks");
-var exportComponents = function (components, names) {
-    var props = {};
-    names.forEach(function (items) {
-        [].concat(items).forEach(function (name) {
-            props[name] = components[name];
-        });
-    });
-    return props;
-};
-/**
- * Components HOC
- * Прокидывает в пропсы компоненты приложения. Ключ соответствует названию компонента, объявленного при инициализации
- * приложения (см. `Application.tsx`)
- */
-exports["default"] = (function () {
-    var names = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        names[_i] = arguments[_i];
-    }
-    return function (WrappedComponent) { return function ComponentsHoc(props) {
-        var components = (0, hooks_1.useComponents)();
-        return (React.createElement(WrappedComponent, __assign({}, props, exportComponents(components, names), { components: components })));
-    }; };
-});

package/hoc/connect.d.ts

@@ -1,6 +0,0 @@
-export type Dispatch = (any: any) => any;
-export interface IConnectHocOutput {
-    dispatch?: Dispatch;
-}
-declare const _default: any;
-export default _default;

package/hoc/connect.js

@@ -1,3 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports["default"] = require('react-redux').connect;

package/hoc/fetch.d.ts

@@ -1,13 +0,0 @@
-import { IFetchConfig } from '../hooks/useFetch';
-export interface IFetchHocOutput {
-    fetchRefresh?: (ids?: string | string[]) => void;
-    fetchUpdate?: (props: any) => void;
-}
-export type IFetchHocConfigFunc = (props: any) => IFetchConfig & {
-    key: string;
-};
-interface IFetchHocOptions {
-    waitLoading?: any;
-}
-declare const _default: (configFunc: IFetchHocConfigFunc, options?: IFetchHocOptions) => any;
-export default _default;

package/hoc/fetch.js

@@ -1,60 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_1 = require("react");
-var router_1 = require("../reducers/router");
-var useFetch_1 = __importDefault(require("../hooks/useFetch"));
-exports["default"] = (function (configFunc, options) {
-    if (options === void 0) { options = {}; }
-    return function (WrappedComponent) { return function FetchHoc(props) {
-        var _a;
-        var params = (0, react_redux_1.useSelector)(function (state) { return (0, router_1.getRouteParams)(state); });
-        var config = (0, react_1.useMemo)(function () { return configFunc(__assign(__assign({}, props), { params: params })); }, [params, props]);
-        var _b = (0, useFetch_1["default"])(config), data = _b.data, isLoading = _b.isLoading, fetch = _b.fetch;
-        var fetchRefresh = (0, react_1.useCallback)(function () { return fetch(); }, [fetch]);
-        var fetchUpdate = (0, react_1.useCallback)(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
-        if (isLoading && options.waitLoading !== false) {
-            // TODO Loader
-            return null;
-        }
-        return (React.createElement(WrappedComponent, __assign({}, props, { fetchRefresh: fetchRefresh, fetchUpdate: fetchUpdate }, (_a = {}, _a[config.key] = data, _a))));
-    }; };
-});

package/hoc/file.d.ts

@@ -1,28 +0,0 @@
-/**
- * File HOC
- * Компонент для асинхронной загрузки файлов на сервер, используется в `FileField`
- */
-export interface IFileHocInput {
-    input?: FormInputType;
-    multiple?: boolean;
-    uploader?: any;
-    backendUrl?: any;
-    mimeTypes?: any;
-    imagesOnly?: any;
-    imagesProcessor?: any;
-    imagesExactSize?: any;
-    initialFiles?: any;
-    uploaderConfig?: {
-        useFormData?: boolean;
-        fileFieldName?: string;
-    } | any;
-}
-export interface IFileHocOutput {
-    uploader?: any;
-    files?: any[];
-    onBrowse?: any;
-    onRemove?: any;
-    onAdd?: any;
-}
-declare const _default: () => any;
-export default _default;

package/hoc/file.js

@@ -1,45 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var useFile_1 = __importDefault(require("../hooks/useFile"));
-exports["default"] = (function () { return function (WrappedComponent) { return function FileHOC(props) {
-    var fileProps = (0, useFile_1["default"])(props);
-    return (React.createElement(WrappedComponent, __assign({}, props, { uploader: fileProps.uploader, files: fileProps.files, onBrowse: fileProps.onBrowse, onRemove: fileProps.onRemove })));
-}; }; });

package/hoc/http.d.ts

@@ -1,7 +0,0 @@
-/**
- * Http HOC
- * Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
- * и не добавляет "Загрузка..." при запросе.
- */
-declare const _default: (requestFunc: (props: any) => any) => any;
-export default _default;

package/hoc/http.js

@@ -1,53 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var useFetch_1 = __importDefault(require("../hooks/useFetch"));
-/**
- * Http HOC
- * Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
- * и не добавляет "Загрузка..." при запросе.
- */
-exports["default"] = (function (requestFunc) { return function (WrappedComponent) { return function HttpHoc(props) {
-    var onFetch = (0, react_1.useCallback)(function () { return requestFunc(props); }, [props]);
-    var _a = (0, useFetch_1["default"])({ onFetch: onFetch }), data = _a.data, isLoading = _a.isLoading, fetch = _a.fetch;
-    var fetchUpdate = (0, react_1.useCallback)(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
-    return (React.createElement(WrappedComponent, __assign({}, props, data, { isLoading: isLoading, fetch: fetchUpdate })));
-}; }; });

package/hoc/index.d.ts

@@ -1,8 +0,0 @@
-import application from './application';
-import bem from './bem';
-import components from './components';
-import connect from './connect';
-import fetch from './fetch';
-import http from './http';
-import layout from './layout';
-export { application, bem, components, connect, fetch, http, layout, };

package/hoc/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.layout = exports.http = exports.fetch = exports.connect = exports.components = exports.bem = exports.application = void 0;
-var application_1 = __importDefault(require("./application"));
-exports.application = application_1["default"];
-var bem_1 = __importDefault(require("./bem"));
-exports.bem = bem_1["default"];
-var components_1 = __importDefault(require("./components"));
-exports.components = components_1["default"];
-var connect_1 = __importDefault(require("./connect"));
-exports.connect = connect_1["default"];
-var fetch_1 = __importDefault(require("./fetch"));
-exports.fetch = fetch_1["default"];
-var http_1 = __importDefault(require("./http"));
-exports.http = http_1["default"];
-var layout_1 = __importDefault(require("./layout"));
-exports.layout = layout_1["default"];

package/hoc/layout.d.ts

@@ -1,30 +0,0 @@
-import { IComponentsHocOutput } from './components';
-import { IRouteItem } from '../ui/nav/Router/Router';
-/**
- * Layout HOC
- * Используется для макета (layout) приложения, добавляя в него данные авторизации и статуса рендера страницы.
- * Передаваемый первым аргументом `initAction` будет вызываться каждый раз, когда необходимо обновить данные
- * авторизации (первая загрузка страницы, логин/регистация и выход).
- */
-export interface ILayoutHocInput {
-    route?: IRouteItem;
-    user?: {
-        role: string;
-    };
-    data?: Record<string, unknown>;
-    initializeCounter?: number;
-    components: IComponentsHocOutput;
-    isInitialized?: boolean;
-    redirectPageId?: any;
-}
-export interface ILayoutHocOutput {
-    http?: any;
-    status: string;
-    renderError: string;
-    route: IRouteItem;
-    user: any;
-    data: any;
-    isInitialized: boolean;
-}
-declare const _default: (initAction?: any) => any;
-export default _default;

package/hoc/layout.js

@@ -1,48 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var useLayout_1 = __importDefault(require("../hooks/useLayout"));
-exports["default"] = (function (initAction) {
-    if (initAction === void 0) { initAction = null; }
-    return function (WrappedComponent) { return function LayoutHoc(props) {
-        var layoutProps = (0, useLayout_1["default"])(initAction);
-        return (React.createElement(WrappedComponent, __assign({}, props, { status: layoutProps.status, renderError: layoutProps.error }, layoutProps.data)));
-    }; };
-});