@gooddata/sdk-ui-kit 10.32.0-alpha.8 → 10.32.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 (236) hide show
  1. package/esm/@ui/@dev/ComponentTable.d.ts +12 -9
  2. package/esm/@ui/@dev/ComponentTable.d.ts.map +1 -1
  3. package/esm/@ui/@dev/ComponentTable.js +6 -6
  4. package/esm/@ui/@dev/ComponentTable.js.map +1 -1
  5. package/esm/@ui/@types/variant.d.ts +4 -0
  6. package/esm/@ui/@types/variant.d.ts.map +1 -1
  7. package/esm/@ui/@utils/useKeyboardNavigationTarget.d.ts +16 -0
  8. package/esm/@ui/@utils/useKeyboardNavigationTarget.d.ts.map +1 -0
  9. package/esm/@ui/@utils/useKeyboardNavigationTarget.js +34 -0
  10. package/esm/@ui/@utils/useKeyboardNavigationTarget.js.map +1 -0
  11. package/esm/@ui/UiButton/UiButton.d.ts +2 -2
  12. package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
  13. package/esm/@ui/UiButton/UiButton.js.map +1 -1
  14. package/esm/@ui/UiFocusManager/UiAutofocus.d.ts +24 -0
  15. package/esm/@ui/UiFocusManager/UiAutofocus.d.ts.map +1 -0
  16. package/esm/{utils/useAutofocusOnMount.js → @ui/UiFocusManager/UiAutofocus.js} +18 -23
  17. package/esm/@ui/UiFocusManager/UiAutofocus.js.map +1 -0
  18. package/esm/@ui/UiFocusManager/UiFocusManager.d.ts +23 -0
  19. package/esm/@ui/UiFocusManager/UiFocusManager.d.ts.map +1 -0
  20. package/esm/@ui/UiFocusManager/UiFocusManager.js +49 -0
  21. package/esm/@ui/UiFocusManager/UiFocusManager.js.map +1 -0
  22. package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts +13 -0
  23. package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts.map +1 -0
  24. package/esm/@ui/UiFocusManager/UiFocusTrap.js +31 -0
  25. package/esm/@ui/UiFocusManager/UiFocusTrap.js.map +1 -0
  26. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts +19 -0
  27. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts.map +1 -0
  28. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js +34 -0
  29. package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js.map +1 -0
  30. package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts +14 -0
  31. package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts.map +1 -0
  32. package/esm/@ui/UiFocusManager/UiTabOutHandler.js +35 -0
  33. package/esm/@ui/UiFocusManager/UiTabOutHandler.js.map +1 -0
  34. package/esm/@ui/UiFocusManager/types.d.ts +13 -0
  35. package/esm/@ui/UiFocusManager/types.d.ts.map +1 -0
  36. package/esm/@ui/UiFocusManager/types.js +3 -0
  37. package/esm/@ui/UiFocusManager/types.js.map +1 -0
  38. package/esm/@ui/UiFocusManager/utils.d.ts +18 -0
  39. package/esm/@ui/UiFocusManager/utils.d.ts.map +1 -0
  40. package/esm/@ui/UiFocusManager/utils.js +40 -0
  41. package/esm/@ui/UiFocusManager/utils.js.map +1 -0
  42. package/esm/@ui/UiLink/UiLink.d.ts +13 -0
  43. package/esm/@ui/UiLink/UiLink.d.ts.map +1 -0
  44. package/esm/@ui/UiLink/UiLink.js +11 -0
  45. package/esm/@ui/UiLink/UiLink.js.map +1 -0
  46. package/esm/@ui/UiMenu/UiMenu.js +2 -2
  47. package/esm/@ui/UiMenu/UiMenu.js.map +1 -1
  48. package/esm/@ui/UiNavigationBypass/UiNavigationBypass.d.ts +23 -0
  49. package/esm/@ui/UiNavigationBypass/UiNavigationBypass.d.ts.map +1 -0
  50. package/esm/@ui/UiNavigationBypass/UiNavigationBypass.js +86 -0
  51. package/esm/@ui/UiNavigationBypass/UiNavigationBypass.js.map +1 -0
  52. package/esm/@ui/UiTooltip/UiTooltip.d.ts +7 -0
  53. package/esm/@ui/UiTooltip/UiTooltip.d.ts.map +1 -0
  54. package/esm/@ui/UiTooltip/UiTooltip.js +92 -0
  55. package/esm/@ui/UiTooltip/UiTooltip.js.map +1 -0
  56. package/esm/@ui/UiTooltip/constants.d.ts +9 -0
  57. package/esm/@ui/UiTooltip/constants.d.ts.map +1 -0
  58. package/esm/@ui/UiTooltip/constants.js +14 -0
  59. package/esm/@ui/UiTooltip/constants.js.map +1 -0
  60. package/esm/@ui/UiTooltip/types.d.ts +44 -0
  61. package/esm/@ui/UiTooltip/types.d.ts.map +1 -0
  62. package/esm/@ui/UiTooltip/types.js +3 -0
  63. package/esm/@ui/UiTooltip/types.js.map +1 -0
  64. package/esm/@ui/UiTooltip/utils.d.ts +19 -0
  65. package/esm/@ui/UiTooltip/utils.d.ts.map +1 -0
  66. package/esm/@ui/UiTooltip/utils.js +74 -0
  67. package/esm/@ui/UiTooltip/utils.js.map +1 -0
  68. package/esm/Bubble/Bubble.d.ts +2 -0
  69. package/esm/Bubble/Bubble.d.ts.map +1 -1
  70. package/esm/Bubble/Bubble.js +2 -1
  71. package/esm/Bubble/Bubble.js.map +1 -1
  72. package/esm/Bubble/withBubble.js.map +1 -1
  73. package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
  74. package/esm/Dialog/ConfirmDialogBase.js +2 -2
  75. package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
  76. package/esm/Dialog/DialogBase.d.ts.map +1 -1
  77. package/esm/Dialog/DialogBase.js +2 -8
  78. package/esm/Dialog/DialogBase.js.map +1 -1
  79. package/esm/Dialog/ShareDialog/ShareDialog.d.ts.map +1 -1
  80. package/esm/Dialog/ShareDialog/ShareDialog.js +5 -5
  81. package/esm/Dialog/ShareDialog/ShareDialog.js.map +1 -1
  82. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.d.ts.map +1 -1
  83. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js +2 -2
  84. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js.map +1 -1
  85. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.d.ts.map +1 -1
  86. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.js +3 -3
  87. package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.js.map +1 -1
  88. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.d.ts.map +1 -1
  89. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js +3 -3
  90. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js.map +1 -1
  91. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.d.ts.map +1 -1
  92. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.js +3 -3
  93. package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeList.js.map +1 -1
  94. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.d.ts +1 -0
  95. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.d.ts.map +1 -1
  96. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.js +2 -2
  97. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.js.map +1 -1
  98. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.d.ts +1 -0
  99. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.d.ts.map +1 -1
  100. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js +2 -2
  101. package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js.map +1 -1
  102. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.d.ts.map +1 -1
  103. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js +2 -2
  104. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareDialogBase.js.map +1 -1
  105. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.d.ts.map +1 -1
  106. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js +16 -6
  107. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js.map +1 -1
  108. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.d.ts.map +1 -1
  109. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.js +5 -7
  110. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.js.map +1 -1
  111. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.d.ts +7 -0
  112. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.d.ts.map +1 -0
  113. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js +28 -0
  114. package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js.map +1 -0
  115. package/esm/Dialog/ShareDialog/ShareDialogBase/backend/useGetAccessList.d.ts +1 -0
  116. package/esm/Dialog/ShareDialog/ShareDialogBase/backend/useGetAccessList.d.ts.map +1 -1
  117. package/esm/Dialog/ShareDialog/ShareDialogBase/backend/useGetAccessList.js +3 -8
  118. package/esm/Dialog/ShareDialog/ShareDialogBase/backend/useGetAccessList.js.map +1 -1
  119. package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts +31 -2
  120. package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts.map +1 -1
  121. package/esm/Dialog/ShareDialog/ShareDialogBase/types.js.map +1 -1
  122. package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.d.ts.map +1 -1
  123. package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.js +35 -9
  124. package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.js.map +1 -1
  125. package/esm/Dialog/ShareDialog/types.d.ts +8 -2
  126. package/esm/Dialog/ShareDialog/types.d.ts.map +1 -1
  127. package/esm/Dialog/typings.d.ts +1 -0
  128. package/esm/Dialog/typings.d.ts.map +1 -1
  129. package/esm/Dropdown/Dropdown.d.ts +1 -1
  130. package/esm/Dropdown/Dropdown.d.ts.map +1 -1
  131. package/esm/Dropdown/Dropdown.js +10 -7
  132. package/esm/Dropdown/Dropdown.js.map +1 -1
  133. package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts +1 -0
  134. package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts.map +1 -1
  135. package/esm/Dropdown/DropdownButtonKeyboardWrapper.js +7 -3
  136. package/esm/Dropdown/DropdownButtonKeyboardWrapper.js.map +1 -1
  137. package/esm/Form/InputPure.d.ts +5 -0
  138. package/esm/Form/InputPure.d.ts.map +1 -1
  139. package/esm/Form/InputPure.js +9 -2
  140. package/esm/Form/InputPure.js.map +1 -1
  141. package/esm/Header/HeaderAccount.d.ts.map +1 -1
  142. package/esm/Header/HeaderAccount.js +2 -2
  143. package/esm/Header/HeaderAccount.js.map +1 -1
  144. package/esm/Header/HeaderHelp.d.ts.map +1 -1
  145. package/esm/Header/HeaderHelp.js +2 -2
  146. package/esm/Header/HeaderHelp.js.map +1 -1
  147. package/esm/Header/HeaderSearchButton.d.ts.map +1 -1
  148. package/esm/Header/HeaderSearchButton.js +2 -2
  149. package/esm/Header/HeaderSearchButton.js.map +1 -1
  150. package/esm/Icon/Icon.js +2 -2
  151. package/esm/Icon/Icon.js.map +1 -1
  152. package/esm/Icon/icons/ColumnContainer.d.ts +7 -0
  153. package/esm/Icon/icons/ColumnContainer.d.ts.map +1 -0
  154. package/esm/Icon/icons/ColumnContainer.js +19 -0
  155. package/esm/Icon/icons/ColumnContainer.js.map +1 -0
  156. package/esm/Overlay/OverlayContext.d.ts +10 -2
  157. package/esm/Overlay/OverlayContext.d.ts.map +1 -1
  158. package/esm/Overlay/OverlayContext.js +24 -3
  159. package/esm/Overlay/OverlayContext.js.map +1 -1
  160. package/esm/Overlay/index.d.ts +1 -1
  161. package/esm/Overlay/index.d.ts.map +1 -1
  162. package/esm/Overlay/index.js +1 -1
  163. package/esm/Overlay/index.js.map +1 -1
  164. package/esm/RecurrenceForm/RecurrenceForm.d.ts +2 -0
  165. package/esm/RecurrenceForm/RecurrenceForm.d.ts.map +1 -1
  166. package/esm/RecurrenceForm/RecurrenceForm.js +5 -4
  167. package/esm/RecurrenceForm/RecurrenceForm.js.map +1 -1
  168. package/esm/RecurrenceForm/RepeatTypeDescription.js +1 -1
  169. package/esm/RecurrenceForm/RepeatTypeDescription.js.map +1 -1
  170. package/esm/RecurrenceForm/RepeatTypeSelect.js +1 -1
  171. package/esm/RecurrenceForm/RepeatTypeSelect.js.map +1 -1
  172. package/esm/RecurrenceForm/index.d.ts +2 -1
  173. package/esm/RecurrenceForm/index.d.ts.map +1 -1
  174. package/esm/RecurrenceForm/index.js +3 -2
  175. package/esm/RecurrenceForm/index.js.map +1 -1
  176. package/esm/RecurrenceForm/useCronValidation.js +1 -1
  177. package/esm/RecurrenceForm/useCronValidation.js.map +1 -1
  178. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts +14 -0
  179. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts.map +1 -0
  180. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.js +65 -0
  181. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.js.map +1 -0
  182. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.d.ts +2 -0
  183. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.d.ts.map +1 -0
  184. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.js +80 -0
  185. package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.test.js.map +1 -0
  186. package/esm/RecurrenceForm/{utils.d.ts → utils/utils.d.ts} +1 -1
  187. package/esm/RecurrenceForm/utils/utils.d.ts.map +1 -0
  188. package/esm/RecurrenceForm/{utils.js → utils/utils.js} +2 -2
  189. package/esm/RecurrenceForm/utils/utils.js.map +1 -0
  190. package/esm/RecurrenceForm/utils/utils.test.d.ts.map +1 -0
  191. package/esm/RecurrenceForm/{utils.test.js → utils/utils.test.js} +1 -1
  192. package/esm/RecurrenceForm/utils/utils.test.js.map +1 -0
  193. package/esm/index.d.ts +19 -4
  194. package/esm/index.d.ts.map +1 -1
  195. package/esm/index.js +10 -2
  196. package/esm/index.js.map +1 -1
  197. package/esm/sdk-ui-kit.d.ts +271 -68
  198. package/esm/syntaxHighlightingInput/hooks/useCodemirrorOptions.d.ts.map +1 -1
  199. package/esm/syntaxHighlightingInput/hooks/useCodemirrorOptions.js +11 -1
  200. package/esm/syntaxHighlightingInput/hooks/useCodemirrorOptions.js.map +1 -1
  201. package/package.json +19 -16
  202. package/src/@ui/UiButton/UiButton.scss +28 -0
  203. package/src/@ui/UiLink/UiLink.scss +44 -0
  204. package/src/@ui/UiNavigationBypass/UiNavigationBypass.scss +52 -0
  205. package/src/@ui/UiTooltip/UiTooltip.scss +23 -0
  206. package/src/@ui/index.scss +3 -0
  207. package/styles/css/form.css +13 -0
  208. package/styles/css/form.css.map +1 -1
  209. package/styles/css/main.css +155 -20
  210. package/styles/css/main.css.map +1 -1
  211. package/styles/css/overlay.css +0 -4
  212. package/styles/css/overlay.css.map +1 -1
  213. package/styles/css/shareDialog.css +22 -11
  214. package/styles/css/shareDialog.css.map +1 -1
  215. package/styles/css/syntaxHighlightingInput.css +16 -5
  216. package/styles/css/syntaxHighlightingInput.css.map +1 -1
  217. package/styles/scss/form.scss +15 -0
  218. package/styles/scss/overlay.scss +0 -6
  219. package/styles/scss/shareDialog.scss +23 -11
  220. package/styles/scss/syntaxHighlightingInput.scss +12 -2
  221. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts +0 -39
  222. package/esm/@ui/UiFocusTrap/UiFocusTrap.d.ts.map +0 -1
  223. package/esm/@ui/UiFocusTrap/UiFocusTrap.js +0 -134
  224. package/esm/@ui/UiFocusTrap/UiFocusTrap.js.map +0 -1
  225. package/esm/Icon/icons/Container.d.ts +0 -7
  226. package/esm/Icon/icons/Container.d.ts.map +0 -1
  227. package/esm/Icon/icons/Container.js +0 -37
  228. package/esm/Icon/icons/Container.js.map +0 -1
  229. package/esm/RecurrenceForm/utils.d.ts.map +0 -1
  230. package/esm/RecurrenceForm/utils.js.map +0 -1
  231. package/esm/RecurrenceForm/utils.test.d.ts.map +0 -1
  232. package/esm/RecurrenceForm/utils.test.js.map +0 -1
  233. package/esm/utils/useAutofocusOnMount.d.ts +0 -29
  234. package/esm/utils/useAutofocusOnMount.d.ts.map +0 -1
  235. package/esm/utils/useAutofocusOnMount.js.map +0 -1
  236. /package/esm/RecurrenceForm/{utils.test.d.ts → utils/utils.test.d.ts} +0 -0
@@ -14,9 +14,9 @@ export interface IPropCombination<TProps extends object, TProp extends keyof TPr
14
14
  /**
15
15
  * @internal
16
16
  */
17
- export interface IComponentTableProps<TProps extends object, TProp extends keyof TProps> {
18
- columnsBy?: IPropCombination<TProps, TProp> | undefined;
19
- rowsBy: IPropCombination<TProps, TProp>[];
17
+ export interface IComponentTableProps<TProps extends object> {
18
+ columnsBy?: IPropCombination<TProps, keyof TProps> | undefined;
19
+ rowsBy: IPropCombination<TProps, keyof TProps>[];
20
20
  baseProps?: Partial<TProps>;
21
21
  Component: React.ComponentType<TProps>;
22
22
  codeSnippet?: string;
@@ -24,10 +24,11 @@ export interface IComponentTableProps<TProps extends object, TProp extends keyof
24
24
  cellWidth?: number;
25
25
  cellHeight?: number;
26
26
  align?: "center" | "flex-start";
27
+ cellStyle?: (props: TProps) => React.CSSProperties | undefined;
27
28
  }
28
- interface IComponentTableRowProps<TProps extends object, TProp extends keyof TProps> {
29
- columnsBy?: IPropCombination<TProps, TProp> | undefined;
30
- row: IPropCombination<TProps, TProp>;
29
+ interface IComponentTableRowProps<TProps extends object> {
30
+ columnsBy?: IPropCombination<TProps, keyof TProps> | undefined;
31
+ row: IPropCombination<TProps, keyof TProps>;
31
32
  baseProps?: Partial<TProps>;
32
33
  Component: React.ComponentType<TProps>;
33
34
  codeSnippet?: string;
@@ -35,6 +36,7 @@ interface IComponentTableRowProps<TProps extends object, TProp extends keyof TPr
35
36
  cellWidth?: number;
36
37
  cellHeight?: number;
37
38
  align?: "center" | "flex-start";
39
+ cellStyle?: (props: TProps) => React.CSSProperties;
38
40
  }
39
41
  interface IComponentTableCellProps<TProps extends object> {
40
42
  Component: React.ComponentType<TProps>;
@@ -44,18 +46,19 @@ interface IComponentTableCellProps<TProps extends object> {
44
46
  cellHeight?: number;
45
47
  debug?: boolean;
46
48
  align?: "center" | "flex-start";
49
+ cellStyle?: (props: TProps) => React.CSSProperties;
47
50
  }
48
51
  /**
49
52
  * @internal
50
53
  */
51
- export declare function ComponentTable<TProps extends object, TProp extends keyof TProps>({ Component, columnsBy, rowsBy, baseProps, debug, codeSnippet, cellWidth, cellHeight, align, }: IComponentTableProps<TProps, TProp>): React.JSX.Element;
54
+ export declare function ComponentTable<TProps extends object>({ Component, columnsBy, rowsBy, baseProps, debug, codeSnippet, cellWidth, cellHeight, align, cellStyle, }: IComponentTableProps<TProps>): React.JSX.Element;
52
55
  /**
53
56
  * @internal
54
57
  */
55
- export declare function ComponentTableRow<TProps extends object, TProp extends keyof TProps>({ Component, columnsBy, row, baseProps, codeSnippet, debug, cellWidth, cellHeight, align, }: IComponentTableRowProps<TProps, TProp>): React.JSX.Element;
58
+ export declare function ComponentTableRow<TProps extends object>({ Component, columnsBy, row, baseProps, codeSnippet, debug, cellWidth, cellHeight, align, cellStyle, }: IComponentTableRowProps<TProps>): React.JSX.Element;
56
59
  /**
57
60
  * @internal
58
61
  */
59
- export declare function ComponentTableCell<TProps extends object>({ Component, codeSnippet, props, cellWidth, cellHeight, debug, align, }: IComponentTableCellProps<TProps>): React.JSX.Element;
62
+ export declare function ComponentTableCell<TProps extends object>({ Component, codeSnippet, props, cellWidth, cellHeight, debug, align, cellStyle, }: IComponentTableCellProps<TProps>): React.JSX.Element;
60
63
  export {};
61
64
  //# sourceMappingURL=ComponentTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentTable.d.ts","sourceRoot":"","sources":["../../../src/@ui/@dev/ComponentTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ComponentTable.d.ts","sourceRoot":"","sources":["../../../src/@ui/@dev/ComponentTable.tsx"],"names":[],"mappings":"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"}
@@ -21,19 +21,19 @@ const PADDING = 5;
21
21
  /**
22
22
  * @internal
23
23
  */
24
- export function ComponentTable({ Component, columnsBy, rowsBy, baseProps, debug = false, codeSnippet, cellWidth, cellHeight, align = "flex-start", }) {
24
+ export function ComponentTable({ Component, columnsBy, rowsBy, baseProps, debug = false, codeSnippet, cellWidth, cellHeight, align = "flex-start", cellStyle, }) {
25
25
  return (React.createElement("div", { style: {
26
26
  display: "flex",
27
27
  flexDirection: "column",
28
28
  gap: GAP,
29
29
  } }, rowsBy.map((row) => {
30
- return (React.createElement(ComponentTableRow, { key: JSON.stringify(row), row: row, columnsBy: columnsBy, baseProps: baseProps, Component: Component, debug: debug, codeSnippet: codeSnippet, cellWidth: cellWidth, cellHeight: cellHeight, align: align }));
30
+ return (React.createElement(ComponentTableRow, { key: JSON.stringify(row), row: row, columnsBy: columnsBy, baseProps: baseProps, Component: Component, debug: debug, codeSnippet: codeSnippet, cellWidth: cellWidth, cellHeight: cellHeight, align: align, cellStyle: cellStyle }));
31
31
  })));
32
32
  }
33
33
  /**
34
34
  * @internal
35
35
  */
36
- export function ComponentTableRow({ Component, columnsBy, row, baseProps, codeSnippet, debug, cellWidth, cellHeight, align, }) {
36
+ export function ComponentTableRow({ Component, columnsBy, row, baseProps, codeSnippet, debug, cellWidth, cellHeight, align, cellStyle, }) {
37
37
  return (React.createElement("div", { style: {
38
38
  display: "flex",
39
39
  flexDirection: "column",
@@ -59,14 +59,14 @@ export function ComponentTableRow({ Component, columnsBy, row, baseProps, codeSn
59
59
  [row.prop]: rowValue,
60
60
  ...(columnsBy ? { [columnsBy.prop]: columnValue } : {}),
61
61
  };
62
- return (React.createElement(ComponentTableCell, { key: JSON.stringify(props), Component: Component, codeSnippet: codeSnippet, props: props, cellWidth: cellWidth, cellHeight: cellHeight, debug: debug, align: align }));
62
+ return (React.createElement(ComponentTableCell, { key: JSON.stringify(props), Component: Component, codeSnippet: codeSnippet, props: props, cellWidth: cellWidth, cellHeight: cellHeight, debug: debug, align: align, cellStyle: cellStyle }));
63
63
  })));
64
64
  })));
65
65
  }
66
66
  /**
67
67
  * @internal
68
68
  */
69
- export function ComponentTableCell({ Component, codeSnippet, props, cellWidth, cellHeight, debug, align, }) {
69
+ export function ComponentTableCell({ Component, codeSnippet, props, cellWidth, cellHeight, debug, align, cellStyle, }) {
70
70
  return (React.createElement("div", { style: {
71
71
  display: "flex",
72
72
  flexDirection: "column",
@@ -78,7 +78,7 @@ export function ComponentTableCell({ Component, codeSnippet, props, cellWidth, c
78
78
  width: cellWidth,
79
79
  height: cellHeight,
80
80
  } },
81
- React.createElement("div", null,
81
+ React.createElement("div", { style: cellStyle?.(props) },
82
82
  React.createElement(Component, { ...props })),
83
83
  codeSnippet ? (React.createElement("div", { style: {
84
84
  width: "100%",
@@ -1 +1 @@
1
- {"version":3,"file":"ComponentTable.js","sourceRoot":"","sources":["../../../src/@ui/@dev/ComponentTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ComponentTable.js","sourceRoot":"","sources":["../../../src/@ui/@dev/ComponentTable.tsx"],"names":[],"mappings":"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"}
@@ -18,4 +18,8 @@ export type VariantDanger = "danger";
18
18
  * @internal
19
19
  */
20
20
  export type VariantPopOut = "popout";
21
+ /**
22
+ * @internal
23
+ */
24
+ export type VariantTooltip = "tooltip";
21
25
  //# sourceMappingURL=variant.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC"}
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export interface IUseKeyboardNavigationTargetProps {
5
+ navigationId: string;
6
+ label?: string;
7
+ tabIndex?: number;
8
+ onFocus?: () => void;
9
+ }
10
+ /**
11
+ * @internal
12
+ */
13
+ export declare const useKeyboardNavigationTarget: ({ navigationId, label, tabIndex, onFocus, }: IUseKeyboardNavigationTargetProps) => {
14
+ targetRef: (node: HTMLElement | null) => void;
15
+ };
16
+ //# sourceMappingURL=useKeyboardNavigationTarget.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigationTarget.d.ts","sourceRoot":"","sources":["../../../src/@ui/@utils/useKeyboardNavigationTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,gDAKrC,iCAAiC;sBAqBrB,WAAW,GAAG,IAAI;CAYhC,CAAC"}
@@ -0,0 +1,34 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import { useCallback, useRef } from "react";
3
+ /**
4
+ * @internal
5
+ */
6
+ export const useKeyboardNavigationTarget = ({ navigationId, label, tabIndex = 0, onFocus, }) => {
7
+ const elementRef = useRef(null);
8
+ const setAttributes = useCallback(() => {
9
+ const ref = elementRef.current;
10
+ if (ref) {
11
+ ref.id = navigationId;
12
+ ref.tabIndex = tabIndex;
13
+ ref.role = "navigation";
14
+ ref.setAttribute("aria-label", label);
15
+ if (onFocus) {
16
+ ref.addEventListener("focus", onFocus);
17
+ return () => {
18
+ ref.removeEventListener("focus", onFocus);
19
+ };
20
+ }
21
+ }
22
+ return undefined;
23
+ }, [navigationId, onFocus, tabIndex, label]);
24
+ const targetRef = useCallback((node) => {
25
+ elementRef.current = node;
26
+ if (node) {
27
+ setAttributes();
28
+ }
29
+ }, [setAttributes]);
30
+ return {
31
+ targetRef,
32
+ };
33
+ };
34
+ //# sourceMappingURL=useKeyboardNavigationTarget.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigationTarget.js","sourceRoot":"","sources":["../../../src/@ui/@utils/useKeyboardNavigationTarget.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAa5C;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EACxC,YAAY,EACZ,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,OAAO,GACyB,EAAE,EAAE;IACpC,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC;QAE/B,IAAI,GAAG,EAAE,CAAC;YACN,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC;YACtB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxB,GAAG,CAAC,IAAI,GAAG,YAAY,CAAC;YACxB,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YACtC,IAAI,OAAO,EAAE,CAAC;gBACV,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBACvC,OAAO,GAAG,EAAE;oBACR,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;gBAC9C,CAAC,CAAC;YACN,CAAC;QACL,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,IAAwB,EAAE,EAAE;QACzB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,IAAI,IAAI,EAAE,CAAC;YACP,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EACD,CAAC,aAAa,CAAC,CAClB,CAAC;IAEF,OAAO;QACH,SAAS;KACZ,CAAC;AACN,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { IconType } from "../@types/icon.js";
3
3
  import { SizeLarge, SizeMedium, SizeSmall } from "../@types/size.js";
4
- import { VariantDanger, VariantPopOut, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
4
+ import { VariantDanger, VariantPopOut, VariantTooltip, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
5
5
  import { IAccessibilityConfigBase } from "../../typings/accessibility.js";
6
6
  /**
7
7
  * @internal
@@ -15,7 +15,7 @@ export interface IUiButtonAccessibilityConfig extends IAccessibilityConfigBase {
15
15
  export interface UiButtonProps {
16
16
  id?: string;
17
17
  size?: SizeSmall | SizeMedium | SizeLarge;
18
- variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
18
+ variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip;
19
19
  iconBefore?: IconType;
20
20
  iconAfter?: IconType;
21
21
  label: string;
@@ -1 +1 @@
1
- {"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,yFA4DpB,CAAC"}
1
+ {"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,cAAc,CAAC;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,yFA4DpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6B7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;IAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC;IACnC,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,CAAC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEnG,OAAO,CACH,gCACI,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EACvE,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,gBACP,mBAAmB,EAAE,SAAS,qBACzB,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,eAAe,mBACvC,mBAAmB,EAAE,YAAY,EAChD,IAAI,EAAE,mBAAmB,EAAE,IAAI;QAE9B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
1
+ {"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;IAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC;IACnC,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,CAAC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEnG,OAAO,CACH,gCACI,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EACvE,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,gBACP,mBAAmB,EAAE,SAAS,qBACzB,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,eAAe,mBACvC,mBAAmB,EAAE,YAAY,EAChD,IAAI,EAAE,mBAAmB,EAAE,IAAI;QAE9B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export interface IUiAutofocusOptions {
7
+ refocusKey?: unknown;
8
+ initialFocus?: string | React.RefObject<HTMLElement>;
9
+ }
10
+ /**
11
+ * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
12
+ *
13
+ * @internal
14
+ */
15
+ export declare const useUiAutofocusConnectors: <T extends HTMLElement = HTMLElement>({ refocusKey, initialFocus, }?: IUiAutofocusOptions) => IUiFocusHelperConnectors<T>;
16
+ /**
17
+ * Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
18
+ *
19
+ * @internal
20
+ */
21
+ export declare const UiAutofocus: React.FC<{
22
+ children: React.ReactNode;
23
+ } & IUiAutofocusOptions>;
24
+ //# sourceMappingURL=UiAutofocus.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAutofocus.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACxD;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,wEAGlC,mBAAmB,gCAsCrB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,mBAAmB,CAS1B,CAAC"}
@@ -1,35 +1,25 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React from "react";
3
- import { getFocusableElements, isElementFocusable, isElementTextInput } from "./domUtilities.js";
3
+ import { getFocusableElements, isElementFocusable, isElementTextInput } from "../../utils/domUtilities.js";
4
+ import { resolveRef } from "./utils.js";
4
5
  /**
5
6
  * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
6
7
  *
7
8
  * @internal
8
9
  */
9
- export const useAutofocusOnMountRef = ({ isDisabled, refocusKey } = {}) => {
10
+ export const useUiAutofocusConnectors = ({ refocusKey, initialFocus, } = {}) => {
10
11
  const [element, setElement] = React.useState(null);
11
- useAutofocusOnMount(element, { isDisabled, refocusKey });
12
- return React.useCallback((node) => {
13
- setElement(node);
14
- }, []);
15
- };
16
- /**
17
- * Focuses the element on mount or when `refocusKey` changes.
18
- *
19
- * @internal
20
- */
21
- export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) => {
22
12
  // If the element is outside of the viewport, calling focus() will not work.
23
13
  // This can happen for example with floating elements, that are repositioned after they mount
24
14
  React.useEffect(() => {
25
- const elementToFocus = getElementToFocus(element);
26
- if (isDisabled || !elementToFocus) {
15
+ const elementToFocus = getElementToFocus(element, initialFocus);
16
+ if (!elementToFocus) {
27
17
  return undefined;
28
18
  }
29
19
  const observer = new IntersectionObserver(([{ target }]) => {
30
20
  // Focusing a newly created element sometimes fails if not done through requestAnimationFrame()
31
21
  window.requestAnimationFrame(() => {
32
- if (element.contains(document.activeElement) ||
22
+ if (element?.contains(document.activeElement) ||
33
23
  target.contains(document.activeElement) ||
34
24
  isElementTextInput(document.activeElement)) {
35
25
  observer.disconnect();
@@ -43,18 +33,23 @@ export const useAutofocusOnMount = (element, { isDisabled, refocusKey } = {}) =>
43
33
  });
44
34
  observer.observe(elementToFocus);
45
35
  return () => observer.disconnect();
46
- }, [refocusKey, isDisabled, element]);
36
+ }, [refocusKey, element, initialFocus]);
37
+ return React.useMemo(() => ({ ref: setElement }), []);
47
38
  };
48
- function getElementToFocus(element) {
49
- return isElementFocusable(element) ? element : getFocusableElements(element).firstElement;
39
+ function getElementToFocus(element, initialFocus) {
40
+ const initialFocusElement = resolveRef(initialFocus);
41
+ const elementToCheck = initialFocusElement ?? element;
42
+ return isElementFocusable(elementToCheck)
43
+ ? elementToCheck
44
+ : getFocusableElements(elementToCheck).firstElement;
50
45
  }
51
46
  /**
52
47
  * Wrapper that focuses the first focusable child when it mounts, or when `refocusKey` changes.
53
48
  *
54
49
  * @internal
55
50
  */
56
- export const AutofocusOnMount = ({ isDisabled, refocusKey, children }) => {
57
- const ref = useAutofocusOnMountRef({ isDisabled, refocusKey });
58
- return (React.createElement("div", { ref: ref, style: { display: "contents" } }, children));
51
+ export const UiAutofocus = ({ children, ...options }) => {
52
+ const connectors = useUiAutofocusConnectors(options);
53
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
59
54
  };
60
- //# sourceMappingURL=useAutofocusOnMount.js.map
55
+ //# sourceMappingURL=UiAutofocus.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAutofocus.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiAutofocus.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3G,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWxC;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAsC,EAC1E,UAAU,EACV,YAAY,MACS,EAAE,EAA+B,EAAE;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,4EAA4E;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,iBAAiB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAEhE,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;YACvD,+FAA+F;YAC/F,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC9B,IACI,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACzC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACvC,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC5C,CAAC;oBACC,QAAQ,CAAC,UAAU,EAAE,CAAC;oBACtB,OAAO;gBACX,CAAC;gBAEA,MAAsB,CAAC,KAAK,EAAE,CAAC;gBAEhC,IAAI,QAAQ,CAAC,aAAa,KAAK,MAAM,EAAE,CAAC;oBACpC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC1B,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,SAAS,iBAAiB,CACtB,OAAuC,EACvC,YAAoD;IAEpD,MAAM,mBAAmB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,cAAc,GAAG,mBAAmB,IAAI,OAAO,CAAC;IAEtD,OAAO,kBAAkB,CAAC,cAAc,CAAC;QACrC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAIpB,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,wBAAwB,CAAiB,OAAO,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { IUiAutofocusOptions } from "./UiAutofocus.js";
3
+ import { IUiReturnFocusOnUnmountOptions } from "./UiReturnFocusOnUnmount.js";
4
+ import { IUiFocusHelperConnectors } from "./types.js";
5
+ /**
6
+ * @internal
7
+ */
8
+ export type IUiFocusManagerProps = {
9
+ enableAutofocus?: boolean | IUiAutofocusOptions;
10
+ enableFocusTrap?: boolean;
11
+ enableReturnFocusOnUnmount?: boolean | IUiReturnFocusOnUnmountOptions;
12
+ tabOutHandler?: (event: React.KeyboardEvent) => void;
13
+ children: React.ReactNode;
14
+ };
15
+ /**
16
+ * @internal
17
+ */
18
+ export declare const UiFocusManager: React.FC<IUiFocusManagerProps>;
19
+ /**
20
+ * @internal
21
+ */
22
+ export declare const useUiFocusManagerConnectors: <T extends HTMLElement = HTMLElement>({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }: Omit<IUiFocusManagerProps, "children">) => IUiFocusHelperConnectors<T>;
23
+ //# sourceMappingURL=UiFocusManager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusManager.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAA4B,MAAM,kBAAkB,CAAC;AAIjF,OAAO,EACH,8BAA8B,EAEjC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,GAAG,8BAA8B,CAAC;IACtE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,0HAKrC,KAAK,oBAAoB,EAAE,UAAU,CAAC,gCA8CxC,CAAC"}
@@ -0,0 +1,49 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { useUiAutofocusConnectors } from "./UiAutofocus.js";
4
+ import { useAutoupdateRef, useCombineRefs } from "@gooddata/sdk-ui";
5
+ import { useUiFocusTrapConnectors } from "./UiFocusTrap.js";
6
+ import { useUiTabOutHandlerConnectors } from "./UiTabOutHandler.js";
7
+ import { useUiReturnFocusOnUnmountConnectors, } from "./UiReturnFocusOnUnmount.js";
8
+ /**
9
+ * @internal
10
+ */
11
+ export const UiFocusManager = ({ children, ...args }) => {
12
+ const connectors = useUiFocusManagerConnectors(args);
13
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
14
+ };
15
+ /**
16
+ * @internal
17
+ */
18
+ export const useUiFocusManagerConnectors = ({ enableFocusTrap, enableAutofocus, enableReturnFocusOnUnmount, tabOutHandler, }) => {
19
+ const autofocusOptions = typeof enableAutofocus === "object" ? enableAutofocus : {};
20
+ const returnFocusOnUnmountOptions = typeof enableReturnFocusOnUnmount === "object" ? enableReturnFocusOnUnmount : {};
21
+ const focusTrapConnectors = useUiFocusTrapConnectors();
22
+ const tabOutConnectors = useUiTabOutHandlerConnectors(tabOutHandler);
23
+ const autofocusConnectors = useUiAutofocusConnectors(autofocusOptions);
24
+ const returnFocusConnectors = useUiReturnFocusOnUnmountConnectors(returnFocusOnUnmountOptions);
25
+ const enabledConnectors = React.useMemo(() => [
26
+ !!tabOutHandler && tabOutConnectors,
27
+ !!enableReturnFocusOnUnmount && returnFocusConnectors,
28
+ !!enableAutofocus && autofocusConnectors,
29
+ !!enableFocusTrap && focusTrapConnectors,
30
+ ].filter(Boolean), [
31
+ autofocusConnectors,
32
+ enableAutofocus,
33
+ enableFocusTrap,
34
+ enableReturnFocusOnUnmount,
35
+ focusTrapConnectors,
36
+ returnFocusConnectors,
37
+ tabOutConnectors,
38
+ tabOutHandler,
39
+ ]);
40
+ const enabledConnectorsRef = useAutoupdateRef(enabledConnectors);
41
+ const combinedRefs = useCombineRefs(...enabledConnectors.map((connector) => connector.ref));
42
+ const combinedKeyDown = React.useCallback((event) => {
43
+ enabledConnectorsRef.current.forEach((connector) => {
44
+ connector.onKeyDown?.(event);
45
+ });
46
+ }, [enabledConnectorsRef]);
47
+ return React.useMemo(() => ({ ref: combinedRefs, onKeyDown: combinedKeyDown }), [combinedKeyDown, combinedRefs]);
48
+ };
49
+ //# sourceMappingURL=UiFocusManager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusManager.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusManager.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAEH,mCAAmC,GACtC,MAAM,6BAA6B,CAAC;AAcrC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,2BAA2B,CAAiB,IAAI,CAAC,CAAC;IAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAsC,EAC7E,eAAe,EACf,eAAe,EACf,0BAA0B,EAC1B,aAAa,GACwB,EAA+B,EAAE;IACtE,MAAM,gBAAgB,GAAG,OAAO,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpF,MAAM,2BAA2B,GAC7B,OAAO,0BAA0B,KAAK,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC;IAErF,MAAM,mBAAmB,GAAG,wBAAwB,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IACvE,MAAM,qBAAqB,GAAG,mCAAmC,CAAC,2BAA2B,CAAC,CAAC;IAE/F,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACnC,GAAG,EAAE,CACD;QACI,CAAC,CAAC,aAAa,IAAI,gBAAgB;QACnC,CAAC,CAAC,0BAA0B,IAAI,qBAAqB;QACrD,CAAC,CAAC,eAAe,IAAI,mBAAmB;QACxC,CAAC,CAAC,eAAe,IAAI,mBAAmB;KAC3C,CAAC,MAAM,CAAC,OAAO,CAAkC,EACtD;QACI,mBAAmB;QACnB,eAAe;QACf,eAAe;QACf,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;QACrB,gBAAgB;QAChB,aAAa;KAChB,CACJ,CAAC;IACF,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5F,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAK,EAAE,EAAE;QACN,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YAC/C,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC,EACD,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAChB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,EACzD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const useUiFocusTrapConnectors: <T extends HTMLElement = HTMLElement>() => IUiFocusHelperConnectors<T>;
7
+ /**
8
+ * @internal
9
+ */
10
+ export declare const UiFocusTrap: React.FC<{
11
+ children: React.ReactNode;
12
+ }>;
13
+ //# sourceMappingURL=UiFocusTrap.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusTrap.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,wBAAwB,wEAkCpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAQ/D,CAAC"}
@@ -0,0 +1,31 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import * as React from "react";
3
+ import { getFocusableElements } from "../../utils/domUtilities.js";
4
+ import { makeKeyboardNavigation } from "../@utils/keyboardNavigation.js";
5
+ import { focusAndEnsureReachableElement, getNextFocusableElement } from "./utils.js";
6
+ /**
7
+ * @internal
8
+ */
9
+ export const useUiFocusTrapConnectors = () => {
10
+ const [element, setElement] = React.useState(null);
11
+ const handleMoveFocus = React.useCallback((direction) => () => {
12
+ const { focusableElements } = getFocusableElements(element);
13
+ focusAndEnsureReachableElement(getNextFocusableElement(document.activeElement, focusableElements, direction), focusableElements, direction);
14
+ }, [element]);
15
+ const handleKeyDown = React.useMemo(() => makeKeyboardNavigation({
16
+ onFocusNext: [{ code: "Tab", modifiers: ["!Shift"] }],
17
+ onFocusPrevious: [{ code: "Tab", modifiers: ["Shift"] }],
18
+ })({
19
+ onFocusNext: handleMoveFocus("forward"),
20
+ onFocusPrevious: handleMoveFocus("backward"),
21
+ }, { shouldPreventDefault: true, shouldStopPropagation: true }), [handleMoveFocus]);
22
+ return React.useMemo(() => ({ ref: setElement, onKeyDown: handleKeyDown }), [handleKeyDown]);
23
+ };
24
+ /**
25
+ * @internal
26
+ */
27
+ export const UiFocusTrap = ({ children }) => {
28
+ const connectors = useUiFocusTrapConnectors();
29
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
30
+ };
31
+ //# sourceMappingURL=UiFocusTrap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiFocusTrap.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiFocusTrap.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAGrF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAEP,EAAE;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEvE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,SAA8B,EAAE,EAAE,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAE5D,8BAA8B,CAC1B,uBAAuB,CAAC,QAAQ,CAAC,aAA4B,EAAE,iBAAiB,EAAE,SAAS,CAAC,EAC5F,iBAAiB,EACjB,SAAS,CACZ,CAAC;IACN,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CACD,sBAAsB,CAAC;QACnB,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3D,CAAC,CACE;QACI,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;QACvC,eAAe,EAAE,eAAe,CAAC,UAAU,CAAC;KAC/C,EACD,EAAE,oBAAoB,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAC9D,EACL,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,UAAU,GAAG,wBAAwB,EAAkB,CAAC;IAE9D,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export interface IUiReturnFocusOnUnmountOptions {
7
+ returnFocusTo?: string | React.RefObject<HTMLElement>;
8
+ }
9
+ /**
10
+ * @internal
11
+ */
12
+ export declare const UiReturnFocusOnUnmount: React.FC<IUiReturnFocusOnUnmountOptions & {
13
+ children: React.ReactNode;
14
+ }>;
15
+ /**
16
+ * @internal
17
+ */
18
+ export declare const useUiReturnFocusOnUnmountConnectors: <T extends HTMLElement = HTMLElement>({ returnFocusTo, }?: IUiReturnFocusOnUnmountOptions) => IUiFocusHelperConnectors<T>;
19
+ //# sourceMappingURL=UiReturnFocusOnUnmount.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiReturnFocusOnUnmount.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CACzC,8BAA8B,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CASjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mCAAmC,6DAE7C,8BAA8B,gCAyBhC,CAAC"}
@@ -0,0 +1,34 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { resolveRef } from "./utils.js";
4
+ /**
5
+ * @internal
6
+ */
7
+ export const UiReturnFocusOnUnmount = ({ children, ...options }) => {
8
+ const connectors = useUiReturnFocusOnUnmountConnectors(options);
9
+ return (React.createElement("div", { style: { display: "contents" }, ...connectors }, children));
10
+ };
11
+ /**
12
+ * @internal
13
+ */
14
+ export const useUiReturnFocusOnUnmountConnectors = ({ returnFocusTo, } = {}) => {
15
+ const returnFocusRef = React.useRef(null);
16
+ React.useEffect(() => {
17
+ returnFocusRef.current = resolveRef(returnFocusTo) ?? document.activeElement;
18
+ }, [returnFocusTo]);
19
+ const hasMountedRef = React.useRef(false);
20
+ const ref = React.useCallback((element) => {
21
+ if (element) {
22
+ hasMountedRef.current = true;
23
+ return;
24
+ }
25
+ const elementToFocus = resolveRef(returnFocusRef);
26
+ if (!hasMountedRef.current || !elementToFocus) {
27
+ return;
28
+ }
29
+ elementToFocus.focus();
30
+ hasMountedRef.current = false;
31
+ }, []);
32
+ return React.useMemo(() => ({ ref }), [ref]);
33
+ };
34
+ //# sourceMappingURL=UiReturnFocusOnUnmount.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiReturnFocusOnUnmount.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAUxC;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,mCAAmC,CAAiB,OAAO,CAAC,CAAC;IAEhF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAsC,EACrF,aAAa,MACmB,EAAE,EAA+B,EAAE;IACnE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,IAAK,QAAQ,CAAC,aAA6B,CAAC;IAClG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QAC1D,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QAElD,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { IUiFocusHelperConnectors } from "./types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const UiTabOutHandler: React.FC<{
7
+ onTabOut: () => void;
8
+ children: React.ReactNode;
9
+ }>;
10
+ /**
11
+ * @internal
12
+ */
13
+ export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTMLElement>(handler?: (event: React.KeyboardEvent) => void) => IUiFocusHelperConnectors<T>;
14
+ //# sourceMappingURL=UiTabOutHandler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiTabOutHandler.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiTabOutHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wBAAwB,EAAuB,MAAM,YAAY,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAWzF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,0DACnB,mBAAmB,KAAK,IAAI,gCAoCjD,CAAC"}