@plesk/ui-library 3.35.1 → 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 (147) 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/Link/Link.js +1 -2
  9. package/cjs/components/List/List.js +11 -8
  10. package/cjs/components/ProgressDialog/ProgressDialog.js +12 -85
  11. package/cjs/components/Rating/Rating.js +5 -36
  12. package/cjs/components/Skeleton/index.js +2 -2
  13. package/cjs/components/SplitButton/SplitButton.js +1 -2
  14. package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -26
  15. package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -57
  16. package/cjs/components/Toaster/Toaster.js +3 -3
  17. package/cjs/components/index.js +14 -11
  18. package/cjs/index.js +1 -1
  19. package/cjs/tests/renderer.js +7 -1
  20. package/dist/plesk-ui-library-rtl.css +1 -1
  21. package/dist/plesk-ui-library-rtl.css.map +1 -1
  22. package/dist/plesk-ui-library.css +1 -1
  23. package/dist/plesk-ui-library.css.map +1 -1
  24. package/dist/plesk-ui-library.js +273 -672
  25. package/dist/plesk-ui-library.js.map +1 -1
  26. package/dist/plesk-ui-library.min.js +5 -5
  27. package/dist/plesk-ui-library.min.js.map +1 -1
  28. package/esm/components/Button/Button.js +1 -2
  29. package/esm/components/Carousel/Carousel.js +25 -37
  30. package/esm/components/Drawer/Header.js +70 -107
  31. package/esm/components/Form/Form.js +5 -7
  32. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +8 -65
  33. package/esm/components/Grid/Grid.js +9 -69
  34. package/esm/components/GridCol/GridCol.js +2 -55
  35. package/esm/components/Link/Link.js +1 -2
  36. package/esm/components/List/List.js +11 -8
  37. package/esm/components/ProgressDialog/ProgressDialog.js +12 -83
  38. package/esm/components/Rating/Rating.js +5 -36
  39. package/esm/components/Skeleton/index.js +2 -2
  40. package/esm/components/SplitButton/SplitButton.js +1 -2
  41. package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -24
  42. package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -55
  43. package/esm/components/Toaster/Toaster.js +3 -1
  44. package/esm/components/index.js +1 -2
  45. package/esm/index.js +1 -1
  46. package/esm/tests/renderer.js +7 -1
  47. package/package.json +16 -17
  48. package/styleguide/build/bundle.6318f4a5.js +2 -0
  49. package/styleguide/index.html +2 -2
  50. package/types/src/components/Button/Button.d.ts +2 -3
  51. package/types/src/components/Carousel/Carousel.d.ts +58 -0
  52. package/types/src/components/Carousel/index.d.ts +2 -0
  53. package/types/src/components/Dialog/Dialog.d.ts +1 -1
  54. package/types/src/components/Dialog/index.d.ts +1 -1
  55. package/types/src/components/Drawer/Header.d.ts +4 -20
  56. package/types/src/components/Form/Form.d.ts +5 -0
  57. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.d.ts +53 -0
  58. package/types/src/components/FormFieldCheckbox/index.d.ts +2 -0
  59. package/types/src/components/FormFieldPassword/generatePassword.d.ts +2 -0
  60. package/types/src/components/Grid/Grid.d.ts +97 -0
  61. package/types/src/components/Grid/index.d.ts +2 -0
  62. package/types/src/components/GridCol/GridCol.d.ts +53 -0
  63. package/types/src/components/GridCol/index.d.ts +2 -0
  64. package/types/src/components/Link/Link.d.ts +1 -2
  65. package/types/src/components/LocaleProvider/LocaleProvider.d.ts +1 -1
  66. package/types/src/components/ProgressDialog/ProgressDialog.d.ts +125 -0
  67. package/types/src/components/ProgressDialog/index.d.ts +2 -0
  68. package/types/src/components/Rating/Rating.d.ts +27 -0
  69. package/types/src/components/Rating/index.d.ts +2 -0
  70. package/types/src/components/Skeleton/Skeleton.d.ts +3 -5
  71. package/types/src/components/Skeleton/SkeletonTabs.d.ts +4 -4
  72. package/types/src/components/Skeleton/SkeletonText.d.ts +2 -2
  73. package/types/src/components/Skeleton/index.d.ts +4 -1
  74. package/types/src/components/SplitButton/SplitButton.d.ts +1 -2
  75. package/types/src/components/SwitchesPanel/SwitchesPanel.d.ts +24 -0
  76. package/types/src/components/SwitchesPanel/index.d.ts +2 -0
  77. package/types/src/components/SwitchesPanelItem/SwitchesPanelItem.d.ts +78 -0
  78. package/types/src/components/SwitchesPanelItem/index.d.ts +2 -0
  79. package/types/src/components/index.d.ts +10 -2
  80. package/types/src/components/utils.d.ts +1 -1
  81. package/cjs/components/Alert/Alert.stories.js +0 -34
  82. package/cjs/components/Button/Button.stories.js +0 -109
  83. package/cjs/components/Cuttable/Cuttable.stories.js +0 -46
  84. package/cjs/components/Dialog/Dialog.stories.js +0 -49
  85. package/cjs/components/Drawer/Drawer.stories.js +0 -65
  86. package/cjs/components/Form/Form.stories.js +0 -35
  87. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -32
  88. package/cjs/components/Icon/Icon.stories.js +0 -32
  89. package/cjs/components/ItemLink/ItemLink.stories.js +0 -20
  90. package/cjs/components/ItemList/ItemList.stories.js +0 -122
  91. package/cjs/components/List/List.stories.js +0 -152
  92. package/cjs/components/Markdown/Markdown.stories.js +0 -51
  93. package/cjs/components/Menu/Menu.stories.js +0 -77
  94. package/cjs/components/Popover/Popover.stories.js +0 -60
  95. package/cjs/components/Select/Select.stories.js +0 -57
  96. package/cjs/components/Skeleton/Skeleton.stories.js +0 -24
  97. package/cjs/components/Skeleton/SkeletonTabs.stories.js +0 -15
  98. package/cjs/components/Skeleton/SkeletonText.stories.js +0 -33
  99. package/cjs/components/Status/Status.stories.js +0 -19
  100. package/cjs/components/Tabs/Tabs.stories.js +0 -24
  101. package/dist/.DS_Store +0 -0
  102. package/dist/images/default.svg +0 -1
  103. package/dist/images/filtered.svg +0 -1
  104. package/esm/components/Alert/Alert.stories.js +0 -27
  105. package/esm/components/Button/Button.stories.js +0 -99
  106. package/esm/components/Cuttable/Cuttable.stories.js +0 -39
  107. package/esm/components/Dialog/Dialog.stories.js +0 -42
  108. package/esm/components/Drawer/Drawer.stories.js +0 -56
  109. package/esm/components/Form/Form.stories.js +0 -27
  110. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +0 -23
  111. package/esm/components/Icon/Icon.stories.js +0 -23
  112. package/esm/components/ItemLink/ItemLink.stories.js +0 -12
  113. package/esm/components/ItemList/ItemList.stories.js +0 -109
  114. package/esm/components/List/List.stories.js +0 -139
  115. package/esm/components/Markdown/Markdown.stories.js +0 -43
  116. package/esm/components/Menu/Menu.stories.js +0 -65
  117. package/esm/components/Popover/Popover.stories.js +0 -52
  118. package/esm/components/Select/Select.stories.js +0 -48
  119. package/esm/components/Skeleton/Skeleton.stories.js +0 -15
  120. package/esm/components/Skeleton/SkeletonTabs.stories.js +0 -7
  121. package/esm/components/Skeleton/SkeletonText.stories.js +0 -23
  122. package/esm/components/Status/Status.stories.js +0 -11
  123. package/esm/components/Tabs/Tabs.stories.js +0 -16
  124. package/styleguide/build/bundle.edc3f2a1.js +0 -2
  125. package/types/src/components/Alert/Alert.stories.d.ts +0 -11
  126. package/types/src/components/Button/Button.stories.d.ts +0 -17
  127. package/types/src/components/Cuttable/Cuttable.stories.d.ts +0 -17
  128. package/types/src/components/Dialog/Dialog.stories.d.ts +0 -25
  129. package/types/src/components/Drawer/Drawer.stories.d.ts +0 -43
  130. package/types/src/components/Form/Form.stories.d.ts +0 -13
  131. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -20
  132. package/types/src/components/Icon/Icon.stories.d.ts +0 -7
  133. package/types/src/components/ItemLink/ItemLink.stories.d.ts +0 -12
  134. package/types/src/components/ItemList/ItemList.stories.d.ts +0 -172
  135. package/types/src/components/List/List.stories.d.ts +0 -30
  136. package/types/src/components/Markdown/Markdown.stories.d.ts +0 -10
  137. package/types/src/components/Menu/Menu.stories.d.ts +0 -20
  138. package/types/src/components/Popover/Popover.stories.d.ts +0 -25
  139. package/types/src/components/Select/Select.stories.d.ts +0 -12
  140. package/types/src/components/Skeleton/Skeleton.stories.d.ts +0 -15
  141. package/types/src/components/Skeleton/SkeletonTabs.stories.d.ts +0 -5
  142. package/types/src/components/Skeleton/SkeletonText.stories.d.ts +0 -23
  143. package/types/src/components/Status/Status.stories.d.ts +0 -11
  144. package/types/src/components/Tabs/Tabs.stories.d.ts +0 -10
  145. package/types/src/tests/index.d.ts +0 -1
  146. package/types/src/tests/renderer.d.ts +0 -23
  147. /package/styleguide/build/{bundle.edc3f2a1.js.LICENSE.txt → bundle.6318f4a5.js.LICENSE.txt} +0 -0
@@ -1,122 +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.Selectables = exports.Reorderables = exports.HoverableItems = exports.HoverableItemList = exports.Cards = exports.Basic = void 0;
8
- var _react = require("react");
9
- var _ItemList = _interopRequireDefault(require("./ItemList"));
10
- var _Item = _interopRequireDefault(require("../Item"));
11
- var _Icon = _interopRequireDefault(require("../Icon"));
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)(_ItemList.default, {
16
- ...args
17
- });
18
- exports.Basic = Basic;
19
- Basic.args = {
20
- minColumnWidth: 220,
21
- gap: 'md',
22
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
23
- value: "1",
24
- title: "Title 1",
25
- description: "Description 1",
26
- "data-test": "item1",
27
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
28
- name: "star-circle-filled",
29
- intent: "info"
30
- }),
31
- onClick: () => {},
32
- children: 'Content 1'
33
- }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
34
- value: "2",
35
- title: "Title 2",
36
- description: "Description 2",
37
- "data-test": "item2",
38
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
39
- name: "star-circle-filled",
40
- intent: "success"
41
- }),
42
- onClick: () => {},
43
- children: 'Content 2'
44
- }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
45
- value: "3",
46
- title: "Title 3",
47
- description: "Description 3",
48
- "data-test": "item3",
49
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
50
- name: "star-circle-filled",
51
- intent: "warning"
52
- }),
53
- onClick: () => {},
54
- hoverable: true,
55
- children: 'Content 3'
56
- }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.default, {
57
- value: "4",
58
- title: "Title 4",
59
- description: "Description 4",
60
- "data-test": "item4",
61
- icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
62
- name: "star-circle-filled",
63
- intent: "danger"
64
- }),
65
- onClick: () => {},
66
- disabled: true,
67
- hoverable: true,
68
- children: 'Content 4'
69
- }, "4")]
70
- };
71
- const Cards = Basic.bind(null);
72
- exports.Cards = Cards;
73
- Cards.args = {
74
- ...Basic.args,
75
- children: Basic.args.children.map(child => child ? /*#__PURE__*/(0, _react.cloneElement)(child, {
76
- view: 'card',
77
- footer: `Footer ${child.props.value}`
78
- }) : null)
79
- };
80
- const Reorderables = Basic.bind(null);
81
- exports.Reorderables = Reorderables;
82
- Reorderables.args = {
83
- ...Basic.args,
84
- reorderable: true
85
- };
86
- const Selectables = Basic.bind(null);
87
- exports.Selectables = Selectables;
88
- Selectables.args = {
89
- ...Basic.args,
90
- selectable: true,
91
- defaultValue: '2'
92
- };
93
- const HoverableItemList = Basic.bind(null);
94
- exports.HoverableItemList = HoverableItemList;
95
- HoverableItemList.args = {
96
- ...Basic.args,
97
- hoverable: true,
98
- defaultValue: '2',
99
- children: Basic.args.children.map((child, index) => {
100
- if (!child) {
101
- return null;
102
- }
103
- return /*#__PURE__*/(0, _react.cloneElement)(child, {
104
- hoverable: index === 0 ? false : undefined
105
- });
106
- })
107
- };
108
- const HoverableItems = Basic.bind(null);
109
- exports.HoverableItems = HoverableItems;
110
- HoverableItems.args = {
111
- ...Basic.args,
112
- hoverable: false,
113
- defaultValue: '2',
114
- children: Basic.args.children.map((child, index) => {
115
- if (!child) {
116
- return null;
117
- }
118
- return /*#__PURE__*/(0, _react.cloneElement)(child, {
119
- hoverable: index % 2 === 0
120
- });
121
- })
122
- };
@@ -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
- };
package/dist/.DS_Store DELETED
Binary file