@steroidsjs/core 3.0.0-beta.5 → 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/Alert/Alert.d.ts +1 -1
- package/ui/content/Avatar/Avatar.d.ts +1 -1
- package/ui/content/CopyToClipboard/CopyToClipboard.js +0 -2
- package/ui/{icon → content}/Icon/Icon.js +1 -1
- 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/layout/ProgressBar/ProgressBar.js +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
- /package/ui/{icon → content}/Icon/Icon.d.ts +0 -0
- /package/ui/{icon → content}/Icon/demo/icon.d.ts +0 -0
- /package/ui/{icon → content}/Icon/demo/icon.js +0 -0
- /package/ui/{icon → content}/Icon/index.d.ts +0 -0
- /package/ui/{icon → content}/Icon/index.js +0 -0
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ICollapseItemProps {
|
|
3
|
-
view?: any;
|
|
4
|
-
style?: React.CSSProperties;
|
|
5
|
-
children?: any;
|
|
6
|
-
/**
|
|
7
|
-
* Дополнительный CSS-класс
|
|
8
|
-
*/
|
|
9
|
-
className?: CssClassName;
|
|
10
|
-
/**
|
|
11
|
-
* Название CollapseItem
|
|
12
|
-
* @example {'Подробнее'}
|
|
13
|
-
*/
|
|
14
|
-
title?: string;
|
|
15
|
-
/**
|
|
16
|
-
* @example {true}
|
|
17
|
-
*/
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Кастомная иконка svg или название иконки
|
|
21
|
-
* @example {'circle'}
|
|
22
|
-
*/
|
|
23
|
-
icon?: React.ReactNode | string;
|
|
24
|
-
/**
|
|
25
|
-
* Показ иконки, которая показывает состояние CollapseItem. Поумолчанию включены.
|
|
26
|
-
* @example {false}
|
|
27
|
-
*/
|
|
28
|
-
showIcon?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Позиция иконки-индикатора
|
|
31
|
-
* @example {'left'}
|
|
32
|
-
*/
|
|
33
|
-
iconPosition?: 'left' | 'right';
|
|
34
|
-
/**
|
|
35
|
-
* Включает режим Аккордиона (только один CollapseItem может быть открыт)
|
|
36
|
-
* @example {true}
|
|
37
|
-
*/
|
|
38
|
-
isAccordion?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Номер активного CollapseItem, который может меняться динамический или быть статичным
|
|
41
|
-
* @example
|
|
42
|
-
*/
|
|
43
|
-
activeKey?: number;
|
|
44
|
-
/**
|
|
45
|
-
* Вызываемая функция при каждом изменении состояния
|
|
46
|
-
* @example {() => {console.log('success')}}
|
|
47
|
-
*/
|
|
48
|
-
onChange?: () => void;
|
|
49
|
-
/**
|
|
50
|
-
* Отключение внешних рамок
|
|
51
|
-
* @example {true}
|
|
52
|
-
*/
|
|
53
|
-
borderless?: boolean;
|
|
54
|
-
}
|
|
55
|
-
export interface ICollapseItemViewProps extends ICollapseItemProps {
|
|
56
|
-
toggleCollapse?: (number: any) => void;
|
|
57
|
-
toggleAccordion?: (number: any) => void;
|
|
58
|
-
childIndex?: number;
|
|
59
|
-
isShowMore?: boolean;
|
|
60
|
-
}
|
|
61
|
-
declare function CollapseItem(props: ICollapseItemProps): any;
|
|
62
|
-
declare namespace CollapseItem {
|
|
63
|
-
var defaultProps: {
|
|
64
|
-
title: string;
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
export default CollapseItem;
|
|
@@ -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') }))); });
|