@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.
Files changed (183) hide show
  1. package/cjs/components/Button/Button.js +1 -2
  2. package/cjs/components/Carousel/Carousel.js +25 -39
  3. package/cjs/components/Drawer/Header.js +71 -108
  4. package/cjs/components/Form/Form.js +5 -7
  5. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -67
  6. package/cjs/components/Grid/Grid.js +9 -71
  7. package/cjs/components/GridCol/GridCol.js +3 -54
  8. package/cjs/components/Icon/constants.js +2 -2
  9. package/cjs/components/Icon/images/symbols.svg +15 -1
  10. package/cjs/components/Link/Link.js +1 -2
  11. package/cjs/components/List/List.js +11 -8
  12. package/cjs/components/Progress/Progress.js +8 -28
  13. package/cjs/components/ProgressDialog/ProgressDialog.js +12 -85
  14. package/cjs/components/ProgressStep/ProgressStep.js +4 -46
  15. package/cjs/components/ProgressStep/index.js +36 -12
  16. package/cjs/components/Rating/Rating.js +5 -36
  17. package/cjs/components/Skeleton/index.js +2 -2
  18. package/cjs/components/SplitButton/SplitButton.js +1 -2
  19. package/cjs/components/Switch/Switch.js +43 -118
  20. package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -26
  21. package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -57
  22. package/cjs/components/Toaster/Toaster.js +3 -3
  23. package/cjs/components/Tooltip/Tooltip.js +35 -64
  24. package/cjs/components/Translate/Translate.js +10 -78
  25. package/cjs/components/Translate/index.js +4 -4
  26. package/cjs/components/Translate/isLikeText.js +27 -0
  27. package/cjs/components/index.js +14 -11
  28. package/cjs/index.js +1 -1
  29. package/cjs/tests/index.js +13 -0
  30. package/cjs/tests/renderer.js +33 -0
  31. package/dist/images/symbols.svg +15 -1
  32. package/dist/plesk-ui-library-rtl.css +1 -1
  33. package/dist/plesk-ui-library-rtl.css.map +1 -1
  34. package/dist/plesk-ui-library.css +1 -1
  35. package/dist/plesk-ui-library.css.map +1 -1
  36. package/dist/plesk-ui-library.js +567 -1139
  37. package/dist/plesk-ui-library.js.map +1 -1
  38. package/dist/plesk-ui-library.min.js +5 -5
  39. package/dist/plesk-ui-library.min.js.map +1 -1
  40. package/esm/components/Button/Button.js +1 -2
  41. package/esm/components/Carousel/Carousel.js +25 -37
  42. package/esm/components/Drawer/Header.js +70 -107
  43. package/esm/components/Form/Form.js +5 -7
  44. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -65
  45. package/esm/components/Grid/Grid.js +9 -69
  46. package/esm/components/GridCol/GridCol.js +2 -55
  47. package/esm/components/Icon/constants.js +2 -2
  48. package/esm/components/Icon/images/symbols.svg +15 -1
  49. package/esm/components/Link/Link.js +1 -2
  50. package/esm/components/List/List.js +11 -8
  51. package/esm/components/Progress/Progress.js +8 -26
  52. package/esm/components/ProgressDialog/ProgressDialog.js +12 -83
  53. package/esm/components/ProgressStep/ProgressStep.js +6 -48
  54. package/esm/components/ProgressStep/index.js +1 -2
  55. package/esm/components/Rating/Rating.js +5 -36
  56. package/esm/components/Skeleton/index.js +2 -2
  57. package/esm/components/SplitButton/SplitButton.js +1 -2
  58. package/esm/components/Switch/Switch.js +43 -116
  59. package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -24
  60. package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -55
  61. package/esm/components/Toaster/Toaster.js +3 -1
  62. package/esm/components/Tooltip/Tooltip.js +36 -62
  63. package/esm/components/Translate/Translate.js +9 -73
  64. package/esm/components/Translate/index.js +2 -1
  65. package/esm/components/Translate/isLikeText.js +19 -0
  66. package/esm/components/index.js +1 -2
  67. package/esm/index.js +1 -1
  68. package/esm/tests/index.js +3 -0
  69. package/esm/tests/renderer.js +25 -0
  70. package/package.json +25 -22
  71. package/styleguide/build/bundle.6318f4a5.js +2 -0
  72. package/styleguide/images/symbols.svg +15 -1
  73. package/styleguide/index.html +2 -2
  74. package/types/src/components/Button/Button.d.ts +2 -3
  75. package/types/src/components/Carousel/Carousel.d.ts +58 -0
  76. package/types/src/components/Carousel/index.d.ts +2 -0
  77. package/types/src/components/Dialog/Dialog.d.ts +1 -1
  78. package/types/src/components/Dialog/index.d.ts +1 -1
  79. package/types/src/components/Drawer/DrawerProgress.d.ts +3 -3
  80. package/types/src/components/Drawer/Header.d.ts +4 -20
  81. package/types/src/components/Form/Form.d.ts +5 -0
  82. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +53 -0
  83. package/types/src/components/FormFieldCheckbox/index.d.ts +2 -0
  84. package/types/src/components/FormFieldPassword/generatePassword.d.ts +2 -0
  85. package/types/src/components/Grid/Grid.d.ts +97 -0
  86. package/types/src/components/Grid/index.d.ts +2 -0
  87. package/types/src/components/GridCol/GridCol.d.ts +53 -0
  88. package/types/src/components/GridCol/index.d.ts +2 -0
  89. package/types/src/components/Icon/constants.d.ts +1 -1
  90. package/types/src/components/ItemList/index.d.ts +1 -0
  91. package/types/src/components/Link/Link.d.ts +1 -2
  92. package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -1
  93. package/types/src/components/Pagination/index.d.ts +1 -0
  94. package/types/src/components/Panel/index.d.ts +1 -0
  95. package/types/src/components/Progress/Progress.d.ts +49 -0
  96. package/types/src/components/Progress/index.d.ts +2 -0
  97. package/types/src/components/ProgressDialog/ProgressDialog.d.ts +125 -0
  98. package/types/src/components/ProgressDialog/index.d.ts +2 -0
  99. package/types/src/components/ProgressStep/ProgressStep.d.ts +69 -0
  100. package/types/src/components/ProgressStep/index.d.ts +2 -0
  101. package/types/src/components/Rating/Rating.d.ts +27 -0
  102. package/types/src/components/Rating/index.d.ts +2 -0
  103. package/types/src/components/Skeleton/Skeleton.d.ts +3 -5
  104. package/types/src/components/Skeleton/SkeletonTabs.d.ts +4 -4
  105. package/types/src/components/Skeleton/SkeletonText.d.ts +2 -2
  106. package/types/src/components/Skeleton/index.d.ts +4 -1
  107. package/types/src/components/SplitButton/SplitButton.d.ts +1 -2
  108. package/types/src/components/Switch/Switch.d.ts +58 -0
  109. package/types/src/components/Switch/index.d.ts +2 -0
  110. package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +24 -0
  111. package/types/src/components/SwitchesPanel/index.d.ts +2 -0
  112. package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +78 -0
  113. package/types/src/components/SwitchesPanelItem/index.d.ts +2 -0
  114. package/types/src/components/TextArea/index.d.ts +1 -0
  115. package/types/src/components/Tooltip/Tooltip.d.ts +61 -0
  116. package/types/src/components/Tooltip/index.d.ts +2 -0
  117. package/types/src/components/Translate/Translate.d.ts +56 -0
  118. package/types/src/components/Translate/index.d.ts +3 -0
  119. package/types/src/components/Translate/isLikeText.d.ts +2 -0
  120. package/types/src/components/index.d.ts +15 -2
  121. package/types/src/components/utils.d.ts +1 -1
  122. package/cjs/components/Alert/Alert.stories.js +0 -34
  123. package/cjs/components/Button/Button.stories.js +0 -109
  124. package/cjs/components/Cuttable/Cuttable.stories.js +0 -46
  125. package/cjs/components/Dialog/Dialog.stories.js +0 -49
  126. package/cjs/components/Drawer/Drawer.stories.js +0 -65
  127. package/cjs/components/Form/Form.stories.js +0 -35
  128. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -32
  129. package/cjs/components/Icon/Icon.stories.js +0 -32
  130. package/cjs/components/ItemLink/ItemLink.stories.js +0 -20
  131. package/cjs/components/ItemList/ItemList.stories.js +0 -122
  132. package/cjs/components/List/List.stories.js +0 -152
  133. package/cjs/components/Markdown/Markdown.stories.js +0 -51
  134. package/cjs/components/Menu/Menu.stories.js +0 -77
  135. package/cjs/components/Popover/Popover.stories.js +0 -60
  136. package/cjs/components/Select/Select.stories.js +0 -57
  137. package/cjs/components/Skeleton/Skeleton.stories.js +0 -24
  138. package/cjs/components/Skeleton/SkeletonTabs.stories.js +0 -15
  139. package/cjs/components/Skeleton/SkeletonText.stories.js +0 -33
  140. package/cjs/components/Status/Status.stories.js +0 -19
  141. package/cjs/components/Tabs/Tabs.stories.js +0 -24
  142. package/esm/components/Alert/Alert.stories.js +0 -27
  143. package/esm/components/Button/Button.stories.js +0 -99
  144. package/esm/components/Cuttable/Cuttable.stories.js +0 -39
  145. package/esm/components/Dialog/Dialog.stories.js +0 -42
  146. package/esm/components/Drawer/Drawer.stories.js +0 -56
  147. package/esm/components/Form/Form.stories.js +0 -27
  148. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -23
  149. package/esm/components/Icon/Icon.stories.js +0 -23
  150. package/esm/components/ItemLink/ItemLink.stories.js +0 -12
  151. package/esm/components/ItemList/ItemList.stories.js +0 -109
  152. package/esm/components/List/List.stories.js +0 -139
  153. package/esm/components/Markdown/Markdown.stories.js +0 -43
  154. package/esm/components/Menu/Menu.stories.js +0 -65
  155. package/esm/components/Popover/Popover.stories.js +0 -52
  156. package/esm/components/Select/Select.stories.js +0 -48
  157. package/esm/components/Skeleton/Skeleton.stories.js +0 -15
  158. package/esm/components/Skeleton/SkeletonTabs.stories.js +0 -7
  159. package/esm/components/Skeleton/SkeletonText.stories.js +0 -23
  160. package/esm/components/Status/Status.stories.js +0 -11
  161. package/esm/components/Tabs/Tabs.stories.js +0 -16
  162. package/styleguide/build/bundle.2a886a79.js +0 -2
  163. package/types/src/components/Alert/Alert.stories.d.ts +0 -11
  164. package/types/src/components/Button/Button.stories.d.ts +0 -17
  165. package/types/src/components/Cuttable/Cuttable.stories.d.ts +0 -17
  166. package/types/src/components/Dialog/Dialog.stories.d.ts +0 -25
  167. package/types/src/components/Drawer/Drawer.stories.d.ts +0 -43
  168. package/types/src/components/Form/Form.stories.d.ts +0 -13
  169. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -20
  170. package/types/src/components/Icon/Icon.stories.d.ts +0 -7
  171. package/types/src/components/ItemLink/ItemLink.stories.d.ts +0 -12
  172. package/types/src/components/ItemList/ItemList.stories.d.ts +0 -172
  173. package/types/src/components/List/List.stories.d.ts +0 -30
  174. package/types/src/components/Markdown/Markdown.stories.d.ts +0 -10
  175. package/types/src/components/Menu/Menu.stories.d.ts +0 -20
  176. package/types/src/components/Popover/Popover.stories.d.ts +0 -25
  177. package/types/src/components/Select/Select.stories.d.ts +0 -12
  178. package/types/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
  179. package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +0 -5
  180. package/types/src/components/Skeleton/SkeletonText.stories.d.ts +0 -23
  181. package/types/src/components/Status/Status.stories.d.ts +0 -11
  182. package/types/src/components/Tabs/Tabs.stories.d.ts +0 -10
  183. /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
- };