@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.
- package/hoc/bem.d.ts +1 -1
- package/index.d.ts +3 -3
- package/package.json +1 -1
- package/reducers/router.js +2 -2
- package/ui/content/Accordion/Accordion.d.ts +2 -2
- package/ui/content/Alert/Alert.d.ts +2 -2
- package/ui/content/Avatar/AvatarGroup.d.ts +3 -3
- package/ui/content/Badge/Badge.d.ts +4 -4
- package/ui/content/Badge/Badge.js +1 -1
- package/ui/content/Card/Card.d.ts +21 -28
- package/ui/content/Card/Card.js +0 -5
- package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +1 -1
- package/ui/content/Detail/Detail.d.ts +1 -1
- package/ui/content/DropDown/DropDown.d.ts +1 -1
- package/ui/content/Icon/Icon.d.ts +2 -2
- package/ui/form/Button/Button.d.ts +2 -2
- package/ui/form/CheckboxField/CheckboxField.d.ts +5 -0
- package/ui/form/CheckboxField/CheckboxField.js +31 -6
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +7 -1
- package/ui/form/CheckboxListField/CheckboxListField.js +32 -7
- package/ui/form/DateField/DateField.d.ts +1 -1
- package/ui/form/DateRangeField/DateRangeField.d.ts +1 -1
- package/ui/form/DateTimeField/DateTimeField.d.ts +1 -1
- package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts +1 -1
- package/ui/form/DropDownField/DropDownField.d.ts +65 -17
- package/ui/form/DropDownField/DropDownField.js +90 -6
- package/ui/form/Field/fieldWrapper.d.ts +1 -1
- package/ui/form/FieldLayout/FieldLayout.d.ts +2 -2
- package/ui/form/FieldList/FieldList.d.ts +3 -3
- package/ui/form/FieldSet/FieldSet.d.ts +1 -1
- package/ui/form/Form/Form.d.ts +2 -7
- package/ui/form/InputField/InputField.d.ts +2 -2
- package/ui/form/RadioField/RadioField.d.ts +35 -0
- package/ui/form/RadioField/RadioField.js +61 -0
- package/ui/form/RadioField/index.d.ts +2 -0
- package/ui/{list/LayoutNames/demo/basic.js → form/RadioField/index.js} +2 -7
- package/ui/form/RadioListField/RadioListField.d.ts +6 -0
- package/ui/form/RadioListField/RadioListField.js +32 -2
- package/ui/form/TimeField/TimeField.d.ts +1 -1
- package/ui/form/index.d.ts +3 -1
- package/ui/form/index.js +4 -1
- package/ui/layout/Header/Header.d.ts +1 -1
- package/ui/layout/Loader/Loader.d.ts +1 -1
- package/ui/layout/Notifications/Notifications.d.ts +1 -1
- package/ui/layout/Skeleton/Skeleton.d.ts +2 -2
- package/ui/layout/Tooltip/calculate.js +1 -1
- package/ui/list/CheckboxColumn/CheckboxColumn.d.ts +1 -1
- package/ui/list/ControlsColumn/ControlsColumn.d.ts +1 -1
- package/ui/list/Grid/Grid.d.ts +1 -1
- package/ui/list/Grid/demo/sort.js +4 -2
- package/ui/list/Pagination/Pagination.d.ts +16 -6
- package/ui/list/Pagination/Pagination.js +15 -7
- package/ui/list/PaginationSize/demo/basic.js +2 -3
- package/ui/list/PaginationSize/demo/size.js +2 -3
- package/ui/list/SearchForm/demo/basic.js +5 -2
- package/ui/list/Steps/Steps.d.ts +3 -3
- package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts +1 -1
- package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts +9 -0
- package/ui/nav/Controls/Controls.d.ts +3 -3
- package/ui/nav/Nav/Nav.d.ts +2 -2
- package/ui/nav/Tree/Tree.d.ts +1 -1
- package/ui/typography/Text/Text.d.ts +2 -2
- package/ui/typography/Title/Title.d.ts +2 -2
- package/ui/content/Card/demo/basic.d.ts +0 -8
- package/ui/content/Card/demo/basic.js +0 -39
- package/ui/content/Card/demo/border color.d.ts +0 -3
- package/ui/content/Card/demo/border color.js +0 -52
- package/ui/content/Card/demo/color.d.ts +0 -3
- package/ui/content/Card/demo/color.js +0 -52
- package/ui/content/Card/demo/header.d.ts +0 -3
- package/ui/content/Card/demo/header.js +0 -47
- package/ui/content/Card/demo/hover.d.ts +0 -3
- package/ui/content/Card/demo/hover.js +0 -42
- package/ui/content/Card/demo/link.d.ts +0 -3
- package/ui/content/Card/demo/link.js +0 -43
- package/ui/content/Card/demo/orientation.d.ts +0 -3
- package/ui/content/Card/demo/orientation.js +0 -46
- package/ui/form/CheckboxListField/demo/basic.d.ts +0 -9
- package/ui/form/CheckboxListField/demo/basic.js +0 -43
- package/ui/form/CheckboxListField/demo/disabled.d.ts +0 -8
- package/ui/form/CheckboxListField/demo/disabled.js +0 -38
- package/ui/form/CheckboxListField/demo/errors.d.ts +0 -8
- package/ui/form/CheckboxListField/demo/errors.js +0 -38
- package/ui/form/CheckboxListField/demo/required.d.ts +0 -8
- package/ui/form/CheckboxListField/demo/required.js +0 -38
- package/ui/form/DropDownField/demo/auto-complete.d.ts +0 -8
- package/ui/form/DropDownField/demo/auto-complete.js +0 -38
- package/ui/form/DropDownField/demo/basic.d.ts +0 -12
- package/ui/form/DropDownField/demo/basic.js +0 -56
- package/ui/form/DropDownField/demo/disabled.d.ts +0 -8
- package/ui/form/DropDownField/demo/disabled.js +0 -38
- package/ui/form/DropDownField/demo/errors.d.ts +0 -8
- package/ui/form/DropDownField/demo/errors.js +0 -38
- package/ui/form/DropDownField/demo/multiple.d.ts +0 -8
- package/ui/form/DropDownField/demo/multiple.js +0 -38
- package/ui/form/DropDownField/demo/no-border.d.ts +0 -8
- package/ui/form/DropDownField/demo/no-border.js +0 -38
- package/ui/form/DropDownField/demo/placeholder.d.ts +0 -8
- package/ui/form/DropDownField/demo/placeholder.js +0 -38
- package/ui/form/DropDownField/demo/required.d.ts +0 -8
- package/ui/form/DropDownField/demo/required.js +0 -38
- package/ui/form/DropDownField/demo/show-reset.d.ts +0 -8
- package/ui/form/DropDownField/demo/show-reset.js +0 -38
- package/ui/form/DropDownField/demo/size.d.ts +0 -8
- package/ui/form/DropDownField/demo/size.js +0 -45
- package/ui/form/Form/demo/basic.d.ts +0 -8
- package/ui/form/Form/demo/basic.js +0 -62
- package/ui/form/Form/demo/border.d.ts +0 -8
- package/ui/form/Form/demo/border.js +0 -62
- package/ui/form/Form/demo/horizontal.d.ts +0 -8
- package/ui/form/Form/demo/horizontal.js +0 -55
- package/ui/form/Form/demo/inline.d.ts +0 -8
- package/ui/form/Form/demo/inline.js +0 -53
- package/ui/layout/Tooltip/demo/basic.d.ts +0 -8
- package/ui/layout/Tooltip/demo/basic.js +0 -56
- package/ui/list/LayoutNames/demo/basic.d.ts +0 -7
- package/ui/list/List/demo/basic.d.ts +0 -12
- package/ui/list/List/demo/basic.js +0 -61
- package/ui/list/List/demo/condition.d.ts +0 -8
- package/ui/list/List/demo/condition.js +0 -90
- package/ui/list/List/demo/empty.d.ts +0 -8
- package/ui/list/List/demo/empty.js +0 -36
- package/ui/list/List/demo/layout.d.ts +0 -8
- package/ui/list/List/demo/layout.js +0 -49
- package/ui/list/List/demo/load-more.d.ts +0 -8
- package/ui/list/List/demo/load-more.js +0 -45
- package/ui/list/List/demo/pagination.d.ts +0 -8
- package/ui/list/List/demo/pagination.js +0 -45
- package/ui/list/List/demo/search-form.d.ts +0 -30
- package/ui/list/List/demo/search-form.js +0 -107
- package/ui/list/List/demo/sort.d.ts +0 -17
- package/ui/list/List/demo/sort.js +0 -92
- package/ui/list/Pagination/demo/basic.d.ts +0 -8
- package/ui/list/Pagination/demo/basic.js +0 -45
- package/ui/list/Pagination/demo/load-more.d.ts +0 -8
- package/ui/list/Pagination/demo/load-more.js +0 -41
- package/ui/list/Pagination/demo/sizes.d.ts +0 -8
- package/ui/list/Pagination/demo/sizes.js +0 -48
- package/ui/nav/Breadcrumbs/demo/basic.d.ts +0 -8
- package/ui/nav/Breadcrumbs/demo/basic.js +0 -37
- package/ui/nav/Breadcrumbs/demo/items.d.ts +0 -8
- package/ui/nav/Breadcrumbs/demo/items.js +0 -42
- package/ui/nav/Breadcrumbs/demo/page-title.d.ts +0 -8
- package/ui/nav/Breadcrumbs/demo/page-title.js +0 -37
|
@@ -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,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,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,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,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,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,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,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,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)))); } })); });
|