@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,36 +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
- * Empty view with custom text when no items
33
- * @order 3
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoPaginationEmpty', items: [], empty: 'Empty data' })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * List with layout switcher
4
- * @order 5
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- 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 List_1 = __importDefault(require("../List"));
31
- var basic_1 = require("./basic");
32
- /**
33
- * List with layout switcher
34
- * @order 5
35
- * @col 6
36
- */
37
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoLayout', items: basic_1.demoItems, layout: {
38
- items: [
39
- {
40
- id: 'list',
41
- label: 'List'
42
- },
43
- {
44
- id: 'grid',
45
- label: 'Grid'
46
- },
47
- ]
48
- }, contentClassName: 'row mx-lg-n1', itemView: function (props) { return (React.createElement("div", { className: "py-1 px-lg-1 ".concat(props.layoutSelected === 'list' ? 'col-12' : 'col-6') },
49
- React.createElement("div", { className: 'card p-2' }, props.item.title))); } })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * List with load more and show sizes switcher
4
- * @order 4
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 List_1 = __importDefault(require("../List"));
31
- var basic_1 = require("./basic");
32
- /**
33
- * List with load more and show sizes switcher
34
- * @order 4
35
- * @col 6
36
- */
37
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoLoadMore', items: basic_1.demoItems, pagination: {
38
- loadMore: true
39
- }, paginationSize: {
40
- enable: true,
41
- sizes: [3, 6, 9],
42
- defaultValue: 3
43
- }, className: 'list-group', itemProps: {
44
- className: 'list-group-item'
45
- } })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Pagination with page numbers and custom position (show both: top and bottom)
4
- * @order 2
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 List_1 = __importDefault(require("../List"));
31
- var basic_1 = require("./basic");
32
- /**
33
- * Pagination with page numbers and custom position (show both: top and bottom)
34
- * @order 2
35
- * @col 6
36
- */
37
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoPagination', items: basic_1.demoItems, pagination: {
38
- loadMore: false,
39
- position: 'both'
40
- }, paginationSize: {
41
- defaultValue: 3,
42
- sizes: [2, 3, 4]
43
- }, className: 'list-group', itemProps: {
44
- className: 'list-group-item'
45
- } })); });
@@ -1,30 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const items: {
3
- id: number;
4
- name: string;
5
- category: string;
6
- }[];
7
- export declare const searchForm: {
8
- layout: string;
9
- fields: string[];
10
- model: {
11
- attributes: (string | {
12
- attribute: string;
13
- label: string;
14
- searchField: string;
15
- searchFieldProps: {
16
- items: {
17
- id: string;
18
- label: string;
19
- }[];
20
- };
21
- })[];
22
- };
23
- };
24
- /**
25
- * List with search form, address bar and custom pagination
26
- * @order 6
27
- * @col 6
28
- */
29
- declare const _default: () => JSX.Element;
30
- export default _default;
@@ -1,107 +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.searchForm = exports.items = void 0;
30
- var React = __importStar(require("react"));
31
- var List_1 = __importDefault(require("../List"));
32
- exports.items = [
33
- {
34
- id: 1,
35
- name: 'Hamster',
36
- category: 'mammals'
37
- },
38
- {
39
- id: 2,
40
- name: 'Mockingbird',
41
- category: 'birds'
42
- },
43
- {
44
- id: 3,
45
- name: 'Raccoon',
46
- category: 'mammals'
47
- },
48
- {
49
- id: 4,
50
- name: 'Python',
51
- category: 'reptiles'
52
- },
53
- {
54
- id: 5,
55
- name: 'Dolphin',
56
- category: 'mammals'
57
- },
58
- {
59
- id: 6,
60
- name: 'Turtles',
61
- category: 'reptiles'
62
- },
63
- ];
64
- exports.searchForm = {
65
- layout: 'horizontal',
66
- fields: [
67
- 'name',
68
- 'category',
69
- ],
70
- model: {
71
- attributes: [
72
- 'name:string:Name',
73
- {
74
- attribute: 'category',
75
- label: 'Category',
76
- searchField: 'DropDownField',
77
- searchFieldProps: {
78
- items: [
79
- {
80
- id: 'mammals',
81
- label: 'Mammals'
82
- },
83
- {
84
- id: 'birds',
85
- label: 'Birds'
86
- },
87
- {
88
- id: 'reptiles',
89
- label: 'Reptiles'
90
- },
91
- ]
92
- }
93
- },
94
- ]
95
- }
96
- };
97
- /**
98
- * List with search form, address bar and custom pagination
99
- * @order 6
100
- * @col 6
101
- */
102
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch', items: exports.items, searchForm: exports.searchForm, paginationSize: {
103
- attribute: 'ps',
104
- sizes: [2, 4]
105
- }, addressBar: true, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
106
- React.createElement("div", null, props.item.name),
107
- React.createElement("div", null, "Category: ".concat(props.item.category)))); } })); });
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const items: ({
3
- id: number;
4
- price: number;
5
- title: string;
6
- } | {
7
- price: number;
8
- title: string;
9
- id?: undefined;
10
- })[];
11
- /**
12
- * List with sorting
13
- * @order 8
14
- * @col 6
15
- */
16
- declare const _default: () => JSX.Element;
17
- export default _default;
@@ -1,92 +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 List_1 = __importDefault(require("../List"));
32
- exports.items = [
33
- {
34
- id: 1,
35
- price: 50,
36
- title: 'Jeans'
37
- },
38
- {
39
- id: 2,
40
- price: 125,
41
- title: 'Coat'
42
- },
43
- {
44
- id: 3,
45
- price: 18,
46
- title: 'Shirt'
47
- },
48
- {
49
- id: 4,
50
- price: 62,
51
- title: 'Dress'
52
- },
53
- {
54
- price: 100,
55
- title: 'Boots'
56
- },
57
- ];
58
- /**
59
- * List with sorting
60
- * @order 8
61
- * @col 6
62
- */
63
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSort', items: exports.items, className: 'list-group', searchForm: {
64
- layout: 'horizontal',
65
- fields: ['sort'],
66
- model: {
67
- attributes: [
68
- {
69
- attribute: 'sort',
70
- label: 'Sort',
71
- searchField: 'DropDownField',
72
- searchFieldProps: {
73
- items: [
74
- {
75
- id: '-price',
76
- label: 'Descending price'
77
- },
78
- {
79
- id: 'price',
80
- label: 'Ascending price'
81
- },
82
- ]
83
- }
84
- },
85
- ]
86
- }
87
- }, sort: {
88
- enable: true,
89
- defaultValue: '-price'
90
- }, itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
91
- React.createElement("div", null, props.item.title),
92
- React.createElement("div", null, "Price: ".concat(props.item.price, " $")))); } })); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Basic
4
- * @order 1
5
- * @col 4
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 Pagination_1 = __importDefault(require("../Pagination"));
31
- /**
32
- * Basic
33
- * @order 1
34
- * @col 4
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(Pagination_1["default"]
38
- //Pagination.defaultProps not working
39
- , {
40
- //Pagination.defaultProps not working
41
- aroundCount: 5, list: {
42
- total: 100,
43
- page: 2,
44
- pageSize: 10
45
- } }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Load more
4
- * @order 2
5
- * @col 4
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,41 +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 Pagination_1 = __importDefault(require("../Pagination"));
31
- /**
32
- * Load more
33
- * @order 2
34
- * @col 4
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(Pagination_1["default"], { aroundCount: 3, list: {
38
- total: 100,
39
- page: 2,
40
- pageSize: 20
41
- }, loadMore: true }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Sizes
4
- * @order 3
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,48 +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 Pagination_1 = __importDefault(require("../Pagination"));
31
- var sizes = {
32
- sm: 'Small',
33
- md: 'Middle',
34
- lg: 'Large'
35
- };
36
- /**
37
- * Sizes
38
- * @order 3
39
- * @col 12
40
- */
41
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
42
- React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
43
- React.createElement("h6", null, sizes[size]),
44
- React.createElement(Pagination_1["default"], { aroundCount: 3, list: {
45
- total: 100,
46
- page: 2,
47
- pageSize: 20
48
- }, size: size }))); })))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Самый простой способ построить цепочку Breadcrumbs - передать id целевого роута.
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 Breadcrumbs_1 = __importDefault(require("../Breadcrumbs"));
31
- /**
32
- * Самый простой способ построить цепочку Breadcrumbs - передать id целевого роута.
33
- * @order 1
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(Breadcrumbs_1["default"], { pageId: 'react' }))); });