@steroidsjs/core 3.0.0-beta.6 → 3.0.0-beta.7
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/hooks/useAddressBar.js +0 -2
- package/hooks/useDispatch.d.ts +2 -1
- package/hooks/useDispatch.js +1 -0
- package/hooks/useLayout.js +1 -6
- package/hooks/useList.js +0 -6
- package/index.d.ts +1 -0
- package/package.json +1 -1
- package/ui/content/Accordion/Accordion.d.ts +61 -0
- package/ui/content/{Collapse/Collapse.js → Accordion/Accordion.js} +18 -22
- package/ui/content/Accordion/AccordionItem.d.ts +6 -0
- package/ui/content/{Collapse/CollapseItem.js → Accordion/AccordionItem.js} +7 -5
- package/ui/content/Accordion/index.d.ts +3 -0
- package/ui/content/Accordion/index.js +10 -0
- package/ui/content/Avatar/Avatar.d.ts +1 -1
- package/ui/content/CopyToClipboard/CopyToClipboard.js +0 -2
- package/ui/content/index.d.ts +2 -2
- package/ui/content/index.js +4 -4
- package/ui/crud/Crud/Crud.js +0 -4
- package/ui/crud/Crud/CrudContent.js +0 -2
- package/ui/form/Button/Button.d.ts +0 -7
- package/ui/form/Button/Button.js +4 -4
- package/ui/form/Form/Form.js +1 -6
- package/ui/layout/Notifications/Notifications.js +0 -2
- package/ui/layout/Notifications/demo/basic.js +0 -2
- package/ui/layout/Notifications/demo/position.js +0 -2
- package/ui/layout/Notifications/demo/timeOut.js +1 -4
- package/ui/layout/Portal.d.ts +1 -1
- package/ui/nav/Router/Router.js +0 -2
- package/utils/form.d.ts +2 -7
- package/ui/content/Collapse/Collapse.d.ts +0 -63
- package/ui/content/Collapse/CollapseItem.d.ts +0 -67
- package/ui/content/Collapse/demo/accordion.d.ts +0 -8
- package/ui/content/Collapse/demo/accordion.js +0 -41
- package/ui/content/Collapse/demo/basic.d.ts +0 -8
- package/ui/content/Collapse/demo/basic.js +0 -41
- package/ui/content/Collapse/demo/borderless.d.ts +0 -8
- package/ui/content/Collapse/demo/borderless.js +0 -41
- package/ui/content/Collapse/demo/disable.d.ts +0 -8
- package/ui/content/Collapse/demo/disable.js +0 -41
- package/ui/content/Collapse/demo/icon position.d.ts +0 -8
- package/ui/content/Collapse/demo/icon position.js +0 -41
- package/ui/content/Collapse/demo/icon.d.ts +0 -8
- package/ui/content/Collapse/demo/icon.js +0 -57
- package/ui/content/Collapse/demo/onChange.d.ts +0 -8
- package/ui/content/Collapse/demo/onChange.js +0 -51
- package/ui/content/Collapse/demo/show icon.d.ts +0 -8
- package/ui/content/Collapse/demo/show icon.js +0 -41
- package/ui/content/Collapse/index.d.ts +0 -8
- package/ui/content/Collapse/index.js +0 -14
- package/ui/form/Button/demo/badge.d.ts +0 -8
- package/ui/form/Button/demo/badge.js +0 -37
- package/ui/form/Button/demo/basic.d.ts +0 -8
- package/ui/form/Button/demo/basic.js +0 -37
- package/ui/form/Button/demo/block.d.ts +0 -8
- package/ui/form/Button/demo/block.js +0 -37
- package/ui/form/Button/demo/colors.d.ts +0 -8
- package/ui/form/Button/demo/colors.js +0 -49
- package/ui/form/Button/demo/confirm.d.ts +0 -8
- package/ui/form/Button/demo/confirm.js +0 -37
- package/ui/form/Button/demo/disabled.d.ts +0 -8
- package/ui/form/Button/demo/disabled.js +0 -37
- package/ui/form/Button/demo/hint.d.ts +0 -8
- package/ui/form/Button/demo/hint.js +0 -37
- package/ui/form/Button/demo/icon.d.ts +0 -8
- package/ui/form/Button/demo/icon.js +0 -37
- package/ui/form/Button/demo/link.d.ts +0 -8
- package/ui/form/Button/demo/link.js +0 -37
- package/ui/form/Button/demo/sizes.d.ts +0 -3
- package/ui/form/Button/demo/sizes.js +0 -41
- package/ui/form/Button/demo/tags.d.ts +0 -8
- package/ui/form/Button/demo/tags.js +0 -38
- package/ui/form/CheckboxField/demo/basic.d.ts +0 -8
- package/ui/form/CheckboxField/demo/basic.js +0 -37
- package/ui/form/CheckboxField/demo/disabled.d.ts +0 -8
- package/ui/form/CheckboxField/demo/disabled.js +0 -37
- package/ui/form/CheckboxField/demo/errors.d.ts +0 -8
- package/ui/form/CheckboxField/demo/errors.js +0 -37
- package/ui/form/CheckboxField/demo/required.d.ts +0 -8
- package/ui/form/CheckboxField/demo/required.js +0 -37
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Accordion mode
|
|
34
|
-
* @order 2
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
|
|
38
|
-
React.createElement(Collapse_1["default"], { isAccordion: true, activeKey: 2 },
|
|
39
|
-
React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "1"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "2"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], { title: 'Accordion' }, "3")))); });
|
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Basic
|
|
34
|
-
* @order 1
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
|
|
38
|
-
React.createElement(Collapse_1["default"], null,
|
|
39
|
-
React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "1"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "2"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], { title: 'Show more' }, "3")))); });
|
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Borderless mode
|
|
34
|
-
* @order 3
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
|
|
38
|
-
React.createElement(Collapse_1["default"], { borderless: true },
|
|
39
|
-
React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "1"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "2"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], { title: 'borderless' }, "3")))); });
|
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Disable CollapseItem
|
|
34
|
-
* @order 4
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { minHeight: '255px' } },
|
|
38
|
-
React.createElement(Collapse_1["default"], { activeKey: 1 },
|
|
39
|
-
React.createElement(CollapseItem_1["default"], null, "1"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { disabled: true, title: 'disable' }, "2"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], null, "3")))); });
|
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Icon position left or right
|
|
34
|
-
* @order 7
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Collapse_1["default"], { iconPosition: 'left', activeKey: 2 },
|
|
39
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { showIcon: false }, "Custom icon"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon")))); });
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
exports.__esModule = true;
|
|
29
|
-
/* eslint-disable max-len */
|
|
30
|
-
var React = __importStar(require("react"));
|
|
31
|
-
var Collapse_1 = __importDefault(require("../Collapse"));
|
|
32
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
33
|
-
/**
|
|
34
|
-
* Custom icon
|
|
35
|
-
* @order 5
|
|
36
|
-
* @col 12
|
|
37
|
-
*/
|
|
38
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gridGap: '15px', minHeight: '255px' } },
|
|
39
|
-
React.createElement(Collapse_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
40
|
-
React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#39BBD8", strokeWidth: "2" }),
|
|
41
|
-
React.createElement("path", { d: "M16 13.5L16 23.5", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
42
|
-
React.createElement("path", { d: "M16 9.5L16 9.51", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))), activeKey: 1 },
|
|
43
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
44
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
45
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon")),
|
|
46
|
-
React.createElement(Collapse_1["default"], { activeKey: 2 },
|
|
47
|
-
React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
48
|
-
React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#64D03E", strokeWidth: "2" }),
|
|
49
|
-
React.createElement("path", { d: "M21 12.5L14.3333 20.5L11 17.3", stroke: "#64D03E", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon"),
|
|
50
|
-
React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
51
|
-
React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#39BBD8", strokeWidth: "2" }),
|
|
52
|
-
React.createElement("path", { d: "M16 13.5L16 23.5", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
53
|
-
React.createElement("path", { d: "M16 9.5L16 9.51", stroke: "#39BBD8", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon"),
|
|
54
|
-
React.createElement(CollapseItem_1["default"], { icon: (React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
55
|
-
React.createElement("path", { d: "M28 16.5C28 23.1274 22.6274 28.5 16 28.5C9.37258 28.5 4 23.1274 4 16.5C4 9.87258 9.37258 4.5 16 4.5C22.6274 4.5 28 9.87258 28 16.5Z", stroke: "#FFE457", strokeWidth: "2" }),
|
|
56
|
-
React.createElement("path", { d: "M16 19.5L16 9.5", stroke: "#FFE457", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
57
|
-
React.createElement("path", { d: "M16 23.5L16 23.49", stroke: "#FFE457", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))) }, "Custom icon")))); });
|
|
@@ -1,51 +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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Anonymous function every time you change state of Collapse
|
|
34
|
-
* @order 8
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () {
|
|
38
|
-
var _a = React.useState(-2), touches = _a[0], setTouches = _a[1];
|
|
39
|
-
return (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gridGap: '15px', minHeight: '225px' } },
|
|
40
|
-
React.createElement(Collapse_1["default"], { style: { backgroundColor: 'lavender' }, icon: 'plus', onChange: function () { return setTouches(function (e) { return e + 1; }); } },
|
|
41
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
42
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
43
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon")),
|
|
44
|
-
React.createElement("div", null,
|
|
45
|
-
React.createElement("p", { style: { backgroundColor: 'lavender' } },
|
|
46
|
-
"You touched collapse",
|
|
47
|
-
' ',
|
|
48
|
-
touches,
|
|
49
|
-
' ',
|
|
50
|
-
"time"))));
|
|
51
|
-
});
|
|
@@ -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 Collapse_1 = __importDefault(require("../Collapse"));
|
|
31
|
-
var CollapseItem_1 = __importDefault(require("../CollapseItem"));
|
|
32
|
-
/**
|
|
33
|
-
* Show or hide icon
|
|
34
|
-
* @order 6
|
|
35
|
-
* @col 6
|
|
36
|
-
*/
|
|
37
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
38
|
-
React.createElement(Collapse_1["default"], { activeKey: 1 },
|
|
39
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon"),
|
|
40
|
-
React.createElement(CollapseItem_1["default"], { showIcon: false }, "Custom icon"),
|
|
41
|
-
React.createElement(CollapseItem_1["default"], null, "Custom icon")))); });
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.Collapse = exports.CollapseItem = void 0;
|
|
7
|
-
var CollapseItem_1 = __importDefault(require("./CollapseItem"));
|
|
8
|
-
exports.CollapseItem = CollapseItem_1["default"];
|
|
9
|
-
var Collapse_1 = __importDefault(require("./Collapse"));
|
|
10
|
-
exports.Collapse = Collapse_1["default"];
|
|
11
|
-
exports["default"] = {
|
|
12
|
-
CollapseItem: CollapseItem_1["default"],
|
|
13
|
-
Collapse: Collapse_1["default"]
|
|
14
|
-
};
|
|
@@ -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 Button_1 = __importDefault(require("../Button"));
|
|
31
|
-
/**
|
|
32
|
-
* Кнопка с бэйджом к примеру с количеством уведомолений.
|
|
33
|
-
* @order 3
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Button_1["default"], { badge: 2, label: __('Badge') }))); });
|
|
@@ -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 Button_1 = __importDefault(require("../Button"));
|
|
31
|
-
/**
|
|
32
|
-
* Простой пример использзования Button с заданным лейблом.
|
|
33
|
-
* @order 1
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Button_1["default"], { label: __('Basic') }))); });
|
|
@@ -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 Button_1 = __importDefault(require("../Button"));
|
|
31
|
-
/**
|
|
32
|
-
* Кнопка растянутая по ширине родительского блока.
|
|
33
|
-
* @order 4
|
|
34
|
-
* @col 4
|
|
35
|
-
*/
|
|
36
|
-
exports["default"] = (function () { return (React.createElement(React.Fragment, null,
|
|
37
|
-
React.createElement(Button_1["default"], { block: true, label: __('Block') }))); });
|