@steroidsjs/core 3.0.0-beta.27 → 3.0.0-beta.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hooks/useFile.d.ts +23 -2
- package/hooks/useList.js +4 -1
- package/index.d.ts +5 -0
- package/package.json +1 -1
- package/reducers/router.d.ts +0 -1
- package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +1 -3
- package/ui/crud/Crud/Crud.d.ts +1 -3
- package/ui/crud/index.d.ts +0 -1
- package/ui/form/AutoCompleteField/AutoCompleteField.d.ts +12 -1
- package/ui/form/AutoCompleteField/AutoCompleteField.js +9 -2
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +2 -2
- package/ui/form/FileField/FileField.d.ts +2 -2
- package/ui/form/ImageField/ImageField.d.ts +2 -2
- package/ui/form/RadioListField/RadioListField.d.ts +3 -1
- package/ui/layout/Loader/Loader.d.ts +3 -0
- package/ui/nav/Router/Router.d.ts +0 -8
- package/ui/nav/Router/Router.js +0 -4
- package/hoc/application.d.ts +0 -8
- package/hoc/application.js +0 -50
- package/hoc/bem.d.ts +0 -14
- package/hoc/bem.js +0 -42
- package/hoc/components.d.ts +0 -11
- package/hoc/components.js +0 -62
- package/hoc/connect.d.ts +0 -6
- package/hoc/connect.js +0 -3
- package/hoc/fetch.d.ts +0 -13
- package/hoc/fetch.js +0 -60
- package/hoc/file.d.ts +0 -28
- package/hoc/file.js +0 -45
- package/hoc/http.d.ts +0 -7
- package/hoc/http.js +0 -53
- package/hoc/index.d.ts +0 -8
- package/hoc/index.js +0 -20
- package/hoc/layout.d.ts +0 -30
- package/hoc/layout.js +0 -48
- package/ui/content/Icon/demo/icon.d.ts +0 -3
- package/ui/content/Icon/demo/icon.js +0 -32
- package/ui/form/AutoCompleteField/demo/basic.d.ts +0 -12
- package/ui/form/AutoCompleteField/demo/basic.js +0 -52
- package/ui/form/AutoCompleteField/demo/disabled.d.ts +0 -8
- package/ui/form/AutoCompleteField/demo/disabled.js +0 -38
- package/ui/form/AutoCompleteField/demo/errors.d.ts +0 -8
- package/ui/form/AutoCompleteField/demo/errors.js +0 -38
- package/ui/form/AutoCompleteField/demo/placeholder.d.ts +0 -8
- package/ui/form/AutoCompleteField/demo/placeholder.js +0 -38
- package/ui/form/AutoCompleteField/demo/required.d.ts +0 -8
- package/ui/form/AutoCompleteField/demo/required.js +0 -38
- package/ui/form/AutoCompleteField/demo/sizes.d.ts +0 -3
- package/ui/form/AutoCompleteField/demo/sizes.js +0 -43
package/hooks/useFile.d.ts
CHANGED
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export interface IFileInput {
|
|
2
|
+
input?: FormInputType;
|
|
3
|
+
multiple?: boolean;
|
|
4
|
+
uploader?: any;
|
|
5
|
+
backendUrl?: any;
|
|
6
|
+
mimeTypes?: any;
|
|
7
|
+
imagesOnly?: any;
|
|
8
|
+
imagesProcessor?: any;
|
|
9
|
+
imagesExactSize?: any;
|
|
10
|
+
initialFiles?: any;
|
|
11
|
+
uploaderConfig?: {
|
|
12
|
+
useFormData?: boolean;
|
|
13
|
+
fileFieldName?: string;
|
|
14
|
+
} | any;
|
|
15
|
+
}
|
|
16
|
+
export interface IFileOutput {
|
|
17
|
+
uploader?: any;
|
|
18
|
+
files?: any[];
|
|
19
|
+
onBrowse?: any;
|
|
20
|
+
onRemove?: any;
|
|
21
|
+
onAdd?: any;
|
|
22
|
+
}
|
|
23
|
+
export default function useFile(props: IFileInput): IFileOutput;
|
package/hooks/useList.js
CHANGED
|
@@ -256,7 +256,10 @@ function useList(config) {
|
|
|
256
256
|
(0, react_use_1.useUnmount)(function () {
|
|
257
257
|
var autoDestroy = typeof config.autoDestroy === 'boolean' ? config.autoDestroy : exports.defaultConfig.autoDestroy;
|
|
258
258
|
if (autoDestroy) {
|
|
259
|
-
dispatch(
|
|
259
|
+
dispatch([
|
|
260
|
+
(0, list_2.listDestroy)(config.listId),
|
|
261
|
+
(0, form_1.formDestroy)(config.listId),
|
|
262
|
+
]);
|
|
260
263
|
}
|
|
261
264
|
});
|
|
262
265
|
var onFetch = (0, react_1.useCallback)(function (params) {
|
package/index.d.ts
CHANGED
|
@@ -47,6 +47,11 @@ declare type PrimaryKey = number | string;
|
|
|
47
47
|
*/
|
|
48
48
|
declare type Size = 'small' | 'middle' | 'large' | string;
|
|
49
49
|
|
|
50
|
+
/**
|
|
51
|
+
* Ориентация элемента
|
|
52
|
+
*/
|
|
53
|
+
declare type Orientation = 'horizontal' | 'vertical' | string;
|
|
54
|
+
|
|
50
55
|
/**
|
|
51
56
|
* Объект из свойства `input` от redux-form
|
|
52
57
|
*/
|
package/package.json
CHANGED
package/reducers/router.d.ts
CHANGED
|
@@ -58,7 +58,6 @@ export declare const normalizeRoutes: (state: any, item: IRouteItem, activeIds:
|
|
|
58
58
|
models?: string | string[];
|
|
59
59
|
enums?: string | string[];
|
|
60
60
|
role?: string;
|
|
61
|
-
fetch?: import("../hoc/fetch").IFetchHocConfigFunc;
|
|
62
61
|
preloadData?: (match: Record<string, any>) => (import("../hooks/useFetch").IFetchConfig | import("../ui/list/List/List").IListProps)[];
|
|
63
62
|
};
|
|
64
63
|
/**
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { IConnectHocOutput } from '../../../hoc/connect';
|
|
3
|
-
interface ICopyToClipboardProps extends IBemHocOutput, IConnectHocOutput {
|
|
1
|
+
interface ICopyToClipboardProps {
|
|
4
2
|
value: string;
|
|
5
3
|
disabled?: boolean;
|
|
6
4
|
notification?: string | {
|
package/ui/crud/Crud/Crud.d.ts
CHANGED
|
@@ -2,8 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { IApiRest } from '../../../components/ApiComponent';
|
|
4
4
|
import { IComponents } from '../../../providers/ComponentsProvider';
|
|
5
|
-
import { IComponentsHocOutput } from '../../../hoc/components';
|
|
6
|
-
import { IConnectHocOutput } from '../../../hoc/connect';
|
|
7
5
|
import { IFormProps } from '../../form/Form/Form';
|
|
8
6
|
import { IGridProps } from '../../list/Grid/Grid';
|
|
9
7
|
import { IControlItem } from '../../nav/Controls/Controls';
|
|
@@ -60,7 +58,7 @@ export interface ICrudProps {
|
|
|
60
58
|
errorHandler?: (error: any, dispatch: any) => void;
|
|
61
59
|
[key: string]: any;
|
|
62
60
|
}
|
|
63
|
-
export interface ICrudChildrenProps extends ICrudProps
|
|
61
|
+
export interface ICrudChildrenProps extends ICrudProps {
|
|
64
62
|
item?: any;
|
|
65
63
|
recordId?: PrimaryKey;
|
|
66
64
|
action?: string;
|
package/ui/crud/index.d.ts
CHANGED
|
@@ -28,7 +28,6 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
|
|
|
28
28
|
enums: string | string[];
|
|
29
29
|
role?: string;
|
|
30
30
|
roles?: string[];
|
|
31
|
-
fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
|
|
32
31
|
items?: IRouteItem[] | {
|
|
33
32
|
[key: string]: IRouteItem;
|
|
34
33
|
};
|
|
@@ -2,6 +2,16 @@ import * as React from 'react';
|
|
|
2
2
|
import { IDataProviderConfig } from '../../../hooks/useDataProvider';
|
|
3
3
|
import { IDataSelectConfig } from '../../../hooks/useDataSelect';
|
|
4
4
|
import { IInputFieldProps } from '../InputField/InputField';
|
|
5
|
+
export interface IAutoCompleteItem {
|
|
6
|
+
id: number | string | boolean;
|
|
7
|
+
label?: string;
|
|
8
|
+
additional?: {
|
|
9
|
+
icon: string;
|
|
10
|
+
text: string;
|
|
11
|
+
};
|
|
12
|
+
category?: string;
|
|
13
|
+
[key: string]: unknown;
|
|
14
|
+
}
|
|
5
15
|
/**
|
|
6
16
|
* AutoComplete
|
|
7
17
|
* Поле ввода текста с подсказками (auto-complete)
|
|
@@ -15,7 +25,8 @@ export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProvider
|
|
|
15
25
|
[key: string]: any;
|
|
16
26
|
}
|
|
17
27
|
export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
|
|
18
|
-
items:
|
|
28
|
+
items: IAutoCompleteItem[];
|
|
29
|
+
categories: string[];
|
|
19
30
|
hoveredId: PrimaryKey | any;
|
|
20
31
|
selectedIds: (PrimaryKey | any)[];
|
|
21
32
|
forwardedRef: any;
|
|
@@ -19,6 +19,12 @@ var react_use_1 = require("react-use");
|
|
|
19
19
|
var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
|
|
20
20
|
var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
|
|
21
21
|
var hooks_1 = require("../../../hooks");
|
|
22
|
+
var getCategories = function (items) { return items.reduce(function (allCategories, item) {
|
|
23
|
+
if (item.category && !allCategories.includes(item.category)) {
|
|
24
|
+
allCategories.push(item.category);
|
|
25
|
+
}
|
|
26
|
+
return allCategories;
|
|
27
|
+
}, []); };
|
|
22
28
|
function AutoCompleteField(props) {
|
|
23
29
|
var components = (0, useComponents_1["default"])();
|
|
24
30
|
// Query state
|
|
@@ -86,7 +92,7 @@ function AutoCompleteField(props) {
|
|
|
86
92
|
(0, react_1.useEffect)(function () {
|
|
87
93
|
props.input.onChange.call(null, selectedIds[0] || null);
|
|
88
94
|
}, [props.input.onChange, selectedIds]);
|
|
89
|
-
return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect }));
|
|
95
|
+
return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect, categories: getCategories(props.items) }));
|
|
90
96
|
}
|
|
91
97
|
AutoCompleteField.defaultProps = {
|
|
92
98
|
primaryKey: 'label',
|
|
@@ -94,6 +100,7 @@ AutoCompleteField.defaultProps = {
|
|
|
94
100
|
multiple: false,
|
|
95
101
|
disabled: false,
|
|
96
102
|
required: false,
|
|
97
|
-
className: ''
|
|
103
|
+
className: '',
|
|
104
|
+
size: 'md'
|
|
98
105
|
};
|
|
99
106
|
exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);
|
|
@@ -25,7 +25,7 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, IDataP
|
|
|
25
25
|
/**
|
|
26
26
|
* Ориентация списка
|
|
27
27
|
*/
|
|
28
|
-
orientation?:
|
|
28
|
+
orientation?: Orientation;
|
|
29
29
|
[key: string]: any;
|
|
30
30
|
}
|
|
31
31
|
export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
|
|
@@ -43,7 +43,7 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
|
|
|
43
43
|
}[];
|
|
44
44
|
selectedIds: (PrimaryKey | any)[];
|
|
45
45
|
onItemSelect: (id: PrimaryKey | any) => void;
|
|
46
|
-
orientation?:
|
|
46
|
+
orientation?: Orientation;
|
|
47
47
|
renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
|
|
48
48
|
}
|
|
49
49
|
declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxListFieldProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IFileInput } from '../../../hooks/useFile';
|
|
2
2
|
import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
|
|
3
3
|
import { IButtonProps } from '../Button/Button';
|
|
4
4
|
export declare enum FilesLayout {
|
|
5
5
|
list = "list",
|
|
6
6
|
wall = "wall"
|
|
7
7
|
}
|
|
8
|
-
interface IFileFieldCommonProps extends
|
|
8
|
+
interface IFileFieldCommonProps extends IFileInput {
|
|
9
9
|
/**
|
|
10
10
|
* Показать значок удаление файла
|
|
11
11
|
* @example true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import ReactCropProps, { Crop } from 'react-image-crop';
|
|
2
2
|
import { IModalProps } from '../../modal/Modal/Modal';
|
|
3
|
+
import { IFileInput } from '../../../hooks/useFile';
|
|
3
4
|
import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
|
|
4
|
-
import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
|
|
5
5
|
export interface ICropInputProps {
|
|
6
6
|
/**
|
|
7
7
|
* Изначальные параметры обрезки изображения
|
|
@@ -19,7 +19,7 @@ export interface ICropInputProps {
|
|
|
19
19
|
*/
|
|
20
20
|
reactImageCropProps?: ReactCropProps;
|
|
21
21
|
}
|
|
22
|
-
export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<
|
|
22
|
+
export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileInput, 'multiple' | 'imagesOnly'> {
|
|
23
23
|
/**
|
|
24
24
|
* Дополнительный CSS-класс для компонента
|
|
25
25
|
*/
|
|
@@ -20,7 +20,7 @@ export interface IRadioListFieldProps extends IFieldWrapperInputProps, IDataProv
|
|
|
20
20
|
/**
|
|
21
21
|
* Ориентация списка
|
|
22
22
|
*/
|
|
23
|
-
orientation?:
|
|
23
|
+
orientation?: Orientation;
|
|
24
24
|
/**
|
|
25
25
|
* Переопределение view React компонента для кастомизации отображения
|
|
26
26
|
* @example MyCustomView
|
|
@@ -43,6 +43,8 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
|
|
|
43
43
|
}[];
|
|
44
44
|
selectedIds: (PrimaryKey | any)[];
|
|
45
45
|
className?: CssClassName;
|
|
46
|
+
orientation?: Orientation;
|
|
47
|
+
size?: Size;
|
|
46
48
|
onItemSelect: (id: PrimaryKey | any) => void;
|
|
47
49
|
renderRadio: (radioProps: IRadioFieldViewProps) => JSX.Element;
|
|
48
50
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { IFetchConfig } from '../../../hooks/useFetch';
|
|
3
3
|
import { IListProps } from '../../list/List/List';
|
|
4
|
-
import { IFetchHocConfigFunc } from '../../../hoc/fetch';
|
|
5
4
|
export declare const ROUTER_ROLE_LOGIN = "login";
|
|
6
5
|
export declare const ROUTER_ROLE_MODAL = "modal";
|
|
7
6
|
export declare const ROUTER_ROLE_404 = "404";
|
|
@@ -86,13 +85,6 @@ export interface IRouteItem {
|
|
|
86
85
|
* @example ['user', 'admin']
|
|
87
86
|
*/
|
|
88
87
|
roles?: Array<string | null>;
|
|
89
|
-
/**
|
|
90
|
-
* Обработчик, который возвращает конфигурацию для осуществления HTTP-запроса. Запрос происходит каждый раз
|
|
91
|
-
* перед рендерингом страницы, чтобы получить для неё все необходимые данные
|
|
92
|
-
* @param {*} props
|
|
93
|
-
* @return {Object} Например, {url: '/api/v1/some-data', key: 'someData'}
|
|
94
|
-
*/
|
|
95
|
-
fetch?: IFetchHocConfigFunc;
|
|
96
88
|
/**
|
|
97
89
|
* Вложенные роуты
|
|
98
90
|
*/
|
package/ui/nav/Router/Router.js
CHANGED
|
@@ -51,7 +51,6 @@ var react_use_1 = require("react-use");
|
|
|
51
51
|
var modal_1 = require("../../../actions/modal");
|
|
52
52
|
var modal_2 = require("../../../reducers/modal");
|
|
53
53
|
var hooks_1 = require("../../../hooks");
|
|
54
|
-
var hoc_1 = require("../../../hoc");
|
|
55
54
|
var router_1 = require("../../../actions/router");
|
|
56
55
|
var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
|
|
57
56
|
var router_2 = require("../../../reducers/router");
|
|
@@ -139,9 +138,6 @@ var renderComponent = function (route, activePath, routeProps) {
|
|
|
139
138
|
return null;
|
|
140
139
|
}
|
|
141
140
|
var Component = route.component;
|
|
142
|
-
if (route.fetch) {
|
|
143
|
-
Component = (0, hoc_1.fetch)(route.fetch)(Component);
|
|
144
|
-
}
|
|
145
141
|
return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
|
|
146
142
|
};
|
|
147
143
|
function Router(props) {
|
package/hoc/application.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { IApplicationHookConfig } from '../hooks/useApplication';
|
|
2
|
-
/**
|
|
3
|
-
* Application HOC
|
|
4
|
-
* Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
|
|
5
|
-
* компоненты приложения и конфигурирует их.
|
|
6
|
-
*/
|
|
7
|
-
declare const _default: (config: IApplicationHookConfig) => any;
|
|
8
|
-
export default _default;
|
package/hoc/application.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
var React = __importStar(require("react"));
|
|
41
|
-
var useApplication_1 = __importDefault(require("../hooks/useApplication"));
|
|
42
|
-
/**
|
|
43
|
-
* Application HOC
|
|
44
|
-
* Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
|
|
45
|
-
* компоненты приложения и конфигурирует их.
|
|
46
|
-
*/
|
|
47
|
-
exports["default"] = (function (config) { return function (WrappedComponent) { return function ApplicationHoc(props) {
|
|
48
|
-
var renderApplication = (0, useApplication_1["default"])(config).renderApplication;
|
|
49
|
-
return renderApplication(React.createElement(WrappedComponent, __assign({}, props)));
|
|
50
|
-
}; }; });
|
package/hoc/bem.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IComponentsHocOutput } from './components';
|
|
2
|
-
import { IBem } from '../hooks/useBem';
|
|
3
|
-
/**
|
|
4
|
-
* Bem HOC
|
|
5
|
-
* Прокидывает утилиту `bem` для правильной генерации CSS классов по методологии БЭМ (блок, элемент, модификатор)
|
|
6
|
-
*/
|
|
7
|
-
export interface IBemHocInput {
|
|
8
|
-
style?: CustomStyle;
|
|
9
|
-
}
|
|
10
|
-
export interface IBemHocOutput extends IComponentsHocOutput {
|
|
11
|
-
bem?: IBem;
|
|
12
|
-
}
|
|
13
|
-
declare const _default: (namespace: string) => any;
|
|
14
|
-
export default _default;
|
package/hoc/bem.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
exports.__esModule = true;
|
|
37
|
-
var React = __importStar(require("react"));
|
|
38
|
-
var hooks_1 = require("../hooks");
|
|
39
|
-
exports["default"] = (function (namespace) { return function (WrappedComponent) { return function BemHoc(props) {
|
|
40
|
-
var bem = (0, hooks_1.useBem)(namespace);
|
|
41
|
-
return (React.createElement(WrappedComponent, __assign({}, props, { bem: bem })));
|
|
42
|
-
}; }; });
|
package/hoc/components.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IComponents } from '../providers/ComponentsProvider';
|
|
2
|
-
export interface IComponentsHocOutput extends IComponents {
|
|
3
|
-
components?: IComponents;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* Components HOC
|
|
7
|
-
* Прокидывает в пропсы компоненты приложения. Ключ соответствует названию компонента, объявленного при инициализации
|
|
8
|
-
* приложения (см. `Application.tsx`)
|
|
9
|
-
*/
|
|
10
|
-
declare const _default: (...names: any[]) => any;
|
|
11
|
-
export default _default;
|
package/hoc/components.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
exports.__esModule = true;
|
|
37
|
-
var React = __importStar(require("react"));
|
|
38
|
-
var hooks_1 = require("../hooks");
|
|
39
|
-
var exportComponents = function (components, names) {
|
|
40
|
-
var props = {};
|
|
41
|
-
names.forEach(function (items) {
|
|
42
|
-
[].concat(items).forEach(function (name) {
|
|
43
|
-
props[name] = components[name];
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
return props;
|
|
47
|
-
};
|
|
48
|
-
/**
|
|
49
|
-
* Components HOC
|
|
50
|
-
* Прокидывает в пропсы компоненты приложения. Ключ соответствует названию компонента, объявленного при инициализации
|
|
51
|
-
* приложения (см. `Application.tsx`)
|
|
52
|
-
*/
|
|
53
|
-
exports["default"] = (function () {
|
|
54
|
-
var names = [];
|
|
55
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
56
|
-
names[_i] = arguments[_i];
|
|
57
|
-
}
|
|
58
|
-
return function (WrappedComponent) { return function ComponentsHoc(props) {
|
|
59
|
-
var components = (0, hooks_1.useComponents)();
|
|
60
|
-
return (React.createElement(WrappedComponent, __assign({}, props, exportComponents(components, names), { components: components })));
|
|
61
|
-
}; };
|
|
62
|
-
});
|
package/hoc/connect.d.ts
DELETED
package/hoc/connect.js
DELETED
package/hoc/fetch.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { IFetchConfig } from '../hooks/useFetch';
|
|
2
|
-
export interface IFetchHocOutput {
|
|
3
|
-
fetchRefresh?: (ids?: string | string[]) => void;
|
|
4
|
-
fetchUpdate?: (props: any) => void;
|
|
5
|
-
}
|
|
6
|
-
export type IFetchHocConfigFunc = (props: any) => IFetchConfig & {
|
|
7
|
-
key: string;
|
|
8
|
-
};
|
|
9
|
-
interface IFetchHocOptions {
|
|
10
|
-
waitLoading?: any;
|
|
11
|
-
}
|
|
12
|
-
declare const _default: (configFunc: IFetchHocConfigFunc, options?: IFetchHocOptions) => any;
|
|
13
|
-
export default _default;
|
package/hoc/fetch.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
var React = __importStar(require("react"));
|
|
41
|
-
var react_redux_1 = require("react-redux");
|
|
42
|
-
var react_1 = require("react");
|
|
43
|
-
var router_1 = require("../reducers/router");
|
|
44
|
-
var useFetch_1 = __importDefault(require("../hooks/useFetch"));
|
|
45
|
-
exports["default"] = (function (configFunc, options) {
|
|
46
|
-
if (options === void 0) { options = {}; }
|
|
47
|
-
return function (WrappedComponent) { return function FetchHoc(props) {
|
|
48
|
-
var _a;
|
|
49
|
-
var params = (0, react_redux_1.useSelector)(function (state) { return (0, router_1.getRouteParams)(state); });
|
|
50
|
-
var config = (0, react_1.useMemo)(function () { return configFunc(__assign(__assign({}, props), { params: params })); }, [params, props]);
|
|
51
|
-
var _b = (0, useFetch_1["default"])(config), data = _b.data, isLoading = _b.isLoading, fetch = _b.fetch;
|
|
52
|
-
var fetchRefresh = (0, react_1.useCallback)(function () { return fetch(); }, [fetch]);
|
|
53
|
-
var fetchUpdate = (0, react_1.useCallback)(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
|
|
54
|
-
if (isLoading && options.waitLoading !== false) {
|
|
55
|
-
// TODO Loader
|
|
56
|
-
return null;
|
|
57
|
-
}
|
|
58
|
-
return (React.createElement(WrappedComponent, __assign({}, props, { fetchRefresh: fetchRefresh, fetchUpdate: fetchUpdate }, (_a = {}, _a[config.key] = data, _a))));
|
|
59
|
-
}; };
|
|
60
|
-
});
|
package/hoc/file.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* File HOC
|
|
3
|
-
* Компонент для асинхронной загрузки файлов на сервер, используется в `FileField`
|
|
4
|
-
*/
|
|
5
|
-
export interface IFileHocInput {
|
|
6
|
-
input?: FormInputType;
|
|
7
|
-
multiple?: boolean;
|
|
8
|
-
uploader?: any;
|
|
9
|
-
backendUrl?: any;
|
|
10
|
-
mimeTypes?: any;
|
|
11
|
-
imagesOnly?: any;
|
|
12
|
-
imagesProcessor?: any;
|
|
13
|
-
imagesExactSize?: any;
|
|
14
|
-
initialFiles?: any;
|
|
15
|
-
uploaderConfig?: {
|
|
16
|
-
useFormData?: boolean;
|
|
17
|
-
fileFieldName?: string;
|
|
18
|
-
} | any;
|
|
19
|
-
}
|
|
20
|
-
export interface IFileHocOutput {
|
|
21
|
-
uploader?: any;
|
|
22
|
-
files?: any[];
|
|
23
|
-
onBrowse?: any;
|
|
24
|
-
onRemove?: any;
|
|
25
|
-
onAdd?: any;
|
|
26
|
-
}
|
|
27
|
-
declare const _default: () => any;
|
|
28
|
-
export default _default;
|
package/hoc/file.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
var React = __importStar(require("react"));
|
|
41
|
-
var useFile_1 = __importDefault(require("../hooks/useFile"));
|
|
42
|
-
exports["default"] = (function () { return function (WrappedComponent) { return function FileHOC(props) {
|
|
43
|
-
var fileProps = (0, useFile_1["default"])(props);
|
|
44
|
-
return (React.createElement(WrappedComponent, __assign({}, props, { uploader: fileProps.uploader, files: fileProps.files, onBrowse: fileProps.onBrowse, onRemove: fileProps.onRemove })));
|
|
45
|
-
}; }; });
|
package/hoc/http.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Http HOC
|
|
3
|
-
* Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
|
|
4
|
-
* и не добавляет "Загрузка..." при запросе.
|
|
5
|
-
*/
|
|
6
|
-
declare const _default: (requestFunc: (props: any) => any) => any;
|
|
7
|
-
export default _default;
|
package/hoc/http.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
var React = __importStar(require("react"));
|
|
41
|
-
var react_1 = require("react");
|
|
42
|
-
var useFetch_1 = __importDefault(require("../hooks/useFetch"));
|
|
43
|
-
/**
|
|
44
|
-
* Http HOC
|
|
45
|
-
* Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
|
|
46
|
-
* и не добавляет "Загрузка..." при запросе.
|
|
47
|
-
*/
|
|
48
|
-
exports["default"] = (function (requestFunc) { return function (WrappedComponent) { return function HttpHoc(props) {
|
|
49
|
-
var onFetch = (0, react_1.useCallback)(function () { return requestFunc(props); }, [props]);
|
|
50
|
-
var _a = (0, useFetch_1["default"])({ onFetch: onFetch }), data = _a.data, isLoading = _a.isLoading, fetch = _a.fetch;
|
|
51
|
-
var fetchUpdate = (0, react_1.useCallback)(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
|
|
52
|
-
return (React.createElement(WrappedComponent, __assign({}, props, data, { isLoading: isLoading, fetch: fetchUpdate })));
|
|
53
|
-
}; }; });
|
package/hoc/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import application from './application';
|
|
2
|
-
import bem from './bem';
|
|
3
|
-
import components from './components';
|
|
4
|
-
import connect from './connect';
|
|
5
|
-
import fetch from './fetch';
|
|
6
|
-
import http from './http';
|
|
7
|
-
import layout from './layout';
|
|
8
|
-
export { application, bem, components, connect, fetch, http, layout, };
|
package/hoc/index.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.layout = exports.http = exports.fetch = exports.connect = exports.components = exports.bem = exports.application = void 0;
|
|
7
|
-
var application_1 = __importDefault(require("./application"));
|
|
8
|
-
exports.application = application_1["default"];
|
|
9
|
-
var bem_1 = __importDefault(require("./bem"));
|
|
10
|
-
exports.bem = bem_1["default"];
|
|
11
|
-
var components_1 = __importDefault(require("./components"));
|
|
12
|
-
exports.components = components_1["default"];
|
|
13
|
-
var connect_1 = __importDefault(require("./connect"));
|
|
14
|
-
exports.connect = connect_1["default"];
|
|
15
|
-
var fetch_1 = __importDefault(require("./fetch"));
|
|
16
|
-
exports.fetch = fetch_1["default"];
|
|
17
|
-
var http_1 = __importDefault(require("./http"));
|
|
18
|
-
exports.http = http_1["default"];
|
|
19
|
-
var layout_1 = __importDefault(require("./layout"));
|
|
20
|
-
exports.layout = layout_1["default"];
|
package/hoc/layout.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { IComponentsHocOutput } from './components';
|
|
2
|
-
import { IRouteItem } from '../ui/nav/Router/Router';
|
|
3
|
-
/**
|
|
4
|
-
* Layout HOC
|
|
5
|
-
* Используется для макета (layout) приложения, добавляя в него данные авторизации и статуса рендера страницы.
|
|
6
|
-
* Передаваемый первым аргументом `initAction` будет вызываться каждый раз, когда необходимо обновить данные
|
|
7
|
-
* авторизации (первая загрузка страницы, логин/регистация и выход).
|
|
8
|
-
*/
|
|
9
|
-
export interface ILayoutHocInput {
|
|
10
|
-
route?: IRouteItem;
|
|
11
|
-
user?: {
|
|
12
|
-
role: string;
|
|
13
|
-
};
|
|
14
|
-
data?: Record<string, unknown>;
|
|
15
|
-
initializeCounter?: number;
|
|
16
|
-
components: IComponentsHocOutput;
|
|
17
|
-
isInitialized?: boolean;
|
|
18
|
-
redirectPageId?: any;
|
|
19
|
-
}
|
|
20
|
-
export interface ILayoutHocOutput {
|
|
21
|
-
http?: any;
|
|
22
|
-
status: string;
|
|
23
|
-
renderError: string;
|
|
24
|
-
route: IRouteItem;
|
|
25
|
-
user: any;
|
|
26
|
-
data: any;
|
|
27
|
-
isInitialized: boolean;
|
|
28
|
-
}
|
|
29
|
-
declare const _default: (initAction?: any) => any;
|
|
30
|
-
export default _default;
|
package/hoc/layout.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
var React = __importStar(require("react"));
|
|
41
|
-
var useLayout_1 = __importDefault(require("../hooks/useLayout"));
|
|
42
|
-
exports["default"] = (function (initAction) {
|
|
43
|
-
if (initAction === void 0) { initAction = null; }
|
|
44
|
-
return function (WrappedComponent) { return function LayoutHoc(props) {
|
|
45
|
-
var layoutProps = (0, useLayout_1["default"])(initAction);
|
|
46
|
-
return (React.createElement(WrappedComponent, __assign({}, props, { status: layoutProps.status, renderError: layoutProps.error }, layoutProps.data)));
|
|
47
|
-
}; };
|
|
48
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
31
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
32
|
-
React.createElement(Icon_1["default"], { name: 'star' }))); });
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/**
|
|
3
|
-
* Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
|
|
4
|
-
* @order 1
|
|
5
|
-
* @col 6
|
|
6
|
-
*/
|
|
7
|
-
export declare const items: {
|
|
8
|
-
id: string;
|
|
9
|
-
label: string;
|
|
10
|
-
}[];
|
|
11
|
-
declare const _default: () => JSX.Element;
|
|
12
|
-
export default _default;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
exports.items = void 0;
|
|
30
|
-
var React = __importStar(require("react"));
|
|
31
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
32
|
-
/**
|
|
33
|
-
* Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
|
|
34
|
-
* @order 1
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports.items = [
|
|
38
|
-
{
|
|
39
|
-
id: '1',
|
|
40
|
-
label: 'Moscow'
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
id: '2',
|
|
44
|
-
label: 'Krasnoyarsk'
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
id: '3',
|
|
48
|
-
label: 'Krasnodar'
|
|
49
|
-
},
|
|
50
|
-
];
|
|
51
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
52
|
-
React.createElement(AutoCompleteField_1["default"], { label: 'Write city', items: exports.items, searchOnFocus: true }))); });
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* Выключенный AutoCompleteField также выключает Input.
|
|
34
|
-
* @order 2
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(AutoCompleteField_1["default"], { label: 'Disabled', disabled: true, items: basic_1.items }))); });
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* Пример обработки ошибок в поле.
|
|
34
|
-
* @order 4
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(AutoCompleteField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* Сообщение внутри AutoCompleteField по контексту использования.
|
|
34
|
-
* @order 5
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(AutoCompleteField_1["default"], { label: 'Placeholder', placeholder: 'Your text...', items: basic_1.items }))); });
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* Пример использования AutoCompleteField как обязательного поля для заполнения.
|
|
34
|
-
* @order 3
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(AutoCompleteField_1["default"], { label: 'Required', required: true, items: basic_1.items }))); });
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
var React = __importStar(require("react"));
|
|
30
|
-
var AutoCompleteField_1 = __importDefault(require("../AutoCompleteField"));
|
|
31
|
-
var basic_1 = require("./basic");
|
|
32
|
-
/**
|
|
33
|
-
* По-умлочанию AutoCompleteField имеет 3 заданных размера.
|
|
34
|
-
* @order 6
|
|
35
|
-
* @col 12
|
|
36
|
-
*/
|
|
37
|
-
var sizes = {
|
|
38
|
-
sm: 'Small',
|
|
39
|
-
md: 'Middle',
|
|
40
|
-
lg: 'Large'
|
|
41
|
-
};
|
|
42
|
-
exports["default"] = (function () { return (React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
|
|
43
|
-
React.createElement(AutoCompleteField_1["default"], { label: size, size: size, items: basic_1.items }))); }))); });
|