@plesk/ui-library 3.43.2 → 3.44.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 (287) hide show
  1. package/cjs/components/Action/Action.js +10 -3
  2. package/cjs/components/Alert/Alert.js +1 -0
  3. package/cjs/components/AutoClosable/AutoClosable.js +47 -61
  4. package/cjs/components/AuxiliaryActions/AuxiliaryActions.js +13 -4
  5. package/cjs/components/Button/Button.js +1 -0
  6. package/cjs/components/Card/Card.js +10 -15
  7. package/cjs/components/CardList/CardList.js +6 -9
  8. package/cjs/components/CardList/CardListToolbar.js +12 -18
  9. package/cjs/components/ClosingConfirmation/useClosingConfirmation.js +7 -11
  10. package/cjs/components/CodeEditor/CodeEditor.js +1 -2
  11. package/cjs/components/Columns/Columns.js +1 -2
  12. package/cjs/components/ComboBox/ComboBox.js +1 -2
  13. package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js +4 -2
  14. package/cjs/components/ComboBoxDropdown/index.js +1 -2
  15. package/cjs/components/Cuttable/Cuttable.js +6 -8
  16. package/cjs/components/Dialog/Dialog.js +17 -13
  17. package/cjs/components/Drawer/Drawer.js +14 -7
  18. package/cjs/components/Drawer/DrawerProgress.js +4 -6
  19. package/cjs/components/Dropdown/Dropdown.js +12 -9
  20. package/cjs/components/Dropdown/index.js +1 -2
  21. package/cjs/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -0
  22. package/cjs/components/Figure/index.js +1 -2
  23. package/cjs/components/Form/Form.js +19 -20
  24. package/cjs/components/Form/index.js +1 -2
  25. package/cjs/components/FormField/FormField.js +77 -51
  26. package/cjs/components/FormField/index.js +1 -2
  27. package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js +6 -2
  28. package/cjs/components/FormFieldPassword/FormFieldPassword.js +18 -21
  29. package/cjs/components/FormFieldPassword/PasswordMeter.js +9 -15
  30. package/cjs/components/FormFieldPassword/estimatePassword.js +21 -33
  31. package/cjs/components/FormFieldRadioButtons/FormFieldRadioButtons.js +50 -44
  32. package/cjs/components/FormFieldSelect/FormFieldSelect.js +1 -1
  33. package/cjs/components/FormFieldText/FormFieldText.js +7 -1
  34. package/cjs/components/Heading/Heading.js +1 -2
  35. package/cjs/components/Hint/Hint.js +2 -1
  36. package/cjs/components/Icon/Icon.js +6 -0
  37. package/cjs/components/Icon/index.js +1 -2
  38. package/cjs/components/Icon/utils.js +17 -8
  39. package/cjs/components/InPlaceEdit/Editor.js +5 -8
  40. package/cjs/components/InPlaceEdit/InPlaceEdit.js +3 -5
  41. package/cjs/components/InputFile/InputFile.js +7 -9
  42. package/cjs/components/Item/Item.js +1 -2
  43. package/cjs/components/ItemList/ItemList.js +1 -2
  44. package/cjs/components/Layer/index.js +1 -2
  45. package/cjs/components/Layout/Layout.js +2 -2
  46. package/cjs/components/Link/Link.js +2 -0
  47. package/cjs/components/List/List.js +38 -45
  48. package/cjs/components/List/ListAction.js +1 -0
  49. package/cjs/components/List/ListActions.js +1 -0
  50. package/cjs/components/List/ListEmptyView.js +7 -10
  51. package/cjs/components/List/ListOperation.js +3 -12
  52. package/cjs/components/LocaleProvider/LocaleProvider.js +20 -12
  53. package/cjs/components/LocaleProvider/index.js +1 -2
  54. package/cjs/components/Media/Media.js +1 -2
  55. package/cjs/components/Menu/Menu.js +10 -8
  56. package/cjs/components/Menu/MenuBaseItem.js +1 -2
  57. package/cjs/components/Menu/MenuItem.js +2 -1
  58. package/cjs/components/Overlay/Overlay.js +2 -0
  59. package/cjs/components/Pagination/Pagination.js +6 -10
  60. package/cjs/components/Pagination/index.js +1 -2
  61. package/cjs/components/Popover/Popover.js +1 -1
  62. package/cjs/components/Popper/index.js +1 -2
  63. package/cjs/components/ProgressDialog/ProgressDialog.js +5 -7
  64. package/cjs/components/ProgressStep/ProgressStep.js +1 -2
  65. package/cjs/components/ProgressStep/index.js +1 -2
  66. package/cjs/components/Section/Section.js +87 -225
  67. package/cjs/components/{Dropdown/locale/en-US.js → Section/SectionContext.js} +4 -3
  68. package/cjs/components/Section/index.js +1 -2
  69. package/cjs/components/Section/useCollapsed.js +19 -0
  70. package/cjs/components/Section/useVertical.js +38 -0
  71. package/cjs/components/SegmentedControl/DropdownControl.js +1 -2
  72. package/cjs/components/SegmentedControl/SegmentedControl.js +1 -0
  73. package/cjs/components/SegmentedControl/index.js +1 -2
  74. package/cjs/components/Select/Select.js +10 -7
  75. package/cjs/components/Select/SelectControl.js +13 -3
  76. package/cjs/components/SplitButton/index.js +1 -2
  77. package/cjs/components/Spot/SpotPopup.js +3 -4
  78. package/cjs/components/Status/Status.js +1 -0
  79. package/cjs/components/Subnav/index.js +1 -2
  80. package/cjs/components/Tabs/SearchBar.js +1 -2
  81. package/cjs/components/Tabs/TabIcon.js +1 -2
  82. package/cjs/components/Tabs/TabList.js +30 -14
  83. package/cjs/components/Tabs/TabListItem.js +5 -1
  84. package/cjs/components/Tabs/Tabs.js +16 -12
  85. package/cjs/components/Tabs/useWidths.js +5 -5
  86. package/cjs/components/Toast/Toast.js +1 -0
  87. package/cjs/components/Toast/index.js +1 -2
  88. package/cjs/components/Toaster/GroupLabel.js +5 -3
  89. package/cjs/components/Toolbar/Toolbar.js +1 -2
  90. package/cjs/components/Toolbar/ToolbarGroup.js +1 -2
  91. package/cjs/components/Toolbar/ToolbarMenu.js +1 -2
  92. package/cjs/components/Tooltip/Tooltip.js +11 -4
  93. package/cjs/components/Translate/Translate.js +13 -3
  94. package/cjs/components/Translate/index.js +28 -3
  95. package/cjs/components/Translate/locale.js +25 -0
  96. package/cjs/components/VerticalContext/index.js +1 -2
  97. package/cjs/components/index.js +16 -3
  98. package/cjs/hooks/useResizeObserver.js +8 -2
  99. package/cjs/index.js +1 -1
  100. package/cjs/locales/ar.js +124 -0
  101. package/cjs/locales/ca-ES.js +124 -0
  102. package/cjs/locales/cs-CZ.js +124 -0
  103. package/cjs/locales/da-DK.js +124 -0
  104. package/cjs/locales/de-DE.js +124 -0
  105. package/cjs/locales/el-GR.js +124 -0
  106. package/cjs/locales/en-US.js +124 -0
  107. package/cjs/locales/es-ES.js +124 -0
  108. package/cjs/locales/fi-FI.js +124 -0
  109. package/cjs/locales/fr-FR.js +124 -0
  110. package/cjs/locales/he-IL.js +124 -0
  111. package/cjs/locales/hu-HU.js +124 -0
  112. package/cjs/locales/id-ID.js +124 -0
  113. package/cjs/locales/index.js +172 -0
  114. package/cjs/locales/it-IT.js +124 -0
  115. package/cjs/locales/ja-JP.js +124 -0
  116. package/cjs/locales/ko-KR.js +124 -0
  117. package/cjs/locales/ms-MY.js +124 -0
  118. package/cjs/locales/nb-NO.js +124 -0
  119. package/cjs/locales/nl-NL.js +124 -0
  120. package/cjs/locales/pl-PL.js +124 -0
  121. package/cjs/locales/pt-BR.js +124 -0
  122. package/cjs/locales/pt-PT.js +124 -0
  123. package/cjs/locales/ro-RO.js +124 -0
  124. package/cjs/locales/ru-RU.js +124 -0
  125. package/cjs/locales/sv-SE.js +124 -0
  126. package/cjs/locales/th-TH.js +124 -0
  127. package/cjs/locales/tl-PH.js +124 -0
  128. package/cjs/locales/tr-TR.js +124 -0
  129. package/cjs/locales/uk-UA.js +124 -0
  130. package/cjs/locales/vi-VN.js +124 -0
  131. package/cjs/locales/zh-CN.js +124 -0
  132. package/cjs/locales/zh-TW.js +124 -0
  133. package/cjs/utils.js +17 -2
  134. package/dist/plesk-ui-library-rtl.css +1 -1
  135. package/dist/plesk-ui-library-rtl.css.map +1 -1
  136. package/dist/plesk-ui-library.css +1 -1
  137. package/dist/plesk-ui-library.css.map +1 -1
  138. package/dist/plesk-ui-library.js +5517 -1054
  139. package/dist/plesk-ui-library.js.map +1 -1
  140. package/dist/plesk-ui-library.min.js +6 -6
  141. package/dist/plesk-ui-library.min.js.map +1 -1
  142. package/esm/components/Action/Action.js +9 -1
  143. package/esm/components/Alert/Alert.js +1 -0
  144. package/esm/components/AutoClosable/AutoClosable.js +48 -62
  145. package/esm/components/AuxiliaryActions/AuxiliaryActions.js +13 -4
  146. package/esm/components/Button/Button.js +1 -0
  147. package/esm/components/Card/Card.js +9 -13
  148. package/esm/components/CardList/CardList.js +5 -7
  149. package/esm/components/CardList/CardListToolbar.js +11 -16
  150. package/esm/components/ClosingConfirmation/useClosingConfirmation.js +7 -11
  151. package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js +3 -0
  152. package/esm/components/Cuttable/Cuttable.js +6 -8
  153. package/esm/components/Dialog/Dialog.js +18 -12
  154. package/esm/components/Drawer/Drawer.js +15 -8
  155. package/esm/components/Drawer/DrawerProgress.js +3 -4
  156. package/esm/components/Dropdown/Dropdown.js +11 -9
  157. package/esm/components/ExtendedStatusMessage/ExtendedStatusMessage.js +1 -0
  158. package/esm/components/Form/Form.js +18 -18
  159. package/esm/components/FormField/FormField.js +77 -51
  160. package/esm/components/FormFieldCheckbox/FormFieldCheckbox.js +6 -2
  161. package/esm/components/FormFieldPassword/FormFieldPassword.js +18 -21
  162. package/esm/components/FormFieldPassword/PasswordMeter.js +8 -13
  163. package/esm/components/FormFieldPassword/estimatePassword.js +21 -32
  164. package/esm/components/FormFieldRadioButtons/FormFieldRadioButtons.js +49 -42
  165. package/esm/components/FormFieldSelect/FormFieldSelect.js +1 -1
  166. package/esm/components/FormFieldText/FormFieldText.js +7 -1
  167. package/esm/components/Hint/Hint.js +2 -1
  168. package/esm/components/Icon/Icon.js +6 -0
  169. package/esm/components/Icon/utils.js +16 -6
  170. package/esm/components/InPlaceEdit/Editor.js +5 -8
  171. package/esm/components/InPlaceEdit/InPlaceEdit.js +3 -5
  172. package/esm/components/InputFile/InputFile.js +7 -9
  173. package/esm/components/Layout/Layout.js +2 -2
  174. package/esm/components/Link/Link.js +2 -0
  175. package/esm/components/List/List.js +37 -43
  176. package/esm/components/List/ListAction.js +1 -0
  177. package/esm/components/List/ListActions.js +1 -0
  178. package/esm/components/List/ListEmptyView.js +7 -10
  179. package/esm/components/List/ListOperation.js +3 -12
  180. package/esm/components/LocaleProvider/LocaleProvider.js +18 -11
  181. package/esm/components/Menu/Menu.js +10 -8
  182. package/esm/components/Menu/MenuItem.js +2 -1
  183. package/esm/components/Overlay/Overlay.js +2 -0
  184. package/esm/components/Pagination/Pagination.js +6 -10
  185. package/esm/components/Popover/Popover.js +1 -1
  186. package/esm/components/ProgressDialog/ProgressDialog.js +5 -7
  187. package/esm/components/Section/Section.js +88 -224
  188. package/esm/components/Section/SectionContext.js +5 -0
  189. package/esm/components/Section/useCollapsed.js +12 -0
  190. package/esm/components/Section/useVertical.js +30 -0
  191. package/esm/components/SegmentedControl/SegmentedControl.js +1 -0
  192. package/esm/components/Select/Select.js +10 -6
  193. package/esm/components/Select/SelectControl.js +14 -4
  194. package/esm/components/Spot/SpotPopup.js +3 -4
  195. package/esm/components/Status/Status.js +1 -0
  196. package/esm/components/Tabs/TabList.js +29 -12
  197. package/esm/components/Tabs/TabListItem.js +5 -1
  198. package/esm/components/Tabs/Tabs.js +17 -13
  199. package/esm/components/Tabs/useWidths.js +5 -5
  200. package/esm/components/Toast/Toast.js +1 -0
  201. package/esm/components/Toaster/GroupLabel.js +5 -3
  202. package/esm/components/Tooltip/Tooltip.js +11 -4
  203. package/esm/components/Translate/Translate.js +11 -2
  204. package/esm/components/Translate/index.js +3 -2
  205. package/esm/components/Translate/locale.js +15 -0
  206. package/esm/components/index.js +1 -1
  207. package/esm/hooks/useResizeObserver.js +8 -2
  208. package/esm/index.js +1 -1
  209. package/esm/locales/ar.js +119 -0
  210. package/esm/locales/ca-ES.js +119 -0
  211. package/esm/locales/cs-CZ.js +119 -0
  212. package/esm/locales/da-DK.js +119 -0
  213. package/esm/locales/de-DE.js +119 -0
  214. package/esm/locales/el-GR.js +119 -0
  215. package/esm/locales/en-US.js +119 -0
  216. package/esm/locales/es-ES.js +119 -0
  217. package/esm/locales/fi-FI.js +119 -0
  218. package/esm/locales/fr-FR.js +119 -0
  219. package/esm/locales/he-IL.js +119 -0
  220. package/esm/locales/hu-HU.js +119 -0
  221. package/esm/locales/id-ID.js +119 -0
  222. package/esm/locales/index.js +165 -0
  223. package/esm/locales/it-IT.js +119 -0
  224. package/esm/locales/ja-JP.js +119 -0
  225. package/esm/locales/ko-KR.js +119 -0
  226. package/esm/locales/ms-MY.js +119 -0
  227. package/esm/locales/nb-NO.js +119 -0
  228. package/esm/locales/nl-NL.js +119 -0
  229. package/esm/locales/pl-PL.js +119 -0
  230. package/esm/locales/pt-BR.js +119 -0
  231. package/esm/locales/pt-PT.js +119 -0
  232. package/esm/locales/ro-RO.js +119 -0
  233. package/esm/locales/ru-RU.js +119 -0
  234. package/esm/locales/sv-SE.js +119 -0
  235. package/esm/locales/th-TH.js +119 -0
  236. package/esm/locales/tl-PH.js +119 -0
  237. package/esm/locales/tr-TR.js +119 -0
  238. package/esm/locales/uk-UA.js +119 -0
  239. package/esm/locales/vi-VN.js +119 -0
  240. package/esm/locales/zh-CN.js +119 -0
  241. package/esm/locales/zh-TW.js +119 -0
  242. package/esm/utils.js +14 -0
  243. package/package.json +4 -4
  244. package/styleguide/build/bundle.cf3363eb.js +2 -0
  245. package/styleguide/index.html +2 -2
  246. package/types/components/AutoClosable/AutoClosable.d.ts +5 -37
  247. package/types/components/Button/Button.d.ts +2 -2
  248. package/types/components/ComboBoxDropdown/ComboBoxDropdown.d.ts +2 -1
  249. package/types/components/Form/types.d.ts +2 -0
  250. package/types/components/FormField/FormField.d.ts +6 -0
  251. package/types/components/FormFieldSelect/FormFieldSelect.d.ts +1 -1
  252. package/types/components/Hint/Hint.d.ts +11 -8
  253. package/types/components/Icon/Icon.d.ts +5 -0
  254. package/types/components/Input/Input.d.ts +2 -2
  255. package/types/components/LocaleProvider/LocaleProvider.d.ts +3 -2
  256. package/types/components/Menu/Menu.d.ts +5 -0
  257. package/types/components/Menu/MenuItem.d.ts +6 -1
  258. package/types/components/Overlay/Overlay.d.ts +4 -0
  259. package/types/components/Popover/Popover.d.ts +1 -1
  260. package/types/components/Section/Section.d.ts +3 -46
  261. package/types/components/Section/SectionContext.d.ts +5 -0
  262. package/types/components/Section/useCollapsed.d.ts +1 -0
  263. package/types/components/Section/useVertical.d.ts +2 -0
  264. package/types/components/Select/SelectControl.d.ts +2 -0
  265. package/types/components/Tabs/TabList.d.ts +3 -1
  266. package/types/components/Tabs/TabListItem.d.ts +4 -1
  267. package/types/components/Tabs/useWidths.d.ts +2 -2
  268. package/types/components/Tooltip/Tooltip.d.ts +1 -0
  269. package/types/components/Translate/Translate.d.ts +7 -1
  270. package/types/components/Translate/index.d.ts +2 -1
  271. package/types/components/Translate/locale.d.ts +4 -0
  272. package/types/components/index.d.ts +1 -1
  273. package/types/hooks/useResizeObserver.d.ts +2 -1
  274. package/types/locales/index.d.ts +10 -0
  275. package/types/utils.d.ts +3 -0
  276. package/cjs/components/ClosingConfirmation/locale/en-US.js +0 -12
  277. package/cjs/components/FormFieldPassword/locale/en-US.js +0 -33
  278. package/cjs/components/InPlaceEdit/locale/en-US.js +0 -12
  279. package/cjs/components/InputFile/locale/en-US.js +0 -10
  280. package/esm/components/ClosingConfirmation/locale/en-US.js +0 -7
  281. package/esm/components/Dropdown/locale/en-US.js +0 -5
  282. package/esm/components/FormFieldPassword/locale/en-US.js +0 -28
  283. package/esm/components/InPlaceEdit/locale/en-US.js +0 -7
  284. package/esm/components/InputFile/locale/en-US.js +0 -5
  285. package/styleguide/build/bundle.2360aa9e.js +0 -2
  286. package/types/components/InPlaceEdit/locale/en-US.d.ts +0 -6
  287. /package/styleguide/build/{bundle.2360aa9e.js.LICENSE.txt → bundle.cf3363eb.js.LICENSE.txt} +0 -0
@@ -4,7 +4,7 @@
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
- <title>Plesk UI Library 3.43.2</title>
7
+ <title>Plesk UI Library 3.44.0</title>
8
8
  <meta name="msapplication-TileColor" content="#da532c">
9
9
  <meta name="theme-color" content="#ffffff">
10
10
  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -26,6 +26,6 @@
26
26
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
27
27
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
28
28
  <!-- End Google Tag Manager (noscript) -->
29
- <script src="build/bundle.2360aa9e.js"></script>
29
+ <script src="build/bundle.cf3363eb.js"></script>
30
30
  </body>
31
31
  </html>
@@ -1,6 +1,5 @@
1
- import { Component, ReactElement, ReactInstance, RefObject, MutableRefObject, ContextType } from 'react';
2
- declare const AutoClosableContext: import("react").Context<AutoClosable | null>;
3
- export type AutoClosableProps = {
1
+ import { ReactElement, RefObject, MutableRefObject } from 'react';
2
+ export interface AutoClosableProps {
4
3
  /**
5
4
  * onClose handler
6
5
  * @since 0.0.42
@@ -15,47 +14,16 @@ export type AutoClosableProps = {
15
14
  * Optional function that returns an array of DOM nodes clicks on which should be ignored.
16
15
  * @ignore
17
16
  */
18
- ignoreNodes?: () => Array<ReactInstance | typeof Node | RefObject<HTMLElement> | Text | null | undefined>;
17
+ ignoreNodes?: () => (Node | null)[];
19
18
  /**
20
19
  * A React reference to the DOM element that needs tracking outside clicks.
21
20
  * @since 3.12.0
22
21
  */
23
22
  nodeRef?: RefObject<HTMLElement> | MutableRefObject<HTMLElement | undefined>;
24
- };
23
+ }
25
24
  /**
26
25
  * This is helper component for handling outside clicks.
27
26
  * @since 0.0.42
28
27
  */
29
- declare class AutoClosable extends Component<AutoClosableProps> {
30
- componentDidMount(): void;
31
- componentWillUnmount(): void;
32
- context: ContextType<typeof AutoClosableContext>;
33
- children: AutoClosable[];
34
- addChild: (child: AutoClosable) => void;
35
- removeChild: (child: AutoClosable) => void;
36
- getIgnoreNodes: () => (RefObject<HTMLElement> | ReactInstance | {
37
- new (): Node;
38
- prototype: Node;
39
- readonly ELEMENT_NODE: 1;
40
- readonly ATTRIBUTE_NODE: 2;
41
- readonly TEXT_NODE: 3;
42
- readonly CDATA_SECTION_NODE: 4;
43
- readonly ENTITY_REFERENCE_NODE: 5;
44
- readonly ENTITY_NODE: 6;
45
- readonly PROCESSING_INSTRUCTION_NODE: 7;
46
- readonly COMMENT_NODE: 8;
47
- readonly DOCUMENT_NODE: 9;
48
- readonly DOCUMENT_TYPE_NODE: 10;
49
- readonly DOCUMENT_FRAGMENT_NODE: 11;
50
- readonly NOTATION_NODE: 12;
51
- readonly DOCUMENT_POSITION_DISCONNECTED: 1;
52
- readonly DOCUMENT_POSITION_PRECEDING: 2;
53
- readonly DOCUMENT_POSITION_FOLLOWING: 4;
54
- readonly DOCUMENT_POSITION_CONTAINS: 8;
55
- readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
56
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
57
- } | Text | null | undefined)[];
58
- onOutsideClick: (event: MouseEvent) => void;
59
- render(): import("react/jsx-runtime").JSX.Element;
60
- }
28
+ declare const AutoClosable: ({ onClose, ignoreNodes, nodeRef, children }: AutoClosableProps) => import("react/jsx-runtime").JSX.Element;
61
29
  export default AutoClosable;
@@ -3,7 +3,7 @@ import { DataAttributes, PolymorphicComponentPropsWithRef } from '../../utils/ty
3
3
  import { IconName, IconProps } from '../Icon';
4
4
  import '../../helpers/base.less';
5
5
  import './Button.less';
6
- interface BaseButtonPops {
6
+ interface BaseButtonProps {
7
7
  /**
8
8
  * Button size.
9
9
  * @since 2.5.0
@@ -87,7 +87,7 @@ export type ButtonProps<Component extends ElementType = 'button'> = {
87
87
  * @default button
88
88
  */
89
89
  component?: Component;
90
- } & PolymorphicComponentPropsWithRef<Component, BaseButtonPops> & DataAttributes;
90
+ } & PolymorphicComponentPropsWithRef<Component, BaseButtonProps> & DataAttributes;
91
91
  type ButtonComponent<Component extends ElementType = 'button'> = {
92
92
  defaultProps?: Partial<ButtonProps<Component>>;
93
93
  displayName?: string;
@@ -35,6 +35,7 @@ type ComboBoxDropdownProps = {
35
35
  value?: ValueType;
36
36
  noOptions?: ReactNode;
37
37
  emitter?: EventEmitter;
38
+ listboxId?: string;
38
39
  };
39
- declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => import("react/jsx-runtime").JSX.Element;
40
+ declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, listboxId, ...props }: ComboBoxDropdownProps) => import("react/jsx-runtime").JSX.Element;
40
41
  export default ComboBoxDropdown;
@@ -1,4 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
+ import { SectionContextType } from '../Section/SectionContext';
2
3
  export type FormInstanceHandles = {
3
4
  submit: () => void;
4
5
  };
@@ -16,6 +17,7 @@ export type FormState<FV> = {
16
17
  };
17
18
  export type Field = {
18
19
  focus: (errors: FormFieldErrors) => void;
20
+ sectionContext?: SectionContextType;
19
21
  };
20
22
  export type FormContextProps = {
21
23
  getValues: () => Readonly<FormValues> | undefined;
@@ -1,10 +1,12 @@
1
1
  import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ import { SectionContextType } from '../Section/SectionContext';
2
3
  import type { FormContextProps, FormErrors, FormValues } from '../Form/types';
3
4
  import './FormField.less';
4
5
  export declare const BASE_FORM_FIELD_CLASS_NAME: string;
5
6
  export type FormFieldApi = {
6
7
  getValues: () => Readonly<FormValues> | null | undefined;
7
8
  getId: () => string | undefined;
9
+ getDescriptionLabelId: () => string | undefined;
8
10
  getName: () => string | undefined;
9
11
  getValue: <T>(def?: T) => any | T;
10
12
  setValue: (value: any) => void;
@@ -109,6 +111,10 @@ export interface FormFieldProps extends Omit<ComponentPropsWithoutRef<'div'>, 'c
109
111
  * @ignore
110
112
  */
111
113
  form?: FormContextProps;
114
+ /**
115
+ * @ignore
116
+ */
117
+ section?: SectionContextType;
112
118
  /**
113
119
  * Vertical or horizontal field view.
114
120
  * If it is not defined explicitly, the vertical mode will use from Form or Section components.
@@ -5,7 +5,7 @@ import './FormFieldSelect.less';
5
5
  type SelectProps = Pick<ComponentProps<typeof Select>, 'children' | 'size' | 'multiple' | 'searchable' | 'clearable' | 'placeholder'>;
6
6
  export type FormFieldSelectProps = SelectProps & Omit<FormFieldProps, 'children'>;
7
7
  /**
8
- * `FormFieldSelect` componentis is used for making a choice among a set of related options.
8
+ * `FormFieldSelect` component is used for making a choice among a set of related options.
9
9
  * See description of `Select` for [the full list of properties](#!/Select) of this component.
10
10
  * @since 1.12.3
11
11
  */
@@ -1,17 +1,13 @@
1
- import { ReactNode, FunctionComponent, ElementType } from 'react';
1
+ import { ReactNode, ElementType } from 'react';
2
2
  import '../../helpers/base.less';
3
3
  import './Hint.less';
4
- export type HintProps = {
4
+ import { PolymorphicComponentProps } from '../../utils/types';
5
+ export type BaseHintProps = {
5
6
  /**
6
7
  * Content of the `Hint`.
7
8
  * @since 0.0.47
8
9
  */
9
10
  children: ReactNode;
10
- /**
11
- * Component to render as the root element.
12
- * @since 3.30.0
13
- */
14
- component?: string | ElementType;
15
11
  /**
16
12
  * @ignore
17
13
  */
@@ -21,9 +17,16 @@ export type HintProps = {
21
17
  */
22
18
  baseClassName?: string;
23
19
  };
20
+ export type HintProps<Component extends ElementType = 'span'> = {
21
+ /**
22
+ * Component to render as the root element.
23
+ * @since 3.30.0
24
+ */
25
+ component?: Component;
26
+ } & PolymorphicComponentProps<Component, BaseHintProps>;
24
27
  /**
25
28
  * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
26
29
  * @since 0.0.35
27
30
  */
28
- declare const Hint: FunctionComponent<HintProps>;
31
+ declare const Hint: <Component extends ElementType = "span">({ baseClassName, className, children, component, ...props }: HintProps<Component>) => import("react/jsx-runtime").JSX.Element;
29
32
  export default Hint;
@@ -47,6 +47,11 @@ export type IconProps = {
47
47
  * @since 1.0.0
48
48
  */
49
49
  animation?: 'spin';
50
+ /**
51
+ * Accessibility label for screen readers. If not provided, the icon will be hidden from assistive tech.
52
+ * @since 3.43.3
53
+ */
54
+ ariaLabel?: string;
50
55
  /**
51
56
  * Rotate by degree
52
57
  * @since 1.0.0
@@ -1,4 +1,4 @@
1
- import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
1
+ import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject, InputHTMLAttributes } from 'react';
2
2
  import { DataAttributes } from '../../utils/types';
3
3
  import '../../helpers/base.less';
4
4
  import './Input.less';
@@ -48,7 +48,7 @@ export type InputProps = {
48
48
  * @ignore
49
49
  */
50
50
  innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
51
- } & DataAttributes & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
51
+ } & DataAttributes & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>;
52
52
  /**
53
53
  * `Input` component is used for entering short text (like user name or email address).
54
54
  * @since 0.0.57
@@ -1,12 +1,12 @@
1
1
  import { PureComponent, ReactNode } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  type Message = string | Messages;
4
- type Messages = {
4
+ export type Messages = {
5
5
  [key: string]: Message;
6
6
  };
7
7
  type Translate = (key: string, params?: {
8
8
  [key: string]: unknown;
9
- }, fallback?: string) => string | ReactNode[];
9
+ }, fallback?: string, defaultMessages?: Messages) => string | ReactNode[];
10
10
  export declare const LocaleContext: import("react").Context<{
11
11
  locale: {
12
12
  lmsg: Translate;
@@ -40,4 +40,5 @@ declare class LocaleProvider extends PureComponent<LocaleProviderProps> {
40
40
  }
41
41
  export default LocaleProvider;
42
42
  export declare const useTranslate: (namespace?: string) => Translate;
43
+ export declare const useInternalTranslate: (namespace?: string) => Translate;
43
44
  export declare const LocaleBetaProvider: ({ messages, children }: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -17,6 +17,11 @@ export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
17
17
  * @ignore
18
18
  */
19
19
  overlay?: boolean;
20
+ /**
21
+ * Role of the menu. Default is "menu".
22
+ * "listbox" is used for dropdown and multiselect variants.
23
+ */
24
+ role?: 'menu' | 'listbox';
20
25
  /**
21
26
  * @ignore
22
27
  */
@@ -27,6 +27,11 @@ export type MenuItemProps<Component extends ElementType = 'div'> = {
27
27
  * @since 2.6.1
28
28
  */
29
29
  tooltip?: ReactNode;
30
+ /**
31
+ * Role of the parent menu. Default is "menu".
32
+ * "listbox" is used for dropdown and multiselect variants.
33
+ */
34
+ menuRole?: 'menu' | 'listbox';
30
35
  /**
31
36
  * Content of the `MenuItem`.
32
37
  * @since 0.0.55
@@ -45,5 +50,5 @@ export type MenuItemProps<Component extends ElementType = 'div'> = {
45
50
  * `MenuItem` is a part of [Menu](#!/Menu) component.
46
51
  * @since 0.0.55
47
52
  */
48
- declare const MenuItem: <Component extends ElementType = "div">({ className, children, onClick, icon, label, tooltip, baseClassName, disabled, active, ...props }: MenuItemProps<Component>) => import("react/jsx-runtime").JSX.Element;
53
+ declare const MenuItem: <Component extends ElementType = "div">({ className, children, onClick, icon, label, tooltip, menuRole, baseClassName, disabled, active, ...props }: MenuItemProps<Component>) => import("react/jsx-runtime").JSX.Element;
49
54
  export default MenuItem;
@@ -61,6 +61,10 @@ export type OverlayProps = {
61
61
  * @ignore
62
62
  */
63
63
  baseClassName?: string;
64
+ /**
65
+ * @ignore
66
+ */
67
+ containerProps?: Omit<HTMLAttributes<HTMLDivElement>, 'onFocus'>;
64
68
  };
65
69
  declare const Overlay: ({ isOpen, ...props }: OverlayProps) => import("react/jsx-runtime").JSX.Element | null;
66
70
  export default Overlay;
@@ -154,7 +154,7 @@ declare class Popover extends Component<PopoverProps, PopoverState> {
154
154
  handleClose: () => void;
155
155
  handleHeaderResize: (contentRect: ContentRect) => void;
156
156
  handlePopperUpdate: (popperData: PopperState) => void;
157
- getIgnoreNodes: () => (Element | Text | null)[] | (MutableRefObject<HTMLElement | null> | undefined)[];
157
+ getIgnoreNodes: () => (Element | Text | null)[];
158
158
  render(): import("react/jsx-runtime").JSX.Element;
159
159
  }
160
160
  export default Popover;
@@ -1,6 +1,4 @@
1
- import { Component, MouseEvent, ReactNode } from 'react';
2
- import { ContentRect } from 'react-measure';
3
- import { FormContextProps } from '../Form/types';
1
+ import { ReactNode } from 'react';
4
2
  import { InPlaceEditProps } from '../InPlaceEdit';
5
3
  import './Section.less';
6
4
  export interface SectionProps {
@@ -63,53 +61,12 @@ export interface SectionProps {
63
61
  * @ignore
64
62
  */
65
63
  baseClassName?: string;
66
- /**
67
- * @ignore
68
- */
69
- form?: FormContextProps;
70
- }
71
- interface DerivedState {
72
- prevCollapsed?: boolean;
73
- prevErrors?: Record<string, any>;
74
- collapsed?: boolean;
75
- }
76
- interface SectionState extends DerivedState {
77
- vertical: boolean;
78
64
  }
79
65
  export declare const SECTION_BASE_CLASS_NAME: string;
80
- declare class Section extends Component<SectionProps, SectionState> {
81
- state: SectionState;
82
- static getDerivedStateFromProps(props: Readonly<SectionProps>, state: SectionState): DerivedState;
83
- handleResize: ({ bounds }: ContentRect) => void;
84
- handleCollapse: (e: MouseEvent<HTMLButtonElement>) => void;
85
- renderCollapseButton({ baseClassName, collapsible, }: {
86
- baseClassName: string;
87
- collapsible: boolean;
88
- }): false | import("react/jsx-runtime").JSX.Element;
89
- renderCloseButton({ baseClassName, onClose, buttons, }: {
90
- baseClassName: string;
91
- onClose: SectionProps['onClose'];
92
- buttons: SectionProps['buttons'];
93
- }): import("react/jsx-runtime").JSX.Element | undefined;
94
- renderTitle({ baseClassName, title, onTitleChange, }: {
95
- baseClassName: string;
96
- title: SectionProps['title'];
97
- onTitleChange: SectionProps['onTitleChange'];
98
- }): false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;
99
- renderContent({ collapsible, children }: {
100
- collapsible: boolean;
101
- children: ReactNode;
102
- }): ReactNode;
103
- render(): import("react/jsx-runtime").JSX.Element;
104
- }
105
66
  /**
106
67
  * `Section` component is used for dividing of complex content into groups for better readability
107
68
  * and comprehension of the presented information.
108
69
  * @since 0.0.54
109
70
  */
110
- declare const SectionWrapper: {
111
- ({ collapsible, collapsed, baseClassName, ...props }: Omit<SectionProps, "form">): import("react/jsx-runtime").JSX.Element;
112
- displayName: string;
113
- WrappedComponent: typeof Section;
114
- };
115
- export default SectionWrapper;
71
+ declare const Section: ({ baseClassName, className, intent, collapsible, collapsed: externalCollapsed, onToggle, title, onTitleChange, onClose, buttons, vertical: externalVertical, children, ...props }: SectionProps) => import("react/jsx-runtime").JSX.Element;
72
+ export default Section;
@@ -0,0 +1,5 @@
1
+ export type SectionContextType = {
2
+ expand: () => void;
3
+ } | null;
4
+ declare const SectionContext: import("react").Context<SectionContextType>;
5
+ export default SectionContext;
@@ -0,0 +1 @@
1
+ export declare const useCollapsed: (externalCollapsed: boolean | undefined) => readonly [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
@@ -0,0 +1,2 @@
1
+ import { RefObject } from 'react';
2
+ export declare const useVertical: (externalVertical: boolean | undefined, containerRef: RefObject<HTMLDivElement>) => boolean | undefined;
@@ -21,6 +21,8 @@ type SelectControlProps = {
21
21
  onClose: () => void;
22
22
  onClear: () => void;
23
23
  onValueRemove: (value?: Value) => void;
24
+ opened?: boolean;
25
+ listboxId?: string;
24
26
  };
25
27
  declare const SelectControl: import("react").ForwardRefExoticComponent<SelectControlProps & import("react").RefAttributes<HTMLDivElement>>;
26
28
  export default SelectControl;
@@ -9,6 +9,8 @@ interface TabListProps {
9
9
  visibleLength: number;
10
10
  monospacedWidth?: number;
11
11
  baseClassName: string;
12
+ tabPanelId?: string;
13
+ idPrefix?: string;
12
14
  }
13
- declare const TabList: ({ children, tabListRef, active, onTabClick, visibleLength, monospacedWidth, baseClassName, }: TabListProps) => import("react/jsx-runtime").JSX.Element;
15
+ declare const TabList: ({ children, tabListRef, active, onTabClick, visibleLength, monospacedWidth, baseClassName, tabPanelId, idPrefix, }: TabListProps) => import("react/jsx-runtime").JSX.Element;
14
16
  export default TabList;
@@ -7,6 +7,9 @@ interface TabListItemProps {
7
7
  monospacedWidth?: number;
8
8
  baseClassName: string;
9
9
  isFake?: boolean;
10
+ idPrefix?: string;
11
+ tabPanelId?: string;
12
+ id?: string;
10
13
  }
11
- declare const TabListItem: ({ tab, selected, onClick, monospacedWidth, baseClassName, isFake, }: TabListItemProps) => import("react/jsx-runtime").JSX.Element;
14
+ declare const TabListItem: ({ tab, selected, onClick, monospacedWidth, baseClassName, isFake, tabPanelId, id, }: TabListItemProps) => import("react/jsx-runtime").JSX.Element;
12
15
  export default TabListItem;
@@ -2,12 +2,12 @@ import { RefObject } from 'react';
2
2
  type UseWidthsOptions = {
3
3
  tabNavRef: RefObject<HTMLDivElement>;
4
4
  tabListRef: RefObject<HTMLUListElement>;
5
- fakeAddonRef: RefObject<HTMLDivElement>;
5
+ addonRef: RefObject<HTMLDivElement>;
6
6
  baseClassName: string;
7
7
  monospaced?: boolean;
8
8
  childrenCount: number;
9
9
  };
10
- export declare const useWidths: ({ tabNavRef, tabListRef, fakeAddonRef, baseClassName, monospaced, childrenCount, }: UseWidthsOptions) => {
10
+ export declare const useWidths: ({ tabNavRef, tabListRef, addonRef, baseClassName, monospaced, childrenCount, }: UseWidthsOptions) => {
11
11
  recalculateWidths: () => void;
12
12
  monospacedWidth: number | undefined;
13
13
  compact: boolean;
@@ -46,6 +46,7 @@ declare class Tooltip extends Component<TooltipProps> {
46
46
  top: number;
47
47
  ready: boolean;
48
48
  visible: boolean;
49
+ id: string;
49
50
  };
50
51
  componentWillUnmount(): void;
51
52
  private timer;
@@ -1,4 +1,5 @@
1
1
  import { ElementType, ReactNode } from 'react';
2
+ import { Messages } from '../LocaleProvider';
2
3
  import { PolymorphicComponentProps } from '../../utils/types';
3
4
  export type Translator = ReactNode | ((params?: {
4
5
  [key: string]: ReactNode;
@@ -41,6 +42,10 @@ interface BaseTranslateProps {
41
42
  * @ignore
42
43
  */
43
44
  children?: string;
45
+ /**
46
+ * @ignore
47
+ */
48
+ defaultMessages?: Messages;
44
49
  }
45
50
  export type TranslateProps<Component extends ElementType = 'span'> = {
46
51
  /**
@@ -55,5 +60,6 @@ export type TranslateProps<Component extends ElementType = 'span'> = {
55
60
  * `Translate` component.
56
61
  * @since 0.0.42
57
62
  */
58
- declare const Translate: <Component extends ElementType = "span">({ component, content, children, params, unsafe, fallback, namespace, translators, ...props }: TranslateProps<Component>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
63
+ declare const Translate: <Component extends ElementType = "span">({ component, content, children, params, unsafe, fallback, namespace, translators, defaultMessages, ...props }: TranslateProps<Component>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
59
64
  export default Translate;
65
+ export declare const InternalTranslate: <Component extends ElementType = "span">(props: TranslateProps<Component>) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,4 @@
1
- export { default } from './Translate';
1
+ export { default, InternalTranslate } from './Translate';
2
2
  export { isLikeText } from './isLikeText';
3
+ export { setLocale, getLocale, getLocaleMessages } from './locale';
3
4
  export type { TranslateProps, Translator } from './Translate';
@@ -0,0 +1,4 @@
1
+ import { Messages } from '../LocaleProvider';
2
+ export declare const setLocale: (locale: string) => void;
3
+ export declare const getLocale: () => string;
4
+ export declare const getLocaleMessages: () => Messages | undefined;
@@ -160,7 +160,7 @@ export { default as Tooltip } from './Tooltip';
160
160
  export type { TooltipProps } from './Tooltip';
161
161
  export { default as Tour } from './Tour';
162
162
  export type { TourProps } from './Tour';
163
- export { default as Translate } from './Translate';
163
+ export { default as Translate, setLocale, getLocale } from './Translate';
164
164
  export type { TranslateProps } from './Translate';
165
165
  export { default as Link } from './Link';
166
166
  export type { LinkProps } from './Link';
@@ -2,6 +2,7 @@ import { RefObject } from 'react';
2
2
  type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
3
3
  ref: RefObject<T>;
4
4
  onResize?: () => void;
5
+ callOnInit?: boolean;
5
6
  };
6
- export declare const useResizeObserver: <Element extends HTMLElement = HTMLElement>({ ref, onResize, }: UseResizeObserverOptions<Element>) => void;
7
+ export declare const useResizeObserver: <Element extends HTMLElement = HTMLElement>({ ref, onResize, callOnInit, }: UseResizeObserverOptions<Element>) => void;
7
8
  export {};
@@ -0,0 +1,10 @@
1
+ import { Messages } from '../components/LocaleProvider';
2
+ type Locale = {
3
+ language: string;
4
+ messages: Messages;
5
+ };
6
+ type Locales = {
7
+ [key: string]: Locale;
8
+ };
9
+ declare const locales: Locales;
10
+ export default locales;
package/types/utils.d.ts CHANGED
@@ -1,4 +1,7 @@
1
+ import { type ReactNode } from 'react';
2
+ import type { IconName, IconProps } from './components';
1
3
  export declare const isRtl: () => boolean;
2
4
  export declare const disableDocumentScroll: () => void;
3
5
  export declare const enableDocumentScroll: () => void;
4
6
  export declare const copyToClipboard: (value: string) => void;
7
+ export declare const prepareIconName: (icon: IconName | IconProps | ReactNode, empty: boolean) => string | undefined;
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
8
- var _default = exports.default = {
9
- confirm: 'Leave',
10
- cancel: 'Go Back',
11
- content: "Are you sure you want to close and leave this window? Any data changes you've made won't be saved."
12
- };
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
8
- var _default = exports.default = {
9
- improvePassword: 'To improve your password:',
10
- passwordTooShort: 'Make the password longer.',
11
- lettersLowerCase: 'Use at least one lower-case character.',
12
- lettersUpperCase: 'Use at least one upper-case character.',
13
- numbers1: 'Use at least one number.',
14
- numbers3: 'Use at least three numbers.',
15
- specialChar1: 'Use at least one special character (for example: !, @, #, $, % ,^, &, *, ?, _, ~).',
16
- specialChar2: 'Use at least two special characters (for example: !, @, #, $, %, ^, &, *, ?, _, ~).',
17
- comboUpperAndLower: 'Use both upper and lower-case characters.',
18
- comboLettersAndNumbers: 'Use both numbers and characters.',
19
- comboLettersNumbersSpecial: 'Use numbers, characters and special characters.',
20
- yourPasswordIsStrong: 'You can make it even stronger by increasing its length.',
21
- passwordStrength: 'The password strength is %%strength%%.',
22
- strengthVeryStrong: 'VERY STRONG',
23
- strengthStrong: 'STRONG',
24
- strengthVeryWeak: 'VERY WEAK',
25
- strengthWeak: 'WEAK',
26
- strengthMedium: 'MEDIUM',
27
- hidePassword: 'Hide password',
28
- showPassword: 'Show password',
29
- generateButton: 'Generate',
30
- copyButtonHint: 'Copy password',
31
- copySuccessToast: 'Password has been copied',
32
- generateButtonHint: 'Generate a strong password'
33
- };
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
8
- var _default = exports.default = {
9
- editButtonHint: 'Edit value',
10
- okButtonHint: 'Save changes',
11
- cancelButtonHint: 'Discard changes'
12
- };
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
8
- var _default = exports.default = {
9
- browseButton: 'Choose file...'
10
- };
@@ -1,7 +0,0 @@
1
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
2
-
3
- export default {
4
- confirm: 'Leave',
5
- cancel: 'Go Back',
6
- content: "Are you sure you want to close and leave this window? Any data changes you've made won't be saved."
7
- };
@@ -1,5 +0,0 @@
1
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
2
-
3
- export default {
4
- close: 'Close'
5
- };
@@ -1,28 +0,0 @@
1
- // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
2
-
3
- export default {
4
- improvePassword: 'To improve your password:',
5
- passwordTooShort: 'Make the password longer.',
6
- lettersLowerCase: 'Use at least one lower-case character.',
7
- lettersUpperCase: 'Use at least one upper-case character.',
8
- numbers1: 'Use at least one number.',
9
- numbers3: 'Use at least three numbers.',
10
- specialChar1: 'Use at least one special character (for example: !, @, #, $, % ,^, &, *, ?, _, ~).',
11
- specialChar2: 'Use at least two special characters (for example: !, @, #, $, %, ^, &, *, ?, _, ~).',
12
- comboUpperAndLower: 'Use both upper and lower-case characters.',
13
- comboLettersAndNumbers: 'Use both numbers and characters.',
14
- comboLettersNumbersSpecial: 'Use numbers, characters and special characters.',
15
- yourPasswordIsStrong: 'You can make it even stronger by increasing its length.',
16
- passwordStrength: 'The password strength is %%strength%%.',
17
- strengthVeryStrong: 'VERY STRONG',
18
- strengthStrong: 'STRONG',
19
- strengthVeryWeak: 'VERY WEAK',
20
- strengthWeak: 'WEAK',
21
- strengthMedium: 'MEDIUM',
22
- hidePassword: 'Hide password',
23
- showPassword: 'Show password',
24
- generateButton: 'Generate',
25
- copyButtonHint: 'Copy password',
26
- copySuccessToast: 'Password has been copied',
27
- generateButtonHint: 'Generate a strong password'
28
- };