@plesk/ui-library 3.32.0 → 3.34.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 (495) hide show
  1. package/cjs/components/Action/Action.js +1 -1
  2. package/cjs/components/Alert/Alert.js +1 -1
  3. package/cjs/components/Alert/Alert.stories.js +1 -1
  4. package/cjs/components/AutoClosable/AutoClosable.js +1 -1
  5. package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +1 -1
  6. package/cjs/components/Badge/Badge.js +1 -1
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -1
  8. package/cjs/components/Button/Button.js +1 -1
  9. package/cjs/components/Button/Button.stories.js +1 -1
  10. package/cjs/components/ButtonGroup/ButtonGroup.js +1 -1
  11. package/cjs/components/Card/Card.js +1 -1
  12. package/cjs/components/Card/CardButton.js +1 -1
  13. package/cjs/components/Card/PreviewPanel.js +1 -1
  14. package/cjs/components/Card/helpers.js +1 -1
  15. package/cjs/components/CardList/CardList.js +1 -1
  16. package/cjs/components/CardList/CardListToolbar.js +1 -1
  17. package/cjs/components/Carousel/Carousel.js +1 -1
  18. package/cjs/components/Checkbox/Checkbox.js +1 -1
  19. package/cjs/components/ClosingConfirmation/locale/en-US.js +1 -1
  20. package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +1 -1
  21. package/cjs/components/CodeEditor/CodeEditor.js +1 -1
  22. package/cjs/components/CodeEditor/CodeMirror.js +1 -1
  23. package/cjs/components/Columns/Column.js +1 -1
  24. package/cjs/components/Columns/Columns.js +1 -1
  25. package/cjs/components/ComboBox/ComboBox.js +1 -1
  26. package/cjs/components/ComboBox/ComboBoxOption.js +1 -1
  27. package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +1 -1
  28. package/cjs/components/ConsoleOutput/ConsoleOutput.js +1 -1
  29. package/cjs/components/ContentLoader/ContentLoader.js +1 -1
  30. package/cjs/components/ContentLoader/IconsLoader.js +1 -1
  31. package/cjs/components/Cuttable/Cuttable.js +1 -1
  32. package/cjs/components/Cuttable/Cuttable.stories.js +1 -1
  33. package/cjs/components/Dialog/Dialog.js +1 -1
  34. package/cjs/components/Dialog/Dialog.stories.js +1 -1
  35. package/cjs/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -1
  36. package/cjs/components/Drawer/Drawer.js +1 -1
  37. package/cjs/components/Drawer/Drawer.stories.js +1 -1
  38. package/cjs/components/Drawer/DrawerProgress.js +1 -1
  39. package/cjs/components/Drawer/Header.js +1 -1
  40. package/cjs/components/Dropdown/Dropdown.js +1 -1
  41. package/cjs/components/Dropdown/locale/en-US.js +1 -1
  42. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -1
  43. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +1 -1
  44. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +1 -1
  45. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +1 -1
  46. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +1 -1
  47. package/cjs/components/Figure/Figure.js +1 -1
  48. package/cjs/components/FocusTrap/FocusTrap.js +1 -1
  49. package/cjs/components/Form/DisabledContext.js +1 -1
  50. package/cjs/components/Form/Form.js +1 -1
  51. package/cjs/components/Form/Form.stories.js +1 -1
  52. package/cjs/components/Form/FormContext.js +1 -1
  53. package/cjs/components/Form/ScrollableElementFormContext.js +1 -1
  54. package/cjs/components/Form/utils.js +1 -1
  55. package/cjs/components/FormField/FormField.js +1 -1
  56. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +1 -1
  57. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +1 -1
  58. package/cjs/components/FormFieldPassword/FormFieldPassword.js +1 -1
  59. package/cjs/components/FormFieldPassword/PasswordMeter.js +1 -1
  60. package/cjs/components/FormFieldPassword/estimatePassword.js +1 -1
  61. package/cjs/components/FormFieldPassword/generatePassword.js +1 -1
  62. package/cjs/components/FormFieldPassword/locale/en-US.js +1 -1
  63. package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +1 -1
  64. package/cjs/components/FormFieldSelect/FormFieldSelect.js +1 -1
  65. package/cjs/components/FormFieldText/FormFieldText.js +1 -1
  66. package/cjs/components/Grid/Grid.js +1 -1
  67. package/cjs/components/GridCol/GridCol.js +1 -1
  68. package/cjs/components/Heading/Heading.js +1 -1
  69. package/cjs/components/Hint/Hint.js +1 -1
  70. package/cjs/components/Icon/Icon.js +1 -1
  71. package/cjs/components/Icon/Icon.stories.js +1 -1
  72. package/cjs/components/Icon/constants.js +2 -2
  73. package/cjs/components/Icon/images/symbols.svg +13 -1
  74. package/cjs/components/Icon/oldIconNames.js +1 -1
  75. package/cjs/components/Icon/utils.js +1 -1
  76. package/cjs/components/InPlaceEdit/InPlaceEdit.js +1 -1
  77. package/cjs/components/InPlaceEdit/locale/en-US.js +1 -1
  78. package/cjs/components/Input/Input.js +1 -1
  79. package/cjs/components/InputFile/InputFile.js +1 -1
  80. package/cjs/components/InputFile/locale/en-US.js +1 -1
  81. package/cjs/components/InputNumber/InputNumber.js +1 -1
  82. package/cjs/components/Item/Item.js +1 -1
  83. package/cjs/components/ItemLink/ItemLink.js +1 -1
  84. package/cjs/components/ItemLink/ItemLink.stories.js +1 -1
  85. package/cjs/components/ItemList/ItemList.js +1 -1
  86. package/cjs/components/ItemList/ItemList.stories.js +1 -1
  87. package/cjs/components/Layer/Layer.js +1 -1
  88. package/cjs/components/Layout/Layout.js +1 -1
  89. package/cjs/components/Link/Link.js +1 -1
  90. package/cjs/components/List/List.js +12 -9
  91. package/cjs/components/List/List.stories.js +1 -1
  92. package/cjs/components/List/ListAction.js +1 -1
  93. package/cjs/components/List/ListActions.js +1 -1
  94. package/cjs/components/List/ListActionsDivider.js +1 -1
  95. package/cjs/components/List/ListOperation.js +1 -1
  96. package/cjs/components/List/ListOperationContext.js +1 -1
  97. package/cjs/components/List/example-data/domains.js +1 -1
  98. package/cjs/components/LocaleProvider/LocaleProvider.js +1 -1
  99. package/cjs/components/Markdown/Markdown.js +2 -29
  100. package/cjs/components/Markdown/Markdown.stories.js +51 -0
  101. package/cjs/components/Media/Media.js +1 -1
  102. package/cjs/components/Media/MediaSection.js +1 -1
  103. package/cjs/components/Menu/Menu.js +1 -1
  104. package/cjs/components/Menu/Menu.stories.js +1 -1
  105. package/cjs/components/Menu/MenuBaseItem.js +1 -1
  106. package/cjs/components/Menu/MenuDivider.js +1 -1
  107. package/cjs/components/Menu/MenuHeader.js +1 -1
  108. package/cjs/components/Menu/MenuItem.js +1 -1
  109. package/cjs/components/Menu/MenuSelectableItem.js +1 -1
  110. package/cjs/components/OnDarkContext/OnDarkContext.js +1 -1
  111. package/cjs/components/Overlay/Focuser.js +1 -1
  112. package/cjs/components/Overlay/Overlay.js +136 -286
  113. package/cjs/components/PageHeader/PageHeader.js +1 -1
  114. package/cjs/components/Pagination/Pagination.js +1 -1
  115. package/cjs/components/Panel/Panel.js +1 -1
  116. package/cjs/components/Paragraph/Paragraph.js +1 -1
  117. package/cjs/components/Plaintext/Plaintext.js +1 -1
  118. package/cjs/components/Popover/Popover.js +4 -2
  119. package/cjs/components/Popover/Popover.stories.js +1 -1
  120. package/cjs/components/Popper/Popper.js +1 -1
  121. package/cjs/components/Progress/Progress.js +1 -1
  122. package/cjs/components/ProgressBar/ProgressBar.js +1 -1
  123. package/cjs/components/ProgressBar/ProgressIndicator.js +1 -1
  124. package/cjs/components/ProgressDialog/ProgressDialog.js +1 -1
  125. package/cjs/components/ProgressDialogStep/ProgressDialogStep.js +1 -1
  126. package/cjs/components/ProgressStep/ProgressStep.js +1 -1
  127. package/cjs/components/Radio/Radio.js +1 -1
  128. package/cjs/components/Rating/Rating.js +1 -1
  129. package/cjs/components/ResponsiveContext/ResponsiveContext.js +1 -1
  130. package/cjs/components/Section/Section.js +1 -1
  131. package/cjs/components/Section/SectionItem.js +1 -1
  132. package/cjs/components/SegmentedControl/SegmentedControl.js +1 -1
  133. package/cjs/components/Select/MultiValue.js +1 -1
  134. package/cjs/components/Select/Select.js +1 -1
  135. package/cjs/components/Select/Select.stories.js +1 -1
  136. package/cjs/components/Select/SelectControl.js +1 -1
  137. package/cjs/components/Select/SelectOption.js +1 -1
  138. package/cjs/components/Select/SelectOptionGroup.js +1 -1
  139. package/cjs/components/Skeleton/Skeleton.js +1 -1
  140. package/cjs/components/Skeleton/Skeleton.stories.js +1 -1
  141. package/cjs/components/Skeleton/SkeletonTabs.js +1 -1
  142. package/cjs/components/Skeleton/SkeletonTabs.stories.js +1 -1
  143. package/cjs/components/Skeleton/SkeletonText.js +1 -1
  144. package/cjs/components/Skeleton/SkeletonText.stories.js +1 -1
  145. package/cjs/components/Spinner/Spinner.js +1 -1
  146. package/cjs/components/SplitButton/SplitButton.js +1 -1
  147. package/cjs/components/Spot/Spot.js +1 -1
  148. package/cjs/components/Spot/SpotPopup.js +1 -1
  149. package/cjs/components/Spot/SpotPulsar.js +1 -1
  150. package/cjs/components/Squeezer/Squeezer.js +1 -1
  151. package/cjs/components/Status/Status.js +1 -1
  152. package/cjs/components/Status/Status.stories.js +1 -1
  153. package/cjs/components/StatusMessage/StatusMessage.js +1 -1
  154. package/cjs/components/Subnav/Subnav.js +1 -1
  155. package/cjs/components/Switch/Switch.js +1 -1
  156. package/cjs/components/SwitchesPanel/SwitchesPanel.js +1 -1
  157. package/cjs/components/SwitchesPanelItem/SwitchesPanelItem.js +1 -1
  158. package/cjs/components/Tabs/SearchBar.js +1 -1
  159. package/cjs/components/Tabs/Tab.js +1 -1
  160. package/cjs/components/Tabs/Tabs.js +1 -1
  161. package/cjs/components/Tabs/Tabs.stories.js +1 -1
  162. package/cjs/components/Text/Text.js +1 -1
  163. package/cjs/components/TextArea/TextArea.js +1 -1
  164. package/cjs/components/TextArea/calculateNodeHeight.js +1 -1
  165. package/cjs/components/Toast/Toast.js +1 -1
  166. package/cjs/components/Toaster/Toaster.js +1 -1
  167. package/cjs/components/Toolbar/RegistryContext.js +1 -1
  168. package/cjs/components/Toolbar/Toolbar.js +1 -1
  169. package/cjs/components/Toolbar/ToolbarExpander.js +1 -1
  170. package/cjs/components/Toolbar/ToolbarGroup.js +1 -1
  171. package/cjs/components/Toolbar/ToolbarItem.js +1 -1
  172. package/cjs/components/Toolbar/ToolbarMenu.js +1 -1
  173. package/cjs/components/Tooltip/Tooltip.js +1 -1
  174. package/cjs/components/Tour/Tour.js +1 -1
  175. package/cjs/components/Translate/Translate.js +1 -1
  176. package/cjs/components/VerticalContext/VerticalContext.js +1 -1
  177. package/cjs/components/intentIconMap.js +1 -1
  178. package/cjs/components/utils.js +1 -1
  179. package/cjs/constants.js +1 -1
  180. package/cjs/index.js +2 -2
  181. package/cjs/publicPath.js +1 -1
  182. package/cjs/utils.js +1 -1
  183. package/dist/images/symbols.svg +13 -1
  184. package/dist/plesk-ui-library-rtl.css +1 -1
  185. package/dist/plesk-ui-library-rtl.css.map +1 -1
  186. package/dist/plesk-ui-library.css +1 -1
  187. package/dist/plesk-ui-library.css.map +1 -1
  188. package/dist/plesk-ui-library.js +1029 -1071
  189. package/dist/plesk-ui-library.js.map +1 -1
  190. package/dist/plesk-ui-library.min.js +5 -5
  191. package/dist/plesk-ui-library.min.js.map +1 -1
  192. package/esm/components/Action/Action.js +1 -1
  193. package/esm/components/Action/index.js +1 -1
  194. package/esm/components/Alert/Alert.js +1 -1
  195. package/esm/components/Alert/Alert.stories.js +1 -1
  196. package/esm/components/Alert/index.js +1 -1
  197. package/esm/components/AutoClosable/AutoClosable.js +1 -1
  198. package/esm/components/AutoClosable/index.js +1 -1
  199. package/esm/components/AuxiliaryActions/AuxiliaryActions.js +1 -1
  200. package/esm/components/AuxiliaryActions/index.js +1 -1
  201. package/esm/components/Badge/Badge.js +1 -1
  202. package/esm/components/Badge/index.js +1 -1
  203. package/esm/components/Breadcrumbs/Breadcrumbs.js +1 -1
  204. package/esm/components/Breadcrumbs/index.js +1 -1
  205. package/esm/components/Button/Button.js +1 -1
  206. package/esm/components/Button/Button.stories.js +1 -1
  207. package/esm/components/Button/index.js +1 -1
  208. package/esm/components/ButtonGroup/ButtonGroup.js +1 -1
  209. package/esm/components/ButtonGroup/index.js +1 -1
  210. package/esm/components/Card/Card.js +1 -1
  211. package/esm/components/Card/CardButton.js +1 -1
  212. package/esm/components/Card/PreviewPanel.js +1 -1
  213. package/esm/components/Card/helpers.js +1 -1
  214. package/esm/components/Card/index.js +1 -1
  215. package/esm/components/CardList/CardList.js +1 -1
  216. package/esm/components/CardList/CardListToolbar.js +1 -1
  217. package/esm/components/CardList/index.js +1 -1
  218. package/esm/components/Carousel/Carousel.js +1 -1
  219. package/esm/components/Carousel/index.js +1 -1
  220. package/esm/components/Checkbox/Checkbox.js +1 -1
  221. package/esm/components/Checkbox/index.js +1 -1
  222. package/esm/components/ClosingConfirmation/index.js +1 -1
  223. package/esm/components/ClosingConfirmation/locale/en-US.js +1 -1
  224. package/esm/components/ClosingConfirmation/useClosingConfirmation.js +1 -1
  225. package/esm/components/CodeEditor/CodeEditor.js +1 -1
  226. package/esm/components/CodeEditor/CodeMirror.js +1 -1
  227. package/esm/components/CodeEditor/index.js +1 -1
  228. package/esm/components/Columns/Column.js +1 -1
  229. package/esm/components/Columns/Columns.js +1 -1
  230. package/esm/components/Columns/index.js +1 -1
  231. package/esm/components/ComboBox/ComboBox.js +1 -1
  232. package/esm/components/ComboBox/ComboBoxOption.js +1 -1
  233. package/esm/components/ComboBox/index.js +1 -1
  234. package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js +1 -1
  235. package/esm/components/ComboBoxDropdown/index.js +1 -1
  236. package/esm/components/ConsoleOutput/ConsoleOutput.js +1 -1
  237. package/esm/components/ConsoleOutput/index.js +1 -1
  238. package/esm/components/ContentLoader/ContentLoader.js +1 -1
  239. package/esm/components/ContentLoader/IconsLoader.js +1 -1
  240. package/esm/components/ContentLoader/index.js +1 -1
  241. package/esm/components/Cuttable/Cuttable.js +1 -1
  242. package/esm/components/Cuttable/Cuttable.stories.js +1 -1
  243. package/esm/components/Cuttable/index.js +1 -1
  244. package/esm/components/Dialog/Dialog.js +1 -1
  245. package/esm/components/Dialog/Dialog.stories.js +1 -1
  246. package/esm/components/Dialog/index.js +1 -1
  247. package/esm/components/DistractionFreeModeContext/DistractionFreeModeContext.js +1 -1
  248. package/esm/components/DistractionFreeModeContext/index.js +1 -1
  249. package/esm/components/Drawer/Drawer.js +1 -1
  250. package/esm/components/Drawer/Drawer.stories.js +1 -1
  251. package/esm/components/Drawer/DrawerProgress.js +1 -1
  252. package/esm/components/Drawer/Header.js +1 -1
  253. package/esm/components/Drawer/index.js +1 -1
  254. package/esm/components/Dropdown/Dropdown.js +1 -1
  255. package/esm/components/Dropdown/index.js +1 -1
  256. package/esm/components/Dropdown/locale/en-US.js +1 -1
  257. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -1
  258. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageActions.js +1 -1
  259. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.js +1 -1
  260. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.js +1 -1
  261. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.js +1 -1
  262. package/esm/components/ExtendedStatusMessage/index.js +1 -1
  263. package/esm/components/Figure/Figure.js +1 -1
  264. package/esm/components/Figure/index.js +1 -1
  265. package/esm/components/FocusTrap/FocusTrap.js +1 -1
  266. package/esm/components/FocusTrap/index.js +1 -1
  267. package/esm/components/Form/DisabledContext.js +1 -1
  268. package/esm/components/Form/Form.js +1 -1
  269. package/esm/components/Form/Form.stories.js +1 -1
  270. package/esm/components/Form/FormContext.js +1 -1
  271. package/esm/components/Form/ScrollableElementFormContext.js +1 -1
  272. package/esm/components/Form/index.js +1 -1
  273. package/esm/components/Form/utils.js +1 -1
  274. package/esm/components/FormField/FormField.js +1 -1
  275. package/esm/components/FormField/index.js +1 -1
  276. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +1 -1
  277. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.stories.js +1 -1
  278. package/esm/components/FormFieldCheckbox/index.js +1 -1
  279. package/esm/components/FormFieldPassword/FormFieldPassword.js +1 -1
  280. package/esm/components/FormFieldPassword/PasswordMeter.js +1 -1
  281. package/esm/components/FormFieldPassword/estimatePassword.js +1 -1
  282. package/esm/components/FormFieldPassword/generatePassword.js +1 -1
  283. package/esm/components/FormFieldPassword/index.js +1 -1
  284. package/esm/components/FormFieldPassword/locale/en-US.js +1 -1
  285. package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +1 -1
  286. package/esm/components/FormFieldRadioButtons/index.js +1 -1
  287. package/esm/components/FormFieldSelect/FormFieldSelect.js +1 -1
  288. package/esm/components/FormFieldSelect/index.js +1 -1
  289. package/esm/components/FormFieldText/FormFieldText.js +1 -1
  290. package/esm/components/FormFieldText/index.js +1 -1
  291. package/esm/components/Grid/Grid.js +1 -1
  292. package/esm/components/Grid/index.js +1 -1
  293. package/esm/components/GridCol/GridCol.js +1 -1
  294. package/esm/components/GridCol/index.js +1 -1
  295. package/esm/components/Heading/Heading.js +1 -1
  296. package/esm/components/Heading/index.js +1 -1
  297. package/esm/components/Hint/Hint.js +1 -1
  298. package/esm/components/Hint/index.js +1 -1
  299. package/esm/components/Icon/Icon.js +1 -1
  300. package/esm/components/Icon/Icon.stories.js +1 -1
  301. package/esm/components/Icon/constants.js +2 -2
  302. package/esm/components/Icon/images/symbols.svg +13 -1
  303. package/esm/components/Icon/index.js +1 -1
  304. package/esm/components/Icon/oldIconNames.js +1 -1
  305. package/esm/components/Icon/utils.js +1 -1
  306. package/esm/components/InPlaceEdit/InPlaceEdit.js +1 -1
  307. package/esm/components/InPlaceEdit/index.js +1 -1
  308. package/esm/components/InPlaceEdit/locale/en-US.js +1 -1
  309. package/esm/components/Input/Input.js +1 -1
  310. package/esm/components/Input/index.js +1 -1
  311. package/esm/components/InputFile/InputFile.js +1 -1
  312. package/esm/components/InputFile/index.js +1 -1
  313. package/esm/components/InputFile/locale/en-US.js +1 -1
  314. package/esm/components/InputNumber/InputNumber.js +1 -1
  315. package/esm/components/InputNumber/index.js +1 -1
  316. package/esm/components/Item/Item.js +1 -1
  317. package/esm/components/Item/index.js +1 -1
  318. package/esm/components/ItemLink/ItemLink.js +1 -1
  319. package/esm/components/ItemLink/ItemLink.stories.js +1 -1
  320. package/esm/components/ItemLink/index.js +1 -1
  321. package/esm/components/ItemList/ItemList.js +1 -1
  322. package/esm/components/ItemList/ItemList.stories.js +1 -1
  323. package/esm/components/ItemList/index.js +1 -1
  324. package/esm/components/Label/index.js +1 -1
  325. package/esm/components/Layer/Layer.js +1 -1
  326. package/esm/components/Layer/index.js +1 -1
  327. package/esm/components/Layout/Layout.js +1 -1
  328. package/esm/components/Layout/index.js +1 -1
  329. package/esm/components/Link/Link.js +1 -1
  330. package/esm/components/Link/index.js +1 -1
  331. package/esm/components/List/List.js +12 -9
  332. package/esm/components/List/List.stories.js +1 -1
  333. package/esm/components/List/ListAction.js +1 -1
  334. package/esm/components/List/ListActions.js +1 -1
  335. package/esm/components/List/ListActionsDivider.js +1 -1
  336. package/esm/components/List/ListOperation.js +1 -1
  337. package/esm/components/List/ListOperationContext.js +1 -1
  338. package/esm/components/List/example-data/domains.js +1 -1
  339. package/esm/components/List/index.js +1 -1
  340. package/esm/components/LocaleProvider/LocaleProvider.js +1 -1
  341. package/esm/components/LocaleProvider/index.js +1 -1
  342. package/esm/components/Markdown/Markdown.js +2 -29
  343. package/esm/components/Markdown/Markdown.stories.js +43 -0
  344. package/esm/components/Markdown/index.js +1 -1
  345. package/esm/components/Media/Media.js +1 -1
  346. package/esm/components/Media/MediaSection.js +1 -1
  347. package/esm/components/Media/index.js +1 -1
  348. package/esm/components/Menu/Menu.js +1 -1
  349. package/esm/components/Menu/Menu.stories.js +1 -1
  350. package/esm/components/Menu/MenuBaseItem.js +1 -1
  351. package/esm/components/Menu/MenuDivider.js +1 -1
  352. package/esm/components/Menu/MenuHeader.js +1 -1
  353. package/esm/components/Menu/MenuItem.js +1 -1
  354. package/esm/components/Menu/MenuSelectableItem.js +1 -1
  355. package/esm/components/Menu/index.js +1 -1
  356. package/esm/components/OnDarkContext/OnDarkContext.js +1 -1
  357. package/esm/components/OnDarkContext/index.js +1 -1
  358. package/esm/components/Overlay/Focuser.js +1 -1
  359. package/esm/components/Overlay/Overlay.js +135 -283
  360. package/esm/components/Overlay/index.js +1 -1
  361. package/esm/components/PageHeader/PageHeader.js +1 -1
  362. package/esm/components/PageHeader/index.js +1 -1
  363. package/esm/components/Pagination/Pagination.js +1 -1
  364. package/esm/components/Pagination/index.js +1 -1
  365. package/esm/components/Panel/Panel.js +1 -1
  366. package/esm/components/Panel/index.js +1 -1
  367. package/esm/components/Paragraph/Paragraph.js +1 -1
  368. package/esm/components/Paragraph/index.js +1 -1
  369. package/esm/components/Plaintext/Plaintext.js +1 -1
  370. package/esm/components/Plaintext/index.js +1 -1
  371. package/esm/components/Popover/Popover.js +4 -2
  372. package/esm/components/Popover/Popover.stories.js +1 -1
  373. package/esm/components/Popover/index.js +1 -1
  374. package/esm/components/Popper/Popper.js +1 -1
  375. package/esm/components/Popper/index.js +1 -1
  376. package/esm/components/Progress/Progress.js +1 -1
  377. package/esm/components/Progress/index.js +1 -1
  378. package/esm/components/ProgressBar/ProgressBar.js +1 -1
  379. package/esm/components/ProgressBar/ProgressIndicator.js +1 -1
  380. package/esm/components/ProgressBar/index.js +1 -1
  381. package/esm/components/ProgressDialog/ProgressDialog.js +1 -1
  382. package/esm/components/ProgressDialog/index.js +1 -1
  383. package/esm/components/ProgressDialogStep/ProgressDialogStep.js +1 -1
  384. package/esm/components/ProgressDialogStep/index.js +1 -1
  385. package/esm/components/ProgressStep/ProgressStep.js +1 -1
  386. package/esm/components/ProgressStep/index.js +1 -1
  387. package/esm/components/Radio/Radio.js +1 -1
  388. package/esm/components/Radio/index.js +1 -1
  389. package/esm/components/Rating/Rating.js +1 -1
  390. package/esm/components/Rating/index.js +1 -1
  391. package/esm/components/ResponsiveContext/ResponsiveContext.js +1 -1
  392. package/esm/components/ResponsiveContext/index.js +1 -1
  393. package/esm/components/Section/Section.js +1 -1
  394. package/esm/components/Section/SectionItem.js +1 -1
  395. package/esm/components/Section/index.js +1 -1
  396. package/esm/components/SegmentedControl/SegmentedControl.js +1 -1
  397. package/esm/components/SegmentedControl/index.js +1 -1
  398. package/esm/components/Select/MultiValue.js +1 -1
  399. package/esm/components/Select/Select.js +1 -1
  400. package/esm/components/Select/Select.stories.js +1 -1
  401. package/esm/components/Select/SelectControl.js +1 -1
  402. package/esm/components/Select/SelectOption.js +1 -1
  403. package/esm/components/Select/SelectOptionGroup.js +1 -1
  404. package/esm/components/Select/index.js +1 -1
  405. package/esm/components/Skeleton/Skeleton.js +1 -1
  406. package/esm/components/Skeleton/Skeleton.stories.js +1 -1
  407. package/esm/components/Skeleton/SkeletonTabs.js +1 -1
  408. package/esm/components/Skeleton/SkeletonTabs.stories.js +1 -1
  409. package/esm/components/Skeleton/SkeletonText.js +1 -1
  410. package/esm/components/Skeleton/SkeletonText.stories.js +1 -1
  411. package/esm/components/Skeleton/index.js +1 -1
  412. package/esm/components/Spinner/Spinner.js +1 -1
  413. package/esm/components/Spinner/index.js +1 -1
  414. package/esm/components/SplitButton/SplitButton.js +1 -1
  415. package/esm/components/SplitButton/index.js +1 -1
  416. package/esm/components/Spot/Spot.js +1 -1
  417. package/esm/components/Spot/SpotPopup.js +1 -1
  418. package/esm/components/Spot/SpotPulsar.js +1 -1
  419. package/esm/components/Spot/index.js +1 -1
  420. package/esm/components/Squeezer/Squeezer.js +1 -1
  421. package/esm/components/Squeezer/index.js +1 -1
  422. package/esm/components/Status/Status.js +1 -1
  423. package/esm/components/Status/Status.stories.js +1 -1
  424. package/esm/components/Status/index.js +1 -1
  425. package/esm/components/StatusMessage/StatusMessage.js +1 -1
  426. package/esm/components/StatusMessage/index.js +1 -1
  427. package/esm/components/Subnav/Subnav.js +1 -1
  428. package/esm/components/Subnav/index.js +1 -1
  429. package/esm/components/Switch/Switch.js +1 -1
  430. package/esm/components/Switch/index.js +1 -1
  431. package/esm/components/SwitchesPanel/SwitchesPanel.js +1 -1
  432. package/esm/components/SwitchesPanel/index.js +1 -1
  433. package/esm/components/SwitchesPanelItem/SwitchesPanelItem.js +1 -1
  434. package/esm/components/SwitchesPanelItem/index.js +1 -1
  435. package/esm/components/Tabs/SearchBar.js +1 -1
  436. package/esm/components/Tabs/Tab.js +1 -1
  437. package/esm/components/Tabs/Tabs.js +1 -1
  438. package/esm/components/Tabs/Tabs.stories.js +1 -1
  439. package/esm/components/Tabs/index.js +1 -1
  440. package/esm/components/Text/Text.js +1 -1
  441. package/esm/components/Text/index.js +1 -1
  442. package/esm/components/TextArea/TextArea.js +1 -1
  443. package/esm/components/TextArea/calculateNodeHeight.js +1 -1
  444. package/esm/components/TextArea/index.js +1 -1
  445. package/esm/components/Toast/Toast.js +1 -1
  446. package/esm/components/Toast/index.js +1 -1
  447. package/esm/components/Toaster/Toaster.js +1 -1
  448. package/esm/components/Toaster/index.js +1 -1
  449. package/esm/components/Toolbar/RegistryContext.js +1 -1
  450. package/esm/components/Toolbar/Toolbar.js +1 -1
  451. package/esm/components/Toolbar/ToolbarExpander.js +1 -1
  452. package/esm/components/Toolbar/ToolbarGroup.js +1 -1
  453. package/esm/components/Toolbar/ToolbarItem.js +1 -1
  454. package/esm/components/Toolbar/ToolbarMenu.js +1 -1
  455. package/esm/components/Toolbar/index.js +1 -1
  456. package/esm/components/Tooltip/Tooltip.js +1 -1
  457. package/esm/components/Tooltip/index.js +1 -1
  458. package/esm/components/Tour/Tour.js +1 -1
  459. package/esm/components/Tour/index.js +1 -1
  460. package/esm/components/Translate/Translate.js +1 -1
  461. package/esm/components/Translate/index.js +1 -1
  462. package/esm/components/VerticalContext/VerticalContext.js +1 -1
  463. package/esm/components/VerticalContext/index.js +1 -1
  464. package/esm/components/index.js +1 -1
  465. package/esm/components/intentIconMap.js +1 -1
  466. package/esm/components/utils.js +1 -1
  467. package/esm/constants.js +1 -1
  468. package/esm/index.js +2 -2
  469. package/esm/publicPath.js +1 -1
  470. package/esm/utils.js +1 -1
  471. package/index.js +1 -1
  472. package/package.json +5 -4
  473. package/scripts/postinstall.js +1 -1
  474. package/styleguide/build/bundle.ad46084d.js +2 -0
  475. package/styleguide/images/symbols.svg +13 -1
  476. package/styleguide/index.html +2 -16
  477. package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
  478. package/types/src/components/Drawer/DrawerProgress.d.ts +1 -1
  479. package/types/src/components/FocusTrap/FocusTrap.d.ts +4 -5
  480. package/types/src/components/Form/Form.d.ts +4 -4
  481. package/types/src/components/Icon/constants.d.ts +1 -1
  482. package/types/src/components/ItemList/ItemList.d.ts +1 -1
  483. package/types/src/components/ItemList/ItemList.stories.d.ts +66 -54
  484. package/types/src/components/Markdown/Markdown.d.ts +28 -0
  485. package/types/src/components/Markdown/Markdown.stories.d.ts +10 -0
  486. package/types/src/components/Markdown/index.d.ts +1 -0
  487. package/types/src/components/Overlay/Overlay.d.ts +66 -0
  488. package/types/src/components/Overlay/index.d.ts +1 -0
  489. package/cjs/components/Overlay/Backdrop.js +0 -50
  490. package/dist/.DS_Store +0 -0
  491. package/dist/images/default.svg +0 -1
  492. package/dist/images/filtered.svg +0 -1
  493. package/esm/components/Overlay/Backdrop.js +0 -42
  494. package/styleguide/build/bundle.57b0e524.js +0 -2
  495. /package/styleguide/build/{bundle.57b0e524.js.LICENSE.txt → bundle.ad46084d.js.LICENSE.txt} +0 -0
@@ -5,318 +5,168 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
8
  var _utils = require("../../utils");
10
- var _react = _interopRequireWildcard(require("react"));
9
+ var _react = require("react");
11
10
  var _utils2 = require("../utils");
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _classnames = _interopRequireDefault(require("classnames"));
14
12
  var _constants = require("../../constants");
15
- var _reactTransitionGroup = require("react-transition-group");
16
- var _Backdrop = _interopRequireDefault(require("./Backdrop"));
17
13
  var _Layer = _interopRequireDefault(require("../Layer"));
18
14
  var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
19
15
  var _jsxRuntime = require("react/jsx-runtime");
20
- 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
- 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; }
22
- // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
16
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
23
17
 
24
18
  /**
25
19
  * `Overlay` component.
26
20
  */
27
21
 
28
- const overlays = [];
29
-
30
- /**
31
- * @since 0.0.65
32
- */
33
- class Overlay extends _react.Component {
34
- constructor() {
35
- super(...arguments);
36
- (0, _defineProperty2.default)(this, "state", {
37
- isOpened: false,
38
- isExist: false
39
- });
40
- (0, _defineProperty2.default)(this, "prevFocusElement", null);
41
- (0, _defineProperty2.default)(this, "contentRef", /*#__PURE__*/(0, _react.createRef)());
42
- (0, _defineProperty2.default)(this, "backdropRef", /*#__PURE__*/(0, _react.createRef)());
43
- (0, _defineProperty2.default)(this, "handleBackdropClick", () => {
44
- const {
45
- onClose,
46
- canCloseOnBackdropClick
47
- } = this.props;
48
- if (canCloseOnBackdropClick) {
49
- (0, _utils2.safeInvoke)(onClose);
50
- } else {
51
- this.focus();
52
- }
53
- });
54
- (0, _defineProperty2.default)(this, "handleContentKeyUp", e => {
55
- const {
56
- onClose
57
- } = this.props;
58
- if (!e.isDefaultPrevented() && e.key === 'Escape') {
59
- (0, _utils2.safeInvoke)(onClose);
60
- e.preventDefault();
61
- }
62
- });
63
- }
64
- componentDidMount() {
65
- if (this.props.isOpen) {
66
- this.overlayWillOpen();
67
- }
68
- }
69
- componentDidUpdate(prevProps) {
70
- if (!this.props.isOpen && prevProps.isOpen) {
71
- this.overlayWillClose();
72
- } else if (this.props.isOpen && !prevProps.isOpen) {
73
- this.overlayWillOpen();
74
- }
75
- }
76
- componentWillUnmount() {
77
- if (this.props.isOpen) {
78
- this.overlayWillClose();
22
+ let overlaysCount = 0;
23
+ const OverlayCore = _ref => {
24
+ let {
25
+ baseClassName = `${_constants.CLS_PREFIX}overlay`,
26
+ className,
27
+ children = null,
28
+ isOpen: externalIsOpen,
29
+ placement = 'center',
30
+ size = 'md',
31
+ sideBanner,
32
+ sideBannerContainer,
33
+ onClose,
34
+ canCloseOnBackdropClick = true,
35
+ canCloseOnEscapePress = true,
36
+ style = {},
37
+ onAnimationExited,
38
+ ...props
39
+ } = _ref;
40
+ const animationTimeoutRef = (0, _react.useRef)();
41
+ const contentRef = (0, _react.useRef)(null);
42
+ const prevIsOpen = (0, _react.useRef)(externalIsOpen);
43
+ if (prevIsOpen.current !== externalIsOpen) {
44
+ prevIsOpen.current = externalIsOpen;
45
+ if (externalIsOpen) {
46
+ clearTimeout(animationTimeoutRef.current);
47
+ } else {
48
+ animationTimeoutRef.current = window.setTimeout(onAnimationExited, 300);
79
49
  }
80
50
  }
81
- overlayWillOpen() {
82
- (0, _utils.disableDocumentScroll)();
83
- overlays.push(this);
84
- this.setState({
85
- isExist: true
86
- }, () => {
87
- this.prevFocusElement = document.activeElement;
88
- this.setState({
89
- isOpened: true
90
- }, () => {
91
- this.focus();
92
- });
93
- });
94
- }
95
- overlayWillClose() {
96
- overlays.pop();
97
- if (overlays.length === 0) {
98
- (0, _utils.enableDocumentScroll)();
99
- }
100
- this.setState({
101
- isOpened: false
102
- }, () => {
103
- if (this.prevFocusElement) {
104
- this.prevFocusElement.focus();
105
- this.prevFocusElement = null;
106
- }
107
- });
108
- }
109
- focus() {
110
- if (this.contentRef.current === null || document.activeElement === null || !this.props.isOpen) {
51
+ (0, _react.useEffect)(() => () => clearTimeout(animationTimeoutRef.current), []);
52
+ const [isOpen, setIsOpen] = (0, _react.useState)(false);
53
+ (0, _react.useEffect)(() => setIsOpen(externalIsOpen), [externalIsOpen]);
54
+ const focus = () => {
55
+ if (contentRef.current === null || document.activeElement === null) {
111
56
  return;
112
57
  }
113
- const isFocusOutside = !this.contentRef.current.contains(document.activeElement);
58
+ const isFocusOutside = !contentRef.current.contains(document.activeElement);
114
59
  if (isFocusOutside) {
115
- const autofocusElement = this.contentRef.current.querySelector('[autofocus]');
116
- if (autofocusElement) {
60
+ const autofocusElement = contentRef.current.querySelector('[autofocus]');
61
+ if (autofocusElement instanceof HTMLElement) {
117
62
  autofocusElement.focus();
118
63
  } else {
119
- this.contentRef.current.focus();
64
+ contentRef.current.focus();
120
65
  }
121
66
  }
122
- }
123
- renderContent(_ref) {
124
- let {
125
- baseClassName,
126
- children,
127
- canCloseOnEscapePress,
128
- sideBanner
129
- } = _ref;
130
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
131
- in: this.state.isOpened,
132
- classNames: `${baseClassName}-`,
133
- timeout: 300,
134
- onExited: () => {
135
- this.setState({
136
- isExist: false
137
- });
138
- },
139
- nodeRef: this.contentRef,
140
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
141
- className: `${baseClassName}__content`,
142
- onKeyUp: canCloseOnEscapePress ? this.handleContentKeyUp : null,
143
- ref: this.contentRef,
144
- role: "dialog",
145
- "aria-modal": "true",
146
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
147
- className: `${baseClassName}__body`,
148
- children: children
149
- }), this.renderImage({
150
- baseClassName,
151
- image: sideBanner
152
- })]
153
- })
154
- });
155
- }
156
- renderBackdrop(_ref2) {
157
- let {
158
- baseClassName
159
- } = _ref2;
160
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
161
- in: this.state.isOpened,
162
- classNames: `${baseClassName}-`,
163
- timeout: 300,
164
- nodeRef: this.backdropRef,
165
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.default, {
166
- onClick: () => this.handleBackdropClick(),
167
- innerRef: this.backdropRef
168
- })
169
- });
170
- }
171
- renderImage(_ref3) {
172
- let {
173
- baseClassName,
174
- image
175
- } = _ref3;
176
- const classPrefix = `${baseClassName}__side`;
177
- if (!image) {
178
- return null;
67
+ };
68
+ (0, _react.useLayoutEffect)(() => {
69
+ if (isOpen) focus();
70
+ }, [isOpen]);
71
+ const handleBackdropClick = () => {
72
+ if (canCloseOnBackdropClick) {
73
+ (0, _utils2.safeInvoke)(onClose);
74
+ } else if (isOpen) {
75
+ focus();
179
76
  }
180
- if ( /*#__PURE__*/(0, _react.isValidElement)(image)) {
181
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
182
- className: `${classPrefix}`,
183
- children: image
184
- });
77
+ };
78
+ const handleContentKeyUp = e => {
79
+ if (!e.isDefaultPrevented() && e.key === 'Escape') {
80
+ (0, _utils2.safeInvoke)(onClose);
81
+ e.preventDefault();
185
82
  }
186
- if (typeof image === 'string') {
187
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
188
- className: classPrefix,
189
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
190
- className: `${classPrefix}-image`,
191
- src: image
192
- })
83
+ };
84
+ const renderImage = sideBanner => {
85
+ const classPrefix = `${baseClassName}__side`;
86
+ let element = null;
87
+ if ( /*#__PURE__*/(0, _react.isValidElement)(sideBanner)) {
88
+ element = sideBanner;
89
+ } else if (typeof sideBanner === 'string') {
90
+ element = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
91
+ className: `${classPrefix}-image`,
92
+ src: sideBanner,
93
+ alt: ""
94
+ });
95
+ } else {
96
+ element = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
97
+ className: `${classPrefix}-image`,
98
+ ...sideBanner
193
99
  });
194
100
  }
195
101
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
196
102
  className: classPrefix,
197
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
198
- className: `${classPrefix}-image`,
199
- ...image
200
- })
103
+ children: element
201
104
  });
202
- }
203
- render() {
204
- const {
205
- baseClassName,
206
- className,
207
- children,
208
- isOpen,
209
- placement,
210
- size,
211
- sideBanner,
212
- sideBannerContainer,
213
- onClose,
214
- canCloseOnBackdropClick,
215
- canCloseOnEscapePress,
216
- style,
217
- ...props
218
- } = this.props;
219
- const {
220
- isExist
221
- } = this.state;
222
- if (!isExist) {
223
- return null;
105
+ };
106
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
107
+ level: _constants.Z_INDEX_OVERLAY,
108
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
109
+ className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, isOpen && `${baseClassName}--open`, className),
110
+ style: {
111
+ '--overlay-side-banner-background': sideBannerContainer?.background,
112
+ '--overlay-side-banner-align': sideBannerContainer?.align,
113
+ ...style
114
+ },
115
+ ...props,
116
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
117
+ className: `${baseClassName}__backdrop`,
118
+ onClick: handleBackdropClick
119
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusTrap.default, {
120
+ className: `${baseClassName}__content`,
121
+ onKeyUp: canCloseOnEscapePress ? handleContentKeyUp : undefined,
122
+ ref: contentRef,
123
+ role: "dialog",
124
+ "aria-modal": "true",
125
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
126
+ className: `${baseClassName}__body`,
127
+ children: children
128
+ }), sideBanner && renderImage(sideBanner)]
129
+ })]
130
+ })
131
+ });
132
+ };
133
+ const Overlay = _ref2 => {
134
+ let {
135
+ isOpen = false,
136
+ ...props
137
+ } = _ref2;
138
+ const isOpenRef = (0, _react.useRef)(false);
139
+ const [isExist, setIsExist] = (0, _react.useState)(false);
140
+ const prevFocusElementRef = (0, _react.useRef)(null);
141
+ const handleClose = (0, _react.useCallback)(() => {
142
+ if (!isOpenRef.current) return;
143
+ isOpenRef.current = false;
144
+ if (--overlaysCount === 0) (0, _utils.enableDocumentScroll)();
145
+ prevFocusElementRef.current?.focus();
146
+ }, []);
147
+ (0, _react.useEffect)(() => {
148
+ if (isOpen) {
149
+ isOpenRef.current = true;
150
+ (0, _utils.disableDocumentScroll)();
151
+ overlaysCount++;
152
+ if (document.activeElement instanceof HTMLElement) {
153
+ prevFocusElementRef.current = document.activeElement;
154
+ }
155
+ setIsExist(true);
156
+ } else {
157
+ handleClose();
224
158
  }
225
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layer.default, {
226
- level: _constants.Z_INDEX_OVERLAY,
227
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
228
- className: (0, _classnames.default)(baseClassName, `${baseClassName}--${placement}`, `${baseClassName}--${size}`, sideBanner && `${baseClassName}--side`, className),
229
- style: {
230
- '--sideBannerBackground': sideBannerContainer?.background,
231
- '--sideBannerAlign': sideBannerContainer?.align,
232
- ...style
233
- },
234
- ...props,
235
- children: [this.renderBackdrop({
236
- baseClassName
237
- }), this.renderContent({
238
- baseClassName,
239
- children,
240
- canCloseOnEscapePress,
241
- sideBanner
242
- })]
243
- })
244
- });
245
- }
246
- }
247
- exports.default = Overlay;
248
- (0, _defineProperty2.default)(Overlay, "propTypes", {
249
- /**
250
- * Toggles visibility.
251
- */
252
- isOpen: _propTypes.default.bool,
253
- /**
254
- * Overlay placement.
255
- */
256
- placement: _propTypes.default.oneOf(['center', 'left', 'right']),
257
- /**
258
- * Overlay size.
259
- */
260
- size: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg']),
261
- /**
262
- * onClose handler.
263
- */
264
- onClose: _propTypes.default.func,
265
- /**
266
- * Indicating if clicking the backdrop should close the overlay.
267
- */
268
- canCloseOnBackdropClick: _propTypes.default.bool,
269
- /**
270
- * Indicating if pressing the escape key should close the overlay.
271
- */
272
- canCloseOnEscapePress: _propTypes.default.bool,
273
- /**
274
- * Block with an image, placed at the side of the component
275
- * @since 3.25.0
276
- */
277
- sideBanner: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
278
- /**
279
- * Additional properties for the sideBanner
280
- * @since 3.25.0
281
- */
282
- sideBannerContainer: _propTypes.default.shape({
283
- /**
284
- * Values for css background property
285
- */
286
- background: _propTypes.default.string,
287
- /**
288
- * One of: center, flex-start, flex-end
289
- */
290
- align: _propTypes.default.oneOf(['center', 'flex-start', 'flex-end'])
291
- }),
292
- /**
293
- * @ignore
294
- */
295
- style: _propTypes.default.object,
296
- /**
297
- * Content of the `Overlay`.
298
- */
299
- children: _propTypes.default.node,
300
- /**
301
- * @ignore
302
- */
303
- className: _propTypes.default.string,
304
- /**
305
- * @ignore
306
- */
307
- baseClassName: _propTypes.default.string
308
- });
309
- (0, _defineProperty2.default)(Overlay, "defaultProps", {
310
- isOpen: false,
311
- placement: 'center',
312
- size: 'md',
313
- onClose: null,
314
- canCloseOnBackdropClick: true,
315
- canCloseOnEscapePress: true,
316
- sideBanner: undefined,
317
- sideBannerContainer: undefined,
318
- style: undefined,
319
- children: null,
320
- className: null,
321
- baseClassName: `${_constants.CLS_PREFIX}overlay`
322
- });
159
+ }, [isOpen, handleClose]);
160
+ (0, _react.useEffect)(() => () => handleClose(), [handleClose]);
161
+ if (!isExist) return null;
162
+ const handleExited = () => {
163
+ setIsExist(false);
164
+ };
165
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(OverlayCore, {
166
+ isOpen: isOpen,
167
+ onAnimationExited: handleExited,
168
+ ...props
169
+ });
170
+ };
171
+ var _default = Overlay;
172
+ exports.default = _default;
@@ -11,7 +11,7 @@ var _Translate = require("../Translate");
11
11
  var _constants = require("../../constants");
12
12
  var _Heading = _interopRequireDefault(require("../Heading"));
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
14
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
15
15
 
16
16
  /**
17
17
  * `PageHeader` component is used for identification of the current page.
@@ -16,7 +16,7 @@ var _SegmentedControl = _interopRequireDefault(require("../SegmentedControl"));
16
16
  var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
17
17
  var _utils = require("../utils");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
- // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
19
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
20
20
 
21
21
  const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
22
22
  exports.ITEMS_PER_PAGE_OPTIONS = ITEMS_PER_PAGE_OPTIONS;
@@ -15,7 +15,7 @@ var _Heading = _interopRequireDefault(require("../Heading"));
15
15
  var _Button = _interopRequireDefault(require("../Button"));
16
16
  var _utils = require("../utils");
17
17
  var _jsxRuntime = require("react/jsx-runtime");
18
- // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
18
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
19
19
 
20
20
  /**
21
21
  * `Panel` component is used for visually grouping some content.
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _constants = require("../../constants");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
11
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
12
12
 
13
13
  /**
14
14
  * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _constants = require("../../constants");
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
13
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
14
14
 
15
15
  /**
16
16
  * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
@@ -23,7 +23,7 @@ var _FocusTrap = _interopRequireDefault(require("../FocusTrap"));
23
23
  var _jsxRuntime = require("react/jsx-runtime");
24
24
  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); }
25
25
  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; }
26
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
26
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
27
27
 
28
28
  const PLACEMENT_MAP = {
29
29
  'top-left': 'top-end',
@@ -267,7 +267,9 @@ class Popover extends _react.Component {
267
267
  className: `${baseClassName}__content`,
268
268
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
269
269
  className: `${baseClassName}__content-inner`,
270
- children: children
270
+ children: typeof children === 'function' ? children({
271
+ onClose: this.handleClose
272
+ }) : children
271
273
  })
272
274
  })]
273
275
  });
@@ -10,7 +10,7 @@ var _Button = _interopRequireDefault(require("../Button"));
10
10
  var _Paragraph = _interopRequireDefault(require("../Paragraph"));
11
11
  var _Popover = _interopRequireDefault(require("./Popover"));
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
13
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
14
14
 
15
15
  const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
16
16
  ...args
@@ -16,7 +16,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
17
  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); }
18
18
  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; }
19
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
19
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
20
20
 
21
21
  /**
22
22
  * `Popper` component.
@@ -15,7 +15,7 @@ var _ProgressStep = require("../ProgressStep");
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
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); }
17
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; }
18
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
18
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
19
19
 
20
20
  /**
21
21
  * `Progress` is used for showing progress of performing long operations.
@@ -11,7 +11,7 @@ var _constants = require("../../constants");
11
11
  var _ProgressIndicator = _interopRequireDefault(require("./ProgressIndicator"));
12
12
  var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
14
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
15
15
 
16
16
  const ProgressBar = _ref => {
17
17
  let {
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _constants = require("../../constants");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
11
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
12
12
 
13
13
  const ProgressIndicator = _ref => {
14
14
  let {
@@ -18,7 +18,7 @@ var _Progress = _interopRequireDefault(require("../Progress"));
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
19
  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); }
20
20
  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; }
21
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
21
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
22
22
 
23
23
  /**
24
24
  * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _ProgressStep = _interopRequireDefault(require("../ProgressStep"));
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
11
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
12
12
 
13
13
  /**
14
14
  * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
@@ -16,7 +16,7 @@ var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
17
  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); }
18
18
  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; }
19
- // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
19
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
20
20
 
21
21
  const STATUS_NOT_STARTED = 'not_started';
22
22
  exports.STATUS_NOT_STARTED = STATUS_NOT_STARTED;
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _constants = require("../../constants");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
11
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
12
12
 
13
13
  let radioId = 0;
14
14
 
@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _constants = require("../../constants");
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
13
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
14
14
 
15
15
  const width = value => {
16
16
  let result = Math.ceil(value * 20 / 5) * 5;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = require("react");
8
- // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
8
+ // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
9
9
 
10
10
  const ResponsiveContext = /*#__PURE__*/(0, _react.createContext)(undefined);
11
11
  ResponsiveContext.displayName = 'ResponsiveContext';