@plesk/ui-library 3.35.0 → 3.35.2
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/cjs/components/Button/Button.js +1 -2
- package/cjs/components/Carousel/Carousel.js +25 -39
- package/cjs/components/Drawer/Header.js +71 -108
- package/cjs/components/Form/Form.js +5 -7
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -67
- package/cjs/components/Grid/Grid.js +9 -71
- package/cjs/components/GridCol/GridCol.js +3 -54
- package/cjs/components/Icon/constants.js +2 -2
- package/cjs/components/Icon/images/symbols.svg +15 -1
- package/cjs/components/Link/Link.js +1 -2
- package/cjs/components/List/List.js +11 -8
- package/cjs/components/Progress/Progress.js +8 -28
- package/cjs/components/ProgressDialog/ProgressDialog.js +12 -85
- package/cjs/components/ProgressStep/ProgressStep.js +4 -46
- package/cjs/components/ProgressStep/index.js +36 -12
- package/cjs/components/Rating/Rating.js +5 -36
- package/cjs/components/Skeleton/index.js +2 -2
- package/cjs/components/SplitButton/SplitButton.js +1 -2
- package/cjs/components/Switch/Switch.js +43 -118
- package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -26
- package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -57
- package/cjs/components/Toaster/Toaster.js +3 -3
- package/cjs/components/Tooltip/Tooltip.js +35 -64
- package/cjs/components/Translate/Translate.js +10 -78
- package/cjs/components/Translate/index.js +4 -4
- package/cjs/components/Translate/isLikeText.js +27 -0
- package/cjs/components/index.js +14 -11
- package/cjs/index.js +1 -1
- package/cjs/tests/index.js +13 -0
- package/cjs/tests/renderer.js +33 -0
- package/dist/images/symbols.svg +15 -1
- package/dist/plesk-ui-library-rtl.css +1 -1
- package/dist/plesk-ui-library-rtl.css.map +1 -1
- package/dist/plesk-ui-library.css +1 -1
- package/dist/plesk-ui-library.css.map +1 -1
- package/dist/plesk-ui-library.js +567 -1139
- package/dist/plesk-ui-library.js.map +1 -1
- package/dist/plesk-ui-library.min.js +5 -5
- package/dist/plesk-ui-library.min.js.map +1 -1
- package/esm/components/Button/Button.js +1 -2
- package/esm/components/Carousel/Carousel.js +25 -37
- package/esm/components/Drawer/Header.js +70 -107
- package/esm/components/Form/Form.js +5 -7
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -65
- package/esm/components/Grid/Grid.js +9 -69
- package/esm/components/GridCol/GridCol.js +2 -55
- package/esm/components/Icon/constants.js +2 -2
- package/esm/components/Icon/images/symbols.svg +15 -1
- package/esm/components/Link/Link.js +1 -2
- package/esm/components/List/List.js +11 -8
- package/esm/components/Progress/Progress.js +8 -26
- package/esm/components/ProgressDialog/ProgressDialog.js +12 -83
- package/esm/components/ProgressStep/ProgressStep.js +6 -48
- package/esm/components/ProgressStep/index.js +1 -2
- package/esm/components/Rating/Rating.js +5 -36
- package/esm/components/Skeleton/index.js +2 -2
- package/esm/components/SplitButton/SplitButton.js +1 -2
- package/esm/components/Switch/Switch.js +43 -116
- package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -24
- package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -55
- package/esm/components/Toaster/Toaster.js +3 -1
- package/esm/components/Tooltip/Tooltip.js +36 -62
- package/esm/components/Translate/Translate.js +9 -73
- package/esm/components/Translate/index.js +2 -1
- package/esm/components/Translate/isLikeText.js +19 -0
- package/esm/components/index.js +1 -2
- package/esm/index.js +1 -1
- package/esm/tests/index.js +3 -0
- package/esm/tests/renderer.js +25 -0
- package/package.json +25 -22
- package/styleguide/build/bundle.6318f4a5.js +2 -0
- package/styleguide/images/symbols.svg +15 -1
- package/styleguide/index.html +2 -2
- package/types/src/components/Button/Button.d.ts +2 -3
- package/types/src/components/Carousel/Carousel.d.ts +58 -0
- package/types/src/components/Carousel/index.d.ts +2 -0
- package/types/src/components/Dialog/Dialog.d.ts +1 -1
- package/types/src/components/Dialog/index.d.ts +1 -1
- package/types/src/components/Drawer/DrawerProgress.d.ts +3 -3
- package/types/src/components/Drawer/Header.d.ts +4 -20
- package/types/src/components/Form/Form.d.ts +5 -0
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +53 -0
- package/types/src/components/FormFieldCheckbox/index.d.ts +2 -0
- package/types/src/components/FormFieldPassword/generatePassword.d.ts +2 -0
- package/types/src/components/Grid/Grid.d.ts +97 -0
- package/types/src/components/Grid/index.d.ts +2 -0
- package/types/src/components/GridCol/GridCol.d.ts +53 -0
- package/types/src/components/GridCol/index.d.ts +2 -0
- package/types/src/components/Icon/constants.d.ts +1 -1
- package/types/src/components/ItemList/index.d.ts +1 -0
- package/types/src/components/Link/Link.d.ts +1 -2
- package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -1
- package/types/src/components/Pagination/index.d.ts +1 -0
- package/types/src/components/Panel/index.d.ts +1 -0
- package/types/src/components/Progress/Progress.d.ts +49 -0
- package/types/src/components/Progress/index.d.ts +2 -0
- package/types/src/components/ProgressDialog/ProgressDialog.d.ts +125 -0
- package/types/src/components/ProgressDialog/index.d.ts +2 -0
- package/types/src/components/ProgressStep/ProgressStep.d.ts +69 -0
- package/types/src/components/ProgressStep/index.d.ts +2 -0
- package/types/src/components/Rating/Rating.d.ts +27 -0
- package/types/src/components/Rating/index.d.ts +2 -0
- package/types/src/components/Skeleton/Skeleton.d.ts +3 -5
- package/types/src/components/Skeleton/SkeletonTabs.d.ts +4 -4
- package/types/src/components/Skeleton/SkeletonText.d.ts +2 -2
- package/types/src/components/Skeleton/index.d.ts +4 -1
- package/types/src/components/SplitButton/SplitButton.d.ts +1 -2
- package/types/src/components/Switch/Switch.d.ts +58 -0
- package/types/src/components/Switch/index.d.ts +2 -0
- package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +24 -0
- package/types/src/components/SwitchesPanel/index.d.ts +2 -0
- package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +78 -0
- package/types/src/components/SwitchesPanelItem/index.d.ts +2 -0
- package/types/src/components/TextArea/index.d.ts +1 -0
- package/types/src/components/Tooltip/Tooltip.d.ts +61 -0
- package/types/src/components/Tooltip/index.d.ts +2 -0
- package/types/src/components/Translate/Translate.d.ts +56 -0
- package/types/src/components/Translate/index.d.ts +3 -0
- package/types/src/components/Translate/isLikeText.d.ts +2 -0
- package/types/src/components/index.d.ts +15 -2
- package/types/src/components/utils.d.ts +1 -1
- package/cjs/components/Alert/Alert.stories.js +0 -34
- package/cjs/components/Button/Button.stories.js +0 -109
- package/cjs/components/Cuttable/Cuttable.stories.js +0 -46
- package/cjs/components/Dialog/Dialog.stories.js +0 -49
- package/cjs/components/Drawer/Drawer.stories.js +0 -65
- package/cjs/components/Form/Form.stories.js +0 -35
- package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -32
- package/cjs/components/Icon/Icon.stories.js +0 -32
- package/cjs/components/ItemLink/ItemLink.stories.js +0 -20
- package/cjs/components/ItemList/ItemList.stories.js +0 -122
- package/cjs/components/List/List.stories.js +0 -152
- package/cjs/components/Markdown/Markdown.stories.js +0 -51
- package/cjs/components/Menu/Menu.stories.js +0 -77
- package/cjs/components/Popover/Popover.stories.js +0 -60
- package/cjs/components/Select/Select.stories.js +0 -57
- package/cjs/components/Skeleton/Skeleton.stories.js +0 -24
- package/cjs/components/Skeleton/SkeletonTabs.stories.js +0 -15
- package/cjs/components/Skeleton/SkeletonText.stories.js +0 -33
- package/cjs/components/Status/Status.stories.js +0 -19
- package/cjs/components/Tabs/Tabs.stories.js +0 -24
- package/esm/components/Alert/Alert.stories.js +0 -27
- package/esm/components/Button/Button.stories.js +0 -99
- package/esm/components/Cuttable/Cuttable.stories.js +0 -39
- package/esm/components/Dialog/Dialog.stories.js +0 -42
- package/esm/components/Drawer/Drawer.stories.js +0 -56
- package/esm/components/Form/Form.stories.js +0 -27
- package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -23
- package/esm/components/Icon/Icon.stories.js +0 -23
- package/esm/components/ItemLink/ItemLink.stories.js +0 -12
- package/esm/components/ItemList/ItemList.stories.js +0 -109
- package/esm/components/List/List.stories.js +0 -139
- package/esm/components/Markdown/Markdown.stories.js +0 -43
- package/esm/components/Menu/Menu.stories.js +0 -65
- package/esm/components/Popover/Popover.stories.js +0 -52
- package/esm/components/Select/Select.stories.js +0 -48
- package/esm/components/Skeleton/Skeleton.stories.js +0 -15
- package/esm/components/Skeleton/SkeletonTabs.stories.js +0 -7
- package/esm/components/Skeleton/SkeletonText.stories.js +0 -23
- package/esm/components/Status/Status.stories.js +0 -11
- package/esm/components/Tabs/Tabs.stories.js +0 -16
- package/styleguide/build/bundle.2a886a79.js +0 -2
- package/types/src/components/Alert/Alert.stories.d.ts +0 -11
- package/types/src/components/Button/Button.stories.d.ts +0 -17
- package/types/src/components/Cuttable/Cuttable.stories.d.ts +0 -17
- package/types/src/components/Dialog/Dialog.stories.d.ts +0 -25
- package/types/src/components/Drawer/Drawer.stories.d.ts +0 -43
- package/types/src/components/Form/Form.stories.d.ts +0 -13
- package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -20
- package/types/src/components/Icon/Icon.stories.d.ts +0 -7
- package/types/src/components/ItemLink/ItemLink.stories.d.ts +0 -12
- package/types/src/components/ItemList/ItemList.stories.d.ts +0 -172
- package/types/src/components/List/List.stories.d.ts +0 -30
- package/types/src/components/Markdown/Markdown.stories.d.ts +0 -10
- package/types/src/components/Menu/Menu.stories.d.ts +0 -20
- package/types/src/components/Popover/Popover.stories.d.ts +0 -25
- package/types/src/components/Select/Select.stories.d.ts +0 -12
- package/types/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
- package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +0 -5
- package/types/src/components/Skeleton/SkeletonText.stories.d.ts +0 -23
- package/types/src/components/Status/Status.stories.d.ts +0 -11
- package/types/src/components/Tabs/Tabs.stories.d.ts +0 -10
- /package/styleguide/build/{bundle.2a886a79.js.LICENSE.txt → bundle.6318f4a5.js.LICENSE.txt} +0 -0
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Vertical = exports.ReorderableFullFeatured = exports.Reorderable = exports.NestedFullFeatured = exports.Nested = exports.ExpandedList = exports.Basic = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _List = _interopRequireDefault(require("./List"));
|
|
10
|
-
var _ListActions = _interopRequireDefault(require("./ListActions"));
|
|
11
|
-
var _ListAction = _interopRequireDefault(require("./ListAction"));
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
14
|
-
|
|
15
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
|
|
16
|
-
...args
|
|
17
|
-
});
|
|
18
|
-
exports.Basic = Basic;
|
|
19
|
-
Basic.args = {
|
|
20
|
-
columns: [{
|
|
21
|
-
key: 'col1',
|
|
22
|
-
title: 'Countr 2',
|
|
23
|
-
type: 'title'
|
|
24
|
-
}, {
|
|
25
|
-
key: 'col2',
|
|
26
|
-
title: 'Population',
|
|
27
|
-
align: 'right'
|
|
28
|
-
}],
|
|
29
|
-
data: [{
|
|
30
|
-
key: '1',
|
|
31
|
-
col1: 'China',
|
|
32
|
-
col2: '1 433 783 686'
|
|
33
|
-
}, {
|
|
34
|
-
key: '2',
|
|
35
|
-
col1: 'India',
|
|
36
|
-
col2: '1 366 417 754'
|
|
37
|
-
}, {
|
|
38
|
-
key: '3',
|
|
39
|
-
col1: 'United States',
|
|
40
|
-
col2: '329 064 917'
|
|
41
|
-
}, {
|
|
42
|
-
key: '4',
|
|
43
|
-
col1: ' Indonesia',
|
|
44
|
-
col2: '270 625 568'
|
|
45
|
-
}, {
|
|
46
|
-
key: '5',
|
|
47
|
-
col1: 'Pakistan',
|
|
48
|
-
col2: '216 565 318'
|
|
49
|
-
}]
|
|
50
|
-
};
|
|
51
|
-
const Vertical = Basic.bind(null);
|
|
52
|
-
exports.Vertical = Vertical;
|
|
53
|
-
Vertical.args = {
|
|
54
|
-
...Basic.args,
|
|
55
|
-
vertical: 480
|
|
56
|
-
};
|
|
57
|
-
const Nested = Basic.bind(null);
|
|
58
|
-
exports.Nested = Nested;
|
|
59
|
-
Nested.args = {
|
|
60
|
-
...Basic.args,
|
|
61
|
-
data: [{
|
|
62
|
-
key: '1',
|
|
63
|
-
col1: 'China',
|
|
64
|
-
col2: '1 433 783 686',
|
|
65
|
-
data: [{
|
|
66
|
-
key: '2',
|
|
67
|
-
col1: 'Guangdong',
|
|
68
|
-
col2: '113 460 126'
|
|
69
|
-
}, {
|
|
70
|
-
key: '3',
|
|
71
|
-
col1: 'Shandong',
|
|
72
|
-
col2: '100 471 831'
|
|
73
|
-
}]
|
|
74
|
-
}, {
|
|
75
|
-
key: '4',
|
|
76
|
-
col1: 'India',
|
|
77
|
-
col2: '1 366 417 754',
|
|
78
|
-
data: [{
|
|
79
|
-
key: '5',
|
|
80
|
-
col1: 'Uttar Pradesh',
|
|
81
|
-
col2: '237 882 725'
|
|
82
|
-
}, {
|
|
83
|
-
key: '6',
|
|
84
|
-
col1: 'Bihar',
|
|
85
|
-
col2: '124 799 926'
|
|
86
|
-
}]
|
|
87
|
-
}]
|
|
88
|
-
};
|
|
89
|
-
const NestedFullFeatured = Nested.bind(null);
|
|
90
|
-
exports.NestedFullFeatured = NestedFullFeatured;
|
|
91
|
-
NestedFullFeatured.args = {
|
|
92
|
-
...Nested.args,
|
|
93
|
-
onSelectionChange: () => {},
|
|
94
|
-
renderRowBody: () => null
|
|
95
|
-
};
|
|
96
|
-
const ExpandedList = Nested.bind(null);
|
|
97
|
-
exports.ExpandedList = ExpandedList;
|
|
98
|
-
ExpandedList.args = {
|
|
99
|
-
...Nested.args,
|
|
100
|
-
onSelectionChange: () => {},
|
|
101
|
-
renderRowBody: () => 'row body',
|
|
102
|
-
expandedRows: ['1', '2', '4', '6']
|
|
103
|
-
};
|
|
104
|
-
const Reorderable = args => {
|
|
105
|
-
const {
|
|
106
|
-
data: initialData,
|
|
107
|
-
...props
|
|
108
|
-
} = args;
|
|
109
|
-
const [data, setData] = (0, _react.useState)(initialData);
|
|
110
|
-
const handleReorderEnd = _ref => {
|
|
111
|
-
let {
|
|
112
|
-
oldIndex,
|
|
113
|
-
newIndex
|
|
114
|
-
} = _ref;
|
|
115
|
-
const nextData = [...data];
|
|
116
|
-
nextData.splice(newIndex, 0, nextData.splice(oldIndex, 1)[0]);
|
|
117
|
-
setData(nextData);
|
|
118
|
-
};
|
|
119
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
120
|
-
data: data,
|
|
121
|
-
reorderable: true,
|
|
122
|
-
onReorderEnd: handleReorderEnd,
|
|
123
|
-
...props
|
|
124
|
-
});
|
|
125
|
-
};
|
|
126
|
-
exports.Reorderable = Reorderable;
|
|
127
|
-
Reorderable.args = {
|
|
128
|
-
...Basic.args
|
|
129
|
-
};
|
|
130
|
-
const ReorderableFullFeatured = Reorderable.bind(null);
|
|
131
|
-
exports.ReorderableFullFeatured = ReorderableFullFeatured;
|
|
132
|
-
ReorderableFullFeatured.args = {
|
|
133
|
-
...Reorderable.args,
|
|
134
|
-
columns: [...Reorderable.args.columns, {
|
|
135
|
-
key: 'actions',
|
|
136
|
-
type: 'actions',
|
|
137
|
-
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListActions.default, {
|
|
138
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
|
|
139
|
-
icon: "clip",
|
|
140
|
-
primary: true
|
|
141
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
|
|
142
|
-
icon: "clock",
|
|
143
|
-
primary: true
|
|
144
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListAction.default, {
|
|
145
|
-
icon: "clone",
|
|
146
|
-
primary: true
|
|
147
|
-
})]
|
|
148
|
-
})
|
|
149
|
-
}],
|
|
150
|
-
onSelectionChange: () => {},
|
|
151
|
-
renderRowBody: () => null
|
|
152
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Basic = void 0;
|
|
8
|
-
var _Markdown = _interopRequireDefault(require("./Markdown"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
11
|
-
|
|
12
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Markdown.default, {
|
|
13
|
-
...args
|
|
14
|
-
});
|
|
15
|
-
exports.Basic = Basic;
|
|
16
|
-
Basic.args = {
|
|
17
|
-
children: `
|
|
18
|
-
# Heading
|
|
19
|
-
|
|
20
|
-
## Sub-heading
|
|
21
|
-
|
|
22
|
-
### Another deeper heading
|
|
23
|
-
|
|
24
|
-
Paragraphs are separated
|
|
25
|
-
by a blank line.
|
|
26
|
-
|
|
27
|
-
Two spaces at the end of a line leave a
|
|
28
|
-
line break.
|
|
29
|
-
|
|
30
|
-
Text attributes _italic_, *italic*, __bold__, **bold**, \`monospace\`.
|
|
31
|
-
|
|
32
|
-
Horizontal rule:
|
|
33
|
-
|
|
34
|
-
---
|
|
35
|
-
|
|
36
|
-
Bullet list:
|
|
37
|
-
|
|
38
|
-
* apples
|
|
39
|
-
* oranges
|
|
40
|
-
* pears
|
|
41
|
-
|
|
42
|
-
Numbered list:
|
|
43
|
-
|
|
44
|
-
1. apples
|
|
45
|
-
2. oranges
|
|
46
|
-
3. pears
|
|
47
|
-
|
|
48
|
-
A [link](http://example.com).
|
|
49
|
-
|
|
50
|
-
<b>Sanitize</b>`
|
|
51
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Tooltip = exports.FullFeatured = exports.Basic = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _ = _interopRequireWildcard(require("."));
|
|
10
|
-
var _Label = _interopRequireDefault(require("../Label"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
15
|
-
|
|
16
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
|
|
17
|
-
...args
|
|
18
|
-
});
|
|
19
|
-
exports.Basic = Basic;
|
|
20
|
-
Basic.args = {
|
|
21
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
22
|
-
"data-test": "one",
|
|
23
|
-
children: 'One'
|
|
24
|
-
}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
25
|
-
"data-test": "two",
|
|
26
|
-
children: 'Two'
|
|
27
|
-
}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
28
|
-
"data-test": "three",
|
|
29
|
-
disabled: true,
|
|
30
|
-
children: 'Three'
|
|
31
|
-
}, "3")]
|
|
32
|
-
};
|
|
33
|
-
const Tooltip = Basic.bind(null);
|
|
34
|
-
exports.Tooltip = Tooltip;
|
|
35
|
-
Tooltip.args = {
|
|
36
|
-
children: Basic.args.children.map((item, index) => {
|
|
37
|
-
if (index === 0) {
|
|
38
|
-
return /*#__PURE__*/(0, _react.cloneElement)(item, {
|
|
39
|
-
tooltip: 'One tooltip!'
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
return item;
|
|
43
|
-
})
|
|
44
|
-
};
|
|
45
|
-
const FullFeatured = Basic.bind(null);
|
|
46
|
-
exports.FullFeatured = FullFeatured;
|
|
47
|
-
FullFeatured.args = {
|
|
48
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuHeader, {
|
|
49
|
-
children: 'Header 1'
|
|
50
|
-
}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
51
|
-
"data-test": "2",
|
|
52
|
-
onClick: () => {},
|
|
53
|
-
icon: "folder-open",
|
|
54
|
-
children: 'One'
|
|
55
|
-
}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
56
|
-
"data-test": "3",
|
|
57
|
-
onClick: () => {},
|
|
58
|
-
icon: "folder-open",
|
|
59
|
-
label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
|
|
60
|
-
intent: "danger",
|
|
61
|
-
children: '99'
|
|
62
|
-
}),
|
|
63
|
-
children: 'Two'
|
|
64
|
-
}, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuDivider, {}, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuHeader, {
|
|
65
|
-
children: 'Header 2'
|
|
66
|
-
}, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
67
|
-
"data-test": "6",
|
|
68
|
-
onClick: () => {},
|
|
69
|
-
icon: "folder-open",
|
|
70
|
-
children: 'Three'
|
|
71
|
-
}, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MenuItem, {
|
|
72
|
-
"data-test": "7",
|
|
73
|
-
onClick: () => {},
|
|
74
|
-
icon: "folder-open",
|
|
75
|
-
children: 'Four'
|
|
76
|
-
}, "7")]
|
|
77
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ThreeButtons = exports.Basic = exports.Autofocus = void 0;
|
|
8
|
-
var _Link = _interopRequireDefault(require("../Link"));
|
|
9
|
-
var _Button = _interopRequireDefault(require("../Button"));
|
|
10
|
-
var _Paragraph = _interopRequireDefault(require("../Paragraph"));
|
|
11
|
-
var _Popover = _interopRequireDefault(require("./Popover"));
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
14
|
-
|
|
15
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
|
|
16
|
-
...args
|
|
17
|
-
});
|
|
18
|
-
exports.Basic = Basic;
|
|
19
|
-
Basic.args = {
|
|
20
|
-
target: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
|
|
21
|
-
"data-id": "trigger",
|
|
22
|
-
children: 'Trigger'
|
|
23
|
-
}),
|
|
24
|
-
children: 'Content'
|
|
25
|
-
};
|
|
26
|
-
const ThreeButtons = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
27
|
-
...args
|
|
28
|
-
});
|
|
29
|
-
exports.ThreeButtons = ThreeButtons;
|
|
30
|
-
ThreeButtons.args = {
|
|
31
|
-
...Basic.args,
|
|
32
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
33
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
|
|
34
|
-
children: 'Enim ea occaecat dolor veniam.'
|
|
35
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
36
|
-
"data-id": "button-1",
|
|
37
|
-
children: 'Button 1'
|
|
38
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
|
|
39
|
-
children: 'Incididunt ipsum nulla officia adipisicing voluptate enim reprehenderit.'
|
|
40
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
41
|
-
"data-id": "button-2",
|
|
42
|
-
children: 'Button 2'
|
|
43
|
-
}), ` `, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
44
|
-
"data-id": "button-3",
|
|
45
|
-
children: 'Button 3'
|
|
46
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
|
|
47
|
-
children: 'Cillum sunt nisi aute amet elit ut sit dolor in aliqua minim.'
|
|
48
|
-
})]
|
|
49
|
-
})
|
|
50
|
-
};
|
|
51
|
-
const Autofocus = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
52
|
-
...args
|
|
53
|
-
});
|
|
54
|
-
exports.Autofocus = Autofocus;
|
|
55
|
-
Autofocus.args = {
|
|
56
|
-
...Basic.args,
|
|
57
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
58
|
-
autoFocus: true
|
|
59
|
-
})
|
|
60
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.SearchableAtBottom = exports.Basic = void 0;
|
|
8
|
-
var _Select = _interopRequireDefault(require("./Select"));
|
|
9
|
-
var _SelectOption = _interopRequireDefault(require("./SelectOption"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
|
-
|
|
13
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
|
|
14
|
-
...args
|
|
15
|
-
});
|
|
16
|
-
exports.Basic = Basic;
|
|
17
|
-
Basic.args = {
|
|
18
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
19
|
-
children: 'One'
|
|
20
|
-
}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
21
|
-
children: 'Two'
|
|
22
|
-
}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
23
|
-
children: 'Three'
|
|
24
|
-
}, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
25
|
-
children: 'Four'
|
|
26
|
-
}, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
27
|
-
children: 'Five'
|
|
28
|
-
}, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
29
|
-
children: 'Six'
|
|
30
|
-
}, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
31
|
-
children: 'Seven'
|
|
32
|
-
}, "7"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
33
|
-
children: 'Eight'
|
|
34
|
-
}, "8"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
35
|
-
children: 'Nine'
|
|
36
|
-
}, "9"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
37
|
-
children: 'Ten'
|
|
38
|
-
}, "10"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
39
|
-
children: 'Eleven'
|
|
40
|
-
}, "11"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, {
|
|
41
|
-
children: 'Twelve'
|
|
42
|
-
}, "12")],
|
|
43
|
-
'data-test': 'select'
|
|
44
|
-
};
|
|
45
|
-
const SearchableAtBottom = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
46
|
-
style: {
|
|
47
|
-
position: 'absolute',
|
|
48
|
-
left: 0,
|
|
49
|
-
bottom: 0,
|
|
50
|
-
padding: 16
|
|
51
|
-
},
|
|
52
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
53
|
-
searchable: true,
|
|
54
|
-
...Basic.args
|
|
55
|
-
})
|
|
56
|
-
});
|
|
57
|
-
exports.SearchableAtBottom = SearchableAtBottom;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.CustomSize = exports.Basic = void 0;
|
|
8
|
-
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
11
|
-
|
|
12
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
|
|
13
|
-
...args
|
|
14
|
-
});
|
|
15
|
-
exports.Basic = Basic;
|
|
16
|
-
Basic.args = {};
|
|
17
|
-
const CustomSize = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
18
|
-
...args
|
|
19
|
-
});
|
|
20
|
-
exports.CustomSize = CustomSize;
|
|
21
|
-
CustomSize.args = {
|
|
22
|
-
width: 200,
|
|
23
|
-
height: 100
|
|
24
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Basic = void 0;
|
|
8
|
-
var _SkeletonTabs = _interopRequireDefault(require("./SkeletonTabs"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
11
|
-
|
|
12
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonTabs.default, {
|
|
13
|
-
...args
|
|
14
|
-
});
|
|
15
|
-
exports.Basic = Basic;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.LinesCount = exports.Custom = exports.Basic = void 0;
|
|
8
|
-
var _SkeletonText = _interopRequireDefault(require("./SkeletonText"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
11
|
-
|
|
12
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonText.default, {
|
|
13
|
-
...args
|
|
14
|
-
});
|
|
15
|
-
exports.Basic = Basic;
|
|
16
|
-
Basic.args = {};
|
|
17
|
-
const LinesCount = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
18
|
-
...args
|
|
19
|
-
});
|
|
20
|
-
exports.LinesCount = LinesCount;
|
|
21
|
-
LinesCount.args = {
|
|
22
|
-
lines: 5
|
|
23
|
-
};
|
|
24
|
-
const Custom = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(Basic, {
|
|
25
|
-
...args
|
|
26
|
-
});
|
|
27
|
-
exports.Custom = Custom;
|
|
28
|
-
Custom.args = {
|
|
29
|
-
lines: 5,
|
|
30
|
-
lineProps: {
|
|
31
|
-
width: 200
|
|
32
|
-
}
|
|
33
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Basic = void 0;
|
|
8
|
-
var _Status = _interopRequireDefault(require("./Status"));
|
|
9
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
11
|
-
|
|
12
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Status.default, {
|
|
13
|
-
...args
|
|
14
|
-
});
|
|
15
|
-
exports.Basic = Basic;
|
|
16
|
-
Basic.args = {
|
|
17
|
-
intent: 'success',
|
|
18
|
-
children: 'Success'
|
|
19
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Basic = void 0;
|
|
8
|
-
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
9
|
-
var _Tab = _interopRequireDefault(require("./Tab"));
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
12
|
-
|
|
13
|
-
const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
|
|
14
|
-
...args
|
|
15
|
-
});
|
|
16
|
-
exports.Basic = Basic;
|
|
17
|
-
Basic.args = {
|
|
18
|
-
children: Array.from({
|
|
19
|
-
length: 5
|
|
20
|
-
}, (_v, k) => k + 1).map(v => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
|
|
21
|
-
title: `Tab ${v}`,
|
|
22
|
-
children: `Tab ${v} content.`
|
|
23
|
-
}, v))
|
|
24
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
|
-
|
|
3
|
-
import Alert from './Alert';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
-
export const Basic = args => /*#__PURE__*/_jsx(Alert, {
|
|
8
|
-
...args
|
|
9
|
-
});
|
|
10
|
-
Basic.args = {
|
|
11
|
-
children: 'Content'
|
|
12
|
-
};
|
|
13
|
-
export const Intents = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
14
|
-
children: [/*#__PURE__*/_jsx(Basic, {
|
|
15
|
-
intent: "info",
|
|
16
|
-
...Basic.args
|
|
17
|
-
}), /*#__PURE__*/_jsx(Basic, {
|
|
18
|
-
intent: "success",
|
|
19
|
-
...Basic.args
|
|
20
|
-
}), /*#__PURE__*/_jsx(Basic, {
|
|
21
|
-
intent: "warning",
|
|
22
|
-
...Basic.args
|
|
23
|
-
}), /*#__PURE__*/_jsx(Basic, {
|
|
24
|
-
intent: "danger",
|
|
25
|
-
...Basic.args
|
|
26
|
-
})]
|
|
27
|
-
});
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
|
-
|
|
3
|
-
import Button from './Button';
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
-
export const Basic = args => /*#__PURE__*/_jsx(Button, {
|
|
8
|
-
...args
|
|
9
|
-
});
|
|
10
|
-
Basic.args = {
|
|
11
|
-
children: 'Click me'
|
|
12
|
-
};
|
|
13
|
-
export const Ghost = args => /*#__PURE__*/_jsx(Button, {
|
|
14
|
-
ghost: true,
|
|
15
|
-
...args
|
|
16
|
-
});
|
|
17
|
-
Ghost.args = {
|
|
18
|
-
icon: 'gear'
|
|
19
|
-
};
|
|
20
|
-
export const Intents = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
21
|
-
children: [/*#__PURE__*/_jsx(Basic, {
|
|
22
|
-
intent: "info",
|
|
23
|
-
...Basic.args
|
|
24
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
25
|
-
intent: "success",
|
|
26
|
-
...Basic.args
|
|
27
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
28
|
-
intent: "warning",
|
|
29
|
-
...Basic.args
|
|
30
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
31
|
-
intent: "danger",
|
|
32
|
-
...Basic.args
|
|
33
|
-
})]
|
|
34
|
-
});
|
|
35
|
-
export const Arrows = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
36
|
-
children: [/*#__PURE__*/_jsxs("p", {
|
|
37
|
-
children: [/*#__PURE__*/_jsx(Basic, {
|
|
38
|
-
arrow: "forward",
|
|
39
|
-
...Basic.args
|
|
40
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
41
|
-
arrow: "forward",
|
|
42
|
-
size: "lg",
|
|
43
|
-
...Basic.args
|
|
44
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
45
|
-
arrow: "forward",
|
|
46
|
-
icon: "cpu",
|
|
47
|
-
...Basic.args
|
|
48
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
49
|
-
arrow: "forward",
|
|
50
|
-
intent: "danger",
|
|
51
|
-
...Basic.args
|
|
52
|
-
})]
|
|
53
|
-
}), /*#__PURE__*/_jsxs("p", {
|
|
54
|
-
children: [/*#__PURE__*/_jsx(Basic, {
|
|
55
|
-
arrow: "backward",
|
|
56
|
-
...Basic.args
|
|
57
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
58
|
-
arrow: "backward",
|
|
59
|
-
size: "lg",
|
|
60
|
-
...Basic.args
|
|
61
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
62
|
-
arrow: "backward",
|
|
63
|
-
icon: "cpu",
|
|
64
|
-
...Basic.args
|
|
65
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
66
|
-
arrow: "backward",
|
|
67
|
-
intent: "danger",
|
|
68
|
-
...Basic.args
|
|
69
|
-
})]
|
|
70
|
-
})]
|
|
71
|
-
});
|
|
72
|
-
export const States = () => [{
|
|
73
|
-
intent: 'primary'
|
|
74
|
-
}, {
|
|
75
|
-
disabled: true
|
|
76
|
-
}, {
|
|
77
|
-
ghost: true
|
|
78
|
-
}].map((props, index) =>
|
|
79
|
-
/*#__PURE__*/
|
|
80
|
-
// eslint-disable-next-line react/no-array-index-key
|
|
81
|
-
_jsxs("p", {
|
|
82
|
-
children: [/*#__PURE__*/_jsx(Basic, {
|
|
83
|
-
state: "hovered",
|
|
84
|
-
...Basic.args,
|
|
85
|
-
...props
|
|
86
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
87
|
-
state: "active",
|
|
88
|
-
...Basic.args,
|
|
89
|
-
...props
|
|
90
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
91
|
-
state: "loading",
|
|
92
|
-
...Basic.args,
|
|
93
|
-
...props
|
|
94
|
-
}), ` `, /*#__PURE__*/_jsx(Basic, {
|
|
95
|
-
state: "focused",
|
|
96
|
-
...Basic.args,
|
|
97
|
-
...props
|
|
98
|
-
})]
|
|
99
|
-
}, index.toString()));
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
|
|
2
|
-
|
|
3
|
-
import Cuttable from './Cuttable';
|
|
4
|
-
import Paragraph from '../Paragraph';
|
|
5
|
-
import { Basic as BasicItemList } from '../ItemList/ItemList.stories';
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
export const Basic = args => /*#__PURE__*/_jsx(Cuttable, {
|
|
10
|
-
...args
|
|
11
|
-
});
|
|
12
|
-
Basic.args = {
|
|
13
|
-
children: /*#__PURE__*/_jsxs(_Fragment, {
|
|
14
|
-
children: [/*#__PURE__*/_jsx(Paragraph, {
|
|
15
|
-
children: 'Text 1'
|
|
16
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
17
|
-
children: 'Text 2'
|
|
18
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
19
|
-
children: 'Text 3'
|
|
20
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
21
|
-
children: 'Text 4'
|
|
22
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
23
|
-
children: 'Text 5'
|
|
24
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
25
|
-
children: 'Text 6'
|
|
26
|
-
}), /*#__PURE__*/_jsx(Paragraph, {
|
|
27
|
-
children: 'Text 7'
|
|
28
|
-
})]
|
|
29
|
-
})
|
|
30
|
-
};
|
|
31
|
-
export const WithItemList = args => /*#__PURE__*/_jsx(Cuttable, {
|
|
32
|
-
...args
|
|
33
|
-
});
|
|
34
|
-
WithItemList.args = {
|
|
35
|
-
maxHeight: 60,
|
|
36
|
-
children: /*#__PURE__*/_jsx(BasicItemList, {
|
|
37
|
-
...BasicItemList.args
|
|
38
|
-
})
|
|
39
|
-
};
|