@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,43 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Markdown from './Markdown';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- export const Basic = args => /*#__PURE__*/_jsx(Markdown, {
6
- ...args
7
- });
8
- Basic.args = {
9
- children: `
10
- # Heading
11
-
12
- ## Sub-heading
13
-
14
- ### Another deeper heading
15
-
16
- Paragraphs are separated
17
- by a blank line.
18
-
19
- Two spaces at the end of a line leave a
20
- line break.
21
-
22
- Text attributes _italic_, *italic*, __bold__, **bold**, \`monospace\`.
23
-
24
- Horizontal rule:
25
-
26
- ---
27
-
28
- Bullet list:
29
-
30
- * apples
31
- * oranges
32
- * pears
33
-
34
- Numbered list:
35
-
36
- 1. apples
37
- 2. oranges
38
- 3. pears
39
-
40
- A [link](http://example.com).
41
-
42
- <b>Sanitize</b>`
43
- };
@@ -1,65 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import { cloneElement } from 'react';
4
- import Menu, { MenuItem, MenuDivider, MenuHeader } from '.';
5
- import Label from '../Label';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- export const Basic = args => /*#__PURE__*/_jsx(Menu, {
8
- ...args
9
- });
10
- Basic.args = {
11
- children: [/*#__PURE__*/_jsx(MenuItem, {
12
- "data-test": "one",
13
- children: 'One'
14
- }, "1"), /*#__PURE__*/_jsx(MenuItem, {
15
- "data-test": "two",
16
- children: 'Two'
17
- }, "2"), /*#__PURE__*/_jsx(MenuItem, {
18
- "data-test": "three",
19
- disabled: true,
20
- children: 'Three'
21
- }, "3")]
22
- };
23
- export const Tooltip = Basic.bind(null);
24
- Tooltip.args = {
25
- children: Basic.args.children.map((item, index) => {
26
- if (index === 0) {
27
- return /*#__PURE__*/cloneElement(item, {
28
- tooltip: 'One tooltip!'
29
- });
30
- }
31
- return item;
32
- })
33
- };
34
- export const FullFeatured = Basic.bind(null);
35
- FullFeatured.args = {
36
- children: [/*#__PURE__*/_jsx(MenuHeader, {
37
- children: 'Header 1'
38
- }, "1"), /*#__PURE__*/_jsx(MenuItem, {
39
- "data-test": "2",
40
- onClick: () => {},
41
- icon: "folder-open",
42
- children: 'One'
43
- }, "2"), /*#__PURE__*/_jsx(MenuItem, {
44
- "data-test": "3",
45
- onClick: () => {},
46
- icon: "folder-open",
47
- label: /*#__PURE__*/_jsx(Label, {
48
- intent: "danger",
49
- children: '99'
50
- }),
51
- children: 'Two'
52
- }, "3"), /*#__PURE__*/_jsx(MenuDivider, {}, "4"), /*#__PURE__*/_jsx(MenuHeader, {
53
- children: 'Header 2'
54
- }, "5"), /*#__PURE__*/_jsx(MenuItem, {
55
- "data-test": "6",
56
- onClick: () => {},
57
- icon: "folder-open",
58
- children: 'Three'
59
- }, "6"), /*#__PURE__*/_jsx(MenuItem, {
60
- "data-test": "7",
61
- onClick: () => {},
62
- icon: "folder-open",
63
- children: 'Four'
64
- }, "7")]
65
- };
@@ -1,52 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Link from '../Link';
4
- import Button from '../Button';
5
- import Paragraph from '../Paragraph';
6
- import Popover from './Popover';
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- import { Fragment as _Fragment } from "react/jsx-runtime";
9
- import { jsxs as _jsxs } from "react/jsx-runtime";
10
- export const Basic = args => /*#__PURE__*/_jsx(Popover, {
11
- ...args
12
- });
13
- Basic.args = {
14
- target: /*#__PURE__*/_jsx(Link, {
15
- "data-id": "trigger",
16
- children: 'Trigger'
17
- }),
18
- children: 'Content'
19
- };
20
- export const ThreeButtons = args => /*#__PURE__*/_jsx(Basic, {
21
- ...args
22
- });
23
- ThreeButtons.args = {
24
- ...Basic.args,
25
- children: /*#__PURE__*/_jsxs(_Fragment, {
26
- children: [/*#__PURE__*/_jsx(Paragraph, {
27
- children: 'Enim ea occaecat dolor veniam.'
28
- }), /*#__PURE__*/_jsx(Button, {
29
- "data-id": "button-1",
30
- children: 'Button 1'
31
- }), /*#__PURE__*/_jsx(Paragraph, {
32
- children: 'Incididunt ipsum nulla officia adipisicing voluptate enim reprehenderit.'
33
- }), /*#__PURE__*/_jsx(Button, {
34
- "data-id": "button-2",
35
- children: 'Button 2'
36
- }), ` `, /*#__PURE__*/_jsx(Button, {
37
- "data-id": "button-3",
38
- children: 'Button 3'
39
- }), /*#__PURE__*/_jsx(Paragraph, {
40
- children: 'Cillum sunt nisi aute amet elit ut sit dolor in aliqua minim.'
41
- })]
42
- })
43
- };
44
- export const Autofocus = args => /*#__PURE__*/_jsx(Basic, {
45
- ...args
46
- });
47
- Autofocus.args = {
48
- ...Basic.args,
49
- children: /*#__PURE__*/_jsx("input", {
50
- autoFocus: true
51
- })
52
- };
@@ -1,48 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Select from './Select';
4
- import SelectOption from './SelectOption';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- export const Basic = args => /*#__PURE__*/_jsx(Select, {
7
- ...args
8
- });
9
- Basic.args = {
10
- children: [/*#__PURE__*/_jsx(SelectOption, {
11
- children: 'One'
12
- }, "1"), /*#__PURE__*/_jsx(SelectOption, {
13
- children: 'Two'
14
- }, "2"), /*#__PURE__*/_jsx(SelectOption, {
15
- children: 'Three'
16
- }, "3"), /*#__PURE__*/_jsx(SelectOption, {
17
- children: 'Four'
18
- }, "4"), /*#__PURE__*/_jsx(SelectOption, {
19
- children: 'Five'
20
- }, "5"), /*#__PURE__*/_jsx(SelectOption, {
21
- children: 'Six'
22
- }, "6"), /*#__PURE__*/_jsx(SelectOption, {
23
- children: 'Seven'
24
- }, "7"), /*#__PURE__*/_jsx(SelectOption, {
25
- children: 'Eight'
26
- }, "8"), /*#__PURE__*/_jsx(SelectOption, {
27
- children: 'Nine'
28
- }, "9"), /*#__PURE__*/_jsx(SelectOption, {
29
- children: 'Ten'
30
- }, "10"), /*#__PURE__*/_jsx(SelectOption, {
31
- children: 'Eleven'
32
- }, "11"), /*#__PURE__*/_jsx(SelectOption, {
33
- children: 'Twelve'
34
- }, "12")],
35
- 'data-test': 'select'
36
- };
37
- export const SearchableAtBottom = () => /*#__PURE__*/_jsx("div", {
38
- style: {
39
- position: 'absolute',
40
- left: 0,
41
- bottom: 0,
42
- padding: 16
43
- },
44
- children: /*#__PURE__*/_jsx(Basic, {
45
- searchable: true,
46
- ...Basic.args
47
- })
48
- });
@@ -1,15 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Skeleton from './Skeleton';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- export const Basic = args => /*#__PURE__*/_jsx(Skeleton, {
6
- ...args
7
- });
8
- Basic.args = {};
9
- export const CustomSize = args => /*#__PURE__*/_jsx(Basic, {
10
- ...args
11
- });
12
- CustomSize.args = {
13
- width: 200,
14
- height: 100
15
- };
@@ -1,7 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import SkeletonTabs from './SkeletonTabs';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- export const Basic = args => /*#__PURE__*/_jsx(SkeletonTabs, {
6
- ...args
7
- });
@@ -1,23 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import SkeletonText from './SkeletonText';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- export const Basic = args => /*#__PURE__*/_jsx(SkeletonText, {
6
- ...args
7
- });
8
- Basic.args = {};
9
- export const LinesCount = args => /*#__PURE__*/_jsx(Basic, {
10
- ...args
11
- });
12
- LinesCount.args = {
13
- lines: 5
14
- };
15
- export const Custom = args => /*#__PURE__*/_jsx(Basic, {
16
- ...args
17
- });
18
- Custom.args = {
19
- lines: 5,
20
- lineProps: {
21
- width: 200
22
- }
23
- };
@@ -1,11 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Status from './Status';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- export const Basic = args => /*#__PURE__*/_jsx(Status, {
6
- ...args
7
- });
8
- Basic.args = {
9
- intent: 'success',
10
- children: 'Success'
11
- };
@@ -1,16 +0,0 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- import Tabs from './Tabs';
4
- import Tab from './Tab';
5
- import { jsx as _jsx } from "react/jsx-runtime";
6
- export const Basic = args => /*#__PURE__*/_jsx(Tabs, {
7
- ...args
8
- });
9
- Basic.args = {
10
- children: Array.from({
11
- length: 5
12
- }, (_v, k) => k + 1).map(v => /*#__PURE__*/_jsx(Tab, {
13
- title: `Tab ${v}`,
14
- children: `Tab ${v} content.`
15
- }, v))
16
- };