@plesk/ui-library 3.31.0 → 3.31.1

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 (605) hide show
  1. package/cjs/components/Action/Action.js +18 -34
  2. package/cjs/components/Action/index.js +0 -2
  3. package/cjs/components/Alert/Alert.js +18 -22
  4. package/cjs/components/Alert/Alert.stories.js +1 -8
  5. package/cjs/components/Alert/index.js +0 -2
  6. package/cjs/components/AutoClosable/AutoClosable.js +3 -23
  7. package/cjs/components/AutoClosable/index.js +0 -2
  8. package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +16 -22
  9. package/cjs/components/AuxiliaryActions/index.js +0 -2
  10. package/cjs/components/Badge/Badge.js +10 -25
  11. package/cjs/components/Badge/index.js +0 -2
  12. package/cjs/components/Breadcrumbs/Breadcrumbs.js +21 -29
  13. package/cjs/components/Breadcrumbs/index.js +0 -2
  14. package/cjs/components/Button/Button.js +39 -86
  15. package/cjs/components/Button/Button.stories.js +1 -14
  16. package/cjs/components/Button/index.js +0 -2
  17. package/cjs/components/ButtonGroup/ButtonGroup.js +13 -17
  18. package/cjs/components/ButtonGroup/index.js +0 -2
  19. package/cjs/components/Card/Card.js +4 -77
  20. package/cjs/components/Card/CardButton.js +9 -14
  21. package/cjs/components/Card/PreviewPanel.js +21 -52
  22. package/cjs/components/Card/helpers.js +6 -6
  23. package/cjs/components/Card/index.js +0 -3
  24. package/cjs/components/CardList/CardList.js +44 -100
  25. package/cjs/components/CardList/CardListToolbar.js +17 -51
  26. package/cjs/components/CardList/index.js +0 -2
  27. package/cjs/components/Carousel/Carousel.js +41 -74
  28. package/cjs/components/Carousel/index.js +0 -2
  29. package/cjs/components/Checkbox/Checkbox.js +16 -26
  30. package/cjs/components/Checkbox/index.js +0 -2
  31. package/cjs/components/ClosingConfirmation/index.js +0 -2
  32. package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +6 -23
  33. package/cjs/components/CodeEditor/CodeEditor.js +21 -61
  34. package/cjs/components/CodeEditor/CodeMirror.js +1 -12
  35. package/cjs/components/CodeEditor/index.js +0 -2
  36. package/cjs/components/Columns/Column.js +15 -24
  37. package/cjs/components/Columns/Columns.js +19 -31
  38. package/cjs/components/Columns/index.js +0 -3
  39. package/cjs/components/ComboBox/ComboBox.js +16 -59
  40. package/cjs/components/ComboBox/ComboBoxOption.js +0 -5
  41. package/cjs/components/ComboBox/index.js +0 -3
  42. package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +22 -50
  43. package/cjs/components/ComboBoxDropdown/index.js +0 -3
  44. package/cjs/components/ConsoleOutput/ConsoleOutput.js +3 -22
  45. package/cjs/components/ConsoleOutput/index.js +0 -2
  46. package/cjs/components/ContentLoader/ContentLoader.js +16 -31
  47. package/cjs/components/ContentLoader/IconsLoader.js +15 -32
  48. package/cjs/components/ContentLoader/index.js +0 -2
  49. package/cjs/components/Cuttable/Cuttable.js +23 -35
  50. package/cjs/components/Cuttable/Cuttable.stories.js +1 -9
  51. package/cjs/components/Cuttable/index.js +0 -2
  52. package/cjs/components/Dialog/Dialog.js +28 -81
  53. package/cjs/components/Dialog/Dialog.stories.js +3 -13
  54. package/cjs/components/Dialog/index.js +0 -2
  55. package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -2
  56. package/cjs/components/DistractionFreeModeContext/index.js +0 -2
  57. package/cjs/components/Drawer/Drawer.js +77 -112
  58. package/cjs/components/Drawer/Drawer.stories.js +7 -19
  59. package/cjs/components/Drawer/DrawerProgress.js +3 -33
  60. package/cjs/components/Drawer/Header.js +5 -26
  61. package/cjs/components/Drawer/ScrollDirection.js +3 -10
  62. package/cjs/components/Drawer/index.js +0 -2
  63. package/cjs/components/Dropdown/Dropdown.js +26 -65
  64. package/cjs/components/Dropdown/index.js +0 -2
  65. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +26 -31
  66. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +11 -14
  67. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +11 -14
  68. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +9 -11
  69. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +12 -16
  70. package/cjs/components/ExtendedStatusMessage/index.js +0 -6
  71. package/cjs/components/Figure/Figure.js +18 -27
  72. package/cjs/components/Figure/index.js +0 -2
  73. package/cjs/components/FocusTrap/FocusTrap.js +9 -39
  74. package/cjs/components/FocusTrap/index.js +0 -2
  75. package/cjs/components/Form/DisabledContext.js +1 -2
  76. package/cjs/components/Form/Form.js +67 -110
  77. package/cjs/components/Form/Form.stories.js +1 -8
  78. package/cjs/components/Form/FormContext.js +1 -2
  79. package/cjs/components/Form/ScrollableElementFormContext.js +1 -2
  80. package/cjs/components/Form/index.js +0 -3
  81. package/cjs/components/Form/utils.js +7 -19
  82. package/cjs/components/FormField/FormField.js +50 -113
  83. package/cjs/components/FormField/index.js +0 -2
  84. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +44 -58
  85. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +3 -9
  86. package/cjs/components/FormFieldCheckbox/index.js +0 -2
  87. package/cjs/components/FormFieldPassword/FormFieldPassword.js +23 -42
  88. package/cjs/components/FormFieldPassword/PasswordMeter.js +13 -24
  89. package/cjs/components/FormFieldPassword/estimatePassword.js +3 -42
  90. package/cjs/components/FormFieldPassword/generatePassword.js +1 -2
  91. package/cjs/components/FormFieldPassword/index.js +0 -3
  92. package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +49 -69
  93. package/cjs/components/FormFieldRadioButtons/index.js +0 -2
  94. package/cjs/components/FormFieldSelect/FormFieldSelect.js +36 -39
  95. package/cjs/components/FormFieldSelect/index.js +0 -2
  96. package/cjs/components/FormFieldText/FormFieldText.js +33 -56
  97. package/cjs/components/FormFieldText/index.js +0 -2
  98. package/cjs/components/Grid/Grid.js +16 -49
  99. package/cjs/components/Grid/index.js +0 -2
  100. package/cjs/components/GridCol/GridCol.js +13 -26
  101. package/cjs/components/GridCol/index.js +0 -2
  102. package/cjs/components/Heading/Heading.js +10 -24
  103. package/cjs/components/Heading/index.js +0 -2
  104. package/cjs/components/Hint/Hint.js +8 -14
  105. package/cjs/components/Hint/index.js +0 -2
  106. package/cjs/components/Icon/Icon.js +18 -34
  107. package/cjs/components/Icon/Icon.stories.js +1 -8
  108. package/cjs/components/Icon/constants.js +3 -3
  109. package/cjs/components/Icon/images/symbols.svg +59 -1
  110. package/cjs/components/Icon/index.js +0 -4
  111. package/cjs/components/Icon/oldIconNames.js +1 -0
  112. package/cjs/components/Icon/utils.js +5 -16
  113. package/cjs/components/InPlaceEdit/InPlaceEdit.js +11 -29
  114. package/cjs/components/InPlaceEdit/index.js +0 -2
  115. package/cjs/components/Input/Input.js +13 -19
  116. package/cjs/components/Input/index.js +0 -2
  117. package/cjs/components/InputFile/InputFile.js +14 -33
  118. package/cjs/components/InputFile/index.js +0 -2
  119. package/cjs/components/InputNumber/InputNumber.js +20 -57
  120. package/cjs/components/InputNumber/index.js +0 -2
  121. package/cjs/components/Item/Item.js +2 -42
  122. package/cjs/components/Item/index.js +0 -2
  123. package/cjs/components/ItemLink/ItemLink.js +8 -16
  124. package/cjs/components/ItemLink/ItemLink.stories.js +1 -5
  125. package/cjs/components/ItemLink/index.js +0 -2
  126. package/cjs/components/ItemList/ItemList.js +28 -71
  127. package/cjs/components/ItemList/ItemList.stories.js +11 -16
  128. package/cjs/components/ItemList/index.js +0 -2
  129. package/cjs/components/Label/Label.js +12 -16
  130. package/cjs/components/Label/index.js +0 -2
  131. package/cjs/components/Layer/Layer.js +12 -23
  132. package/cjs/components/Layer/index.js +0 -4
  133. package/cjs/components/Layout/Layout.js +66 -111
  134. package/cjs/components/Layout/index.js +0 -2
  135. package/cjs/components/Link/Link.js +15 -30
  136. package/cjs/components/Link/index.js +0 -2
  137. package/cjs/components/List/List.js +205 -372
  138. package/cjs/components/List/List.stories.js +18 -24
  139. package/cjs/components/List/ListAction.js +8 -17
  140. package/cjs/components/List/ListActions.js +12 -31
  141. package/cjs/components/List/ListActionsDivider.js +0 -5
  142. package/cjs/components/List/ListEmptyView.js +23 -39
  143. package/cjs/components/List/ListOperation.js +14 -42
  144. package/cjs/components/List/ListOperationContext.js +1 -2
  145. package/cjs/components/List/example-data/domains.js +1 -12
  146. package/cjs/components/List/images/default.png +0 -0
  147. package/cjs/components/List/images/filtered.png +0 -0
  148. package/cjs/components/List/index.js +0 -7
  149. package/cjs/components/LocaleProvider/LocaleProvider.js +10 -34
  150. package/cjs/components/LocaleProvider/index.js +0 -4
  151. package/cjs/components/Markdown/Markdown.js +20 -29
  152. package/cjs/components/Markdown/index.js +0 -2
  153. package/cjs/components/Media/Media.js +15 -41
  154. package/cjs/components/Media/MediaSection.js +11 -18
  155. package/cjs/components/Media/index.js +0 -3
  156. package/cjs/components/Menu/Menu.js +14 -49
  157. package/cjs/components/Menu/Menu.stories.js +1 -9
  158. package/cjs/components/Menu/MenuBaseItem.js +22 -35
  159. package/cjs/components/Menu/MenuDivider.js +11 -17
  160. package/cjs/components/Menu/MenuHeader.js +12 -20
  161. package/cjs/components/Menu/MenuItem.js +13 -35
  162. package/cjs/components/Menu/MenuSelectableItem.js +15 -24
  163. package/cjs/components/Menu/index.js +0 -7
  164. package/cjs/components/OnDarkContext/OnDarkContext.js +1 -2
  165. package/cjs/components/OnDarkContext/index.js +0 -2
  166. package/cjs/components/Overlay/Backdrop.js +12 -18
  167. package/cjs/components/Overlay/Focuser.js +1 -24
  168. package/cjs/components/Overlay/Overlay.js +22 -71
  169. package/cjs/components/Overlay/index.js +0 -2
  170. package/cjs/components/PageHeader/PageHeader.js +35 -43
  171. package/cjs/components/PageHeader/index.js +0 -2
  172. package/cjs/components/Pagination/Pagination.js +18 -38
  173. package/cjs/components/Pagination/index.js +0 -3
  174. package/cjs/components/Panel/Panel.js +10 -29
  175. package/cjs/components/Panel/index.js +0 -2
  176. package/cjs/components/Paragraph/Paragraph.js +12 -16
  177. package/cjs/components/Paragraph/index.js +0 -2
  178. package/cjs/components/Plaintext/Plaintext.js +10 -16
  179. package/cjs/components/Plaintext/index.js +0 -2
  180. package/cjs/components/Popover/Popover.js +18 -85
  181. package/cjs/components/Popover/Popover.stories.js +5 -14
  182. package/cjs/components/Popover/index.js +0 -2
  183. package/cjs/components/Popper/Popper.js +14 -52
  184. package/cjs/components/Popper/index.js +0 -2
  185. package/cjs/components/Progress/Progress.js +6 -32
  186. package/cjs/components/Progress/index.js +0 -2
  187. package/cjs/components/ProgressBar/ProgressBar.js +21 -28
  188. package/cjs/components/ProgressBar/ProgressIndicator.js +18 -21
  189. package/cjs/components/ProgressBar/index.js +0 -2
  190. package/cjs/components/ProgressDialog/ProgressDialog.js +6 -45
  191. package/cjs/components/ProgressDialog/index.js +0 -2
  192. package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +0 -6
  193. package/cjs/components/ProgressDialogStep/index.js +0 -2
  194. package/cjs/components/ProgressStep/ProgressStep.js +14 -43
  195. package/cjs/components/ProgressStep/index.js +0 -4
  196. package/cjs/components/Radio/Radio.js +15 -21
  197. package/cjs/components/Radio/index.js +0 -2
  198. package/cjs/components/Rating/Rating.js +24 -34
  199. package/cjs/components/Rating/index.js +0 -2
  200. package/cjs/components/ResponsiveContext/ResponsiveContext.js +1 -2
  201. package/cjs/components/ResponsiveContext/index.js +0 -2
  202. package/cjs/components/Section/Section.js +73 -112
  203. package/cjs/components/Section/SectionItem.js +10 -25
  204. package/cjs/components/Section/index.js +0 -3
  205. package/cjs/components/SegmentedControl/SegmentedControl.js +37 -89
  206. package/cjs/components/SegmentedControl/index.js +0 -2
  207. package/cjs/components/Select/MultiValue.js +8 -16
  208. package/cjs/components/Select/Select.js +24 -88
  209. package/cjs/components/Select/Select.stories.js +1 -9
  210. package/cjs/components/Select/SelectControl.js +39 -68
  211. package/cjs/components/Select/SelectOption.js +0 -5
  212. package/cjs/components/Select/SelectOptionGroup.js +0 -5
  213. package/cjs/components/Select/index.js +0 -4
  214. package/cjs/components/Skeleton/Skeleton.js +13 -19
  215. package/cjs/components/Skeleton/Skeleton.stories.js +1 -7
  216. package/cjs/components/Skeleton/SkeletonTabs.js +16 -21
  217. package/cjs/components/Skeleton/SkeletonTabs.stories.js +1 -5
  218. package/cjs/components/Skeleton/SkeletonText.js +21 -25
  219. package/cjs/components/Skeleton/SkeletonText.stories.js +1 -9
  220. package/cjs/components/Skeleton/index.js +0 -4
  221. package/cjs/components/Spinner/Spinner.js +21 -25
  222. package/cjs/components/Spinner/index.js +0 -2
  223. package/cjs/components/SplitButton/SplitButton.js +13 -40
  224. package/cjs/components/SplitButton/index.js +0 -2
  225. package/cjs/components/Spot/Spot.js +10 -30
  226. package/cjs/components/Spot/SpotPopup.js +20 -34
  227. package/cjs/components/Spot/SpotPulsar.js +9 -21
  228. package/cjs/components/Spot/index.js +0 -2
  229. package/cjs/components/Squeezer/Squeezer.js +15 -28
  230. package/cjs/components/Squeezer/index.js +0 -2
  231. package/cjs/components/Status/Status.js +17 -31
  232. package/cjs/components/Status/Status.stories.js +1 -5
  233. package/cjs/components/Status/index.js +0 -2
  234. package/cjs/components/StatusMessage/StatusMessage.js +16 -23
  235. package/cjs/components/StatusMessage/index.js +0 -2
  236. package/cjs/components/Subnav/Subnav.js +23 -50
  237. package/cjs/components/Subnav/index.js +0 -4
  238. package/cjs/components/Switch/Switch.js +2 -29
  239. package/cjs/components/Switch/index.js +0 -2
  240. package/cjs/components/SwitchesPanel/SwitchesPanel.js +15 -25
  241. package/cjs/components/SwitchesPanel/index.js +0 -2
  242. package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +2 -27
  243. package/cjs/components/SwitchesPanelItem/index.js +0 -2
  244. package/cjs/components/Tabs/SearchBar.js +6 -83
  245. package/cjs/components/Tabs/Tab.js +6 -15
  246. package/cjs/components/Tabs/Tabs.js +40 -123
  247. package/cjs/components/Tabs/Tabs.stories.js +1 -6
  248. package/cjs/components/Tabs/index.js +0 -4
  249. package/cjs/components/Text/Text.js +15 -25
  250. package/cjs/components/Text/index.js +0 -2
  251. package/cjs/components/TextArea/TextArea.js +8 -31
  252. package/cjs/components/TextArea/calculateNodeHeight.js +14 -21
  253. package/cjs/components/TextArea/index.js +0 -2
  254. package/cjs/components/Toast/Toast.js +3 -27
  255. package/cjs/components/Toast/index.js +0 -4
  256. package/cjs/components/Toaster/Toaster.js +45 -61
  257. package/cjs/components/Toaster/index.js +0 -2
  258. package/cjs/components/Toolbar/RegistryContext.js +3 -14
  259. package/cjs/components/Toolbar/Toolbar.js +16 -31
  260. package/cjs/components/Toolbar/ToolbarExpander.js +7 -18
  261. package/cjs/components/Toolbar/ToolbarGroup.js +5 -37
  262. package/cjs/components/Toolbar/ToolbarItem.js +3 -25
  263. package/cjs/components/Toolbar/ToolbarMenu.js +7 -34
  264. package/cjs/components/Toolbar/index.js +0 -4
  265. package/cjs/components/Tooltip/Tooltip.js +28 -49
  266. package/cjs/components/Tooltip/index.js +0 -2
  267. package/cjs/components/Tour/Tour.js +11 -19
  268. package/cjs/components/Tour/index.js +0 -2
  269. package/cjs/components/Translate/Translate.js +14 -37
  270. package/cjs/components/Translate/index.js +0 -3
  271. package/cjs/components/VerticalContext/VerticalContext.js +1 -2
  272. package/cjs/components/VerticalContext/index.js +0 -3
  273. package/cjs/components/index.js +0 -104
  274. package/cjs/components/intentIconMap.js +1 -0
  275. package/cjs/components/utils.js +39 -81
  276. package/cjs/constants.js +1 -0
  277. package/cjs/index.js +1 -9
  278. package/cjs/publicPath.js +3 -7
  279. package/cjs/utils.js +3 -9
  280. package/dist/images/default.png +0 -0
  281. package/dist/images/filtered.png +0 -0
  282. package/dist/images/symbols.svg +59 -1
  283. package/dist/plesk-ui-library-rtl.css +1 -1
  284. package/dist/plesk-ui-library-rtl.css.map +1 -1
  285. package/dist/plesk-ui-library.css +1 -1
  286. package/dist/plesk-ui-library.css.map +1 -1
  287. package/dist/plesk-ui-library.js +8861 -13237
  288. package/dist/plesk-ui-library.js.map +1 -1
  289. package/dist/plesk-ui-library.min.js +8 -8
  290. package/dist/plesk-ui-library.min.js.map +1 -1
  291. package/esm/components/Action/Action.js +19 -24
  292. package/esm/components/Action/index.js +1 -0
  293. package/esm/components/Alert/Alert.js +19 -17
  294. package/esm/components/Alert/Alert.stories.js +1 -0
  295. package/esm/components/Alert/index.js +1 -0
  296. package/esm/components/AutoClosable/AutoClosable.js +3 -21
  297. package/esm/components/AutoClosable/index.js +1 -0
  298. package/esm/components/AuxiliaryActions/AuxiliaryActions.js +17 -15
  299. package/esm/components/AuxiliaryActions/index.js +1 -0
  300. package/esm/components/Badge/Badge.js +11 -16
  301. package/esm/components/Badge/index.js +1 -0
  302. package/esm/components/Breadcrumbs/Breadcrumbs.js +22 -20
  303. package/esm/components/Breadcrumbs/index.js +1 -0
  304. package/esm/components/Button/Button.js +40 -70
  305. package/esm/components/Button/Button.stories.js +1 -0
  306. package/esm/components/Button/index.js +1 -0
  307. package/esm/components/ButtonGroup/ButtonGroup.js +14 -12
  308. package/esm/components/ButtonGroup/index.js +1 -0
  309. package/esm/components/Card/Card.js +4 -63
  310. package/esm/components/Card/CardButton.js +10 -8
  311. package/esm/components/Card/PreviewPanel.js +21 -42
  312. package/esm/components/Card/helpers.js +6 -5
  313. package/esm/components/Card/index.js +1 -0
  314. package/esm/components/CardList/CardList.js +44 -87
  315. package/esm/components/CardList/CardListToolbar.js +17 -35
  316. package/esm/components/CardList/index.js +1 -0
  317. package/esm/components/Carousel/Carousel.js +41 -64
  318. package/esm/components/Carousel/index.js +1 -0
  319. package/esm/components/Checkbox/Checkbox.js +17 -20
  320. package/esm/components/Checkbox/index.js +1 -0
  321. package/esm/components/ClosingConfirmation/index.js +1 -0
  322. package/esm/components/ClosingConfirmation/locale/en-US.js +1 -0
  323. package/esm/components/ClosingConfirmation/useClosingConfirmation.js +6 -13
  324. package/esm/components/CodeEditor/CodeEditor.js +22 -55
  325. package/esm/components/CodeEditor/CodeMirror.js +1 -4
  326. package/esm/components/CodeEditor/index.js +1 -0
  327. package/esm/components/Columns/Column.js +15 -16
  328. package/esm/components/Columns/Columns.js +20 -22
  329. package/esm/components/Columns/index.js +1 -0
  330. package/esm/components/ComboBox/ComboBox.js +16 -43
  331. package/esm/components/ComboBox/ComboBoxOption.js +1 -3
  332. package/esm/components/ComboBox/index.js +1 -0
  333. package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js +22 -35
  334. package/esm/components/ComboBoxDropdown/index.js +1 -0
  335. package/esm/components/ConsoleOutput/ConsoleOutput.js +3 -19
  336. package/esm/components/ConsoleOutput/index.js +1 -0
  337. package/esm/components/ContentLoader/ContentLoader.js +16 -22
  338. package/esm/components/ContentLoader/IconsLoader.js +15 -23
  339. package/esm/components/ContentLoader/index.js +1 -0
  340. package/esm/components/Cuttable/Cuttable.js +24 -29
  341. package/esm/components/Cuttable/Cuttable.stories.js +1 -0
  342. package/esm/components/Cuttable/index.js +1 -0
  343. package/esm/components/Dialog/Dialog.js +27 -65
  344. package/esm/components/Dialog/Dialog.stories.js +3 -1
  345. package/esm/components/Dialog/index.js +1 -0
  346. package/esm/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -0
  347. package/esm/components/DistractionFreeModeContext/index.js +1 -0
  348. package/esm/components/Drawer/Drawer.js +77 -94
  349. package/esm/components/Drawer/Drawer.stories.js +7 -3
  350. package/esm/components/Drawer/DrawerProgress.js +3 -25
  351. package/esm/components/Drawer/Header.js +5 -14
  352. package/esm/components/Drawer/ScrollDirection.js +3 -9
  353. package/esm/components/Drawer/index.js +1 -0
  354. package/esm/components/Dropdown/Dropdown.js +26 -48
  355. package/esm/components/Dropdown/index.js +1 -0
  356. package/esm/components/Dropdown/locale/en-US.js +1 -0
  357. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +27 -25
  358. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +12 -9
  359. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +12 -9
  360. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +10 -7
  361. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +13 -10
  362. package/esm/components/ExtendedStatusMessage/index.js +1 -0
  363. package/esm/components/Figure/Figure.js +19 -21
  364. package/esm/components/Figure/index.js +1 -0
  365. package/esm/components/FocusTrap/FocusTrap.js +9 -30
  366. package/esm/components/FocusTrap/index.js +1 -0
  367. package/esm/components/Form/DisabledContext.js +1 -0
  368. package/esm/components/Form/Form.js +67 -101
  369. package/esm/components/Form/Form.stories.js +1 -0
  370. package/esm/components/Form/FormContext.js +1 -0
  371. package/esm/components/Form/ScrollableElementFormContext.js +1 -0
  372. package/esm/components/Form/index.js +1 -0
  373. package/esm/components/Form/utils.js +7 -17
  374. package/esm/components/FormField/FormField.js +50 -98
  375. package/esm/components/FormField/index.js +1 -0
  376. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +45 -48
  377. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +3 -1
  378. package/esm/components/FormFieldCheckbox/index.js +1 -0
  379. package/esm/components/FormFieldPassword/FormFieldPassword.js +24 -31
  380. package/esm/components/FormFieldPassword/PasswordMeter.js +13 -14
  381. package/esm/components/FormFieldPassword/estimatePassword.js +3 -35
  382. package/esm/components/FormFieldPassword/generatePassword.js +1 -2
  383. package/esm/components/FormFieldPassword/index.js +1 -0
  384. package/esm/components/FormFieldPassword/locale/en-US.js +1 -0
  385. package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +50 -58
  386. package/esm/components/FormFieldRadioButtons/index.js +1 -0
  387. package/esm/components/FormFieldSelect/FormFieldSelect.js +37 -32
  388. package/esm/components/FormFieldSelect/index.js +1 -0
  389. package/esm/components/FormFieldText/FormFieldText.js +34 -45
  390. package/esm/components/FormFieldText/index.js +1 -0
  391. package/esm/components/Grid/Grid.js +17 -40
  392. package/esm/components/Grid/index.js +1 -0
  393. package/esm/components/GridCol/GridCol.js +14 -19
  394. package/esm/components/GridCol/index.js +1 -0
  395. package/esm/components/Heading/Heading.js +11 -16
  396. package/esm/components/Heading/index.js +1 -0
  397. package/esm/components/Hint/Hint.js +9 -9
  398. package/esm/components/Hint/index.js +1 -0
  399. package/esm/components/Icon/Icon.js +18 -20
  400. package/esm/components/Icon/Icon.stories.js +1 -0
  401. package/esm/components/Icon/constants.js +3 -2
  402. package/esm/components/Icon/images/symbols.svg +59 -1
  403. package/esm/components/Icon/index.js +1 -0
  404. package/esm/components/Icon/oldIconNames.js +1 -0
  405. package/esm/components/Icon/utils.js +5 -7
  406. package/esm/components/InPlaceEdit/InPlaceEdit.js +12 -20
  407. package/esm/components/InPlaceEdit/index.js +1 -0
  408. package/esm/components/InPlaceEdit/locale/en-US.js +1 -0
  409. package/esm/components/Input/Input.js +14 -14
  410. package/esm/components/Input/index.js +1 -0
  411. package/esm/components/InputFile/InputFile.js +14 -21
  412. package/esm/components/InputFile/index.js +1 -0
  413. package/esm/components/InputFile/locale/en-US.js +1 -0
  414. package/esm/components/InputNumber/InputNumber.js +20 -47
  415. package/esm/components/InputNumber/index.js +1 -0
  416. package/esm/components/Item/Item.js +2 -28
  417. package/esm/components/Item/index.js +1 -0
  418. package/esm/components/ItemLink/ItemLink.js +9 -10
  419. package/esm/components/ItemLink/ItemLink.stories.js +1 -0
  420. package/esm/components/ItemLink/index.js +1 -0
  421. package/esm/components/ItemList/ItemList.js +29 -62
  422. package/esm/components/ItemList/ItemList.stories.js +11 -7
  423. package/esm/components/ItemList/index.js +1 -0
  424. package/esm/components/Label/Label.js +13 -11
  425. package/esm/components/Label/index.js +1 -0
  426. package/esm/components/Layer/Layer.js +12 -14
  427. package/esm/components/Layer/index.js +1 -0
  428. package/esm/components/Layout/Layout.js +66 -105
  429. package/esm/components/Layout/index.js +1 -0
  430. package/esm/components/Link/Link.js +16 -20
  431. package/esm/components/Link/index.js +1 -0
  432. package/esm/components/List/List.js +206 -361
  433. package/esm/components/List/List.stories.js +18 -12
  434. package/esm/components/List/ListAction.js +9 -12
  435. package/esm/components/List/ListActions.js +13 -17
  436. package/esm/components/List/ListActionsDivider.js +1 -2
  437. package/esm/components/List/ListEmptyView.js +23 -30
  438. package/esm/components/List/ListOperation.js +14 -29
  439. package/esm/components/List/ListOperationContext.js +1 -0
  440. package/esm/components/List/example-data/domains.js +1 -12
  441. package/esm/components/List/images/default.png +0 -0
  442. package/esm/components/List/images/filtered.png +0 -0
  443. package/esm/components/List/index.js +1 -0
  444. package/esm/components/LocaleProvider/LocaleProvider.js +11 -28
  445. package/esm/components/LocaleProvider/index.js +1 -0
  446. package/esm/components/Markdown/Markdown.js +21 -22
  447. package/esm/components/Markdown/index.js +1 -0
  448. package/esm/components/Media/Media.js +16 -31
  449. package/esm/components/Media/MediaSection.js +13 -12
  450. package/esm/components/Media/index.js +1 -0
  451. package/esm/components/Menu/Menu.js +14 -34
  452. package/esm/components/Menu/Menu.stories.js +1 -1
  453. package/esm/components/Menu/MenuBaseItem.js +24 -26
  454. package/esm/components/Menu/MenuDivider.js +13 -11
  455. package/esm/components/Menu/MenuHeader.js +14 -13
  456. package/esm/components/Menu/MenuItem.js +15 -24
  457. package/esm/components/Menu/MenuSelectableItem.js +17 -17
  458. package/esm/components/Menu/index.js +1 -0
  459. package/esm/components/OnDarkContext/OnDarkContext.js +1 -0
  460. package/esm/components/OnDarkContext/index.js +1 -0
  461. package/esm/components/Overlay/Backdrop.js +13 -13
  462. package/esm/components/Overlay/Focuser.js +1 -18
  463. package/esm/components/Overlay/Overlay.js +23 -63
  464. package/esm/components/Overlay/index.js +1 -0
  465. package/esm/components/PageHeader/PageHeader.js +36 -34
  466. package/esm/components/PageHeader/index.js +1 -0
  467. package/esm/components/Pagination/Pagination.js +18 -24
  468. package/esm/components/Pagination/index.js +1 -0
  469. package/esm/components/Panel/Panel.js +11 -18
  470. package/esm/components/Panel/index.js +1 -0
  471. package/esm/components/Paragraph/Paragraph.js +13 -11
  472. package/esm/components/Paragraph/index.js +1 -0
  473. package/esm/components/Plaintext/Plaintext.js +11 -11
  474. package/esm/components/Plaintext/index.js +1 -0
  475. package/esm/components/Popover/Popover.js +18 -73
  476. package/esm/components/Popover/Popover.stories.js +5 -2
  477. package/esm/components/Popover/index.js +1 -0
  478. package/esm/components/Popper/Popper.js +16 -44
  479. package/esm/components/Popper/index.js +1 -0
  480. package/esm/components/Progress/Progress.js +7 -22
  481. package/esm/components/Progress/index.js +1 -0
  482. package/esm/components/ProgressBar/ProgressBar.js +22 -20
  483. package/esm/components/ProgressBar/ProgressIndicator.js +19 -17
  484. package/esm/components/ProgressBar/index.js +1 -0
  485. package/esm/components/ProgressDialog/ProgressDialog.js +7 -35
  486. package/esm/components/ProgressDialog/index.js +1 -0
  487. package/esm/components/ProgressDialogStep/ProgressDialogStep.js +2 -3
  488. package/esm/components/ProgressDialogStep/index.js +1 -0
  489. package/esm/components/ProgressStep/ProgressStep.js +14 -29
  490. package/esm/components/ProgressStep/index.js +1 -0
  491. package/esm/components/Radio/Radio.js +15 -15
  492. package/esm/components/Radio/index.js +1 -0
  493. package/esm/components/Rating/Rating.js +24 -28
  494. package/esm/components/Rating/index.js +1 -0
  495. package/esm/components/ResponsiveContext/ResponsiveContext.js +1 -0
  496. package/esm/components/ResponsiveContext/index.js +1 -0
  497. package/esm/components/Section/Section.js +73 -98
  498. package/esm/components/Section/SectionItem.js +11 -16
  499. package/esm/components/Section/index.js +1 -0
  500. package/esm/components/SegmentedControl/SegmentedControl.js +37 -79
  501. package/esm/components/SegmentedControl/index.js +1 -0
  502. package/esm/components/Select/MultiValue.js +8 -10
  503. package/esm/components/Select/Select.js +24 -73
  504. package/esm/components/Select/Select.stories.js +1 -0
  505. package/esm/components/Select/SelectControl.js +39 -57
  506. package/esm/components/Select/SelectOption.js +1 -3
  507. package/esm/components/Select/SelectOptionGroup.js +1 -3
  508. package/esm/components/Select/index.js +1 -0
  509. package/esm/components/Skeleton/Skeleton.js +14 -13
  510. package/esm/components/Skeleton/Skeleton.stories.js +1 -0
  511. package/esm/components/Skeleton/SkeletonTabs.js +17 -15
  512. package/esm/components/Skeleton/SkeletonTabs.stories.js +1 -0
  513. package/esm/components/Skeleton/SkeletonText.js +22 -19
  514. package/esm/components/Skeleton/SkeletonText.stories.js +1 -0
  515. package/esm/components/Skeleton/index.js +1 -0
  516. package/esm/components/Spinner/Spinner.js +22 -20
  517. package/esm/components/Spinner/index.js +1 -0
  518. package/esm/components/SplitButton/SplitButton.js +13 -27
  519. package/esm/components/SplitButton/index.js +1 -0
  520. package/esm/components/Spot/Spot.js +10 -19
  521. package/esm/components/Spot/SpotPopup.js +20 -22
  522. package/esm/components/Spot/SpotPulsar.js +9 -13
  523. package/esm/components/Spot/index.js +1 -0
  524. package/esm/components/Squeezer/Squeezer.js +15 -26
  525. package/esm/components/Squeezer/index.js +1 -0
  526. package/esm/components/Status/Status.js +17 -20
  527. package/esm/components/Status/Status.stories.js +1 -0
  528. package/esm/components/Status/index.js +1 -0
  529. package/esm/components/StatusMessage/StatusMessage.js +17 -15
  530. package/esm/components/StatusMessage/index.js +1 -0
  531. package/esm/components/Subnav/Subnav.js +24 -38
  532. package/esm/components/Subnav/index.js +1 -0
  533. package/esm/components/Switch/Switch.js +3 -19
  534. package/esm/components/Switch/index.js +1 -0
  535. package/esm/components/SwitchesPanel/SwitchesPanel.js +16 -16
  536. package/esm/components/SwitchesPanel/index.js +1 -0
  537. package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +3 -17
  538. package/esm/components/SwitchesPanelItem/index.js +1 -0
  539. package/esm/components/Tabs/SearchBar.js +7 -78
  540. package/esm/components/Tabs/Tab.js +8 -12
  541. package/esm/components/Tabs/Tabs.js +40 -106
  542. package/esm/components/Tabs/Tabs.stories.js +1 -0
  543. package/esm/components/Tabs/index.js +1 -0
  544. package/esm/components/Text/Text.js +16 -17
  545. package/esm/components/Text/index.js +1 -0
  546. package/esm/components/TextArea/TextArea.js +8 -26
  547. package/esm/components/TextArea/calculateNodeHeight.js +14 -21
  548. package/esm/components/TextArea/index.js +1 -0
  549. package/esm/components/Toast/Toast.js +3 -13
  550. package/esm/components/Toast/index.js +1 -0
  551. package/esm/components/Toaster/Toaster.js +45 -50
  552. package/esm/components/Toaster/index.js +1 -0
  553. package/esm/components/Toolbar/RegistryContext.js +3 -10
  554. package/esm/components/Toolbar/Toolbar.js +17 -20
  555. package/esm/components/Toolbar/ToolbarExpander.js +8 -10
  556. package/esm/components/Toolbar/ToolbarGroup.js +6 -22
  557. package/esm/components/Toolbar/ToolbarItem.js +3 -13
  558. package/esm/components/Toolbar/ToolbarMenu.js +7 -21
  559. package/esm/components/Toolbar/index.js +1 -0
  560. package/esm/components/Tooltip/Tooltip.js +28 -43
  561. package/esm/components/Tooltip/index.js +1 -0
  562. package/esm/components/Tour/Tour.js +12 -16
  563. package/esm/components/Tour/index.js +1 -0
  564. package/esm/components/Translate/Translate.js +14 -28
  565. package/esm/components/Translate/index.js +1 -0
  566. package/esm/components/VerticalContext/VerticalContext.js +1 -0
  567. package/esm/components/VerticalContext/index.js +1 -0
  568. package/esm/components/index.js +1 -0
  569. package/esm/components/intentIconMap.js +1 -0
  570. package/esm/components/utils.js +39 -60
  571. package/esm/constants.js +1 -0
  572. package/esm/index.js +1 -1
  573. package/esm/publicPath.js +3 -7
  574. package/esm/utils.js +4 -1
  575. package/package.json +27 -23
  576. package/styleguide/build/bundle.a0fc0411.js +2 -0
  577. package/styleguide/build/{bundle.59e52792.js.LICENSE.txt → bundle.a0fc0411.js.LICENSE.txt} +19 -8
  578. package/styleguide/images/default.png +0 -0
  579. package/styleguide/images/filtered.png +0 -0
  580. package/styleguide/images/symbols.svg +59 -1
  581. package/styleguide/index.html +2 -2
  582. package/types/package.d.ts +8 -4
  583. package/types/src/components/Button/Button.stories.d.ts +0 -1
  584. package/types/src/components/Dialog/Dialog.stories.d.ts +0 -1
  585. package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +0 -1
  586. package/types/src/components/Drawer/Drawer.stories.d.ts +0 -1
  587. package/types/src/components/Form/DisabledContext.d.ts +0 -1
  588. package/types/src/components/Form/Form.stories.d.ts +0 -1
  589. package/types/src/components/Form/FormContext.d.ts +0 -1
  590. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -1
  591. package/types/src/components/Icon/Icon.stories.d.ts +0 -1
  592. package/types/src/components/Icon/constants.d.ts +1 -1
  593. package/types/src/components/List/List.stories.d.ts +0 -1
  594. package/types/src/components/Menu/Menu.stories.d.ts +0 -1
  595. package/types/src/components/OnDarkContext/OnDarkContext.d.ts +0 -1
  596. package/types/src/components/Popover/Popover.stories.d.ts +0 -1
  597. package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +0 -1
  598. package/types/src/components/Tabs/Tabs.stories.d.ts +0 -1
  599. package/types/src/components/Toolbar/RegistryContext.d.ts +0 -1
  600. package/types/src/components/VerticalContext/VerticalContext.d.ts +0 -1
  601. package/cjs/components/List/images/default.svg +0 -1
  602. package/cjs/components/List/images/filtered.svg +0 -1
  603. package/esm/components/List/images/default.svg +0 -1
  604. package/esm/components/List/images/filtered.svg +0 -1
  605. package/styleguide/build/bundle.59e52792.js +0 -2
@@ -1,78 +1,62 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  var _Icon = _interopRequireDefault(require("../Icon"));
17
-
18
12
  var _constants = require("../../constants");
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
25
- const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
26
16
 
17
+ const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
27
18
  const useIconCursor = (icons, initialCursor, isSync) => {
28
19
  const targetRef = (0, _react.useRef)(null);
29
20
  const [cursor, setCursor] = (0, _react.useState)(initialCursor);
30
21
  (0, _react.useEffect)(() => {
31
22
  const target = targetRef.current;
32
-
33
23
  const listener = () => {
34
24
  if (isSync()) {
35
25
  setCursor(c => (c + 2) % icons.length);
36
26
  }
37
27
  };
38
-
39
28
  if (target) {
40
29
  target.addEventListener('animationiteration', listener);
41
30
  }
42
-
43
31
  return () => {
44
32
  if (target) {
45
33
  target.removeEventListener('animationiteration', listener);
46
34
  }
47
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
35
+ };
36
+ // eslint-disable-next-line react-hooks/exhaustive-deps
48
37
  }, [icons]);
49
38
  return [icons[cursor], targetRef];
50
39
  };
51
-
52
- const IconsLoader = ({
53
- baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
54
- className,
55
- icons,
56
- size,
57
- style,
58
- ...props
59
- }) => {
60
- var _icons;
61
-
40
+ const IconsLoader = _ref => {
41
+ let {
42
+ baseClassName = `${_constants.CLS_PREFIX}icons-loader`,
43
+ className,
44
+ icons,
45
+ size,
46
+ style,
47
+ ...props
48
+ } = _ref;
62
49
  const syncRef = (0, _react.useRef)('icon1');
63
-
64
- if (!((_icons = icons) !== null && _icons !== void 0 && _icons.length)) {
50
+ if (!icons?.length) {
65
51
  icons = DEFAULT_ICONS;
66
52
  } else if (icons.length === 1) {
67
53
  icons = [icons[0], icons[0]];
68
54
  }
69
-
70
55
  const [icon1, icon1Ref] = useIconCursor(icons, 0, () => {
71
56
  if (syncRef.current === 'icon1') {
72
57
  syncRef.current = 'icon2';
73
58
  return true;
74
59
  }
75
-
76
60
  return false;
77
61
  });
78
62
  const [icon2, icon2Ref] = useIconCursor(icons, 1, () => {
@@ -80,12 +64,12 @@ const IconsLoader = ({
80
64
  syncRef.current = 'icon1';
81
65
  return true;
82
66
  }
83
-
84
67
  return false;
85
68
  });
86
69
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
87
70
  className: (0, _classnames.default)(baseClassName, className),
88
- style: { ...style,
71
+ style: {
72
+ ...style,
89
73
  ['--icons-loader-size']: size ? size : undefined
90
74
  }
91
75
  }, props), /*#__PURE__*/_react.default.createElement("div", {
@@ -100,6 +84,5 @@ const IconsLoader = ({
100
84
  size: size ? size : '64'
101
85
  })));
102
86
  };
103
-
104
87
  var _default = IconsLoader;
105
88
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _ContentLoader.default;
12
11
  }
13
12
  });
14
-
15
13
  var _ContentLoader = _interopRequireDefault(require("./ContentLoader"));
@@ -1,34 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
12
  var _reactMeasure = _interopRequireDefault(require("react-measure"));
19
-
20
13
  var _constants = require("../../constants");
21
-
22
14
  var _Translate = _interopRequireDefault(require("../Translate"));
23
-
24
15
  var _Link = _interopRequireDefault(require("../Link"));
25
-
26
16
  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); }
27
-
28
17
  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; }
29
-
30
18
  // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
31
-
32
19
  /* eslint-disable react/no-did-mount-set-state */
33
20
 
34
21
  /**
@@ -36,28 +23,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
36
23
  * @since 0.0.42
37
24
  */
38
25
  class Cuttable extends _react.Component {
39
- constructor(...args) {
40
- super(...args);
26
+ constructor() {
27
+ super(...arguments);
41
28
  (0, _defineProperty2.default)(this, "state", {
42
29
  collapsed: undefined,
43
30
  autofit: true
44
31
  });
45
32
  (0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
46
33
  (0, _defineProperty2.default)(this, "handleToggle", () => {
47
- this.setState(({
48
- collapsed
49
- }) => ({
50
- collapsed: !collapsed,
51
- autofit: false
52
- }));
34
+ this.setState(_ref => {
35
+ let {
36
+ collapsed
37
+ } = _ref;
38
+ return {
39
+ collapsed: !collapsed,
40
+ autofit: false
41
+ };
42
+ });
53
43
  });
54
44
  (0, _defineProperty2.default)(this, "handleResize", () => {
55
45
  if (!this.state.autofit) {
56
46
  return;
57
47
  }
58
-
59
48
  const content = this.contentRef.current;
60
-
61
49
  if (content && content.scrollHeight > content.clientHeight) {
62
50
  this.setState({
63
51
  collapsed: this.props.collapsed
@@ -65,7 +53,6 @@ class Cuttable extends _react.Component {
65
53
  }
66
54
  });
67
55
  }
68
-
69
56
  render() {
70
57
  const {
71
58
  baseClassName,
@@ -87,15 +74,18 @@ class Cuttable extends _react.Component {
87
74
  innerRef: el => {
88
75
  this.contentRef.current = el;
89
76
  }
90
- }, ({
91
- measureRef
92
- }) => /*#__PURE__*/_react.default.createElement("div", {
93
- className: `${baseClassName}__content`,
94
- style: {
95
- maxHeight
96
- },
97
- ref: measureRef
98
- }, children)), this.state.collapsed !== undefined && /*#__PURE__*/_react.default.createElement("div", {
77
+ }, _ref2 => {
78
+ let {
79
+ measureRef
80
+ } = _ref2;
81
+ return /*#__PURE__*/_react.default.createElement("div", {
82
+ className: `${baseClassName}__content`,
83
+ style: {
84
+ maxHeight
85
+ },
86
+ ref: measureRef
87
+ }, children);
88
+ }), this.state.collapsed !== undefined && /*#__PURE__*/_react.default.createElement("div", {
99
89
  className: `${baseClassName}__action`
100
90
  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
101
91
  onClick: this.handleToggle
@@ -104,9 +94,7 @@ class Cuttable extends _react.Component {
104
94
  fallback: locale[showMoreLessKey]
105
95
  }))));
106
96
  }
107
-
108
97
  }
109
-
110
98
  (0, _defineProperty2.default)(Cuttable, "defaultProps", {
111
99
  collapsed: true,
112
100
  maxHeight: '7rem',
@@ -1,30 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.WithItemList = exports.Basic = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _Cuttable = _interopRequireDefault(require("./Cuttable"));
13
-
14
10
  var _Paragraph = _interopRequireDefault(require("../Paragraph"));
15
-
16
11
  var _ItemList = require("../ItemList/ItemList.stories");
17
-
18
12
  // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
19
- const Basic = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
20
13
 
14
+ const Basic = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
21
15
  exports.Basic = Basic;
22
16
  Basic.args = {
23
17
  children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 1'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 2'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 3'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 4'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 5'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 6'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 7'))
24
18
  };
25
-
26
19
  const WithItemList = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
27
-
28
20
  exports.WithItemList = WithItemList;
29
21
  WithItemList.args = {
30
22
  maxHeight: 60,
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _Cuttable.default;
12
11
  }
13
12
  });
14
-
15
13
  var _Cuttable = _interopRequireDefault(require("./Cuttable"));
@@ -1,73 +1,57 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
11
  var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
12
  var _constants = require("../../constants");
19
-
20
13
  var _Overlay = _interopRequireDefault(require("../Overlay"));
21
-
22
14
  var _ClosingConfirmation = require("../ClosingConfirmation");
23
-
24
15
  var _Form = _interopRequireDefault(require("../Form"));
25
-
26
16
  var _Button = _interopRequireDefault(require("../Button"));
27
-
28
17
  var _Heading = _interopRequireDefault(require("../Heading"));
29
-
30
18
  var _Text = _interopRequireDefault(require("../Text"));
31
-
32
19
  var _Translate = _interopRequireWildcard(require("../Translate"));
33
-
34
20
  var _utils = require("../utils");
35
-
36
21
  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); }
37
-
38
22
  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; }
39
-
40
23
  // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
41
24
 
42
25
  /* eslint-disable react/no-deprecated */
26
+
43
27
  const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/(0, _react.isValidElement)(value);
28
+
44
29
  /**
45
30
  * `Dialog` is a modal window that asks users to make a decision or enter additional information.
46
31
  * @since 0.0.68
47
32
  */
48
-
49
-
50
- const Dialog = ({
51
- baseClassName,
52
- className,
53
- children,
54
- actions,
55
- isOpen,
56
- banner,
57
- image,
58
- title,
59
- subtitle,
60
- cancelTitle,
61
- cancelButton,
62
- buttons,
63
- form,
64
- size,
65
- closable,
66
- onClose,
67
- closingConfirmation,
68
- canClose,
69
- ...props
70
- }) => {
33
+ const Dialog = _ref => {
34
+ let {
35
+ baseClassName,
36
+ className,
37
+ children,
38
+ actions,
39
+ isOpen,
40
+ banner,
41
+ image,
42
+ title,
43
+ subtitle,
44
+ cancelTitle,
45
+ cancelButton,
46
+ buttons,
47
+ form,
48
+ size,
49
+ closable,
50
+ onClose,
51
+ closingConfirmation,
52
+ canClose,
53
+ ...props
54
+ } = _ref;
71
55
  const [isVisible, setIsVisible] = (0, _react.useState)(isOpen);
72
56
  const {
73
57
  onCloseWithConfirmation,
@@ -82,16 +66,13 @@ const Dialog = ({
82
66
  (0, _react.useEffect)(() => {
83
67
  setIsVisible(isOpen);
84
68
  }, [isOpen]);
85
-
86
69
  const renderImage = (image, block) => {
87
70
  const classPrefix = `${baseClassName}__${block}`;
88
-
89
71
  if ( /*#__PURE__*/(0, _react.isValidElement)(image)) {
90
72
  return /*#__PURE__*/_react.default.createElement("div", {
91
73
  className: classPrefix
92
74
  }, image);
93
75
  }
94
-
95
76
  if (typeof image === 'string') {
96
77
  return /*#__PURE__*/_react.default.createElement("div", {
97
78
  className: classPrefix
@@ -100,23 +81,19 @@ const Dialog = ({
100
81
  src: image
101
82
  }));
102
83
  }
103
-
104
84
  return /*#__PURE__*/_react.default.createElement("div", {
105
85
  className: classPrefix
106
86
  }, /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
107
87
  className: `${classPrefix}-inner`
108
88
  }, image)));
109
89
  };
110
-
111
90
  const getCancelButtonProps = () => {
112
91
  if (!closable) {
113
92
  return false;
114
93
  }
115
-
116
94
  if (cancelButton === false || form && form.cancelButton === false) {
117
95
  return false;
118
96
  }
119
-
120
97
  let props = {
121
98
  onClick: onCloseWithConfirmation,
122
99
  children: cancelTitle || /*#__PURE__*/_react.default.createElement(_Translate.default, {
@@ -124,45 +101,37 @@ const Dialog = ({
124
101
  fallback: "Cancel"
125
102
  })
126
103
  };
127
-
128
104
  if (form && isProps(form.cancelButton)) {
129
- props = { ...props,
105
+ props = {
106
+ ...props,
130
107
  ...form.cancelButton
131
108
  };
132
109
  }
133
-
134
110
  if (isProps(cancelButton)) {
135
- props = { ...props,
111
+ props = {
112
+ ...props,
136
113
  ...cancelButton
137
114
  };
138
115
  }
139
-
140
116
  return props;
141
117
  };
142
-
143
118
  const renderButtons = () => {
144
119
  if (form) {
145
120
  return null;
146
121
  }
147
-
148
122
  let cancel;
149
123
  const cancelButtonProps = getCancelButtonProps();
150
-
151
124
  if (cancelButtonProps) {
152
125
  cancel = /*#__PURE__*/_react.default.createElement(_Button.default, cancelButtonProps);
153
126
  }
154
-
155
127
  if (buttons || cancel) {
156
128
  return /*#__PURE__*/_react.default.createElement("div", {
157
129
  className: `${baseClassName}__buttons`
158
130
  }, buttons, cancel);
159
131
  }
160
-
161
132
  return null;
162
133
  };
163
-
164
134
  let childrenElement;
165
-
166
135
  if (form) {
167
136
  form.cancelButton = getCancelButtonProps();
168
137
  form.footerClassName = (0, _classnames.default)(form.footerClassName, `${baseClassName}__form-footer`);
@@ -171,7 +140,6 @@ const Dialog = ({
171
140
  } else {
172
141
  childrenElement = children;
173
142
  }
174
-
175
143
  return /*#__PURE__*/_react.default.createElement(_Overlay.default, (0, _extends2.default)({
176
144
  className: (0, _classnames.default)(baseClassName, className),
177
145
  isOpen: isVisible,
@@ -209,26 +177,22 @@ const Dialog = ({
209
177
  className: `${baseClassName}__content`
210
178
  }, image && renderImage(image, 'image'), childrenElement, renderButtons()), closingConfirmationDialog);
211
179
  };
212
-
213
180
  Dialog.propTypes = {
214
181
  /**
215
182
  * Toggles visibility.
216
183
  * @since 0.0.68
217
184
  */
218
185
  isOpen: _propTypes.default.bool,
219
-
220
186
  /**
221
187
  * Banner. Renders in front of content as wide as dialog.
222
188
  * @since 0.0.68
223
189
  */
224
190
  banner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
225
-
226
191
  /**
227
192
  * Block with an image, placed at the side of the component
228
193
  * @since 3.25.0
229
194
  */
230
195
  sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
231
-
232
196
  /**
233
197
  * Additional properties for the sideBanner
234
198
  * @since 3.25.0
@@ -238,103 +202,86 @@ Dialog.propTypes = {
238
202
  * Values for css background property
239
203
  */
240
204
  background: _propTypes.default.string,
241
-
242
205
  /**
243
206
  * One of: center, flex-start, flex-end
244
207
  */
245
208
  align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
246
209
  }),
247
-
248
210
  /**
249
211
  * Image. Renders into content.
250
212
  * @since 0.0.68
251
213
  */
252
214
  image: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
253
-
254
215
  /**
255
216
  * Title
256
217
  * @since 0.0.68
257
218
  */
258
219
  title: _propTypes.default.node,
259
-
260
220
  /**
261
221
  * The subtitle of the `Dialog`.
262
222
  * @since 4.0.0
263
223
  */
264
224
  subtitle: _propTypes.default.node,
265
-
266
225
  /**
267
226
  * Title of "cancel" button
268
227
  * @since 0.0.68
269
228
  * @deprecated Use `cancelButton` instead.
270
229
  */
271
230
  cancelTitle: _propTypes.default.node,
272
-
273
231
  /**
274
232
  * Cancel button visibility or custom configuration. It accepts all props of the `Button` component.
275
233
  * @since 3.13.0
276
234
  */
277
235
  cancelButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
278
-
279
236
  /**
280
237
  * Buttons except "cancel" button
281
238
  * @since 0.0.68
282
239
  */
283
240
  buttons: _propTypes.default.node,
284
-
285
241
  /**
286
242
  * Actions which will be shown in Dialog header
287
243
  * @since 1.2.0
288
244
  */
289
245
  actions: _propTypes.default.node,
290
-
291
246
  /**
292
247
  * Wraps children into [Form](#!/Form) if not empty.
293
248
  * @since 0.0.68
294
249
  */
295
250
  form: _propTypes.default.object,
296
-
297
251
  /**
298
252
  * Dialog width
299
253
  * @since 0.0.68
300
254
  */
301
255
  size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
302
-
303
256
  /**
304
257
  * If the value is false, the dialog cannot be closed and the Close button is hidden.
305
258
  * @since 1.2.0
306
259
  */
307
260
  closable: _propTypes.default.bool,
308
-
309
261
  /**
310
262
  * Disable close dialog button
311
263
  * @since 4.0.0
312
264
  */
313
265
  canClose: _propTypes.default.bool,
314
-
315
266
  /**
316
267
  * On close event handler. Called immediately after dialog closed by "cancel" button or "Esc" key.
317
268
  * @since 0.0.68
318
269
  */
319
270
  onClose: _propTypes.default.func,
320
-
321
271
  /**
322
272
  * Whether show or not a confirmation dialog on close.
323
273
  * @since 3.21.0
324
274
  */
325
275
  closingConfirmation: _propTypes.default.bool,
326
-
327
276
  /**
328
277
  * Content of the `DialogWindow`.
329
278
  * @since 0.0.68
330
279
  */
331
280
  children: _propTypes.default.node,
332
-
333
281
  /**
334
282
  * @ignore
335
283
  */
336
284
  className: _propTypes.default.string,
337
-
338
285
  /**
339
286
  * @ignore
340
287
  */
@@ -1,27 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.WithSideBanner = exports.Basic = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _Button = _interopRequireDefault(require("../Button"));
15
-
16
11
  var _Dialog = _interopRequireDefault(require("./Dialog"));
17
-
18
12
  var _placeholder_400x = _interopRequireDefault(require("../../docs/public/placeholders/placeholder_400x400.svg"));
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
16
+
25
17
  const Basic = args => {
26
18
  const [isOpen, setIsOpen] = (0, _react.useState)(false);
27
19
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -33,18 +25,16 @@ const Basic = args => {
33
25
  onClose: () => setIsOpen(false)
34
26
  })));
35
27
  };
36
-
37
28
  exports.Basic = Basic;
38
29
  Basic.args = {
39
30
  children: 'Dialog content.',
40
31
  title: 'Title',
41
32
  subtitle: 'Subtitle'
42
33
  };
43
-
44
34
  const WithSideBanner = args => /*#__PURE__*/_react.default.createElement(Basic, args);
45
-
46
35
  exports.WithSideBanner = WithSideBanner;
47
- WithSideBanner.args = { ...Basic.args,
36
+ WithSideBanner.args = {
37
+ ...Basic.args,
48
38
  size: 'xs',
49
39
  sideBanner: /*#__PURE__*/_react.default.createElement("img", {
50
40
  src: _placeholder_400x.default
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _Dialog.default;
12
11
  }
13
12
  });
14
-
15
13
  var _Dialog = _interopRequireDefault(require("./Dialog"));