@plesk/ui-library 3.36.1 → 3.37.0

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 (279) hide show
  1. package/README.md +50 -50
  2. package/cjs/components/Action/Action.js +3 -3
  3. package/cjs/components/Alert/Alert.js +5 -5
  4. package/cjs/components/AutoClosable/AutoClosable.js +3 -3
  5. package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
  6. package/cjs/components/Badge/Badge.js +3 -3
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.js +4 -4
  8. package/cjs/components/Button/Button.js +4 -4
  9. package/cjs/components/ButtonGroup/ButtonGroup.js +3 -3
  10. package/cjs/components/Card/Card.js +52 -52
  11. package/cjs/components/Card/CardButton.js +2 -2
  12. package/cjs/components/Card/PreviewPanel.js +3 -3
  13. package/cjs/components/Card/images/no-image.svg +6 -6
  14. package/cjs/components/CardList/CardList.js +55 -55
  15. package/cjs/components/Carousel/Carousel.js +186 -81
  16. package/cjs/components/Checkbox/Checkbox.js +3 -3
  17. package/cjs/components/CodeEditor/CodeEditor.js +3 -3
  18. package/cjs/components/Columns/Column.js +3 -3
  19. package/cjs/components/Columns/Columns.js +3 -3
  20. package/cjs/components/ComboBox/ComboBox.js +4 -4
  21. package/cjs/components/ComboBox/ComboBoxOption.js +5 -4
  22. package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -3
  23. package/cjs/components/ContentLoader/ContentLoader.js +3 -3
  24. package/cjs/components/Cuttable/Cuttable.js +3 -3
  25. package/cjs/components/Dialog/Dialog.js +3 -3
  26. package/cjs/components/Drawer/Drawer.js +4 -4
  27. package/cjs/components/Dropdown/Dropdown.js +5 -5
  28. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
  29. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
  30. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
  31. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
  32. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
  33. package/cjs/components/Figure/Figure.js +3 -3
  34. package/cjs/components/Form/Form.js +4 -4
  35. package/cjs/components/Form/utils.js +22 -22
  36. package/cjs/components/FormField/FormField.js +24 -24
  37. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
  38. package/cjs/components/FormFieldPassword/FormFieldPassword.js +3 -3
  39. package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
  40. package/cjs/components/FormFieldSelect/FormFieldSelect.js +4 -4
  41. package/cjs/components/FormFieldText/FormFieldText.js +5 -5
  42. package/cjs/components/Grid/Grid.js +3 -3
  43. package/cjs/components/GridCol/GridCol.js +3 -3
  44. package/cjs/components/Heading/Heading.js +3 -3
  45. package/cjs/components/Hint/Hint.js +3 -3
  46. package/cjs/components/Icon/Icon.js +6 -6
  47. package/cjs/components/Icon/images/symbols.svg +1846 -1846
  48. package/cjs/components/InPlaceEdit/InPlaceEdit.js +5 -5
  49. package/cjs/components/Input/Input.js +3 -3
  50. package/cjs/components/InputFile/InputFile.js +3 -3
  51. package/cjs/components/InputNumber/InputNumber.js +3 -3
  52. package/cjs/components/Item/Item.js +4 -4
  53. package/cjs/components/ItemLink/ItemLink.js +4 -4
  54. package/cjs/components/ItemList/ItemList.js +6 -6
  55. package/cjs/components/Label/Label.js +3 -3
  56. package/cjs/components/Layer/Layer.js +2 -2
  57. package/cjs/components/Layout/Layout.js +2 -2
  58. package/cjs/components/Link/Link.js +3 -3
  59. package/cjs/components/List/List.js +4 -7
  60. package/cjs/components/List/ListAction.js +4 -4
  61. package/cjs/components/List/ListActions.js +3 -3
  62. package/cjs/components/List/ListActionsDivider.js +4 -4
  63. package/cjs/components/List/ListEmptyView.js +4 -4
  64. package/cjs/components/List/ListOperation.js +4 -4
  65. package/cjs/components/LocaleProvider/LocaleProvider.js +3 -3
  66. package/cjs/components/Markdown/Markdown.js +3 -3
  67. package/cjs/components/Media/Media.js +5 -5
  68. package/cjs/components/Media/MediaSection.js +3 -3
  69. package/cjs/components/Menu/Menu.js +9 -9
  70. package/cjs/components/Menu/MenuBaseItem.js +3 -3
  71. package/cjs/components/Menu/MenuDivider.js +3 -3
  72. package/cjs/components/Menu/MenuHeader.js +3 -3
  73. package/cjs/components/Menu/MenuItem.js +3 -3
  74. package/cjs/components/Menu/MenuSelectableItem.js +3 -3
  75. package/cjs/components/Overlay/Overlay.js +2 -2
  76. package/cjs/components/PageHeader/PageHeader.js +3 -3
  77. package/cjs/components/Pagination/Pagination.js +3 -3
  78. package/cjs/components/Panel/Panel.js +64 -101
  79. package/cjs/components/Paragraph/Paragraph.js +3 -3
  80. package/cjs/components/Plaintext/Plaintext.js +3 -3
  81. package/cjs/components/Popover/Popover.js +4 -4
  82. package/cjs/components/Popper/Popper.js +2 -2
  83. package/cjs/components/Progress/Progress.js +3 -3
  84. package/cjs/components/ProgressDialog/ProgressDialog.js +3 -3
  85. package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
  86. package/cjs/components/ProgressStep/ProgressStep.js +3 -3
  87. package/cjs/components/Radio/Radio.js +3 -3
  88. package/cjs/components/Rating/Rating.js +3 -3
  89. package/cjs/components/Rating/images/rating.svg +6 -6
  90. package/cjs/components/Section/Section.js +4 -4
  91. package/cjs/components/Section/SectionItem.js +3 -3
  92. package/cjs/components/SegmentedControl/SegmentedControl.js +4 -4
  93. package/cjs/components/Select/MultiValue.js +1 -1
  94. package/cjs/components/Select/Select.js +3 -3
  95. package/cjs/components/Select/SelectControl.js +1 -1
  96. package/cjs/components/Select/SelectOption.js +5 -4
  97. package/cjs/components/Select/SelectOptionGroup.js +3 -3
  98. package/cjs/components/Skeleton/Skeleton.js +4 -4
  99. package/cjs/components/Skeleton/SkeletonTabs.js +3 -3
  100. package/cjs/components/Skeleton/SkeletonText.js +3 -3
  101. package/cjs/components/Spinner/Spinner.js +2 -2
  102. package/cjs/components/SplitButton/SplitButton.js +5 -5
  103. package/cjs/components/Spot/Spot.js +3 -3
  104. package/cjs/components/Status/Status.js +3 -3
  105. package/cjs/components/StatusMessage/StatusMessage.js +4 -4
  106. package/cjs/components/Subnav/Subnav.js +5 -5
  107. package/cjs/components/Switch/Switch.js +4 -4
  108. package/cjs/components/SwitchesPanel/SwitchesPanel.js +3 -3
  109. package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
  110. package/cjs/components/Tabs/SearchBar.js +3 -3
  111. package/cjs/components/Tabs/Tab.js +7 -7
  112. package/cjs/components/Tabs/Tabs.js +6 -6
  113. package/cjs/components/Text/Text.js +3 -3
  114. package/cjs/components/TextArea/TextArea.js +3 -3
  115. package/cjs/components/Toaster/Toaster.js +37 -37
  116. package/cjs/components/Toolbar/Toolbar.js +6 -6
  117. package/cjs/components/Toolbar/ToolbarExpander.js +5 -5
  118. package/cjs/components/Toolbar/ToolbarGroup.js +4 -4
  119. package/cjs/components/Toolbar/ToolbarMenu.js +0 -1
  120. package/cjs/components/Tooltip/Tooltip.js +4 -4
  121. package/cjs/components/Tour/Tour.js +5 -5
  122. package/cjs/components/Translate/Translate.js +3 -3
  123. package/cjs/index.js +1 -1
  124. package/dist/images/no-image.svg +6 -6
  125. package/dist/images/rating.svg +6 -6
  126. package/dist/images/symbols.svg +1846 -1846
  127. package/dist/plesk-ui-library-rtl.css +1 -1
  128. package/dist/plesk-ui-library-rtl.css.map +1 -1
  129. package/dist/plesk-ui-library.css +1 -1
  130. package/dist/plesk-ui-library.css.map +1 -1
  131. package/dist/plesk-ui-library.js +11997 -11914
  132. package/dist/plesk-ui-library.js.map +1 -1
  133. package/dist/plesk-ui-library.min.js +18 -18
  134. package/dist/plesk-ui-library.min.js.map +1 -1
  135. package/esm/components/Action/Action.js +3 -3
  136. package/esm/components/Alert/Alert.js +5 -5
  137. package/esm/components/AutoClosable/AutoClosable.js +3 -3
  138. package/esm/components/AuxiliaryActions/AuxiliaryActions.js +3 -3
  139. package/esm/components/Badge/Badge.js +3 -3
  140. package/esm/components/Breadcrumbs/Breadcrumbs.js +4 -4
  141. package/esm/components/Button/Button.js +4 -4
  142. package/esm/components/ButtonGroup/ButtonGroup.js +3 -3
  143. package/esm/components/Card/Card.js +52 -52
  144. package/esm/components/Card/CardButton.js +2 -2
  145. package/esm/components/Card/PreviewPanel.js +3 -3
  146. package/esm/components/Card/images/no-image.svg +6 -6
  147. package/esm/components/CardList/CardList.js +55 -55
  148. package/esm/components/Carousel/Carousel.js +187 -82
  149. package/esm/components/Checkbox/Checkbox.js +3 -3
  150. package/esm/components/CodeEditor/CodeEditor.js +3 -3
  151. package/esm/components/Columns/Column.js +3 -3
  152. package/esm/components/Columns/Columns.js +3 -3
  153. package/esm/components/ComboBox/ComboBox.js +4 -4
  154. package/esm/components/ComboBox/ComboBoxOption.js +5 -4
  155. package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -3
  156. package/esm/components/ContentLoader/ContentLoader.js +3 -3
  157. package/esm/components/Cuttable/Cuttable.js +3 -3
  158. package/esm/components/Dialog/Dialog.js +3 -3
  159. package/esm/components/Drawer/Drawer.js +4 -4
  160. package/esm/components/Dropdown/Dropdown.js +5 -5
  161. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +4 -4
  162. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +3 -3
  163. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +3 -3
  164. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +3 -3
  165. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +3 -3
  166. package/esm/components/Figure/Figure.js +3 -3
  167. package/esm/components/Form/Form.js +4 -4
  168. package/esm/components/Form/utils.js +22 -22
  169. package/esm/components/FormField/FormField.js +24 -24
  170. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +4 -4
  171. package/esm/components/FormFieldPassword/FormFieldPassword.js +3 -3
  172. package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +3 -3
  173. package/esm/components/FormFieldSelect/FormFieldSelect.js +4 -4
  174. package/esm/components/FormFieldText/FormFieldText.js +5 -5
  175. package/esm/components/Grid/Grid.js +3 -3
  176. package/esm/components/GridCol/GridCol.js +3 -3
  177. package/esm/components/Heading/Heading.js +3 -3
  178. package/esm/components/Hint/Hint.js +3 -3
  179. package/esm/components/Icon/Icon.js +6 -6
  180. package/esm/components/Icon/images/symbols.svg +1846 -1846
  181. package/esm/components/InPlaceEdit/InPlaceEdit.js +5 -5
  182. package/esm/components/Input/Input.js +3 -3
  183. package/esm/components/InputFile/InputFile.js +3 -3
  184. package/esm/components/InputNumber/InputNumber.js +3 -3
  185. package/esm/components/Item/Item.js +4 -4
  186. package/esm/components/ItemLink/ItemLink.js +4 -4
  187. package/esm/components/ItemList/ItemList.js +6 -6
  188. package/esm/components/Label/Label.js +3 -3
  189. package/esm/components/Layer/Layer.js +2 -2
  190. package/esm/components/Layout/Layout.js +2 -2
  191. package/esm/components/Link/Link.js +3 -3
  192. package/esm/components/List/List.js +4 -7
  193. package/esm/components/List/ListAction.js +4 -4
  194. package/esm/components/List/ListActions.js +3 -3
  195. package/esm/components/List/ListActionsDivider.js +4 -4
  196. package/esm/components/List/ListEmptyView.js +4 -4
  197. package/esm/components/List/ListOperation.js +4 -4
  198. package/esm/components/LocaleProvider/LocaleProvider.js +3 -3
  199. package/esm/components/Markdown/Markdown.js +3 -3
  200. package/esm/components/Media/Media.js +5 -5
  201. package/esm/components/Media/MediaSection.js +3 -3
  202. package/esm/components/Menu/Menu.js +9 -9
  203. package/esm/components/Menu/MenuBaseItem.js +3 -3
  204. package/esm/components/Menu/MenuDivider.js +3 -3
  205. package/esm/components/Menu/MenuHeader.js +3 -3
  206. package/esm/components/Menu/MenuItem.js +3 -3
  207. package/esm/components/Menu/MenuSelectableItem.js +3 -3
  208. package/esm/components/Overlay/Overlay.js +2 -2
  209. package/esm/components/PageHeader/PageHeader.js +3 -3
  210. package/esm/components/Pagination/Pagination.js +3 -3
  211. package/esm/components/Panel/Panel.js +65 -102
  212. package/esm/components/Paragraph/Paragraph.js +3 -3
  213. package/esm/components/Plaintext/Plaintext.js +3 -3
  214. package/esm/components/Popover/Popover.js +4 -4
  215. package/esm/components/Popper/Popper.js +2 -2
  216. package/esm/components/Progress/Progress.js +3 -3
  217. package/esm/components/ProgressDialog/ProgressDialog.js +3 -3
  218. package/esm/components/ProgressDialogStep/ProgressDialogStep.js +3 -3
  219. package/esm/components/ProgressStep/ProgressStep.js +3 -3
  220. package/esm/components/Radio/Radio.js +3 -3
  221. package/esm/components/Rating/Rating.js +3 -3
  222. package/esm/components/Rating/images/rating.svg +6 -6
  223. package/esm/components/Section/Section.js +4 -4
  224. package/esm/components/Section/SectionItem.js +3 -3
  225. package/esm/components/SegmentedControl/SegmentedControl.js +4 -4
  226. package/esm/components/Select/MultiValue.js +1 -1
  227. package/esm/components/Select/Select.js +3 -3
  228. package/esm/components/Select/SelectControl.js +1 -1
  229. package/esm/components/Select/SelectOption.js +5 -4
  230. package/esm/components/Select/SelectOptionGroup.js +3 -3
  231. package/esm/components/Skeleton/Skeleton.js +4 -4
  232. package/esm/components/Skeleton/SkeletonTabs.js +3 -3
  233. package/esm/components/Skeleton/SkeletonText.js +3 -3
  234. package/esm/components/Spinner/Spinner.js +2 -2
  235. package/esm/components/SplitButton/SplitButton.js +5 -5
  236. package/esm/components/Spot/Spot.js +3 -3
  237. package/esm/components/Status/Status.js +3 -3
  238. package/esm/components/StatusMessage/StatusMessage.js +4 -4
  239. package/esm/components/Subnav/Subnav.js +5 -5
  240. package/esm/components/Switch/Switch.js +4 -4
  241. package/esm/components/SwitchesPanel/SwitchesPanel.js +3 -3
  242. package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +4 -4
  243. package/esm/components/Tabs/SearchBar.js +3 -3
  244. package/esm/components/Tabs/Tab.js +7 -7
  245. package/esm/components/Tabs/Tabs.js +6 -6
  246. package/esm/components/Text/Text.js +3 -3
  247. package/esm/components/TextArea/TextArea.js +3 -3
  248. package/esm/components/Toaster/Toaster.js +37 -37
  249. package/esm/components/Toolbar/Toolbar.js +6 -6
  250. package/esm/components/Toolbar/ToolbarExpander.js +5 -5
  251. package/esm/components/Toolbar/ToolbarGroup.js +4 -4
  252. package/esm/components/Toolbar/ToolbarMenu.js +0 -1
  253. package/esm/components/Tooltip/Tooltip.js +4 -4
  254. package/esm/components/Tour/Tour.js +5 -5
  255. package/esm/components/Translate/Translate.js +3 -3
  256. package/esm/index.js +1 -1
  257. package/index.js +5 -5
  258. package/package.json +150 -150
  259. package/scripts/postinstall.js +9 -9
  260. package/styleguide/browserconfig.xml +9 -9
  261. package/styleguide/build/bundle.c3d05006.js +2 -0
  262. package/styleguide/images/no-image.svg +6 -6
  263. package/styleguide/images/rating.svg +6 -6
  264. package/styleguide/images/symbols.svg +1846 -1846
  265. package/styleguide/index.html +2 -2
  266. package/styleguide/placeholders/placeholder_400x200.svg +5 -5
  267. package/styleguide/placeholders/placeholder_400x400.svg +5 -5
  268. package/styleguide/placeholders/placeholder_600x400.svg +5 -5
  269. package/styleguide/safari-pinned-tab.svg +28 -28
  270. package/styleguide/site.webmanifest +19 -19
  271. package/types/src/components/Carousel/Carousel.d.ts +43 -8
  272. package/types/src/components/List/List.d.ts +0 -1
  273. package/types/src/components/Panel/Panel.d.ts +4 -21
  274. package/types/src/components/Panel/index.d.ts +1 -0
  275. package/types/src/components/Radio/Radio.d.ts +4 -6
  276. package/types/src/components/Section/Section.d.ts +1 -1
  277. package/types/src/components/index.d.ts +1 -0
  278. package/styleguide/build/bundle.ed34a3c0.js +0 -2
  279. /package/styleguide/build/{bundle.ed34a3c0.js.LICENSE.txt → bundle.c3d05006.js.LICENSE.txt} +0 -0
@@ -16,9 +16,9 @@ import { safeInvoke } from '../utils';
16
16
  import { jsx as _jsx } from "react/jsx-runtime";
17
17
  import { Fragment as _Fragment } from "react/jsx-runtime";
18
18
  import { jsxs as _jsxs } from "react/jsx-runtime";
19
- /**
20
- * `SearchBar` component is used for providing type-as-you-go search.
21
- * @since 0.0.58
19
+ /**
20
+ * `SearchBar` component is used for providing type-as-you-go search.
21
+ * @since 0.0.58
22
22
  */
23
23
  class SearchBar extends Component {
24
24
  constructor() {
@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
3
3
  /* eslint-disable react/no-unused-prop-types */
4
4
 
5
- /**
6
- * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
7
- *
8
- * Each `Tab` can display an icon near the tab name for easier identification.
9
- * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
10
- * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
11
- * @since 0.0.35
5
+ /**
6
+ * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
7
+ *
8
+ * Each `Tab` can display an icon near the tab name for easier identification.
9
+ * It can also display a [Label](#!/Label) next to the tab name for showing additional information about its content.
10
+ * You can make `Tabs` closeable, for example, if you are using them for opening and displaying files.
11
+ * @since 0.0.35
12
12
  */
13
13
  const Tab = _ref => {
14
14
  let {
@@ -18,12 +18,12 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
18
18
  const ADDON_LEFT_PADDING = 5;
19
19
  const MIN_ADDON_WIDTH_DEFAULT = 150;
20
20
  const COLLAPSED_SEARCH_WIDTH = 60;
21
- /**
22
- * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
23
- * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
24
- * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
25
- * group name and a navigation button.
26
- * @since 0.0.35
21
+ /**
22
+ * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
23
+ * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
24
+ * the content is broken into logical groups and each group is displayed under its own [Tab](#!/Tab) that serves both as a
25
+ * group name and a navigation button.
26
+ * @since 0.0.35
27
27
  */
28
28
  class Tabs extends Component {
29
29
  constructor() {
@@ -5,9 +5,9 @@ import classNames from 'classnames';
5
5
  import { CLS_PREFIX } from '../../constants';
6
6
  import OnDarkContext from '../OnDarkContext';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
- /**
9
- * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
10
- * @since 1.1.0
8
+ /**
9
+ * `Text` component is used for displaying inline text. For text blocks use [Paragraph](#!/Paragraph).
10
+ * @since 1.1.0
11
11
  */
12
12
  const Text = _ref => {
13
13
  let {
@@ -21,9 +21,9 @@ const getMinMax = rows => {
21
21
  };
22
22
  const AVAILABLE_SIZES = ['sm', 'md', 'lg', 'xl', 'fill'];
23
23
 
24
- /**
25
- * `TextArea` is used for entering long text (like email body, descriptions, comments).
26
- * @since 1.9.0
24
+ /**
25
+ * `TextArea` is used for entering long text (like email body, descriptions, comments).
26
+ * @since 1.9.0
27
27
  */
28
28
 
29
29
  class TextArea extends Component {
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _class;
2
+ var _Toaster;
3
3
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
4
4
 
5
5
  import { render } from 'react-dom';
@@ -11,9 +11,9 @@ import Toast from '../Toast';
11
11
  import Layer from '../Layer';
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  let toastId = 0;
14
- /**
15
- * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
16
- * @since 0.0.42
14
+ /**
15
+ * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
16
+ * @since 0.0.42
17
17
  */
18
18
  export default class Toaster extends Component {
19
19
  constructor() {
@@ -38,21 +38,21 @@ export default class Toaster extends Component {
38
38
  return Boolean(this.props.toasts);
39
39
  }
40
40
 
41
- /**
42
- * Add a new toast
43
- *
44
- * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
45
- * `accent` - Contrast (light) version of the component. (Type: `boolean`. Default: 'undefined'.)<br>
46
- * `icon` - Name of icon or [Icon](#!/Icon) component. (Type: `oneOfType` 'string', 'object', 'element'. Default: `undefined`.)<br>
47
- * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
48
- * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
49
- * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
50
- * `autoClosable` - Whether call `onClose` after 6 seconds or not.
51
- * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
52
- * ---
53
- * @param {Object} props **Toast props**:
54
- * @returns {string} New toast key
55
- * @public
41
+ /**
42
+ * Add a new toast
43
+ *
44
+ * `intent` - Visual intent color to apply to component. (Type: `oneOf` 'info', 'success', 'warning', 'danger'. *Required*.)<br>
45
+ * `accent` - Contrast (light) version of the component. (Type: `boolean`. Default: 'undefined'.)<br>
46
+ * `icon` - Name of icon or [Icon](#!/Icon) component. (Type: `oneOfType` 'string', 'object', 'element'. Default: `undefined`.)<br>
47
+ * `message` - Message to display in the body of the toast. (Type: `any`. Default: `undefined`.)<br>
48
+ * `onClose` - onClose handler. (Type: `func`. Default: `undefined`.)<br>
49
+ * `closable` - Show close control (cross mark). (Type: `boolean`. Default: `true`.)<br>
50
+ * `autoClosable` - Whether call `onClose` after 6 seconds or not.
51
+ * Enabled by default when the position is "top-end" and a toast has "success" intent. (Type: `boolean`. Default: 'undefined'.)<br>
52
+ * ---
53
+ * @param {Object} props **Toast props**:
54
+ * @returns {string} New toast key
55
+ * @public
56
56
  */
57
57
  add(props) {
58
58
  const key = `toast-${toastId++}`;
@@ -70,13 +70,13 @@ export default class Toaster extends Component {
70
70
  return key;
71
71
  }
72
72
 
73
- /**
74
- * Update toast by key
75
- *
76
- * @param {string} key
77
- * @param {Object} props New props
78
- * @returns {string} Updated toast key
79
- * @public
73
+ /**
74
+ * Update toast by key
75
+ *
76
+ * @param {string} key
77
+ * @param {Object} props New props
78
+ * @returns {string} Updated toast key
79
+ * @public
80
80
  */
81
81
  update(key, props) {
82
82
  this.setState(_ref3 => {
@@ -93,11 +93,11 @@ export default class Toaster extends Component {
93
93
  return key;
94
94
  }
95
95
 
96
- /**
97
- * Remove toast by key
98
- *
99
- * @param {string} key
100
- * @public
96
+ /**
97
+ * Remove toast by key
98
+ *
99
+ * @param {string} key
100
+ * @public
101
101
  */
102
102
  remove(key) {
103
103
  this.setState(_ref4 => {
@@ -110,10 +110,10 @@ export default class Toaster extends Component {
110
110
  });
111
111
  }
112
112
 
113
- /**
114
- * Clear all toasts
115
- *
116
- * @public
113
+ /**
114
+ * Clear all toasts
115
+ *
116
+ * @public
117
117
  */
118
118
  clear() {
119
119
  this.setState({
@@ -185,7 +185,7 @@ export default class Toaster extends Component {
185
185
  });
186
186
  }
187
187
  }
188
- _class = Toaster;
188
+ _Toaster = Toaster;
189
189
  // eslint-disable-next-line react/sort-comp
190
190
  _defineProperty(Toaster, "defaultProps", {
191
191
  position: 'top-end',
@@ -196,7 +196,7 @@ _defineProperty(Toaster, "create", function () {
196
196
  let container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
197
197
  const containerElement = document.createElement('div');
198
198
  container.appendChild(containerElement);
199
- return render( /*#__PURE__*/_jsx(_class, {
199
+ return render( /*#__PURE__*/_jsx(_Toaster, {
200
200
  ...props
201
201
  }), containerElement);
202
202
  });
@@ -9,12 +9,12 @@ import DistractionFreeModeContext from '../DistractionFreeModeContext';
9
9
  import { toToolbarItems } from './ToolbarItem';
10
10
  import Squeezer from '../Squeezer';
11
11
 
12
- /**
13
- * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
14
- * Toolbar is located on top of the managed content block.
15
- * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
16
- * and controls for changing the way the content block looks.
17
- * @since 0.0.57
12
+ /**
13
+ * `Toolbar` component is a panel containing various instruments used for managing the contents of a large content block.
14
+ * Toolbar is located on top of the managed content block.
15
+ * It typically consists of three main parts: controls that add new elements, controls that work with existing elements,
16
+ * and controls for changing the way the content block looks.
17
+ * @since 0.0.57
18
18
  */
19
19
  import { jsx as _jsx } from "react/jsx-runtime";
20
20
  class Toolbar extends Component {
@@ -5,11 +5,11 @@ import classNames from 'classnames';
5
5
  import { CLS_PREFIX } from '../../constants';
6
6
  import DistractionFreeModeContext from '../DistractionFreeModeContext';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
- /**
9
- * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
10
- * It is used to split all toolbar controls into two groups:
11
- * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
12
- * @since 0.0.57
8
+ /**
9
+ * `ToolbarExpander` is a part of the [Toolbar](#!/Toolbar) component.
10
+ * It is used to split all toolbar controls into two groups:
11
+ * all controls before ToolbarExpander are aligned left, and all controls after ToolbarExpander are aligned right.
12
+ * @since 0.0.57
13
13
  */
14
14
  const ToolbarExpander = _ref => {
15
15
  let {
@@ -11,10 +11,10 @@ import DistractionFreeModeContext from '../DistractionFreeModeContext';
11
11
  import { toToolbarItems } from './ToolbarItem';
12
12
  import ToolbarExpander from './ToolbarExpander';
13
13
 
14
- /**
15
- * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
16
- * It is used for grouping several toolbar controls together.
17
- * @since 0.0.57
14
+ /**
15
+ * `ToolbarGroup` is a part of [Toolbar](#!/Toolbar) component.
16
+ * It is used for grouping several toolbar controls together.
17
+ * @since 0.0.57
18
18
  */
19
19
  import { jsx as _jsx } from "react/jsx-runtime";
20
20
  class ToolbarGroup extends Component {
@@ -37,7 +37,6 @@ const toMenuItem = (child, isLast, onItemClick) => {
37
37
  });
38
38
  /* eslint-enable react/prop-types */
39
39
  }
40
-
41
40
  case ToolbarGroup:
42
41
  {
43
42
  const {
@@ -84,10 +84,10 @@ const determinePosition = _ref => {
84
84
  left: targetRect.left + X_EXTRA_SPACE
85
85
  };
86
86
  };
87
- /**
88
- * `Tooltip` component is used for providing information about an interface element
89
- * while user hovers the pointer over the element.
90
- * @since 0.0.35
87
+ /**
88
+ * `Tooltip` component is used for providing information about an interface element
89
+ * while user hovers the pointer over the element.
90
+ * @since 0.0.35
91
91
  */
92
92
  class Tooltip extends Component {
93
93
  constructor() {
@@ -2,11 +2,11 @@
2
2
 
3
3
  import { Children, cloneElement, isValidElement } from 'react';
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
- /**
6
- * `Tour` component is used for introducing a new functionality in the product.
7
- * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
8
- * or element you want to focus user attention on.
9
- * @since 2.7.0
5
+ /**
6
+ * `Tour` component is used for introducing a new functionality in the product.
7
+ * The component consists of several [Spots](#!/Spot), each of them highlighting a specific feature
8
+ * or element you want to focus user attention on.
9
+ * @since 2.7.0
10
10
  */
11
11
  const Tour = _ref => {
12
12
  let {
@@ -2,9 +2,9 @@
2
2
 
3
3
  import { useTranslate } from '../LocaleProvider';
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
- /**
6
- * `Translate` component.
7
- * @since 0.0.42
5
+ /**
6
+ * `Translate` component.
7
+ * @since 0.0.42
8
8
  */
9
9
  const Translate = _ref => {
10
10
  let {
package/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
2
  import svg4everybody from 'svg4everybody';
3
- const version = "3.36.1";
3
+ const version = "3.37.0";
4
4
  export * from './publicPath';
5
5
  export { version };
6
6
  export * from './utils';
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
- // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
-
3
- 'use strict';
4
-
5
- module.exports = require('./cjs/index.js');
1
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
2
+
3
+ 'use strict';
4
+
5
+ module.exports = require('./cjs/index.js');
package/package.json CHANGED
@@ -1,150 +1,150 @@
1
- {
2
- "name": "@plesk/ui-library",
3
- "version": "3.36.1",
4
- "description": "Plesk UI Library",
5
- "main": "index.js",
6
- "module": "esm/index.js",
7
- "types": "./types/src",
8
- "sideEffects": [
9
- "cjs/index.js",
10
- "esm/index.js",
11
- "dist/*.js",
12
- "dist/*.css"
13
- ],
14
- "scripts": {
15
- "pretest": "yarn lint",
16
- "test": "jest --ci --coverage --coverageReporters text-summary",
17
- "test:vr": "cross-env VISUAL_REGRESSION=true jest",
18
- "build": "yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs",
19
- "build:umd": "webpack --config ./configs/build.config.js",
20
- "build:esm": "cross-env NODE_ENV=esm node ./scripts/build.js",
21
- "build:cjs": "cross-env NODE_ENV=cjs node ./scripts/build.js",
22
- "build:types": "rimraf ./types && tsc --project ./configs/types-generator.config.json",
23
- "create-svg-sprite": "node ./scripts/create-svg-sprite.js",
24
- "lint": "yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check",
25
- "lint:es": "eslint --ext js,md,tsx src configs scripts styleguidist",
26
- "lint:types": "tsc",
27
- "lint:style": "stylelint \"{src,styleguidist}/**/*.less\"",
28
- "format:check": "prettier --check src",
29
- "format": "prettier --write src",
30
- "styleguide": "styleguidist server --config ./configs/styleguide.config.js",
31
- "styleguide:build": "styleguidist build --config ./configs/styleguide.config.js",
32
- "prepublishOnly": "yarn install && yarn test && yarn build && yarn styleguide:build",
33
- "storybook": "webpack serve --config ./configs/storybook.config.js --allowed-hosts all",
34
- "postinstall": "node ./scripts/postinstall.js"
35
- },
36
- "files": [
37
- "esm",
38
- "cjs",
39
- "dist",
40
- "styleguide",
41
- "types",
42
- "/scripts/postinstall.js",
43
- "/index.js"
44
- ],
45
- "dependencies": {
46
- "@babel/runtime": "^7.23.2",
47
- "@plesk/react-movable": "^2.7.1",
48
- "classnames": "^2.3.2",
49
- "codemirror": "5.58.2",
50
- "marked": "4.2.12",
51
- "memoize-one": "^5.2.1",
52
- "popper.js": "1.16.1",
53
- "prop-types": "^15.8.1",
54
- "react-measure": "2.5.2",
55
- "react-sortable-hoc": "0.6.8",
56
- "react-transition-group": "^4.4.5",
57
- "scroll-into-view-if-needed": "^2.2.31",
58
- "svg4everybody": "2.1.9",
59
- "use-focus-visible": "^1.0.2"
60
- },
61
- "devDependencies": {
62
- "@babel/core": "^7.23.3",
63
- "@babel/plugin-proposal-class-properties": "^7.18.6",
64
- "@babel/plugin-syntax-dynamic-import": "^7.8.3",
65
- "@babel/plugin-transform-runtime": "^7.23.3",
66
- "@babel/preset-env": "^7.23.3",
67
- "@babel/preset-react": "^7.23.3",
68
- "@babel/preset-typescript": "^7.23.3",
69
- "@babel/types": "^7.23.3",
70
- "@csstools/postcss-logical-float-and-clear": "^1.0.1",
71
- "@plesk/eslint-config": "^3.0.0",
72
- "@plesk/stylelint-config": "^2.0.0",
73
- "@testing-library/dom": "^9.3.3",
74
- "@testing-library/jest-dom": "^6.1.4",
75
- "@testing-library/react": "^14.1.2",
76
- "@testing-library/user-event": "^14.5.1",
77
- "@types/buble": "^0.20.5",
78
- "@types/classnames": "2.3.1",
79
- "@types/codemirror": "^5.60.13",
80
- "@types/doctrine": "^0.0.5",
81
- "@types/jest": "^29.5.8",
82
- "@types/jest-image-snapshot": "^6.2.3",
83
- "@types/marked": "^4.3.2",
84
- "@types/node": "^16.18.62",
85
- "@types/react": "^18.2.37",
86
- "@types/react-dom": "^18.2.15",
87
- "@types/react-measure": "2.0.9",
88
- "@types/react-transition-group": "^4.4.9",
89
- "@types/svg4everybody": "2.1.2",
90
- "@types/webpack-env": "^1.18.4",
91
- "@typescript-eslint/eslint-plugin": "^6.11.0",
92
- "@typescript-eslint/parser": "^6.11.0",
93
- "autoprefixer": "^10.4.16",
94
- "babel-loader": "^8.3.0",
95
- "babel-plugin-transform-require-ignore": "^0.1.1",
96
- "clean-webpack-plugin": "^4.0.0",
97
- "cross-env": "^7.0.3",
98
- "css-loader": "^6.8.1",
99
- "css-minimizer-webpack-plugin": "^5.0.1",
100
- "eslint": "^8.54.0",
101
- "eslint-config-prettier": "^8.10.0",
102
- "eslint-plugin-markdown": "^3.0.1",
103
- "html-webpack-plugin": "^5.5.3",
104
- "jest": "^29.7.0",
105
- "jest-dev-server": "^9.0.1",
106
- "jest-environment-jsdom": "^29.7.0",
107
- "jest-image-snapshot": "^6.2.0",
108
- "less": "^4.2.0",
109
- "less-loader": "^11.1.3",
110
- "mini-css-extract-plugin": "^2.7.6",
111
- "postcss": "^8.4.31",
112
- "postcss-less": "^6.0.0",
113
- "postcss-loader": "^7.3.3",
114
- "postcss-logical": "^6.2.0",
115
- "prettier": "^2.8.8",
116
- "puppeteer-core": "20.4.0",
117
- "react": "^18.2.0",
118
- "react-docgen-typescript": "^2.2.2",
119
- "react-dom": "^18.2.0",
120
- "react-styleguidist": "^13.1.1",
121
- "rimraf": "^5.0.5",
122
- "rtlcss": "^4.1.1",
123
- "style-loader": "^3.3.3",
124
- "stylelint": "^15.11.0",
125
- "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
126
- "stylelint-no-unsupported-browser-features": "^6.1.0",
127
- "stylelint-prettier": "^3.0.0",
128
- "stylelint-use-logical-spec": "^5.0.0",
129
- "svg-mixer": "^2.3.14",
130
- "terser-webpack-plugin": "^5.3.9",
131
- "typescript": "5.2.2",
132
- "webpack": "^5.89.0",
133
- "webpack-cli": "^5.1.4"
134
- },
135
- "peerDependencies": {
136
- "react": "^18.2.0",
137
- "react-dom": "^18.2.0"
138
- },
139
- "resolutions": {
140
- "trim": ">=0.0.3",
141
- "postcss": "^8.4.23"
142
- },
143
- "browserslist": [
144
- "defaults",
145
- "not op_mini all",
146
- "not kaios > 0"
147
- ],
148
- "author": "Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)",
149
- "license": "Apache-2.0"
150
- }
1
+ {
2
+ "name": "@plesk/ui-library",
3
+ "version": "3.37.0",
4
+ "description": "Plesk UI Library",
5
+ "main": "index.js",
6
+ "module": "esm/index.js",
7
+ "types": "./types/src",
8
+ "sideEffects": [
9
+ "cjs/index.js",
10
+ "esm/index.js",
11
+ "dist/*.js",
12
+ "dist/*.css"
13
+ ],
14
+ "scripts": {
15
+ "pretest": "yarn lint",
16
+ "test": "jest --ci --coverage --coverageReporters text-summary",
17
+ "test:vr": "cross-env VISUAL_REGRESSION=true jest",
18
+ "build": "yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs",
19
+ "build:umd": "webpack --config ./configs/build.config.js",
20
+ "build:esm": "cross-env NODE_ENV=esm node ./scripts/build.js",
21
+ "build:cjs": "cross-env NODE_ENV=cjs node ./scripts/build.js",
22
+ "build:types": "rimraf ./types && tsc --project ./configs/types-generator.config.json",
23
+ "create-svg-sprite": "node ./scripts/create-svg-sprite.js",
24
+ "lint": "yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check",
25
+ "lint:es": "eslint --ext js,md,tsx src configs scripts styleguidist",
26
+ "lint:types": "tsc",
27
+ "lint:style": "stylelint \"{src,styleguidist}/**/*.less\"",
28
+ "format:check": "prettier --check src",
29
+ "format": "prettier --write src",
30
+ "styleguide": "styleguidist server --config ./configs/styleguide.config.js",
31
+ "styleguide:build": "styleguidist build --config ./configs/styleguide.config.js",
32
+ "prepublishOnly": "yarn install && yarn test && yarn build && yarn styleguide:build",
33
+ "storybook": "webpack serve --config ./configs/storybook.config.js --allowed-hosts all",
34
+ "postinstall": "node ./scripts/postinstall.js"
35
+ },
36
+ "files": [
37
+ "esm",
38
+ "cjs",
39
+ "dist",
40
+ "styleguide",
41
+ "types",
42
+ "/scripts/postinstall.js",
43
+ "/index.js"
44
+ ],
45
+ "dependencies": {
46
+ "@babel/runtime": "^7.23.9",
47
+ "@plesk/react-movable": "^2.7.1",
48
+ "classnames": "^2.5.1",
49
+ "codemirror": "5.58.2",
50
+ "marked": "4.2.12",
51
+ "memoize-one": "^5.2.1",
52
+ "popper.js": "1.16.1",
53
+ "prop-types": "^15.8.1",
54
+ "react-measure": "2.5.2",
55
+ "react-sortable-hoc": "0.6.8",
56
+ "react-transition-group": "^4.4.5",
57
+ "scroll-into-view-if-needed": "^2.2.31",
58
+ "svg4everybody": "2.1.9",
59
+ "use-focus-visible": "^1.0.2"
60
+ },
61
+ "devDependencies": {
62
+ "@babel/core": "^7.23.9",
63
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
64
+ "@babel/plugin-syntax-dynamic-import": "^7.8.3",
65
+ "@babel/plugin-transform-runtime": "^7.23.9",
66
+ "@babel/preset-env": "^7.23.9",
67
+ "@babel/preset-react": "^7.23.3",
68
+ "@babel/preset-typescript": "^7.23.3",
69
+ "@babel/types": "^7.23.9",
70
+ "@csstools/postcss-logical-float-and-clear": "^1.0.1",
71
+ "@plesk/eslint-config": "^3.0.0",
72
+ "@plesk/stylelint-config": "^2.0.0",
73
+ "@testing-library/dom": "^9.3.4",
74
+ "@testing-library/jest-dom": "^6.4.2",
75
+ "@testing-library/react": "^14.2.1",
76
+ "@testing-library/user-event": "^14.5.2",
77
+ "@types/buble": "^0.20.5",
78
+ "@types/classnames": "2.3.1",
79
+ "@types/codemirror": "^5.60.15",
80
+ "@types/doctrine": "^0.0.5",
81
+ "@types/jest": "^29.5.12",
82
+ "@types/jest-image-snapshot": "^6.4.0",
83
+ "@types/marked": "^4.3.2",
84
+ "@types/node": "^16.18.80",
85
+ "@types/react": "^18.2.55",
86
+ "@types/react-dom": "^18.2.19",
87
+ "@types/react-measure": "2.0.9",
88
+ "@types/react-transition-group": "^4.4.10",
89
+ "@types/svg4everybody": "2.1.2",
90
+ "@types/webpack-env": "^1.18.4",
91
+ "@typescript-eslint/eslint-plugin": "^6.21.0",
92
+ "@typescript-eslint/parser": "^6.21.0",
93
+ "autoprefixer": "^10.4.17",
94
+ "babel-loader": "^8.3.0",
95
+ "babel-plugin-transform-require-ignore": "^0.1.1",
96
+ "clean-webpack-plugin": "^4.0.0",
97
+ "cross-env": "^7.0.3",
98
+ "css-loader": "^6.10.0",
99
+ "css-minimizer-webpack-plugin": "^5.0.1",
100
+ "eslint": "^8.56.0",
101
+ "eslint-config-prettier": "^8.10.0",
102
+ "eslint-plugin-markdown": "^3.0.1",
103
+ "html-webpack-plugin": "^5.6.0",
104
+ "jest": "^29.7.0",
105
+ "jest-dev-server": "^9.0.2",
106
+ "jest-environment-jsdom": "^29.7.0",
107
+ "jest-image-snapshot": "^6.4.0",
108
+ "less": "^4.2.0",
109
+ "less-loader": "^11.1.4",
110
+ "mini-css-extract-plugin": "^2.8.0",
111
+ "postcss": "^8.4.35",
112
+ "postcss-less": "^6.0.0",
113
+ "postcss-loader": "^7.3.4",
114
+ "postcss-logical": "^6.2.0",
115
+ "prettier": "^2.8.8",
116
+ "puppeteer-core": "21.7.0",
117
+ "react": "^18.2.0",
118
+ "react-docgen-typescript": "^2.2.2",
119
+ "react-dom": "^18.2.0",
120
+ "react-styleguidist": "^13.1.2",
121
+ "rimraf": "^5.0.5",
122
+ "rtlcss": "^4.1.1",
123
+ "style-loader": "^3.3.4",
124
+ "stylelint": "^15.11.0",
125
+ "stylelint-declaration-block-no-ignored-properties": "^2.8.0",
126
+ "stylelint-no-unsupported-browser-features": "^6.1.0",
127
+ "stylelint-prettier": "^3.0.0",
128
+ "stylelint-use-logical-spec": "^5.0.1",
129
+ "svg-mixer": "^2.3.14",
130
+ "terser-webpack-plugin": "^5.3.10",
131
+ "typescript": "5.2.2",
132
+ "webpack": "^5.90.1",
133
+ "webpack-cli": "^5.1.4"
134
+ },
135
+ "peerDependencies": {
136
+ "react": "^18.2.0",
137
+ "react-dom": "^18.2.0"
138
+ },
139
+ "resolutions": {
140
+ "trim": ">=0.0.3",
141
+ "postcss": "^8.4.23"
142
+ },
143
+ "browserslist": [
144
+ "defaults",
145
+ "not op_mini all",
146
+ "not kaios > 0"
147
+ ],
148
+ "author": "Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)",
149
+ "license": "Apache-2.0"
150
+ }