@steroidsjs/core 3.0.0-beta.14 → 3.0.0-beta.16

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 (144) hide show
  1. package/hoc/bem.d.ts +1 -1
  2. package/index.d.ts +3 -3
  3. package/package.json +1 -1
  4. package/reducers/router.js +2 -2
  5. package/ui/content/Accordion/Accordion.d.ts +2 -2
  6. package/ui/content/Alert/Alert.d.ts +2 -2
  7. package/ui/content/Avatar/AvatarGroup.d.ts +3 -3
  8. package/ui/content/Badge/Badge.d.ts +4 -4
  9. package/ui/content/Badge/Badge.js +1 -1
  10. package/ui/content/Card/Card.d.ts +21 -28
  11. package/ui/content/Card/Card.js +0 -5
  12. package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +1 -1
  13. package/ui/content/Detail/Detail.d.ts +1 -1
  14. package/ui/content/DropDown/DropDown.d.ts +1 -1
  15. package/ui/content/Icon/Icon.d.ts +2 -2
  16. package/ui/form/Button/Button.d.ts +2 -2
  17. package/ui/form/CheckboxField/CheckboxField.d.ts +5 -0
  18. package/ui/form/CheckboxField/CheckboxField.js +31 -6
  19. package/ui/form/CheckboxListField/CheckboxListField.d.ts +7 -1
  20. package/ui/form/CheckboxListField/CheckboxListField.js +32 -7
  21. package/ui/form/DateField/DateField.d.ts +1 -1
  22. package/ui/form/DateRangeField/DateRangeField.d.ts +1 -1
  23. package/ui/form/DateTimeField/DateTimeField.d.ts +1 -1
  24. package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts +1 -1
  25. package/ui/form/DropDownField/DropDownField.d.ts +65 -17
  26. package/ui/form/DropDownField/DropDownField.js +90 -6
  27. package/ui/form/Field/fieldWrapper.d.ts +1 -1
  28. package/ui/form/FieldLayout/FieldLayout.d.ts +2 -2
  29. package/ui/form/FieldList/FieldList.d.ts +3 -3
  30. package/ui/form/FieldSet/FieldSet.d.ts +1 -1
  31. package/ui/form/Form/Form.d.ts +2 -7
  32. package/ui/form/InputField/InputField.d.ts +2 -2
  33. package/ui/form/RadioField/RadioField.d.ts +35 -0
  34. package/ui/form/RadioField/RadioField.js +61 -0
  35. package/ui/form/RadioField/index.d.ts +2 -0
  36. package/ui/{list/LayoutNames/demo/basic.js → form/RadioField/index.js} +2 -7
  37. package/ui/form/RadioListField/RadioListField.d.ts +6 -0
  38. package/ui/form/RadioListField/RadioListField.js +32 -2
  39. package/ui/form/TimeField/TimeField.d.ts +1 -1
  40. package/ui/form/index.d.ts +3 -1
  41. package/ui/form/index.js +4 -1
  42. package/ui/layout/Header/Header.d.ts +1 -1
  43. package/ui/layout/Loader/Loader.d.ts +1 -1
  44. package/ui/layout/Notifications/Notifications.d.ts +1 -1
  45. package/ui/layout/Skeleton/Skeleton.d.ts +2 -2
  46. package/ui/layout/Tooltip/calculate.js +1 -1
  47. package/ui/list/CheckboxColumn/CheckboxColumn.d.ts +1 -1
  48. package/ui/list/ControlsColumn/ControlsColumn.d.ts +1 -1
  49. package/ui/list/Grid/Grid.d.ts +1 -1
  50. package/ui/list/Grid/demo/sort.js +4 -2
  51. package/ui/list/Pagination/Pagination.d.ts +16 -6
  52. package/ui/list/Pagination/Pagination.js +15 -7
  53. package/ui/list/PaginationSize/demo/basic.js +2 -3
  54. package/ui/list/PaginationSize/demo/size.js +2 -3
  55. package/ui/list/SearchForm/demo/basic.js +5 -2
  56. package/ui/list/Steps/Steps.d.ts +3 -3
  57. package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts +1 -1
  58. package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts +9 -0
  59. package/ui/nav/Controls/Controls.d.ts +3 -3
  60. package/ui/nav/Nav/Nav.d.ts +2 -2
  61. package/ui/nav/Tree/Tree.d.ts +1 -1
  62. package/ui/typography/Text/Text.d.ts +2 -2
  63. package/ui/typography/Title/Title.d.ts +2 -2
  64. package/ui/content/Card/demo/basic.d.ts +0 -8
  65. package/ui/content/Card/demo/basic.js +0 -39
  66. package/ui/content/Card/demo/border color.d.ts +0 -3
  67. package/ui/content/Card/demo/border color.js +0 -52
  68. package/ui/content/Card/demo/color.d.ts +0 -3
  69. package/ui/content/Card/demo/color.js +0 -52
  70. package/ui/content/Card/demo/header.d.ts +0 -3
  71. package/ui/content/Card/demo/header.js +0 -47
  72. package/ui/content/Card/demo/hover.d.ts +0 -3
  73. package/ui/content/Card/demo/hover.js +0 -42
  74. package/ui/content/Card/demo/link.d.ts +0 -3
  75. package/ui/content/Card/demo/link.js +0 -43
  76. package/ui/content/Card/demo/orientation.d.ts +0 -3
  77. package/ui/content/Card/demo/orientation.js +0 -46
  78. package/ui/form/CheckboxListField/demo/basic.d.ts +0 -9
  79. package/ui/form/CheckboxListField/demo/basic.js +0 -43
  80. package/ui/form/CheckboxListField/demo/disabled.d.ts +0 -8
  81. package/ui/form/CheckboxListField/demo/disabled.js +0 -38
  82. package/ui/form/CheckboxListField/demo/errors.d.ts +0 -8
  83. package/ui/form/CheckboxListField/demo/errors.js +0 -38
  84. package/ui/form/CheckboxListField/demo/required.d.ts +0 -8
  85. package/ui/form/CheckboxListField/demo/required.js +0 -38
  86. package/ui/form/DropDownField/demo/auto-complete.d.ts +0 -8
  87. package/ui/form/DropDownField/demo/auto-complete.js +0 -38
  88. package/ui/form/DropDownField/demo/basic.d.ts +0 -12
  89. package/ui/form/DropDownField/demo/basic.js +0 -56
  90. package/ui/form/DropDownField/demo/disabled.d.ts +0 -8
  91. package/ui/form/DropDownField/demo/disabled.js +0 -38
  92. package/ui/form/DropDownField/demo/errors.d.ts +0 -8
  93. package/ui/form/DropDownField/demo/errors.js +0 -38
  94. package/ui/form/DropDownField/demo/multiple.d.ts +0 -8
  95. package/ui/form/DropDownField/demo/multiple.js +0 -38
  96. package/ui/form/DropDownField/demo/no-border.d.ts +0 -8
  97. package/ui/form/DropDownField/demo/no-border.js +0 -38
  98. package/ui/form/DropDownField/demo/placeholder.d.ts +0 -8
  99. package/ui/form/DropDownField/demo/placeholder.js +0 -38
  100. package/ui/form/DropDownField/demo/required.d.ts +0 -8
  101. package/ui/form/DropDownField/demo/required.js +0 -38
  102. package/ui/form/DropDownField/demo/show-reset.d.ts +0 -8
  103. package/ui/form/DropDownField/demo/show-reset.js +0 -38
  104. package/ui/form/DropDownField/demo/size.d.ts +0 -8
  105. package/ui/form/DropDownField/demo/size.js +0 -45
  106. package/ui/form/Form/demo/basic.d.ts +0 -8
  107. package/ui/form/Form/demo/basic.js +0 -62
  108. package/ui/form/Form/demo/border.d.ts +0 -8
  109. package/ui/form/Form/demo/border.js +0 -62
  110. package/ui/form/Form/demo/horizontal.d.ts +0 -8
  111. package/ui/form/Form/demo/horizontal.js +0 -55
  112. package/ui/form/Form/demo/inline.d.ts +0 -8
  113. package/ui/form/Form/demo/inline.js +0 -53
  114. package/ui/layout/Tooltip/demo/basic.d.ts +0 -8
  115. package/ui/layout/Tooltip/demo/basic.js +0 -56
  116. package/ui/list/LayoutNames/demo/basic.d.ts +0 -7
  117. package/ui/list/List/demo/basic.d.ts +0 -12
  118. package/ui/list/List/demo/basic.js +0 -61
  119. package/ui/list/List/demo/condition.d.ts +0 -8
  120. package/ui/list/List/demo/condition.js +0 -90
  121. package/ui/list/List/demo/empty.d.ts +0 -8
  122. package/ui/list/List/demo/empty.js +0 -36
  123. package/ui/list/List/demo/layout.d.ts +0 -8
  124. package/ui/list/List/demo/layout.js +0 -49
  125. package/ui/list/List/demo/load-more.d.ts +0 -8
  126. package/ui/list/List/demo/load-more.js +0 -45
  127. package/ui/list/List/demo/pagination.d.ts +0 -8
  128. package/ui/list/List/demo/pagination.js +0 -45
  129. package/ui/list/List/demo/search-form.d.ts +0 -30
  130. package/ui/list/List/demo/search-form.js +0 -107
  131. package/ui/list/List/demo/sort.d.ts +0 -17
  132. package/ui/list/List/demo/sort.js +0 -92
  133. package/ui/list/Pagination/demo/basic.d.ts +0 -8
  134. package/ui/list/Pagination/demo/basic.js +0 -45
  135. package/ui/list/Pagination/demo/load-more.d.ts +0 -8
  136. package/ui/list/Pagination/demo/load-more.js +0 -41
  137. package/ui/list/Pagination/demo/sizes.d.ts +0 -8
  138. package/ui/list/Pagination/demo/sizes.js +0 -48
  139. package/ui/nav/Breadcrumbs/demo/basic.d.ts +0 -8
  140. package/ui/nav/Breadcrumbs/demo/basic.js +0 -37
  141. package/ui/nav/Breadcrumbs/demo/items.d.ts +0 -8
  142. package/ui/nav/Breadcrumbs/demo/items.js +0 -42
  143. package/ui/nav/Breadcrumbs/demo/page-title.d.ts +0 -8
  144. package/ui/nav/Breadcrumbs/demo/page-title.js +0 -37
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * С кнопкой для удаления выбора.
4
- * @order 9
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -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 DropDownField_1 = __importDefault(require("../DropDownField"));
31
- var basic_1 = require("./basic");
32
- /**
33
- * С кнопкой для удаления выбора.
34
- * @order 9
35
- * @col 6
36
- */
37
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
38
- React.createElement(DropDownField_1["default"], { label: 'Show reset', showReset: true, items: basic_1.items }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * По-умлочанию DropDownField имеет 3 заданных размера.
4
- * @order 10
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,45 +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 DropDownField_1 = __importDefault(require("../DropDownField"));
31
- var basic_1 = require("./basic");
32
- var sizes = {
33
- sm: 'Small',
34
- md: 'Middle',
35
- lg: 'Large'
36
- };
37
- /**
38
- * По-умлочанию DropDownField имеет 3 заданных размера.
39
- * @order 10
40
- * @col 6
41
- */
42
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
43
- React.createElement("div", { className: 'row mb-4' }, Object.keys(sizes)
44
- .map(function (size) { return (React.createElement("div", { className: 'col', key: size },
45
- React.createElement(DropDownField_1["default"], { label: size, size: size, items: basic_1.items }))); })))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования Form.
4
- * @order 1
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,62 +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 = __importDefault(require("../Form"));
31
- var DateField_1 = __importDefault(require("../../DateField"));
32
- var DateTimeField_1 = __importDefault(require("../../DateTimeField"));
33
- var TextField_1 = __importDefault(require("../../TextField"));
34
- var InputField_1 = __importDefault(require("../../InputField"));
35
- /**
36
- * Обычный пример использования Form.
37
- * @order 1
38
- * @col 12
39
- */
40
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
41
- React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'default', size: 'large', fields: [
42
- {
43
- component: InputField_1["default"],
44
- attribute: 'email',
45
- label: 'Email'
46
- },
47
- {
48
- component: TextField_1["default"],
49
- attribute: 'message',
50
- label: 'Message'
51
- },
52
- {
53
- component: DateField_1["default"],
54
- attribute: 'date',
55
- label: 'Date'
56
- },
57
- {
58
- component: DateTimeField_1["default"],
59
- attribute: 'startTime',
60
- label: 'Start time'
61
- },
62
- ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример включения рамок у компонента Form.
4
- * @order 4
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,62 +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 = __importDefault(require("../Form"));
31
- var DateField_1 = __importDefault(require("../../DateField"));
32
- var DateTimeField_1 = __importDefault(require("../../DateTimeField"));
33
- var TextField_1 = __importDefault(require("../../TextField"));
34
- var InputField_1 = __importDefault(require("../../InputField"));
35
- /**
36
- * Обычный пример включения рамок у компонента Form.
37
- * @order 4
38
- * @col 12
39
- */
40
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
41
- React.createElement(Form_1["default"], { isBordered: true, formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'default', size: 'large', fields: [
42
- {
43
- component: InputField_1["default"],
44
- attribute: 'email',
45
- label: 'Email'
46
- },
47
- {
48
- component: TextField_1["default"],
49
- attribute: 'message',
50
- label: 'Message'
51
- },
52
- {
53
- component: DateField_1["default"],
54
- attribute: 'date',
55
- label: 'Date'
56
- },
57
- {
58
- component: DateTimeField_1["default"],
59
- attribute: 'startTime',
60
- label: 'Start time'
61
- },
62
- ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования с прокидыванием свойства layout='horizontal'.
4
- * @order 2
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,55 +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 = __importDefault(require("../Form"));
31
- var DateField_1 = __importDefault(require("../../DateField"));
32
- var InputField_1 = __importDefault(require("../../InputField"));
33
- /**
34
- * Обычный пример использования с прокидыванием свойства layout='horizontal'.
35
- * @order 2
36
- * @col 12
37
- */
38
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
39
- React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'horizontal', size: 'large', fields: [
40
- {
41
- component: InputField_1["default"],
42
- attribute: 'email',
43
- label: 'Email'
44
- },
45
- {
46
- component: function () { return React.createElement(InputField_1["default"], null); },
47
- attribute: 'message',
48
- label: 'Message'
49
- },
50
- {
51
- component: DateField_1["default"],
52
- attribute: 'date',
53
- label: 'Date'
54
- },
55
- ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования с Form в одну строку с использованием layout='inline'.
4
- * @order 3
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,53 +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 Form_1 = __importDefault(require("../Form"));
32
- var DateField_1 = __importDefault(require("../../DateField"));
33
- var InputField_1 = __importDefault(require("../../InputField"));
34
- /**
35
- * Обычный пример использования с Form в одну строку с использованием layout='inline'.
36
- * @order 3
37
- * @col 12
38
- */
39
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
40
- React.createElement(Form_1["default"], { formId: 'TestForm', useRedux: true, syncWithAddressBar: true, autoFocus: true, layout: 'inline', size: 'large', fields: [
41
- {
42
- component: form_1.DropDownField,
43
- attribute: 'email'
44
- },
45
- {
46
- component: InputField_1["default"],
47
- attribute: 'message'
48
- },
49
- {
50
- component: DateField_1["default"],
51
- attribute: 'date'
52
- },
53
- ], submitLabel: 'Submit', validators: [['Email', 'required']] }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.
4
- * @order 1
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,56 +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("../../../../ui/form");
31
- var Tooltip_1 = __importDefault(require("../Tooltip"));
32
- /**
33
- * Обычное использование Tooltip c 4-мя разными позициями и по-умолчанию включена видимость.
34
- * @order 1
35
- * @col 6
36
- */
37
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
38
- React.createElement("div", { style: {
39
- display: 'flex',
40
- flexFlow: 'column',
41
- alignItems: 'center',
42
- gridGap: '15px',
43
- padding: '50px'
44
- } },
45
- React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'top', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u0432\u0435\u0440\u0445\u0443.' },
46
- React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
47
- React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip on Top' }))),
48
- React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'right', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043F\u0440\u0430\u0432\u0430.' },
49
- React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
50
- React.createElement(form_1.Button, { className: 'mx-3', label: 'Show Tooltip Right' }))),
51
- React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'left', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043B\u0435\u0432\u0430.' },
52
- React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
53
- React.createElement(form_1.Button, { label: 'Show Tooltip Left' }))),
54
- React.createElement(Tooltip_1["default"], { defaultVisible: true, position: 'bottom', content: '\u0412\u0441\u043F\u043B\u044B\u0432\u0430\u044E\u0449\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 \u0441\u043D\u0438\u0437\u0443.' },
55
- React.createElement("div", { className: 'mx-3', style: { width: 'max-content' } },
56
- React.createElement(form_1.Button, { label: 'Show Tooltip Bottom' })))))); });
@@ -1,7 +0,0 @@
1
- import demo from '../../List/demo/layout';
2
- /**
3
- * List with layout switcher
4
- * @order 1
5
- * @col 6
6
- */
7
- export default demo;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const demoItems: {
3
- id: number;
4
- title: string;
5
- }[];
6
- /**
7
- * Basic
8
- * @order 1
9
- * @col 6
10
- */
11
- declare const _default: () => JSX.Element;
12
- export default _default;
@@ -1,61 +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.demoItems = void 0;
30
- var React = __importStar(require("react"));
31
- var List_1 = __importDefault(require("../List"));
32
- exports.demoItems = [
33
- {
34
- id: 1,
35
- title: 'Racing car sprays burning fuel into crowd.'
36
- },
37
- {
38
- id: 2,
39
- title: 'Japanese princess to wed commoner.'
40
- },
41
- {
42
- id: 3,
43
- title: 'Australian walks 100km after outback crash.'
44
- },
45
- {
46
- id: 4,
47
- title: 'Man charged over missing wedding girl.'
48
- },
49
- {
50
- id: 5,
51
- title: 'Los Angeles battles huge wildfires.'
52
- },
53
- ];
54
- /**
55
- * Basic
56
- * @order 1
57
- * @col 6
58
- */
59
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoBasic', items: exports.demoItems, className: 'list-group', itemProps: {
60
- className: 'list-group-item'
61
- } })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * List with filtration by custom condition
4
- * @order 7
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,90 +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 List_1 = __importDefault(require("../List"));
31
- /**
32
- * List with filtration by custom condition
33
- * @order 7
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoCondition', items: [
37
- {
38
- id: 1,
39
- name: 'Michael',
40
- age: 21
41
- },
42
- {
43
- id: 2,
44
- name: 'Brad',
45
- age: 20
46
- },
47
- {
48
- id: 3,
49
- name: 'Charles',
50
- age: 15
51
- },
52
- {
53
- id: 4,
54
- name: 'Martin',
55
- age: 18
56
- },
57
- {
58
- id: 5,
59
- name: 'Kevin',
60
- age: 14
61
- },
62
- {
63
- id: 6,
64
- name: 'Jacob',
65
- age: 17
66
- },
67
- ], searchForm: {
68
- layout: 'horizontal',
69
- fields: [
70
- 'isAdult',
71
- ],
72
- model: {
73
- attributes: [
74
- {
75
- attribute: 'isAdult',
76
- searchField: 'CheckboxField',
77
- searchFieldProps: {
78
- label: 'Age over 18'
79
- }
80
- },
81
- ]
82
- }
83
- }, condition: function (query) {
84
- if (query === null || query === void 0 ? void 0 : query.isAdult) {
85
- return ['>=', 'age', 18];
86
- }
87
- return [];
88
- }, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
89
- React.createElement("div", null, props.item.name),
90
- React.createElement("div", null, "Age: ".concat(props.item.age)))); } })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Empty view with custom text when no items
4
- * @order 3
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;