@plesk/ui-library 3.31.0 → 3.31.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (614) 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 +23 -62
  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 +1 -7
  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 +45 -90
  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 +68 -111
  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 +29 -72
  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 +17 -31
  136. package/cjs/components/Link/index.js +0 -2
  137. package/cjs/components/List/List.js +217 -377
  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 +18 -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 +1 -7
  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 +22 -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 +8915 -13255
  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 +2 -5
  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 +45 -75
  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 +68 -102
  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 +18 -20
  431. package/esm/components/Link/index.js +1 -0
  432. package/esm/components/List/List.js +216 -365
  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 +19 -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 +2 -5
  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 +22 -21
  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 +68 -63
  576. package/styleguide/build/bundle.26082873.js +2 -0
  577. package/styleguide/build/{bundle.59e52792.js.LICENSE.txt → bundle.26082873.js.LICENSE.txt} +18 -7
  578. package/styleguide/images/default.png +0 -0
  579. package/styleguide/images/empty-list.png +0 -0
  580. package/styleguide/images/filtered.png +0 -0
  581. package/styleguide/images/symbols.svg +59 -1
  582. package/styleguide/index.html +2 -2
  583. package/types/package.d.ts +13 -8
  584. package/types/src/components/Button/Button.stories.d.ts +0 -1
  585. package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts +1 -1
  586. package/types/src/components/Dialog/Dialog.stories.d.ts +0 -1
  587. package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +0 -1
  588. package/types/src/components/Drawer/Drawer.stories.d.ts +0 -1
  589. package/types/src/components/Form/DisabledContext.d.ts +0 -1
  590. package/types/src/components/Form/Form.d.ts +3 -3
  591. package/types/src/components/Form/Form.stories.d.ts +0 -1
  592. package/types/src/components/Form/FormContext.d.ts +0 -1
  593. package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts +0 -1
  594. package/types/src/components/Icon/Icon.stories.d.ts +0 -1
  595. package/types/src/components/Icon/constants.d.ts +1 -1
  596. package/types/src/components/ItemList/ItemList.d.ts +1 -1
  597. package/types/src/components/ItemList/ItemList.stories.d.ts +24 -24
  598. package/types/src/components/List/List.stories.d.ts +0 -1
  599. package/types/src/components/Menu/Menu.stories.d.ts +0 -1
  600. package/types/src/components/OnDarkContext/OnDarkContext.d.ts +0 -1
  601. package/types/src/components/Popover/Popover.stories.d.ts +0 -1
  602. package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +0 -1
  603. package/types/src/components/Select/Select.stories.d.ts +1 -1
  604. package/types/src/components/Skeleton/SkeletonText.stories.d.ts +3 -3
  605. package/types/src/components/Status/Status.stories.d.ts +2 -2
  606. package/types/src/components/Tabs/Tabs.stories.d.ts +0 -1
  607. package/types/src/components/Toolbar/RegistryContext.d.ts +0 -1
  608. package/types/src/components/Toolbar/ToolbarItem.d.ts +1 -1
  609. package/types/src/components/VerticalContext/VerticalContext.d.ts +0 -1
  610. package/cjs/components/List/images/default.svg +0 -1
  611. package/cjs/components/List/images/filtered.svg +0 -1
  612. package/esm/components/List/images/default.svg +0 -1
  613. package/esm/components/List/images/filtered.svg +0 -1
  614. package/styleguide/build/bundle.59e52792.js +0 -2
@@ -1,30 +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.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 _Checkbox = _interopRequireDefault(require("../Checkbox"));
21
-
22
14
  var _FormField = _interopRequireDefault(require("../FormField"));
23
-
24
15
  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
-
26
16
  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; }
27
-
28
17
  // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
29
18
 
30
19
  /**
@@ -32,90 +21,87 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
32
21
  * and selecting or deselecting an item.
33
22
  * @since 0.0.58
34
23
  */
35
- const FormFieldCheckbox = ({
36
- baseClassName,
37
- className,
38
- label,
39
- required,
40
- checkedValue,
41
- uncheckedValue,
42
- autoFocus,
43
- multi,
44
- ...props
45
- }) => /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
46
- className: (0, _classnames.default)(baseClassName, className),
47
- label: null,
48
- required: required
49
- }, props), ({
50
- getId,
51
- getName,
52
- getValue,
53
- setValue,
54
- getRequiredMark,
55
- getFullDescription,
56
- isDisabled
57
- }) => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
58
- type: "hidden",
59
- name: getName(),
60
- value: uncheckedValue
61
- }), /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
62
- checked: getValue() === checkedValue,
63
- onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
64
- inputProps: {
65
- id: getId(),
66
- name: getName(),
67
- value: checkedValue,
68
- autoFocus
69
- },
70
- disabled: isDisabled(),
71
- rightAddon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
72
- }, label)));
73
-
24
+ const FormFieldCheckbox = _ref => {
25
+ let {
26
+ baseClassName,
27
+ className,
28
+ label,
29
+ required,
30
+ checkedValue,
31
+ uncheckedValue,
32
+ autoFocus,
33
+ multi,
34
+ ...props
35
+ } = _ref;
36
+ return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
37
+ className: (0, _classnames.default)(baseClassName, className),
38
+ label: null,
39
+ required: required
40
+ }, props), _ref2 => {
41
+ let {
42
+ getId,
43
+ getName,
44
+ getValue,
45
+ setValue,
46
+ getRequiredMark,
47
+ getFullDescription,
48
+ isDisabled
49
+ } = _ref2;
50
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
51
+ type: "hidden",
52
+ name: getName(),
53
+ value: uncheckedValue
54
+ }), /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
55
+ checked: getValue() === checkedValue,
56
+ onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
57
+ inputProps: {
58
+ id: getId(),
59
+ name: getName(),
60
+ value: checkedValue,
61
+ autoFocus
62
+ },
63
+ disabled: isDisabled(),
64
+ rightAddon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getFullDescription(), required ? getRequiredMark() : null)
65
+ }, label));
66
+ });
67
+ };
74
68
  FormFieldCheckbox.propTypes = {
75
69
  /**
76
70
  * Disabled state of field.
77
71
  * @since 0.1.0
78
72
  */
79
73
  disabled: _propTypes.default.bool,
80
-
81
74
  /**
82
75
  * Custom checked value. Default is boolean true.
83
76
  * @since 0.0.59
84
77
  */
85
78
  checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
86
-
87
79
  /**
88
80
  * Custom unchecked value. Default is boolean false.
89
81
  * @since 0.0.59
90
82
  */
91
83
  uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
92
-
93
84
  /**
94
85
  * The browser will automatically focus on the component upon rendering the screen
95
86
  * @since 1.9.0
96
87
  */
97
88
  autoFocus: _propTypes.default.bool,
98
-
99
89
  /**
100
90
  * @ignore Field cannot be multiple
101
91
  */
102
92
  multi: _propTypes.default.bool,
103
-
104
93
  /**
105
94
  * @ignore
106
95
  */
107
96
  label: _propTypes.default.any,
108
-
109
97
  /**
110
98
  * @ignore
111
99
  */
112
100
  required: _propTypes.default.bool,
113
-
114
101
  /**
115
102
  * @ignore
116
103
  */
117
104
  className: _propTypes.default.string,
118
-
119
105
  /**
120
106
  * @ignore
121
107
  */
@@ -1,31 +1,25 @@
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.WithFullDescription = exports.Basic = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _Form = _interopRequireDefault(require("../Form"));
13
-
14
10
  var _FormFieldCheckbox = _interopRequireDefault(require("./FormFieldCheckbox"));
15
-
16
11
  // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
17
- const Basic = args => /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_FormFieldCheckbox.default, args));
18
12
 
13
+ const Basic = args => /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_FormFieldCheckbox.default, args));
19
14
  exports.Basic = Basic;
20
15
  Basic.args = {
21
16
  name: 'name',
22
17
  label: 'Lorem ipsum dolor sit amet.'
23
18
  };
24
-
25
19
  const WithFullDescription = args => /*#__PURE__*/_react.default.createElement(Basic, args);
26
-
27
20
  exports.WithFullDescription = WithFullDescription;
28
- WithFullDescription.args = { ...Basic.args,
21
+ WithFullDescription.args = {
22
+ ...Basic.args,
29
23
  label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a. Morbi ac erat sed elit ullamcorper laoreet sed eget tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.',
30
24
  fullDescription: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac justo sed neque interdum varius. Aenean sollicitudin placerat orci, quis viverra libero mattis a.',
31
25
  required: true
@@ -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 _FormFieldCheckbox.default;
12
11
  }
13
12
  });
14
-
15
13
  var _FormFieldCheckbox = _interopRequireDefault(require("./FormFieldCheckbox"));
@@ -1,40 +1,24 @@
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 _constants = require("../../constants");
19
-
20
13
  var _Button = _interopRequireDefault(require("../Button"));
21
-
22
14
  var _FormField = _interopRequireDefault(require("../FormField"));
23
-
24
15
  var _Input = _interopRequireDefault(require("../Input"));
25
-
26
16
  var _Translate = _interopRequireDefault(require("../Translate"));
27
-
28
17
  var _PasswordMeter = _interopRequireDefault(require("./PasswordMeter"));
29
-
30
18
  var _generatePassword = _interopRequireDefault(require("./generatePassword"));
31
-
32
19
  var _enUS = _interopRequireDefault(require("./locale/en-US"));
33
-
34
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); }
35
-
36
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; }
37
-
38
22
  // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
39
23
 
40
24
  /**
@@ -42,19 +26,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
42
26
  * @since 0.0.58
43
27
  */
44
28
  class FormFieldPassword extends _react.Component {
45
- constructor(...args) {
46
- super(...args);
29
+ constructor() {
30
+ super(...arguments);
47
31
  (0, _defineProperty2.default)(this, "state", {
48
32
  visible: false,
49
33
  passwordMeterVisible: false
50
34
  });
51
35
  (0, _defineProperty2.default)(this, "targetRef", /*#__PURE__*/(0, _react.createRef)());
52
36
  (0, _defineProperty2.default)(this, "handleToggleClick", () => {
53
- this.setState(({
54
- visible
55
- }) => ({
56
- visible: !visible
57
- }));
37
+ this.setState(_ref => {
38
+ let {
39
+ visible
40
+ } = _ref;
41
+ return {
42
+ visible: !visible
43
+ };
44
+ });
58
45
  });
59
46
  (0, _defineProperty2.default)(this, "handleClosePasswordMeter", () => {
60
47
  this.setState({
@@ -63,11 +50,11 @@ class FormFieldPassword extends _react.Component {
63
50
  });
64
51
  (0, _defineProperty2.default)(this, "handleBlur", this.handleClosePasswordMeter);
65
52
  }
66
-
67
- renderGenerateButton({
68
- setValue,
69
- isDisabled
70
- }) {
53
+ renderGenerateButton(_ref2) {
54
+ let {
55
+ setValue,
56
+ isDisabled
57
+ } = _ref2;
71
58
  const {
72
59
  baseClassName,
73
60
  generateButton
@@ -86,16 +73,13 @@ class FormFieldPassword extends _react.Component {
86
73
  })
87
74
  };
88
75
  let button;
89
-
90
76
  if (typeof generateButton === 'function') {
91
77
  button = generateButton(generateButtonProps);
92
78
  } else {
93
79
  button = /*#__PURE__*/_react.default.createElement(_Button.default, generateButtonProps);
94
80
  }
95
-
96
81
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, ` `, button);
97
82
  }
98
-
99
83
  render() {
100
84
  const {
101
85
  baseClassName,
@@ -116,15 +100,15 @@ class FormFieldPassword extends _react.Component {
116
100
  } = this.state;
117
101
  return /*#__PURE__*/_react.default.createElement(_FormField.default, (0, _extends2.default)({
118
102
  className: (0, _classnames.default)(baseClassName, className)
119
- }, props), ({
120
- getId,
121
- getName,
122
- getValue,
123
- setValue,
124
- isDisabled
125
- }) => {
103
+ }, props), _ref3 => {
104
+ let {
105
+ getId,
106
+ getName,
107
+ getValue,
108
+ setValue,
109
+ isDisabled
110
+ } = _ref3;
126
111
  const value = getValue('');
127
-
128
112
  const input = /*#__PURE__*/_react.default.createElement(_Input.default, {
129
113
  id: getId(),
130
114
  name: getName(),
@@ -160,7 +144,6 @@ class FormFieldPassword extends _react.Component {
160
144
  ref: this.targetRef
161
145
  }
162
146
  });
163
-
164
147
  return /*#__PURE__*/_react.default.createElement("div", {
165
148
  className: (0, _classnames.default)(`${baseClassName}__control`, `${baseClassName}__control--${size}`)
166
149
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -176,9 +159,7 @@ class FormFieldPassword extends _react.Component {
176
159
  }));
177
160
  });
178
161
  }
179
-
180
162
  }
181
-
182
163
  (0, _defineProperty2.default)(FormFieldPassword, "defaultProps", {
183
164
  hideShowButton: false,
184
165
  generateButton: undefined,
@@ -1,29 +1,20 @@
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 _Popover = _interopRequireDefault(require("../Popover"));
15
-
16
11
  var _Translate = _interopRequireDefault(require("../Translate"));
17
-
18
12
  var _estimatePassword = _interopRequireWildcard(require("./estimatePassword"));
19
-
20
13
  var _enUS = _interopRequireDefault(require("./locale/en-US"));
21
-
22
14
  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); }
23
-
24
15
  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; }
25
-
26
16
  // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
17
+
27
18
  const strengthIntents = {
28
19
  VeryWeak: 'danger',
29
20
  Weak: 'danger',
@@ -31,20 +22,19 @@ const strengthIntents = {
31
22
  Strong: 'success',
32
23
  VeryStrong: 'success'
33
24
  };
34
-
35
- const PasswordMeter = ({
36
- value,
37
- visible,
38
- onEstimate,
39
- children,
40
- ...props
41
- }) => {
25
+ const PasswordMeter = _ref => {
26
+ let {
27
+ value,
28
+ visible,
29
+ onEstimate,
30
+ children,
31
+ ...props
32
+ } = _ref;
42
33
  const [result, setResult] = (0, _react.useState)(null);
43
34
  (0, _react.useEffect)(() => {
44
35
  if (!visible) {
45
36
  return;
46
37
  }
47
-
48
38
  Promise.resolve(onEstimate ? onEstimate(value, _estimatePassword.default, _estimatePassword.DEFAULT_RULES) : (0, _estimatePassword.default)(value)).then(result => {
49
39
  setResult(result);
50
40
  });
@@ -56,17 +46,17 @@ const PasswordMeter = ({
56
46
  intent: result ? strengthIntents[result.strength] : undefined,
57
47
  canCloseOnOutsideClick: false,
58
48
  canCloseOnEscapePress: false
59
- }, props), result !== null && result !== void 0 && result.strength ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
49
+ }, props), result?.strength ? /*#__PURE__*/_react.default.createElement(_Translate.default, {
60
50
  component: "div",
61
51
  content: "FormFieldPassword.passwordStrength",
62
52
  fallback: _enUS.default.passwordStrength,
63
53
  params: {
64
54
  strength: /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
65
- content: `FormFieldPassword.strength${result === null || result === void 0 ? void 0 : result.strength}`,
66
- fallback: _enUS.default[`strength${result === null || result === void 0 ? void 0 : result.strength}`]
55
+ content: `FormFieldPassword.strength${result?.strength}`,
56
+ fallback: _enUS.default[`strength${result?.strength}`]
67
57
  }))
68
58
  }
69
- }) : null, result !== null && result !== void 0 && result.suggestions.length ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
59
+ }) : null, result?.suggestions.length ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Translate.default, {
70
60
  content: "FormFieldPassword.improvePassword",
71
61
  fallback: _enUS.default.improvePassword
72
62
  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("ul", null, result.suggestions.slice(0, 3).map((suggestion, index) => /*#__PURE__*/_react.default.createElement("li", {
@@ -76,6 +66,5 @@ const PasswordMeter = ({
76
66
  fallback: _enUS.default.yourPasswordIsStrong
77
67
  }));
78
68
  };
79
-
80
69
  var _default = PasswordMeter;
81
70
  exports.default = _default;
@@ -1,19 +1,15 @@
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 = exports.DEFAULT_RULES = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _Translate = _interopRequireDefault(require("../Translate"));
13
-
14
10
  var _enUS = _interopRequireDefault(require("./locale/en-US"));
15
-
16
11
  // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
12
+
17
13
  const EXCLUSIONS = {
18
14
  numbers1: 'numbers3',
19
15
  specialChar1: 'specialChar2',
@@ -26,187 +22,152 @@ const DEFAULT_RULES = [{
26
22
  content: `FormFieldPassword.passwordTooShort`,
27
23
  fallback: _enUS.default.passwordTooShort
28
24
  }),
29
-
30
25
  score(passwd) {
31
26
  return passwd.length < 5 ? -1 : 0;
32
27
  }
33
-
34
28
  }, {
35
29
  name: 'passwordLength',
36
-
37
30
  score(passwd) {
38
31
  if (passwd.length < 5) {
39
32
  return 3;
40
33
  }
41
-
42
34
  if (passwd.length > 4 && passwd.length < 8) {
43
35
  return 6;
44
36
  }
45
-
46
37
  if (passwd.length > 7 && passwd.length < 16) {
47
38
  return 12;
48
39
  }
49
-
50
40
  return 18;
51
41
  }
52
-
53
42
  }, {
54
43
  name: 'lettersLowerCase',
55
44
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
56
45
  content: `FormFieldPassword.lettersLowerCase`,
57
46
  fallback: _enUS.default.lettersLowerCase
58
47
  }),
59
-
60
48
  score(passwd) {
61
49
  // [verified] at least one lower case letter
62
50
  return passwd.match(/[a-z]/) ? 1 : -1;
63
51
  }
64
-
65
52
  }, {
66
53
  name: 'lettersUpperCase',
67
54
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
68
55
  content: `FormFieldPassword.lettersUpperCase`,
69
56
  fallback: _enUS.default.lettersUpperCase
70
57
  }),
71
-
72
58
  score(passwd) {
73
59
  // [verified] at least one upper case letter
74
60
  return passwd.match(/[A-Z]/) ? 5 : -1;
75
61
  }
76
-
77
62
  }, {
78
63
  name: 'numbers1',
79
64
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
80
65
  content: `FormFieldPassword.numbers1`,
81
66
  fallback: _enUS.default.numbers1
82
67
  }),
83
-
84
68
  score(passwd) {
85
69
  // [verified] at least one number
86
70
  return passwd.match(/\d+/) ? 5 : -1;
87
71
  }
88
-
89
72
  }, {
90
73
  name: 'numbers3',
91
74
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
92
75
  content: `FormFieldPassword.numbers3`,
93
76
  fallback: _enUS.default.numbers3
94
77
  }),
95
-
96
78
  score(passwd) {
97
79
  // [verified] at least three numbers
98
80
  return passwd.match(/(.*[0-9].*[0-9].*[0-9])/) ? 5 : -1;
99
81
  }
100
-
101
82
  }, {
102
83
  name: 'specialChar1',
103
84
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
104
85
  content: `FormFieldPassword.specialChar1`,
105
86
  fallback: _enUS.default.specialChar1
106
87
  }),
107
-
108
88
  score(passwd) {
109
89
  // [verified] at least one special character
110
90
  return passwd.match(/[!@#$%^&*?_~]/) ? 5 : -1;
111
91
  }
112
-
113
92
  }, {
114
93
  name: 'specialChar2',
115
94
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
116
95
  content: `FormFieldPassword.specialChar2`,
117
96
  fallback: _enUS.default.specialChar2
118
97
  }),
119
-
120
98
  score(passwd) {
121
99
  // [verified] at least two special characters
122
100
  return passwd.match(/(.*[!@#$%^&*?_~].*[!@#$%^&*?_~])/) ? 5 : -1;
123
101
  }
124
-
125
102
  }, {
126
103
  name: 'comboUpperAndLower',
127
104
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
128
105
  content: `FormFieldPassword.comboUpperAndLower`,
129
106
  fallback: _enUS.default.comboUpperAndLower
130
107
  }),
131
-
132
108
  score(passwd) {
133
109
  // [verified] both upper and lower case
134
110
  return passwd.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/) ? 2 : -1;
135
111
  }
136
-
137
112
  }, {
138
113
  name: 'comboLettersAndNumbers',
139
114
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
140
115
  content: `FormFieldPassword.comboLettersAndNumbers`,
141
116
  fallback: _enUS.default.comboLettersAndNumbers
142
117
  }),
143
-
144
118
  score(passwd) {
145
119
  // [verified] both letters and numbers
146
120
  return passwd.match(/([a-zA-Z])/) && passwd.match(/([0-9])/) ? 2 : -1;
147
121
  }
148
-
149
122
  }, {
150
123
  name: 'comboLettersNumbersSpecial',
151
124
  suggestion: /*#__PURE__*/_react.default.createElement(_Translate.default, {
152
125
  content: `FormFieldPassword.comboLettersNumbersSpecial`,
153
126
  fallback: _enUS.default.comboLettersNumbersSpecial
154
127
  }),
155
-
156
128
  score(passwd) {
157
129
  // [verified] letters, numbers, and special characters
158
130
  return passwd.match(/([a-zA-Z0-9].*[!@#$%^&*?_~])|([!@#$%^&*?_~].*[a-zA-Z0-9])/) ? 2 : -1;
159
131
  }
160
-
161
132
  }];
162
133
  exports.DEFAULT_RULES = DEFAULT_RULES;
163
-
164
- var _default = (password, rules = DEFAULT_RULES) => {
134
+ var _default = function _default(password) {
135
+ let rules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_RULES;
165
136
  let passwordScore = 0;
166
137
  const suggestions = [];
167
138
  const skippedRules = new Set();
168
139
  rules.forEach(rule => {
169
140
  const ruleScore = rule.score(password);
170
-
171
141
  if (ruleScore >= 0) {
172
142
  passwordScore += ruleScore;
173
143
  return;
174
144
  }
175
-
176
145
  skippedRules.add(EXCLUSIONS[rule.name]);
177
-
178
146
  if (!skippedRules.has(rule.name) && rule.suggestion) {
179
147
  suggestions.push(rule.suggestion);
180
148
  }
181
149
  });
182
150
  let strength;
183
-
184
151
  switch (true) {
185
152
  case passwordScore < 16:
186
153
  strength = 'VeryWeak';
187
154
  break;
188
-
189
155
  case passwordScore < 25:
190
156
  strength = 'Weak';
191
157
  break;
192
-
193
158
  case passwordScore < 35:
194
159
  strength = 'Medium';
195
160
  break;
196
-
197
161
  case passwordScore < 45:
198
162
  strength = 'Strong';
199
163
  break;
200
-
201
164
  default:
202
165
  strength = 'VeryStrong';
203
166
  break;
204
167
  }
205
-
206
168
  return {
207
169
  strength,
208
170
  suggestions
209
171
  };
210
172
  };
211
-
212
173
  exports.default = _default;
@@ -5,17 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
8
+
8
9
  const symbolClasses = {
9
10
  upper: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ',
10
11
  lower: 'abcdefghijklmnopqrstuvwxyz',
11
12
  number: '0123456789',
12
13
  special: '!@#$%^&*?_~'
13
14
  };
14
-
15
15
  const generatePassword = () => {
16
16
  const password = ['upper', 'upper', 'upper', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'lower', 'number', 'number', 'number', 'special', 'special'];
17
17
  return password.sort((a, b) => Math.floor(b.length * Math.random()) - Math.floor(a.length * Math.random())).map(symbolClass => symbolClasses[symbolClass][Math.floor(symbolClasses[symbolClass].length * Math.random())]).join('');
18
18
  };
19
-
20
19
  var _default = generatePassword;
21
20
  exports.default = _default;