@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.
Files changed (37) hide show
  1. package/docs-autogen-result.json +576 -15
  2. package/package.json +1 -1
  3. package/ui/content/DropDown/DropDown.d.ts +6 -0
  4. package/ui/content/DropDown/DropDown.js +14 -2
  5. package/ui/form/ImageField/ImageField.d.ts +5 -0
  6. package/ui/form/ImageField/ImageField.js +4 -0
  7. package/ui/form/TimeField/TimeField.d.ts +1 -1
  8. package/ui/form/TimeField/TimeField.js +3 -2
  9. package/ui/format/MoneyFormatter/MoneyFormatter.js +3 -2
  10. package/ui/layout/Header/Header.d.ts +0 -4
  11. package/ui/list/Empty/Empty.d.ts +1 -10
  12. package/ui/list/Empty/Empty.js +2 -2
  13. package/ui/list/PaginationSize/PaginationSize.d.ts +10 -12
  14. package/ui/list/PaginationSize/PaginationSize.js +10 -9
  15. package/ui/nav/Controls/Controls.js +1 -1
  16. package/ui/nav/Nav/Nav.d.ts +1 -0
  17. package/ui/nav/Nav/Nav.js +2 -1
  18. package/ui/form/ReCaptchaField/demo/basic.d.ts +0 -8
  19. package/ui/form/ReCaptchaField/demo/basic.js +0 -43
  20. package/ui/layout/Notifications/demo/basic.d.ts +0 -8
  21. package/ui/layout/Notifications/demo/basic.js +0 -57
  22. package/ui/layout/Notifications/demo/position.d.ts +0 -3
  23. package/ui/layout/Notifications/demo/position.js +0 -49
  24. package/ui/layout/Notifications/demo/timeOut.d.ts +0 -3
  25. package/ui/layout/Notifications/demo/timeOut.js +0 -49
  26. package/ui/list/Empty/demo/basic.d.ts +0 -8
  27. package/ui/list/Empty/demo/basic.js +0 -37
  28. package/ui/list/Empty/demo/custom-text.d.ts +0 -8
  29. package/ui/list/Empty/demo/custom-text.js +0 -37
  30. package/ui/list/PaginationSize/demo/basic.d.ts +0 -8
  31. package/ui/list/PaginationSize/demo/basic.js +0 -40
  32. package/ui/list/PaginationSize/demo/size.d.ts +0 -8
  33. package/ui/list/PaginationSize/demo/size.js +0 -48
  34. package/ui/nav/Nav/demo/basic.d.ts +0 -13
  35. package/ui/nav/Nav/demo/basic.js +0 -58
  36. package/ui/nav/Nav/demo/layout.d.ts +0 -8
  37. package/ui/nav/Nav/demo/layout.js +0 -56
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/core",
3
- "version": "3.0.0-beta.44",
3
+ "version": "3.0.0-beta.46",
4
4
  "description": "",
5
5
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
6
6
  "repository": {
@@ -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 {
@@ -144,6 +144,10 @@ ImageField.defaultProps = {
144
144
  initialValues: {
145
145
  aspect: 1
146
146
  }
147
+ },
148
+ buttonProps: {
149
+ color: 'basic',
150
+ outline: true
147
151
  }
148
152
  };
149
153
  exports["default"] = (0, fieldWrapper_1["default"])('ImageField', ImageField);
@@ -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 (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
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;
@@ -18,10 +18,6 @@ export interface IHeaderProps extends IUiComponent {
18
18
  * Размер
19
19
  */
20
20
  size?: Size;
21
- /**
22
- * Темная тема
23
- */
24
- dark?: boolean;
25
21
  [key: string]: any;
26
22
  }
27
23
  export type IHeaderViewProps = IHeaderProps;
@@ -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;
@@ -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: __('Записи не найдены') }), (typeof props === 'boolean'
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
- size: number;
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, _c;
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
- size: size,
53
- label: size,
54
- isActive: pageSize === size
55
- }); }); }, [pageSize, props.sizes]);
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 (!((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length)) {
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;
@@ -16,7 +16,7 @@ var react_1 = require("react");
16
16
  var hooks_1 = require("../../../hooks");
17
17
  function Controls(props) {
18
18
  var defaultItems = {
19
- index: {
19
+ back: {
20
20
  icon: 'left_12x12',
21
21
  label: __('К списку'),
22
22
  color: 'secondary',
@@ -101,6 +101,7 @@ declare function Nav(props: INavProps): JSX.Element;
101
101
  declare namespace Nav {
102
102
  var defaultProps: {
103
103
  layout: string;
104
+ size: string;
104
105
  };
105
106
  }
106
107
  export default Nav;
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,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования ReCaptchaField в Form.
4
- * @order 1
5
- * @col 4
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -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,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Все типы уведомлений
4
- * @order 1
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -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,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -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,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Basic
4
- * @order 1
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -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,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * With custom view
4
- * @order 2
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -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)); } }))); });