@hazelcast/ui 1.3.2-next.6 → 1.3.2-next.60

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 (236) hide show
  1. package/lib/Alert.d.ts +6 -5
  2. package/lib/Alert.js +2 -2
  3. package/lib/Alert.js.map +1 -1
  4. package/lib/AutocompleteField.d.ts +9 -6
  5. package/lib/AutocompleteField.js +6 -7
  6. package/lib/AutocompleteField.js.map +1 -1
  7. package/lib/AutocompleteField.module.scss +16 -0
  8. package/lib/AutocompleteFieldFormik.d.ts +1 -1
  9. package/lib/Badge.d.ts +4 -4
  10. package/lib/Button.d.ts +16 -16
  11. package/lib/Button.js +1 -1
  12. package/lib/Button.js.map +1 -1
  13. package/lib/Button.module.scss +24 -1
  14. package/lib/Calendar/Calendar.d.ts +8 -4
  15. package/lib/Calendar/Calendar.js +32 -22
  16. package/lib/Calendar/Calendar.js.map +1 -1
  17. package/lib/Calendar/Calendar.module.scss +2 -1
  18. package/lib/Calendar/CalendarRange.d.ts +4 -4
  19. package/lib/Calendar/CalendarRange.js +5 -5
  20. package/lib/Calendar/CalendarRange.js.map +1 -1
  21. package/lib/Calendar/CalendarRange.module.scss +5 -0
  22. package/lib/Calendar/components/CalendarHeader.d.ts +2 -2
  23. package/lib/Calendar/components/CalendarInput.d.ts +8 -6
  24. package/lib/Calendar/components/CalendarInput.js +3 -3
  25. package/lib/Calendar/components/CalendarInput.js.map +1 -1
  26. package/lib/Calendar/components/CalendarTime.d.ts +2 -2
  27. package/lib/Calendar/components/CalendarTime.js +15 -10
  28. package/lib/Calendar/components/CalendarTime.js.map +1 -1
  29. package/lib/Calendar/components/CalendarTime.module.scss +4 -0
  30. package/lib/Calendar/helpers/consts.js +97 -97
  31. package/lib/Calendar/helpers/consts.js.map +1 -1
  32. package/lib/Card.d.ts +1 -1
  33. package/lib/Card.js +2 -2
  34. package/lib/Card.js.map +1 -1
  35. package/lib/Carousel.d.ts +25 -0
  36. package/lib/Carousel.js +28 -0
  37. package/lib/Carousel.js.map +1 -0
  38. package/lib/Carousel.module.scss +26 -0
  39. package/lib/Checkbox.d.ts +4 -3
  40. package/lib/Checkbox.js +2 -2
  41. package/lib/Checkbox.js.map +1 -1
  42. package/lib/CheckboxFormik.d.ts +1 -1
  43. package/lib/CircularProgressBar.d.ts +1 -1
  44. package/lib/ContextMenu.d.ts +15 -0
  45. package/lib/ContextMenu.js +58 -0
  46. package/lib/ContextMenu.js.map +1 -0
  47. package/lib/ContextMenu.module.scss +37 -0
  48. package/lib/Dialog.d.ts +2 -2
  49. package/lib/EmptyState.d.ts +5 -5
  50. package/lib/FieldHeader.d.ts +8 -6
  51. package/lib/FieldHeader.js +2 -2
  52. package/lib/FieldHeader.js.map +1 -1
  53. package/lib/Help.d.ts +2 -1
  54. package/lib/Help.js +2 -2
  55. package/lib/Help.js.map +1 -1
  56. package/lib/Icon.d.ts +5 -5
  57. package/lib/Icon.js +1 -1
  58. package/lib/Icon.js.map +1 -1
  59. package/lib/IconButton.d.ts +6 -6
  60. package/lib/InteractiveList.d.ts +5 -5
  61. package/lib/InteractiveList.js +4 -2
  62. package/lib/InteractiveList.js.map +1 -1
  63. package/lib/InteractiveList.module.scss +1 -0
  64. package/lib/InteractiveListFormik.d.ts +1 -1
  65. package/lib/Label.d.ts +1 -1
  66. package/lib/Link.d.ts +7 -7
  67. package/lib/Link.js +3 -3
  68. package/lib/Link.js.map +1 -1
  69. package/lib/Loader.d.ts +1 -1
  70. package/lib/Modal.d.ts +4 -2
  71. package/lib/Modal.js.map +1 -1
  72. package/lib/Notification.d.ts +4 -4
  73. package/lib/NumberBadge.d.ts +2 -1
  74. package/lib/NumberBadge.js +3 -2
  75. package/lib/NumberBadge.js.map +1 -1
  76. package/lib/NumberField.d.ts +5 -7
  77. package/lib/NumberField.js.map +1 -1
  78. package/lib/NumberFieldFormik.d.ts +1 -1
  79. package/lib/Overlay.d.ts +7 -2
  80. package/lib/Overlay.js +5 -5
  81. package/lib/Overlay.js.map +1 -1
  82. package/lib/Overlay.module.scss +1 -1
  83. package/lib/Pagination.d.ts +7 -6
  84. package/lib/Pagination.js +7 -7
  85. package/lib/Pagination.js.map +1 -1
  86. package/lib/PasswordField.d.ts +3 -3
  87. package/lib/PasswordFieldFormik.d.ts +1 -1
  88. package/lib/Popover.d.ts +2 -0
  89. package/lib/Popover.js +12 -6
  90. package/lib/Popover.js.map +1 -1
  91. package/lib/Radio.d.ts +3 -3
  92. package/lib/RadioFormik.d.ts +1 -1
  93. package/lib/RadioGroup.d.ts +3 -3
  94. package/lib/RadioGroupFormik.d.ts +1 -1
  95. package/lib/SegmentedControl.d.ts +7 -6
  96. package/lib/SegmentedControl.js +4 -4
  97. package/lib/SegmentedControl.js.map +1 -1
  98. package/lib/SegmentedControlFormik.d.ts +1 -1
  99. package/lib/Select/CheckableSelectField.d.ts +3 -3
  100. package/lib/Select/CheckableSelectField.module.scss +1 -1
  101. package/lib/Select/CheckableSelectFieldFormik.d.ts +1 -1
  102. package/lib/Select/Common.d.ts +6 -6
  103. package/lib/Select/MultiSelectField.d.ts +7 -7
  104. package/lib/Select/MultiSelectField.js +3 -1
  105. package/lib/Select/MultiSelectField.js.map +1 -1
  106. package/lib/Select/MultiSelectFieldFormik.d.ts +1 -1
  107. package/lib/Select/SelectField.d.ts +6 -7
  108. package/lib/Select/SelectField.js +5 -3
  109. package/lib/Select/SelectField.js.map +1 -1
  110. package/lib/Select/SelectField.module.scss +6 -4
  111. package/lib/Select/SelectFieldFormik.d.ts +1 -1
  112. package/lib/Select/helpers.d.ts +2 -2
  113. package/lib/SimpleTable.d.ts +1 -1
  114. package/lib/Slider.d.ts +8 -8
  115. package/lib/SliderFormik.d.ts +1 -1
  116. package/lib/Table/Cell.d.ts +11 -3
  117. package/lib/Table/Cell.js +44 -9
  118. package/lib/Table/Cell.js.map +1 -1
  119. package/lib/Table/Cell.module.scss +8 -0
  120. package/lib/Table/CellWrapper.d.ts +11 -0
  121. package/lib/Table/CellWrapper.js +29 -0
  122. package/lib/Table/CellWrapper.js.map +1 -0
  123. package/lib/Table/EnhancedRenderers.d.ts +2 -2
  124. package/lib/Table/Header.d.ts +1 -2
  125. package/lib/Table/Header.js +2 -2
  126. package/lib/Table/Header.js.map +1 -1
  127. package/lib/Table/Header.module.scss +35 -27
  128. package/lib/Table/Row.d.ts +4 -4
  129. package/lib/Table/Row.js +6 -2
  130. package/lib/Table/Row.js.map +1 -1
  131. package/lib/Table/Table.d.ts +14 -19
  132. package/lib/Table/Table.js +108 -161
  133. package/lib/Table/Table.js.map +1 -1
  134. package/lib/Table/Table.module.scss +4 -16
  135. package/lib/Table/TableContent.d.ts +25 -0
  136. package/lib/Table/TableContent.js +49 -0
  137. package/lib/Table/TableContent.js.map +1 -0
  138. package/lib/Table/TableContent.module.scss +21 -0
  139. package/lib/Table/constants.d.ts +2 -0
  140. package/lib/Table/constants.js +3 -0
  141. package/lib/Table/constants.js.map +1 -0
  142. package/lib/Table/features/columnsSelection/CellCopyablePopover.d.ts +8 -0
  143. package/lib/Table/features/columnsSelection/CellCopyablePopover.js +13 -0
  144. package/lib/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -0
  145. package/lib/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
  146. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.d.ts +6 -0
  147. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.js +17 -0
  148. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -0
  149. package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +6 -0
  150. package/lib/Table/features/columnsSelection/ContextMenu/index.d.ts +1 -0
  151. package/lib/Table/features/columnsSelection/ContextMenu/index.js +2 -0
  152. package/lib/Table/features/columnsSelection/ContextMenu/index.js.map +1 -0
  153. package/lib/Table/features/columnsSelection/columnsSelection.d.ts +19 -0
  154. package/lib/Table/features/columnsSelection/columnsSelection.js +71 -0
  155. package/lib/Table/features/columnsSelection/columnsSelection.js.map +1 -0
  156. package/lib/Table/features/columnsSelection/helpers.d.ts +7 -0
  157. package/lib/Table/features/columnsSelection/helpers.js +26 -0
  158. package/lib/Table/features/columnsSelection/helpers.js.map +1 -0
  159. package/lib/Table/features/columnsSelection/index.d.ts +4 -0
  160. package/lib/Table/features/columnsSelection/index.js +5 -0
  161. package/lib/Table/features/columnsSelection/index.js.map +1 -0
  162. package/lib/Tabs/Tab.d.ts +22 -8
  163. package/lib/Tabs/Tab.js +15 -4
  164. package/lib/Tabs/Tab.js.map +1 -1
  165. package/lib/Tabs/TabContext.d.ts +3 -3
  166. package/lib/Tabs/TabList.d.ts +1 -1
  167. package/lib/Tabs/TabPanel.d.ts +1 -1
  168. package/lib/Terminal.d.ts +1 -1
  169. package/lib/TextArea.d.ts +4 -4
  170. package/lib/TextAreaFormik.d.ts +1 -1
  171. package/lib/TextField.d.ts +7 -6
  172. package/lib/TextField.js +3 -4
  173. package/lib/TextField.js.map +1 -1
  174. package/lib/TextField.module.scss +5 -1
  175. package/lib/TextFieldFormik.d.ts +1 -1
  176. package/lib/TimeField.d.ts +3 -3
  177. package/lib/TimeField.js +4 -12
  178. package/lib/TimeField.js.map +1 -1
  179. package/lib/TimeField.module.scss +0 -87
  180. package/lib/TimeFieldFormik.d.ts +1 -1
  181. package/lib/Toast.d.ts +3 -3
  182. package/lib/Toggle.d.ts +4 -4
  183. package/lib/Toggle.js +1 -1
  184. package/lib/Toggle.js.map +1 -1
  185. package/lib/ToggleFormik.d.ts +1 -1
  186. package/lib/Tooltip.d.ts +6 -5
  187. package/lib/Tooltip.js +4 -14
  188. package/lib/Tooltip.js.map +1 -1
  189. package/lib/hooks/index.d.ts +0 -1
  190. package/lib/hooks/index.js +0 -1
  191. package/lib/hooks/index.js.map +1 -1
  192. package/lib/hooks/useCloseOnResize.d.ts +8 -0
  193. package/lib/hooks/useCloseOnResize.js +16 -0
  194. package/lib/hooks/useCloseOnResize.js.map +1 -0
  195. package/lib/hooks/useDimensions.d.ts +1 -1
  196. package/lib/hooks/useOnClickOutside.d.ts +1 -1
  197. package/lib/hooks/usePagination.d.ts +2 -2
  198. package/lib/index.d.ts +3 -4
  199. package/lib/index.js +3 -4
  200. package/lib/index.js.map +1 -1
  201. package/lib/utils/formik.d.ts +2 -2
  202. package/lib/utils/portal.d.ts +2 -0
  203. package/lib/utils/portal.js +15 -0
  204. package/lib/utils/portal.js.map +1 -0
  205. package/lib/utils/test.d.ts +3 -1
  206. package/lib/utils/test.js.map +1 -1
  207. package/lib/utils/types.d.ts +1 -1
  208. package/package.json +59 -55
  209. package/styles/constants/_colors.scss +3 -1
  210. package/styles/constants/_sizes.scss +1 -1
  211. package/styles/constants/_typography.scss +33 -22
  212. package/styles/typography/fonts/LICENSE.txt +202 -0
  213. package/styles/typography/fonts/OpenSans-Italic.woff2 +0 -0
  214. package/styles/typography/fonts/OpenSans-Regular.woff2 +0 -0
  215. package/styles/typography/fonts/OpenSans-SemiBold.woff2 +0 -0
  216. package/styles/typography/fonts/OpenSans-SemiBoldItalic.woff2 +0 -0
  217. package/styles/typography/fonts/PPTelegraf-Light.woff2 +0 -0
  218. package/styles/typography/fonts/PPTelegraf-Medium.woff2 +0 -0
  219. package/styles/typography/fonts/PPTelegraf-RegularSlanted.woff2 +0 -0
  220. package/styles/typography/fonts/PPTelegraf-UltralightSlanted.woff2 +0 -0
  221. package/styles/typography/open-sans.css +35 -0
  222. package/styles/typography/pp-telegraf.css +31 -0
  223. package/lib/Code.d.ts +0 -8
  224. package/lib/Code.js +0 -16
  225. package/lib/Code.js.map +0 -1
  226. package/lib/CodeEditor.d.ts +0 -28
  227. package/lib/CodeEditor.js +0 -180
  228. package/lib/CodeEditor.js.map +0 -1
  229. package/lib/CodeEditor.module.scss +0 -32
  230. package/lib/CodeEditorFormik.d.ts +0 -9
  231. package/lib/CodeEditorFormik.js +0 -14
  232. package/lib/CodeEditorFormik.js.map +0 -1
  233. package/lib/hooks/useTableCustomizableColumns.d.ts +0 -9
  234. package/lib/hooks/useTableCustomizableColumns.js +0 -21
  235. package/lib/hooks/useTableCustomizableColumns.js.map +0 -1
  236. package/styles/fonts.css +0 -26
@@ -1,15 +1,14 @@
1
1
  import { DataTestProp } from '@hazelcast/helpers';
2
2
  import { FC, FocusEvent, InputHTMLAttributes } from 'react';
3
- import { TextFieldSize } from './TextField';
4
- import { HelpProps } from './Help';
5
- declare type NumberFieldCoreProps = {
3
+ import { TextFieldProps, TextFieldSize } from './TextField';
4
+ type NumberFieldCoreProps = {
6
5
  name: string;
7
6
  value?: number;
8
7
  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
9
8
  onChange: (newValue?: number) => void;
10
9
  error?: string;
11
10
  };
12
- export declare type NumberFieldExtraProps = {
11
+ export type NumberFieldExtraProps = Omit<TextFieldProps<'number'>, 'onChange' | 'inputTrailingIcon' | 'inputTrailingIconLabel'> & {
13
12
  incrementIconAriaLabel?: string;
14
13
  decrementIconAriaLabel?: string;
15
14
  step?: number;
@@ -19,9 +18,8 @@ export declare type NumberFieldExtraProps = {
19
18
  numberType?: 'int' | 'float';
20
19
  iconPosition?: 'separate' | 'together';
21
20
  showIconButtons?: boolean;
22
- label: string;
21
+ label?: string;
23
22
  showAriaLabel?: boolean;
24
- helperText?: HelpProps['helperText'];
25
23
  size?: TextFieldSize;
26
24
  className?: string;
27
25
  labelClassName?: string;
@@ -29,6 +27,6 @@ export declare type NumberFieldExtraProps = {
29
27
  inputContainerClassName?: string;
30
28
  errorClassName?: string;
31
29
  } & DataTestProp & Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'disabled' | 'autoComplete' | 'required' | 'placeholder'>;
32
- export declare type NumberFieldProps = NumberFieldCoreProps & NumberFieldExtraProps;
30
+ export type NumberFieldProps = NumberFieldCoreProps & NumberFieldExtraProps;
33
31
  export declare const NumberField: FC<NumberFieldProps>;
34
32
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../src/NumberField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../src/NumberField.tsx"],"names":[],"mappings":"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"}
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
2
2
  import { NumberFieldExtraProps } from './NumberField';
3
3
  import { FieldValidatorGeneric } from './utils/formik';
4
4
  import { ExtractKeysOfValueType } from './utils/types';
5
- export declare type NumberFieldFormikProps<V extends object> = NumberFieldExtraProps & {
5
+ export type NumberFieldFormikProps<V extends object> = NumberFieldExtraProps & {
6
6
  name: ExtractKeysOfValueType<V, number | undefined>;
7
7
  validate?: FieldValidatorGeneric<number | undefined>;
8
8
  onChange?: (value?: number) => void;
package/lib/Overlay.d.ts CHANGED
@@ -3,16 +3,21 @@ import { Props as ReactModalProps } from 'react-modal';
3
3
  import { DataTestProp } from '@hazelcast/helpers';
4
4
  import { ButtonProps, ButtonTypeButtonProps } from './Button';
5
5
  import { IconProps } from './Icon';
6
- export declare type OverlayActionProps = ButtonProps<ButtonTypeButtonProps>;
7
- export declare type OverlayProps = {
6
+ export type OverlayActionProps = ButtonProps<ButtonTypeButtonProps>;
7
+ export type OverlayProps = {
8
8
  children?: ReactNode;
9
9
  closable?: boolean;
10
+ closeText?: string | null;
11
+ className?: string;
10
12
  headerClassName?: string;
13
+ footerClassName?: string;
11
14
  contentClassName?: string;
15
+ wrapperClassName?: string;
12
16
  icon?: IconProps['icon'];
13
17
  onClose?: ReactModalProps['onRequestClose'];
14
18
  contentWidth?: 'fullscreen' | 'normal';
15
19
  title?: string;
16
20
  headingContent?: ReactNode;
21
+ footerContent?: ReactNode;
17
22
  } & DataTestProp & Exclude<ReactModalProps, 'onRequestClose' | 'shouldFocusAfterRender' | 'shouldReturnFocusAfterClose'>;
18
23
  export declare const Overlay: FC<OverlayProps>;
package/lib/Overlay.js CHANGED
@@ -15,7 +15,7 @@ import styles from './Overlay.module.scss';
15
15
  * - Overlay always contains a title, cancel button in the top right corner, and content.
16
16
  * - To close the Overlay, use cancel button in the top right corner or press "Esc" key.
17
17
  */
18
- export const Overlay = ({ 'data-test': dataTest, children, className, headerClassName, contentClassName, icon, onClose, title, headingContent, contentWidth = 'normal', isOpen, closable = true, ...rest }) => {
18
+ export const Overlay = ({ 'data-test': dataTest, children, className, headerClassName, footerClassName, contentClassName, wrapperClassName, icon, onClose, title, headingContent, footerContent, contentWidth = 'normal', isOpen, closable = true, closeText = 'Cancel', ...rest }) => {
19
19
  useIsomorphicLayoutEffect(() => {
20
20
  if (isOpen) {
21
21
  document.body.classList.add(styles.overlayed);
@@ -25,13 +25,13 @@ export const Overlay = ({ 'data-test': dataTest, children, className, headerClas
25
25
  }
26
26
  }, [isOpen]);
27
27
  return (React.createElement(ReactModal, { "data-test": dataTest, portalClassName: styles.portal, className: cn(styles.modal, className), contentLabel: title, onRequestClose: onClose, shouldCloseOnOverlayClick: false, shouldCloseOnEsc: closable, shouldFocusAfterRender: true, shouldReturnFocusAfterClose: true, isOpen: isOpen, ...rest },
28
- React.createElement("div", { "data-test": "overlay-wrapper", className: cn(styles.wrapper, { [styles.normal]: contentWidth === 'normal', [styles.fullscreen]: contentWidth === 'fullscreen' }) },
28
+ React.createElement("div", { "data-test": "overlay-wrapper", className: cn(styles.wrapper, { [styles.normal]: contentWidth === 'normal', [styles.fullscreen]: contentWidth === 'fullscreen' }, wrapperClassName) },
29
29
  React.createElement("div", { "data-test": "overlay-header", className: cn(styles.header, headerClassName) },
30
30
  icon && React.createElement(Icon, { "data-test": "overlay-header-icon", className: styles.icon, size: "medium", icon: icon, ariaHidden: true }),
31
31
  title && (React.createElement("h1", { "data-test": "overlay-header-title", className: styles.title }, title)),
32
32
  headingContent,
33
- closable && (React.createElement(Link, { "data-test": "overlay-header-cancel-button", className: styles.close, component: "button", onClick: onClose, size: "small", iconClassName: styles.closeIcon, icon: X, ariaLabel: "Cancel" },
34
- React.createElement("span", { className: styles.closeText }, "Cancel")))),
35
- React.createElement("div", { "data-test": "overlay-content", className: cn(styles.content, contentClassName) }, children))));
33
+ closable && (React.createElement(Link, { "data-test": "overlay-header-cancel-button", className: styles.close, component: "button", onClick: onClose, size: "small", iconClassName: styles.closeIcon, icon: X, ariaLabel: closeText || 'Cancel' }, !!closeText && React.createElement("span", { className: styles.closeText }, closeText)))),
34
+ React.createElement("div", { "data-test": "overlay-content", className: cn(styles.content, contentClassName) }, children),
35
+ footerContent && (React.createElement("div", { "data-test": "overlay-footer", className: footerClassName }, footerContent)))));
36
36
  };
37
37
  //# sourceMappingURL=Overlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../src/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAwC,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAI/E,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAgB1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,WAAW,EAAE,QAAQ,EACrB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,cAAc,EACd,YAAY,GAAG,QAAQ,EACvB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;SAC9C;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;SACjD;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,UAAU,iBACE,QAAQ,EACnB,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,OAAO,EACvB,yBAAyB,EAAE,KAAK,EAChC,gBAAgB,EAAE,QAAQ,EAC1B,sBAAsB,QACtB,2BAA2B,QAC3B,MAAM,EAAE,MAAM,KACV,IAAI;QAER,0CACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,YAAY,KAAK,QAAQ,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,YAAY,KAAK,YAAY,EAAE,CAAC;YAEjI,0CAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;gBAC1E,IAAI,IAAI,oBAAC,IAAI,iBAAW,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,SAAG;gBAC7G,KAAK,IAAI,CACR,yCAAc,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IACzD,KAAK,CACH,CACN;gBACA,cAAc;gBAEd,QAAQ,IAAI,CACX,oBAAC,IAAI,iBACO,8BAA8B,EACxC,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,MAAM,CAAC,SAAS,EAC/B,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,QAAQ;oBAElB,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS,aAAe,CAC3C,CACR,CACG;YACN,0CAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAC7E,QAAQ,CACL,CACF,CACK,CACd,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../src/Overlay.tsx"],"names":[],"mappings":"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"}
@@ -66,7 +66,7 @@
66
66
  margin-bottom: c.$grid * 9;
67
67
  padding: 0 c.$grid * 21; // close button width
68
68
 
69
- @media only screen and (max-width: 640px) {
69
+ @media only screen and (width <= 640px) {
70
70
  padding: 0 $iconSize;
71
71
 
72
72
  .closeText {
@@ -1,15 +1,15 @@
1
1
  import { FC } from 'react';
2
- export declare type GetShownItemsRangeParams = {
2
+ export type GetShownItemsRangeParams = {
3
3
  currentPage: number;
4
4
  pageSize: number;
5
5
  numberOfItems: number;
6
6
  };
7
- export declare type ShownItemsRange = {
7
+ export type ShownItemsRange = {
8
8
  firstItemShown: number;
9
9
  lastItemShown: number;
10
10
  };
11
11
  export declare const getShownItemsRange: ({ currentPage, pageSize, numberOfItems }: GetShownItemsRangeParams) => ShownItemsRange;
12
- export declare type PaginationProps = {
12
+ export type PaginationProps = {
13
13
  pageCount: number;
14
14
  currentPage: number;
15
15
  canPreviousPage: boolean;
@@ -17,11 +17,12 @@ export declare type PaginationProps = {
17
17
  goToPage: (page: number) => void;
18
18
  nextPage: () => void;
19
19
  previousPage: () => void;
20
- pageSize: number;
21
- setPageSize: (pageSize: number) => void;
22
- pageSizeOptions: number[];
23
20
  numberOfItems: number;
21
+ pageSize: number;
22
+ setPageSize?: (pageSize: number) => void;
23
+ pageSizeOptions?: number[];
24
24
  displaySmallBreakpoint?: number;
25
+ isSimpleView?: boolean;
25
26
  };
26
27
  /**
27
28
  * ### Purpose
package/lib/Pagination.js CHANGED
@@ -40,7 +40,7 @@ export const getShownItemsRange = ({ currentPage, pageSize, numberOfItems }) =>
40
40
  * version of Pagination with all its features. In that case the features
41
41
  * (rows per page select and page jump) are hidden under "More Options" button.
42
42
  */
43
- export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPage, goToPage, nextPage, previousPage, pageSize, setPageSize, pageSizeOptions, numberOfItems, displaySmallBreakpoint = 820, }) => {
43
+ export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPage, goToPage, nextPage, previousPage, pageSize, setPageSize, pageSizeOptions = [], numberOfItems, displaySmallBreakpoint = 820, isSimpleView, }) => {
44
44
  const [currentPageValue, setCurrentPageValue] = useState(currentPage);
45
45
  const containerWidthRef = useRef(null);
46
46
  const { width } = useDimensions(containerWidthRef);
@@ -54,7 +54,7 @@ export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPag
54
54
  }), [currentPage, pageSize, numberOfItems]);
55
55
  const rowsPerPageOptions = useDeepCompareMemo(() => pageSizeOptions.map((opt) => ({ value: opt, label: opt.toString() })), [pageSizeOptions]);
56
56
  const onChangeWrapped = useCallback((pageSize) => {
57
- if (typeof pageSize === 'number') {
57
+ if (typeof pageSize === 'number' && setPageSize) {
58
58
  setPageSize(pageSize);
59
59
  }
60
60
  }, [setPageSize]);
@@ -91,13 +91,13 @@ export const Pagination = ({ pageCount, currentPage, canPreviousPage, canNextPag
91
91
  }, [canNextPage, canPreviousPage, currentPage, goToPage, nextPage, previousPage, pageCount, pages]);
92
92
  const [moreOptions, setMoreOptions] = useState(false);
93
93
  return (React.createElement("div", { ref: containerWidthRef, className: styles.container },
94
- displaySmall && moreOptions ? (React.createElement(React.Fragment, null,
94
+ displaySmall && moreOptions && !isSimpleView ? (React.createElement(React.Fragment, null,
95
95
  PageJumpForm,
96
96
  RowsPerPageSelect)) : (PageButtons),
97
- !displaySmall && (React.createElement("span", { "data-test": "pagination-range-of-shown-items", className: styles.shownItems }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)),
98
- !displaySmall && PageJumpForm,
99
- !displaySmall && RowsPerPageSelect,
100
- displaySmall && (
97
+ !displaySmall && !isSimpleView && (React.createElement("span", { "data-test": "pagination-range-of-shown-items", className: styles.shownItems }, `${firstItemShown} – ${lastItemShown} of ${numberOfItems}`)),
98
+ !displaySmall && !isSimpleView && PageJumpForm,
99
+ !displaySmall && !isSimpleView && RowsPerPageSelect,
100
+ displaySmall && !isSimpleView && (
101
101
  // TODO: button should display an overlay with more options
102
102
  React.createElement(IconButton, { key: "next", kind: "primary", icon: moreOptions ? ArrowLeft : Settings, ariaLabel: moreOptions ? 'Show Pages' : 'More Options', className: styles.iconButton, onClick: () => {
103
103
  setMoreOptions(!moreOptions);
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAc3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAA4B,EAAmB,EAAE;IACxH;;;;;;;;;;OAUG;IACH,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,CAAA;IAEzD,MAAM,cAAc,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAA;IAC5D,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAAG,QAAQ,GAAG,CAAC,CAAA;IAEhF,OAAO;QACL,cAAc;QACd,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AAkBD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,sBAAsB,GAAG,GAAG,EAC5B,YAAY,GACb,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,WAAW,CAAC,CAAA;IACzF,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAClD,iDAAiD;IACjD,MAAM,YAAY,GAAG,KAAK,GAAG,sBAAsB,CAAA;IAEnD,MAAM,KAAK,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAA;IAC5E,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,OAAO,CAC/C,GAAG,EAAE,CACH,kBAAkB,CAAC;QACjB,WAAW;QACX,QAAQ;QACR,aAAa;KACd,CAAC,EACJ,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CACvC,CAAA;IAED,MAAM,kBAAkB,GAAgC,kBAAkB,CACxE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAC3E,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,QAAuB,EAAE,EAAE;QAC1B,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,WAAW,EAAE;YAC/C,WAAW,CAAC,QAAQ,CAAC,CAAA;SACtB;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CACJ,oBAAC,WAAW,IACV,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAC,MAAM,EACZ,cAAc,EAAE,MAAM,CAAC,KAAK,EAC5B,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,OAAO,GACZ,CACH,EACD,CAAC,kBAAkB,EAAE,QAAQ,EAAE,eAAe,CAAC,CAChD,CAAA;IAED,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,CAAC,gBAAgB,IAAI,CAAC,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEhC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY;gBACjC,oBAAC,WAAW,IACV,eAAe,EAAE,KAAK,EACtB,uBAAuB,EAAE,MAAM,CAAC,cAAc,EAC9C,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,aAAa,QACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,GAC7B;gBACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,SAEpE,CACH,CACP,CAAA;SACF;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,kBAAkB,CAAC,GAAG,EAAE;QAC1C,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,OAAO,CACL,0CAAe,oBAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAC1D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACrB,IAAI,IAAI,KAAK,UAAU,EAAE;oBACvB,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IACT,GAAG,EAAC,UAAU,EACd,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,WAAW,EACjB,SAAS,EAAC,eAAe,EACzB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,YAAY,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;iBACT;gBACD,IAAI,IAAI,KAAK,MAAM,EAAE;oBACnB,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,oBAAC,UAAU,IACT,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,YAAY,EAClB,SAAS,EAAC,WAAW,EACrB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,CAAA;iBACT;gBAED,IAAI,IAAI,KAAK,UAAU,EAAE;oBACvB,OAAO,8BAAM,GAAG,EAAE,YAAY,CAAC,EAAE,aAAgB,CAAA;iBAClD;gBAED,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE;wBAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,WAAW;qBACxC,CAAC,EACF,aAAa,EAAE,MAAM,CAAC,IAAI,EAC1B,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAChC,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,IAAI,CAAC,CAAA;oBAChB,CAAC,IAEA,IAAI,CAAC,QAAQ,EAAE,CACT,CACV,CAAA;YACH,CAAC,CAAC,CACE,CACP,CAAA;SACF;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;IAEnG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE9D,OAAO,CACL,6BAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS;QACrD,YAAY,IAAI,WAAW,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC9C;YACG,YAAY;YACZ,iBAAiB,CACjB,CACJ,CAAC,CAAC,CAAC,CACF,WAAW,CACZ;QAEA,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,CACjC,2CACY,iCAAiC,EAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,IAC5B,GAAG,cAAc,MAAM,aAAa,OAAO,aAAa,EAAE,CAAQ,CACrE;QACA,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,YAAY;QAC9C,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,iBAAiB;QAEnD,YAAY,IAAI,CAAC,YAAY,IAAI;QAChC,2DAA2D;QAC3D,oBAAC,UAAU,IACT,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EACtD,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,GAAG,EAAE;gBACZ,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;YAC9B,CAAC,GACD,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -2,14 +2,14 @@ import { DataTestProp } from '@hazelcast/helpers';
2
2
  import { FC, FocusEvent, ChangeEvent, InputHTMLAttributes } from 'react';
3
3
  import { TextFieldSize } from './TextField';
4
4
  import { HelpProps } from './Help';
5
- declare type PasswordFieldCoreProps = {
5
+ type PasswordFieldCoreProps = {
6
6
  name: string;
7
7
  value?: string;
8
8
  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
9
9
  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
10
10
  error?: string;
11
11
  };
12
- export declare type PasswordFieldExtraProps = {
12
+ export type PasswordFieldExtraProps = {
13
13
  showIconLabel?: string;
14
14
  hideIconLabel?: string;
15
15
  label: string;
@@ -22,6 +22,6 @@ export declare type PasswordFieldExtraProps = {
22
22
  withIcon?: boolean;
23
23
  initiallyVisible?: boolean;
24
24
  } & DataTestProp & Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'autoFocus' | 'disabled' | 'autoComplete' | 'required' | 'placeholder'>;
25
- export declare type PasswordFieldProps = PasswordFieldCoreProps & PasswordFieldExtraProps;
25
+ export type PasswordFieldProps = PasswordFieldCoreProps & PasswordFieldExtraProps;
26
26
  export declare const PasswordField: FC<PasswordFieldProps>;
27
27
  export {};
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
2
2
  import { PasswordFieldExtraProps } from './PasswordField';
3
3
  import { FieldValidatorGeneric } from './utils/formik';
4
4
  import { ExtractKeysOfValueType } from './utils/types';
5
- export declare type PasswordFieldFormikProps<V extends object> = PasswordFieldExtraProps & {
5
+ export type PasswordFieldFormikProps<V extends object> = PasswordFieldExtraProps & {
6
6
  name: ExtractKeysOfValueType<V, string | undefined>;
7
7
  validate?: FieldValidatorGeneric<string | undefined>;
8
8
  onChange?: (value: string) => void;
package/lib/Popover.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { Placement } from '@popperjs/core';
3
+ import { PortalContainer } from './utils/portal';
3
4
  import { DataTestProp } from '../../helpers';
4
5
  export interface PopoverProps extends DataTestProp {
5
6
  open: boolean;
@@ -17,5 +18,6 @@ export interface PopoverProps extends DataTestProp {
17
18
  onClose: () => void;
18
19
  matchReferenceSize?: boolean;
19
20
  onUpdateLayout?: () => void;
21
+ container?: PortalContainer;
20
22
  }
21
23
  export declare const Popover: FC<PopoverProps>;
package/lib/Popover.js CHANGED
@@ -3,11 +3,11 @@ import { createPortal } from 'react-dom';
3
3
  import { usePopper } from 'react-popper';
4
4
  import cls from 'classnames';
5
5
  import FocusTrap from 'focus-trap-react';
6
- import { canUseDOM } from './utils/ssr';
6
+ import { getPortalContainer } from './utils/portal';
7
7
  import { useOnClickOutside, useRefValue } from './hooks';
8
8
  import styles from './Popover.module.scss';
9
9
  export const Popover = (props) => {
10
- const { open, children, anchorElement, placement = 'bottom-end', className, offset, arrowElement, onClose, 'data-test': dataTest, matchReferenceSize, onUpdateLayout, } = props;
10
+ const { open, children, anchorElement, placement = 'bottom-end', className, offset, arrowElement, onClose, 'data-test': dataTest, matchReferenceSize, onUpdateLayout, container = `body`, } = props;
11
11
  const getOnUpdate = useRefValue(onUpdateLayout);
12
12
  const [popperElement, setPopperElement] = useState(null);
13
13
  const hasFocusableElements = useMemo(() => {
@@ -22,7 +22,7 @@ export const Popover = (props) => {
22
22
  {
23
23
  name: 'offset',
24
24
  options: {
25
- offset: [(_a = offset === null || offset === void 0 ? void 0 : offset.y) !== null && _a !== void 0 ? _a : 0, (_b = offset === null || offset === void 0 ? void 0 : offset.x) !== null && _b !== void 0 ? _b : 0],
25
+ offset: [(_a = offset === null || offset === void 0 ? void 0 : offset.x) !== null && _a !== void 0 ? _a : 0, (_b = offset === null || offset === void 0 ? void 0 : offset.y) !== null && _b !== void 0 ? _b : 0],
26
26
  },
27
27
  },
28
28
  {
@@ -62,16 +62,22 @@ export const Popover = (props) => {
62
62
  placement,
63
63
  modifiers,
64
64
  });
65
- useOnClickOutside(open, { target: popperElement, excludeElement: anchorElement, handler: onClose });
66
- return (React.createElement(React.Fragment, null, canUseDOM
65
+ const containerEl = getPortalContainer(container, anchorElement);
66
+ useOnClickOutside(open, {
67
+ target: popperElement,
68
+ excludeElement: anchorElement,
69
+ handler: onClose,
70
+ });
71
+ return (React.createElement(React.Fragment, null, containerEl
67
72
  ? createPortal(open && (React.createElement(FocusTrap, { active: hasFocusableElements, focusTrapOptions: {
68
73
  initialFocus: false,
69
74
  setReturnFocus: anchorElement || undefined,
70
75
  escapeDeactivates: true,
71
76
  allowOutsideClick: true,
72
77
  onDeactivate: onClose,
78
+ tabbableOptions: { displayCheck: 'none' },
73
79
  } },
74
- React.createElement("div", { ref: setPopperElement, "data-test": dataTest, className: cls(styles.root, className), style: popper.styles.popper, ...popper.attributes.popper }, children))), document.body)
80
+ React.createElement("div", { ref: setPopperElement, "data-test": dataTest, className: cls(styles.root, className), style: popper.styles.popper, ...popper.attributes.popper }, children))), containerEl)
75
81
  : children));
76
82
  };
77
83
  //# sourceMappingURL=Popover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
package/lib/Radio.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { FC, FocusEvent, ReactElement, ReactNode, ReactText } from 'react';
2
2
  import { DataTestProp } from '@hazelcast/helpers';
3
3
  import { HelpProps } from './Help';
4
- declare type RadioCoreProps = {
4
+ type RadioCoreProps = {
5
5
  value: string;
6
6
  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
7
7
  checked?: boolean;
8
8
  };
9
- export declare type RadioExtraProps = {
9
+ export type RadioExtraProps = {
10
10
  label?: ReactText | ReactElement;
11
11
  helperText?: HelpProps['helperText'];
12
12
  disabled?: boolean;
@@ -14,7 +14,7 @@ export declare type RadioExtraProps = {
14
14
  className?: string;
15
15
  renderCheckmark?: () => ReactNode;
16
16
  };
17
- export declare type RadioProps = RadioCoreProps & RadioExtraProps & DataTestProp;
17
+ export type RadioProps = RadioCoreProps & RadioExtraProps & DataTestProp;
18
18
  /**
19
19
  * ### Purpose
20
20
  * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
@@ -1,6 +1,6 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { RadioExtraProps } from './Radio';
3
- export declare type RadioFormikProps = RadioExtraProps & {
3
+ export type RadioFormikProps = RadioExtraProps & {
4
4
  value: string;
5
5
  };
6
6
  export declare const RadioFieldFormik: ({ value, ...props }: RadioFormikProps) => ReactElement;
@@ -1,18 +1,18 @@
1
1
  import { ChangeEvent, FC, ReactElement } from 'react';
2
2
  import { DataTestProp } from '@hazelcast/helpers';
3
3
  import { RadioProps } from './Radio';
4
- export declare type RadioGroupCoreProps = {
4
+ export type RadioGroupCoreProps = {
5
5
  name: string;
6
6
  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
7
7
  error?: string;
8
8
  };
9
- export declare type RadioGroupExtraProps = {
9
+ export type RadioGroupExtraProps = {
10
10
  children: ReactElement<RadioProps> | Array<ReactElement<RadioProps>>;
11
11
  inline?: boolean;
12
12
  radioGroupClassName?: string;
13
13
  className?: string;
14
14
  } & DataTestProp;
15
- export declare type RadioGroupProps = RadioGroupExtraProps & RadioGroupCoreProps;
15
+ export type RadioGroupProps = RadioGroupExtraProps & RadioGroupCoreProps;
16
16
  /**
17
17
  * ### Purpose
18
18
  * Forms require input from users. If you need information that can be represented as a choice of multiple values, use input with type 'radio'.
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
2
2
  import { RadioGroupExtraProps } from './RadioGroup';
3
3
  import { FieldValidatorGeneric } from './utils/formik';
4
4
  import { ExtractKeysOfValueType } from './utils/types';
5
- export declare type RadioGroupFormikProps<V extends object> = RadioGroupExtraProps & {
5
+ export type RadioGroupFormikProps<V extends object> = RadioGroupExtraProps & {
6
6
  name: ExtractKeysOfValueType<V, string | undefined>;
7
7
  validate?: FieldValidatorGeneric<string | undefined>;
8
8
  onChange?: (value: string) => void;
@@ -1,17 +1,18 @@
1
1
  /// <reference types="react" />
2
- export declare type SegmentedControlOption<V> = {
2
+ import { DataTestProp } from '@hazelcast/helpers';
3
+ export type SegmentedControlOption<V> = {
3
4
  value: V;
4
5
  label: string;
5
6
  };
6
- export declare type SegmentedControlSize = 'medium' | 'small';
7
- export declare type SegmentedControlProps<V> = {
7
+ export type SegmentedControlSize = 'medium' | 'small';
8
+ export type SegmentedControlProps<V> = {
8
9
  value: V;
9
10
  onChange: (value: V) => void;
10
- label: string;
11
+ label?: string;
11
12
  options: SegmentedControlOption<V>[];
12
13
  size?: SegmentedControlSize;
13
14
  className?: string;
14
15
  optionClassName?: string;
15
16
  labelClassName?: string;
16
- };
17
- export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, }: SegmentedControlProps<V>) => JSX.Element;
17
+ } & DataTestProp;
18
+ export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, "data-test": dataTest, }: SegmentedControlProps<V>) => JSX.Element;
@@ -2,8 +2,8 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { RadioGroup } from '@headlessui/react';
4
4
  import styles from './SegmentedControl.module.scss';
5
- export const SegmentedControl = ({ label, value, onChange, options, size = 'medium', className, optionClassName, labelClassName, }) => (React.createElement(RadioGroup, { className: cn(styles.group, { [styles.small]: size === 'small' }, className), value: value, onChange: onChange },
6
- React.createElement(RadioGroup.Label, { className: styles.groupLabel }, label),
7
- options.map((option) => (React.createElement(RadioGroup.Option, { key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
8
- React.createElement(RadioGroup.Label, { className: cn(styles.label, labelClassName) }, option.label))))));
5
+ export const SegmentedControl = ({ label, value, onChange, options, size = 'medium', className, optionClassName, labelClassName, 'data-test': dataTest = 'segmented', }) => (React.createElement(RadioGroup, { "data-test": dataTest, className: cn(styles.group, { [styles.small]: size === 'small' }, className), value: value, onChange: onChange },
6
+ label && (React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-label`, className: styles.groupLabel }, label)),
7
+ options.map((option) => (React.createElement(RadioGroup.Option, { "data-test": `${dataTest}-${option.value}`, key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
8
+ React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-${option.value}-label`, className: cn(styles.label, labelClassName) }, option.label))))));
9
9
  //# sourceMappingURL=SegmentedControl.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAoBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,cAAc,GACW,EAAE,EAAE,CAAC,CAC9B,oBAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ;IACxH,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,IAAG,KAAK,CAAoB;IACzE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,IAChB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;QAE7F,oBAAC,UAAU,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IAAG,MAAM,CAAC,KAAK,CAAoB,CAC9E,CACrB,CAAC,CACS,CACd,CAAA"}
1
+ {"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAqBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,GAAG,WAAW,GACV,EAAE,EAAE,CAAC,CAC9B,oBAAC,UAAU,iBACE,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;IAEjB,KAAK,IAAI,CACR,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,IAC3E,KAAK,CACW,CACpB;IACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,iBACL,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,EACxC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;QAE7F,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,IAAI,MAAM,CAAC,KAAK,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IAC1G,MAAM,CAAC,KAAK,CACI,CACD,CACrB,CAAC,CACS,CACd,CAAA"}
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
2
2
  import { SegmentedControlProps } from './SegmentedControl';
3
3
  import { FieldValidatorGeneric } from './utils/formik';
4
4
  import { ExtractKeysOfValueType } from './utils/types';
5
- export declare type SegmentedControlFormikProps<V extends object, OV> = Omit<SegmentedControlProps<OV>, 'value' | 'onChange'> & {
5
+ export type SegmentedControlFormikProps<V extends object, OV> = Omit<SegmentedControlProps<OV>, 'value' | 'onChange'> & {
6
6
  name: ExtractKeysOfValueType<V, OV | undefined>;
7
7
  validate?: FieldValidatorGeneric<OV | undefined>;
8
8
  };
@@ -1,7 +1,7 @@
1
1
  import { FocusEvent, ReactNode } from 'react';
2
2
  import { SelectFieldOption } from './helpers';
3
3
  import { HelpProps } from '../Help';
4
- export declare type CheckableSelectFieldCoreStaticProps<V> = {
4
+ export type CheckableSelectFieldCoreStaticProps<V> = {
5
5
  name: string;
6
6
  onBlur?: (e: FocusEvent<HTMLElement>) => void;
7
7
  error?: string;
@@ -10,7 +10,7 @@ export declare type CheckableSelectFieldCoreStaticProps<V> = {
10
10
  allSelectedLabel?: string;
11
11
  noneSelectedLabel?: string;
12
12
  };
13
- export declare type CheckableSelectFieldExtraProps<V> = {
13
+ export type CheckableSelectFieldExtraProps<V> = {
14
14
  options: SelectFieldOption<V>[];
15
15
  label: ReactNode;
16
16
  size?: 'small' | 'medium';
@@ -27,7 +27,7 @@ export declare type CheckableSelectFieldExtraProps<V> = {
27
27
  defaultOpen?: boolean;
28
28
  id?: string;
29
29
  };
30
- export declare type CheckableSelectProps<V> = CheckableSelectFieldCoreStaticProps<V> & CheckableSelectFieldExtraProps<V>;
30
+ export type CheckableSelectProps<V> = CheckableSelectFieldCoreStaticProps<V> & CheckableSelectFieldExtraProps<V>;
31
31
  export interface CheckMarkProps {
32
32
  checked: boolean;
33
33
  }
@@ -2,7 +2,7 @@
2
2
  @use '../../styles/helpers' as h;
3
3
 
4
4
  .panel {
5
- z-index: c.$zIndex200;
5
+ z-index: c.$zIndex2000;
6
6
  }
7
7
 
8
8
  .opener {
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
2
2
  import { CheckableSelectFieldExtraProps } from './CheckableSelectField';
3
3
  import { FieldValidatorGeneric } from '../utils/formik';
4
4
  import { ExtractKeysOfValueType } from '../utils/types';
5
- export declare type CheckableSelectFieldFormikProps<V extends object, OV = string> = CheckableSelectFieldExtraProps<OV> & {
5
+ export type CheckableSelectFieldFormikProps<V extends object, OV = string> = CheckableSelectFieldExtraProps<OV> & {
6
6
  name: ExtractKeysOfValueType<V, OV[]>;
7
7
  validate?: FieldValidatorGeneric<OV[]>;
8
8
  onChange?: (value: OV[]) => void;
@@ -1,11 +1,11 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare type RenderMenuFooterFunction = () => ReactNode;
2
+ export type RenderMenuFooterFunction = () => ReactNode;
3
3
  export declare const components: {
4
- DropdownIndicator: React.FunctionComponent<import("react-select").IndicatorProps<any>>;
5
- ClearIndicator: React.FunctionComponent<import("react-select").IndicatorProps<any>>;
4
+ DropdownIndicator: React.FunctionComponent<import("react-select").IndicatorProps<any, boolean>>;
5
+ ClearIndicator: React.FunctionComponent<import("react-select").IndicatorProps<any, boolean>>;
6
6
  Input: React.FunctionComponent<import("react-select").InputProps>;
7
- MenuList: React.FunctionComponent<import("react-select").MenuListComponentProps<any>>;
8
- IndicatorSeparator: React.FunctionComponent<import("react-select").IndicatorProps<any>>;
9
- Option: React.FunctionComponent<import("react-select").OptionProps<any>>;
7
+ MenuList: React.FunctionComponent<import("react-select").MenuListComponentProps<any, boolean>>;
8
+ IndicatorSeparator: React.FunctionComponent<import("react-select").IndicatorProps<any, boolean>>;
9
+ Option: React.FunctionComponent<import("react-select").OptionProps<any, boolean>>;
10
10
  SingleValue: React.FunctionComponent<import("react-select").SingleValueProps<any>>;
11
11
  };
@@ -4,25 +4,25 @@ import { DataTestProp } from '@hazelcast/helpers';
4
4
  import { SelectFieldOption } from './helpers';
5
5
  import { RenderMenuFooterFunction } from './Common';
6
6
  import { FieldHeaderProps } from '../FieldHeader';
7
- export declare type MultiSelectFieldCoreStaticProps<V> = {
7
+ export type MultiSelectFieldCoreStaticProps<V> = {
8
8
  name: string;
9
9
  onBlur?: (e: FocusEvent<HTMLElement>) => void;
10
10
  error?: string;
11
11
  value: V[];
12
12
  onChange: (newValue: V[]) => void;
13
- components?: Partial<SelectComponentsConfig<SelectFieldOption<V>>>;
13
+ components?: Partial<SelectComponentsConfig<SelectFieldOption<V>, true>>;
14
14
  };
15
- export declare type MultiSelectFieldExtraProps<V> = {
15
+ export type MultiSelectFieldExtraProps<V> = {
16
16
  options: GroupedOptionsType<SelectFieldOption<V>> | OptionsType<SelectFieldOption<V>>;
17
17
  isCreatable?: V extends string ? boolean : false;
18
18
  className?: string;
19
19
  placeholder?: string;
20
20
  errorClassName?: string;
21
21
  menuPortalTarget?: 'body' | 'self' | HTMLElement | null;
22
- formatGroupLabel?: ReactSelectProps<SelectFieldOption<V>>['formatGroupLabel'];
23
- formatOptionLabel?: ReactSelectProps<SelectFieldOption<V>>['formatOptionLabel'];
22
+ formatGroupLabel?: ReactSelectProps<SelectFieldOption<V>, true>['formatGroupLabel'];
23
+ formatOptionLabel?: ReactSelectProps<SelectFieldOption<V>, true>['formatOptionLabel'];
24
24
  renderMenuFooter?: RenderMenuFooterFunction;
25
- styles?: ReactSelectProps<SelectFieldOption<V>>['styles'];
25
+ styles?: ReactSelectProps<SelectFieldOption<V>, true>['styles'];
26
26
  } & DataTestProp & Pick<InputHTMLAttributes<HTMLElement>, 'autoFocus' | 'disabled' | 'required' | 'placeholder'> & Pick<ReactSelectProps, 'isSearchable' | 'menuIsOpen' | 'menuPlacement' | 'noOptionsMessage' | 'inputValue' | 'closeMenuOnSelect' | 'hideSelectedOptions' | 'isClearable' | 'onInputChange'> & Omit<FieldHeaderProps, 'id'>;
27
- export declare type MultiSelectProps<V> = MultiSelectFieldCoreStaticProps<V> & MultiSelectFieldExtraProps<V>;
27
+ export type MultiSelectProps<V> = MultiSelectFieldCoreStaticProps<V> & MultiSelectFieldExtraProps<V>;
28
28
  export declare const MultiSelectField: <V extends string | number = number>(props: MultiSelectProps<V>) => React.ReactElement<MultiSelectProps<V>, string | React.JSXElementConstructor<any>>;