@steroidsjs/core 3.0.0-beta.44 → 3.0.0-beta.46
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/docs-autogen-result.json +576 -15
- package/package.json +1 -1
- package/ui/content/DropDown/DropDown.d.ts +6 -0
- package/ui/content/DropDown/DropDown.js +14 -2
- package/ui/form/ImageField/ImageField.d.ts +5 -0
- package/ui/form/ImageField/ImageField.js +4 -0
- package/ui/form/TimeField/TimeField.d.ts +1 -1
- package/ui/form/TimeField/TimeField.js +3 -2
- package/ui/format/MoneyFormatter/MoneyFormatter.js +3 -2
- package/ui/layout/Header/Header.d.ts +0 -4
- package/ui/list/Empty/Empty.d.ts +1 -10
- package/ui/list/Empty/Empty.js +2 -2
- package/ui/list/PaginationSize/PaginationSize.d.ts +10 -12
- package/ui/list/PaginationSize/PaginationSize.js +10 -9
- package/ui/nav/Controls/Controls.js +1 -1
- package/ui/nav/Nav/Nav.d.ts +1 -0
- package/ui/nav/Nav/Nav.js +2 -1
- package/ui/form/ReCaptchaField/demo/basic.d.ts +0 -8
- package/ui/form/ReCaptchaField/demo/basic.js +0 -43
- package/ui/layout/Notifications/demo/basic.d.ts +0 -8
- package/ui/layout/Notifications/demo/basic.js +0 -57
- package/ui/layout/Notifications/demo/position.d.ts +0 -3
- package/ui/layout/Notifications/demo/position.js +0 -49
- package/ui/layout/Notifications/demo/timeOut.d.ts +0 -3
- package/ui/layout/Notifications/demo/timeOut.js +0 -49
- package/ui/list/Empty/demo/basic.d.ts +0 -8
- package/ui/list/Empty/demo/basic.js +0 -37
- package/ui/list/Empty/demo/custom-text.d.ts +0 -8
- package/ui/list/Empty/demo/custom-text.js +0 -37
- package/ui/list/PaginationSize/demo/basic.d.ts +0 -8
- package/ui/list/PaginationSize/demo/basic.js +0 -40
- package/ui/list/PaginationSize/demo/size.d.ts +0 -8
- package/ui/list/PaginationSize/demo/size.js +0 -48
- package/ui/nav/Nav/demo/basic.d.ts +0 -13
- package/ui/nav/Nav/demo/basic.js +0 -58
- package/ui/nav/Nav/demo/layout.d.ts +0 -8
- package/ui/nav/Nav/demo/layout.js +0 -56
package/package.json
CHANGED
|
@@ -12,6 +12,11 @@ export interface IDropDownProps extends IAbsolutePositioningInputProps {
|
|
|
12
12
|
*/
|
|
13
13
|
closeMode?: 'click-away' | 'click-any';
|
|
14
14
|
/**
|
|
15
|
+
* Позволяет управлять отображением указателя
|
|
16
|
+
* @example true
|
|
17
|
+
*/
|
|
18
|
+
hasArrow?: boolean;
|
|
19
|
+
/**
|
|
15
20
|
* Переопределение view React компонента для кастомизациии отображения
|
|
16
21
|
* @example MyCustomView
|
|
17
22
|
*/
|
|
@@ -40,6 +45,7 @@ declare namespace DropDown {
|
|
|
40
45
|
gap: number;
|
|
41
46
|
position: string;
|
|
42
47
|
closeMode: string;
|
|
48
|
+
hasArrow: boolean;
|
|
43
49
|
};
|
|
44
50
|
}
|
|
45
51
|
export default DropDown;
|
|
@@ -1,4 +1,15 @@
|
|
|
1
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
|
+
};
|
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -82,7 +93,7 @@ function DropDown(props) {
|
|
|
82
93
|
isComponentExist && (
|
|
83
94
|
// TODO Change Portal to global
|
|
84
95
|
React.createElement(TooltipPortalInner_1["default"], null,
|
|
85
|
-
React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide })))));
|
|
96
|
+
React.createElement(DropDownView, __assign({}, props, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide }))))));
|
|
86
97
|
}
|
|
87
98
|
DropDown.defaultProps = {
|
|
88
99
|
autoPositioning: false,
|
|
@@ -90,6 +101,7 @@ DropDown.defaultProps = {
|
|
|
90
101
|
defaultVisible: false,
|
|
91
102
|
gap: 15,
|
|
92
103
|
position: 'bottom',
|
|
93
|
-
closeMode: 'click-away'
|
|
104
|
+
closeMode: 'click-away',
|
|
105
|
+
hasArrow: true
|
|
94
106
|
};
|
|
95
107
|
exports["default"] = DropDown;
|
|
@@ -2,6 +2,7 @@ import ReactCropProps, { Crop } from 'react-image-crop';
|
|
|
2
2
|
import { IModalProps } from '../../modal/Modal/Modal';
|
|
3
3
|
import { IFileInput } from '../../../hooks/useFile';
|
|
4
4
|
import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
|
|
5
|
+
import { IButtonProps } from '../Button/Button';
|
|
5
6
|
export interface ICropConfig {
|
|
6
7
|
/**
|
|
7
8
|
* Изначальные параметры обрезки изображения
|
|
@@ -38,6 +39,10 @@ export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileInp
|
|
|
38
39
|
* @example 'Загрузить'
|
|
39
40
|
*/
|
|
40
41
|
label?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Пропсы для кнопки
|
|
44
|
+
*/
|
|
45
|
+
buttonProps?: IButtonProps;
|
|
41
46
|
[key: string]: any;
|
|
42
47
|
}
|
|
43
48
|
export interface ICropOutputProps extends ICropConfig {
|
|
@@ -23,7 +23,7 @@ export interface ITimeFieldProps extends IDateInputStateInput, IUiComponent {
|
|
|
23
23
|
timePanelViewProps?: any;
|
|
24
24
|
[key: string]: any;
|
|
25
25
|
}
|
|
26
|
-
export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps'> {
|
|
26
|
+
export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps' | 'style'> {
|
|
27
27
|
[key: string]: any;
|
|
28
28
|
}
|
|
29
29
|
declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeFieldProps>;
|
|
@@ -40,11 +40,12 @@ TimeField.defaultProps = {
|
|
|
40
40
|
displayFormat: 'HH:mm',
|
|
41
41
|
required: false,
|
|
42
42
|
placeholder: 'Select time',
|
|
43
|
-
noBorder: false,
|
|
44
43
|
showRemove: true,
|
|
45
44
|
type: 'text',
|
|
46
45
|
valueFormat: 'HH:mm',
|
|
47
46
|
useUTC: true,
|
|
48
|
-
dateInUTC: false
|
|
47
|
+
dateInUTC: false,
|
|
48
|
+
size: 'md',
|
|
49
|
+
icon: true
|
|
49
50
|
};
|
|
50
51
|
exports["default"] = (0, fieldWrapper_1["default"])('TimeField', TimeField);
|
|
@@ -19,15 +19,16 @@ var moneyFormat = function (amount, currency, scale) {
|
|
|
19
19
|
};
|
|
20
20
|
exports.moneyFormat = moneyFormat;
|
|
21
21
|
function MoneyFormatter(props) {
|
|
22
|
+
var components = (0, hooks_1.useComponents)();
|
|
22
23
|
var value = props.precision > 0
|
|
23
24
|
? props.value / Math.pow(10, props.precision)
|
|
24
25
|
: props.value;
|
|
25
|
-
return
|
|
26
|
+
return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
|
|
26
27
|
value: (0, exports.moneyFormat)(value, props.currency, props.scale)
|
|
27
28
|
});
|
|
28
29
|
}
|
|
30
|
+
exports["default"] = MoneyFormatter;
|
|
29
31
|
MoneyFormatter.defaultProps = {
|
|
30
32
|
scale: 2,
|
|
31
33
|
precision: 0
|
|
32
34
|
};
|
|
33
|
-
exports["default"] = MoneyFormatter;
|
package/ui/list/Empty/Empty.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
* Empty
|
|
4
4
|
* Компонент используется в качестве заглушки в случае, когда пришла пустая коллекция данных.
|
|
5
5
|
*/
|
|
6
|
-
export interface IEmptyProps {
|
|
6
|
+
export interface IEmptyProps extends IUiComponent {
|
|
7
7
|
/**
|
|
8
8
|
* Показывать заглушку?
|
|
9
9
|
* @example true
|
|
@@ -14,15 +14,6 @@ export interface IEmptyProps {
|
|
|
14
14
|
* @example 'Записи не найдены'
|
|
15
15
|
*/
|
|
16
16
|
text?: string | React.ReactNode;
|
|
17
|
-
/**
|
|
18
|
-
* Дополнительный CSS-класс для элемента отображения
|
|
19
|
-
*/
|
|
20
|
-
className?: CssClassName;
|
|
21
|
-
/**
|
|
22
|
-
* Переопределение view React компонента для кастомизации отображения
|
|
23
|
-
* @example MyCustomView
|
|
24
|
-
*/
|
|
25
|
-
view?: CustomView;
|
|
26
17
|
[key: string]: any;
|
|
27
18
|
}
|
|
28
19
|
export type IEmptyViewProps = IEmptyProps;
|
package/ui/list/Empty/Empty.js
CHANGED
|
@@ -42,9 +42,9 @@ function Empty(props) {
|
|
|
42
42
|
}
|
|
43
43
|
Empty.defaultProps = {
|
|
44
44
|
enable: true,
|
|
45
|
-
text: '
|
|
45
|
+
text: 'Ничего не найдено'
|
|
46
46
|
};
|
|
47
|
-
var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('
|
|
47
|
+
var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('Ничего не найдено') }), (typeof props === 'boolean'
|
|
48
48
|
? { enable: props }
|
|
49
49
|
: (typeof props === 'string'
|
|
50
50
|
? { text: props }
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { IButtonProps } from 'src/ui/form/Button/Button';
|
|
2
3
|
import { ListControlPosition } from '../../../hooks/useList';
|
|
3
4
|
/**
|
|
4
5
|
* PaginationSize
|
|
5
6
|
* Компонент для выбора количества элементов в списке
|
|
6
7
|
*/
|
|
7
|
-
export interface IPaginationSizeProps {
|
|
8
|
+
export interface IPaginationSizeProps extends IUiComponent {
|
|
8
9
|
/**
|
|
9
10
|
* Подключить выбор количества элементов
|
|
10
11
|
* @example true
|
|
@@ -25,19 +26,10 @@ export interface IPaginationSizeProps {
|
|
|
25
26
|
* @example 'both'
|
|
26
27
|
*/
|
|
27
28
|
position?: ListControlPosition;
|
|
28
|
-
/**
|
|
29
|
-
* Дополнительный CSS-класс для элемента отображения
|
|
30
|
-
*/
|
|
31
|
-
className?: CssClassName;
|
|
32
29
|
/**
|
|
33
30
|
* Значение по-умолчанию
|
|
34
31
|
*/
|
|
35
32
|
defaultValue?: number;
|
|
36
|
-
/**
|
|
37
|
-
* Переопределение view React компонента для кастомизации отображения
|
|
38
|
-
* @example MyCustomView
|
|
39
|
-
*/
|
|
40
|
-
view?: CustomView;
|
|
41
33
|
/**
|
|
42
34
|
* Обработчик, который вызывается после смены страницы
|
|
43
35
|
* @param {number} value
|
|
@@ -48,13 +40,16 @@ export interface IPaginationSizeProps {
|
|
|
48
40
|
* Список, для которого используется пагинация
|
|
49
41
|
*/
|
|
50
42
|
list?: any;
|
|
43
|
+
/**
|
|
44
|
+
* Свойства для кнопок пагинации
|
|
45
|
+
*/
|
|
46
|
+
buttonProps?: IButtonProps;
|
|
51
47
|
[key: string]: any;
|
|
52
48
|
}
|
|
53
49
|
export interface IPaginationSizeViewProps extends IPaginationSizeProps {
|
|
54
50
|
items: {
|
|
55
|
-
|
|
51
|
+
id: number;
|
|
56
52
|
label: string | number;
|
|
57
|
-
isActive: boolean;
|
|
58
53
|
}[];
|
|
59
54
|
onSelect: (size: number) => void;
|
|
60
55
|
}
|
|
@@ -66,6 +61,9 @@ declare namespace PaginationSize {
|
|
|
66
61
|
sizes: number[];
|
|
67
62
|
defaultValue: number;
|
|
68
63
|
position: string;
|
|
64
|
+
buttonProps: {
|
|
65
|
+
size: string;
|
|
66
|
+
};
|
|
69
67
|
};
|
|
70
68
|
}
|
|
71
69
|
export declare const normalizePaginationSizeProps: (props: any) => any;
|
|
@@ -45,15 +45,13 @@ var hooks_1 = require("../../../hooks");
|
|
|
45
45
|
var useForm_1 = __importDefault(require("../../../hooks/useForm"));
|
|
46
46
|
var form_1 = require("../../../actions/form");
|
|
47
47
|
function PaginationSize(props) {
|
|
48
|
-
var _a, _b
|
|
48
|
+
var _a, _b;
|
|
49
49
|
var components = (0, hooks_1.useComponents)();
|
|
50
|
-
var pageSize = (_a = props.list) === null || _a === void 0 ? void 0 : _a.pageSize;
|
|
51
50
|
var items = (0, react_1.useMemo)(function () { return props.sizes.map(function (size) { return ({
|
|
52
|
-
|
|
53
|
-
label: size
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch;
|
|
51
|
+
id: size,
|
|
52
|
+
label: size
|
|
53
|
+
}); }); }, [props.sizes]);
|
|
54
|
+
var _c = (0, useForm_1["default"])(), formId = _c.formId, formDispatch = _c.formDispatch;
|
|
57
55
|
var onSelect = (0, react_1.useCallback)(function (newPage) {
|
|
58
56
|
if (formDispatch) {
|
|
59
57
|
formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
|
|
@@ -62,7 +60,7 @@ function PaginationSize(props) {
|
|
|
62
60
|
props.onChange.call(null, newPage);
|
|
63
61
|
}
|
|
64
62
|
}, [formDispatch, formId, props.attribute, props.onChange]);
|
|
65
|
-
if (!((
|
|
63
|
+
if (!((_b = (_a = props.list) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
66
64
|
return null;
|
|
67
65
|
}
|
|
68
66
|
return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items, onSelect: onSelect }));
|
|
@@ -72,7 +70,10 @@ PaginationSize.defaultProps = {
|
|
|
72
70
|
attribute: 'pageSize',
|
|
73
71
|
sizes: [30, 50, 100],
|
|
74
72
|
defaultValue: 50,
|
|
75
|
-
position: 'top'
|
|
73
|
+
position: 'top',
|
|
74
|
+
buttonProps: {
|
|
75
|
+
size: 'sm'
|
|
76
|
+
}
|
|
76
77
|
};
|
|
77
78
|
var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: (0, get_1["default"])(props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
|
|
78
79
|
exports.normalizePaginationSizeProps = normalizePaginationSizeProps;
|
package/ui/nav/Nav/Nav.d.ts
CHANGED
package/ui/nav/Nav/Nav.js
CHANGED
|
@@ -100,6 +100,7 @@ function Nav(props) {
|
|
|
100
100
|
return components.ui.renderView(props.view || defaultViewMap[props.layout], __assign(__assign({}, props), { items: items, onClick: onClick, disabled: props.disabled, children: renderContent() }));
|
|
101
101
|
}
|
|
102
102
|
Nav.defaultProps = {
|
|
103
|
-
layout: 'button'
|
|
103
|
+
layout: 'button',
|
|
104
|
+
size: 'md'
|
|
104
105
|
};
|
|
105
106
|
exports["default"] = Nav;
|
|
@@ -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 InputField_1 = __importDefault(require("../../InputField"));
|
|
31
|
-
var Form_1 = __importDefault(require("../../Form"));
|
|
32
|
-
var Button_1 = __importDefault(require("../../Button"));
|
|
33
|
-
var ReCaptchaField_1 = __importDefault(require("../ReCaptchaField"));
|
|
34
|
-
/**
|
|
35
|
-
* Обычный пример использования ReCaptchaField в Form.
|
|
36
|
-
* @order 1
|
|
37
|
-
* @col 4
|
|
38
|
-
*/
|
|
39
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement(Form_1["default"], { formId: 'CaptchaForm' },
|
|
41
|
-
React.createElement(InputField_1["default"], { label: 'Label', attribute: 'text', required: true }),
|
|
42
|
-
React.createElement(ReCaptchaField_1["default"], { attribute: 'token' }),
|
|
43
|
-
React.createElement(Button_1["default"], { type: 'submit', label: 'Submit' })))); });
|
|
@@ -1,57 +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 useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
|
|
31
|
-
var Button_1 = __importDefault(require("../../../form/Button"));
|
|
32
|
-
var notifications_1 = require("../../../../actions/notifications");
|
|
33
|
-
/**
|
|
34
|
-
* Все типы уведомлений
|
|
35
|
-
* @order 1
|
|
36
|
-
* @col 6
|
|
37
|
-
*/
|
|
38
|
-
exports["default"] = (function () {
|
|
39
|
-
var dispatch = (0, useDispatch_1["default"])();
|
|
40
|
-
var notifications = {
|
|
41
|
-
primary: 'Primary notification',
|
|
42
|
-
secondary: 'Secondary notification',
|
|
43
|
-
success: 'Success notification',
|
|
44
|
-
danger: 'Danger notification',
|
|
45
|
-
warning: 'Warning notification',
|
|
46
|
-
info: 'Info notification',
|
|
47
|
-
light: 'Light notification',
|
|
48
|
-
dark: 'Dark notification'
|
|
49
|
-
};
|
|
50
|
-
return (React.createElement("div", { style: {
|
|
51
|
-
display: 'flex',
|
|
52
|
-
flexFlow: 'column'
|
|
53
|
-
} }, Object.keys(notifications).map(function (level) { return ([].concat(notifications[level] || [])
|
|
54
|
-
.map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"".concat(level, "\"")), onClick: function () {
|
|
55
|
-
dispatch((0, notifications_1.showNotification)(message, level));
|
|
56
|
-
}, style: { margin: '10px 0' } })); })); })));
|
|
57
|
-
});
|
|
@@ -1,49 +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 form_1 = require("../../../form");
|
|
31
|
-
var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
|
|
32
|
-
var notifications_1 = require("../../../../actions/notifications");
|
|
33
|
-
/**
|
|
34
|
-
* Все позиции уведомлений
|
|
35
|
-
* @order 3
|
|
36
|
-
* @col 12
|
|
37
|
-
*/
|
|
38
|
-
var positions = {
|
|
39
|
-
tr: 'top-right',
|
|
40
|
-
tl: 'top-left',
|
|
41
|
-
br: 'bottom-right',
|
|
42
|
-
bl: 'bottom-left'
|
|
43
|
-
};
|
|
44
|
-
exports["default"] = (function () {
|
|
45
|
-
var dispatch = (0, useDispatch_1["default"])();
|
|
46
|
-
return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F ".concat(position), onClick: function () {
|
|
47
|
-
dispatch((0, notifications_1.showNotification)(position, 'success', { position: position, timeOut: 1000 }));
|
|
48
|
-
} })); })));
|
|
49
|
-
});
|
|
@@ -1,49 +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 form_1 = require("../../../form");
|
|
31
|
-
var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
|
|
32
|
-
var notifications_1 = require("../../../../actions/notifications");
|
|
33
|
-
/**
|
|
34
|
-
* Время самостоятельного пропадания уведомления в милесекундах
|
|
35
|
-
* @order 2
|
|
36
|
-
* @col 6
|
|
37
|
-
*/
|
|
38
|
-
var times = {
|
|
39
|
-
1: 1000,
|
|
40
|
-
3: 3000,
|
|
41
|
-
5: 5000,
|
|
42
|
-
10: 10000
|
|
43
|
-
};
|
|
44
|
-
exports["default"] = (function () {
|
|
45
|
-
var dispatch = (0, useDispatch_1["default"])();
|
|
46
|
-
return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 ".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435"), onClick: function () {
|
|
47
|
-
dispatch((0, notifications_1.showNotification)("".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434"), 'info', { position: 'bottom-right', timeOut: time }));
|
|
48
|
-
}, style: { margin: '10px 0' } })); })));
|
|
49
|
-
});
|
|
@@ -1,37 +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 Empty_1 = __importDefault(require("../Empty"));
|
|
31
|
-
/**
|
|
32
|
-
* Basic
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 6
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Empty_1["default"], null))); });
|
|
@@ -1,37 +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 Empty_1 = __importDefault(require("../Empty"));
|
|
31
|
-
/**
|
|
32
|
-
* With custom view
|
|
33
|
-
* @order 2
|
|
34
|
-
* @col 6
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Empty_1["default"], { text: '\u041A \u0441\u043E\u0436\u0430\u043B\u0435\u043D\u0438\u044E, \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E', view: function (props) { return (React.createElement("div", { className: 'alert alert-primary', role: 'alert' }, props.text)); } }))); });
|