@databricks/appkit 0.43.0 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CLAUDE.md +0 -1
  2. package/NOTICE.md +1 -0
  3. package/dist/appkit/package.js +1 -1
  4. package/dist/cli/commands/generate-types.js +5 -0
  5. package/dist/cli/commands/generate-types.js.map +1 -1
  6. package/dist/index.js +0 -1
  7. package/dist/plugins/analytics/query.js +0 -1
  8. package/dist/plugins/analytics/query.js.map +1 -1
  9. package/dist/type-generator/cache.js +1 -6
  10. package/dist/type-generator/cache.js.map +1 -1
  11. package/dist/type-generator/index.js +162 -146
  12. package/dist/type-generator/index.js.map +1 -1
  13. package/dist/type-generator/mv-registry/config.js +5 -5
  14. package/dist/type-generator/mv-registry/config.js.map +1 -1
  15. package/dist/type-generator/mv-registry/render-types.js.map +1 -1
  16. package/dist/type-generator/vite-plugin.d.ts +0 -7
  17. package/dist/type-generator/vite-plugin.d.ts.map +1 -1
  18. package/dist/type-generator/vite-plugin.js +1 -4
  19. package/dist/type-generator/vite-plugin.js.map +1 -1
  20. package/docs/api/appkit-ui/ui/ContextMenu.md +2 -2
  21. package/docs/api/appkit-ui/ui/Drawer.md +0 -56
  22. package/docs/api/appkit-ui/ui/DropdownMenu.md +3 -3
  23. package/docs/api/appkit-ui/ui/HoverCard.md +2 -2
  24. package/docs/api/appkit-ui/ui/Menubar.md +3 -3
  25. package/docs/api/appkit-ui/ui/Popover.md +2 -2
  26. package/docs/api/appkit-ui/ui/Select.md +2 -2
  27. package/docs/api/appkit-ui/ui/Tooltip.md +2 -2
  28. package/docs/development/type-generation.md +28 -2
  29. package/llms.txt +0 -1
  30. package/package.json +3 -2
  31. package/sbom.cdx.json +1 -1
  32. package/dist/shared/src/index.js +0 -4
  33. package/dist/shared/src/sql/index.js +0 -3
  34. package/dist/type-generator/mv-registry/metadata.js +0 -40
  35. package/dist/type-generator/mv-registry/metadata.js.map +0 -1
  36. package/docs/api/appkit-ui/ui/ChartContainer.md +0 -343
package/docs/api/appkit-ui/ui/ChartContainer.md DELETED
@@ -1,343 +0,0 @@
1
- # ChartContainer
2
-
3
- Container for rendering data visualizations using Recharts
4
-
5
- ## ChartContainer[​](#chartcontainer-1 "Direct link to ChartContainer")
6
-
7
- Container for rendering data visualizations using Recharts
8
-
9
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
10
-
11
- ### Props[​](#props "Direct link to Props")
12
-
13
- | Prop | Type | Required | Default | Description |
14
- | -------- | ------------- | -------- | ------- | ----------- |
15
- | `config` | `ChartConfig` | ✓ | - | - |
16
-
17
- ### Usage[​](#usage "Direct link to Usage")
18
-
19
- ```tsx
20
- import { ChartContainer } from '@databricks/appkit-ui';
21
-
22
- <ChartContainer /* props */ />
23
-
24
- ```
25
-
26
- ## ChartLegend[​](#chartlegend "Direct link to ChartLegend")
27
-
28
- A wrapper component for Recharts Legend with proper typing and documentation support. It is needed to ensure the correct name is displayed in the docs.
29
-
30
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
31
-
32
- ### Props[​](#props-1 "Direct link to Props")
33
-
34
- | Prop | Type | Required | Default | Description |
35
- | ----------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | ------- | ----------- |
36
- | `content` | `ContentType` | | - | - |
37
- | `dangerouslySetInnerHTML` | `{ __html: string; }` | | - | - |
38
- | `onCopy` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
39
- | `onCopyCapture` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
40
- | `onCut` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
41
- | `onCutCapture` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
42
- | `onPaste` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
43
- | `onPasteCapture` | `AdaptChildClipboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
44
- | `onCompositionEnd` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
45
- | `onCompositionEndCapture` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
46
- | `onCompositionStart` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
47
- | `onCompositionStartCapture` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
48
- | `onCompositionUpdate` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
49
- | `onCompositionUpdateCapture` | `AdaptChildCompositionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
50
- | `onFocus` | `AdaptChildFocusEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
51
- | `onFocusCapture` | `AdaptChildFocusEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
52
- | `onBlur` | `AdaptChildFocusEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
53
- | `onBlurCapture` | `AdaptChildFocusEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
54
- | `onChange` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
55
- | `onChangeCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
56
- | `onBeforeInput` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
57
- | `onBeforeInputCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
58
- | `onInput` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
59
- | `onInputCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
60
- | `onReset` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
61
- | `onResetCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
62
- | `onSubmit` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
63
- | `onSubmitCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
64
- | `onInvalid` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
65
- | `onInvalidCapture` | `AdaptChildFormEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
66
- | `onLoad` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
67
- | `onLoadCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
68
- | `onError` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
69
- | `onErrorCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
70
- | `onKeyDown` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
71
- | `onKeyDownCapture` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
72
- | `onKeyPress` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
73
- | `onKeyPressCapture` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
74
- | `onKeyUp` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
75
- | `onKeyUpCapture` | `AdaptChildKeyboardEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
76
- | `onAbort` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
77
- | `onAbortCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
78
- | `onCanPlay` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
79
- | `onCanPlayCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
80
- | `onCanPlayThrough` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
81
- | `onCanPlayThroughCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
82
- | `onDurationChange` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
83
- | `onDurationChangeCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
84
- | `onEmptied` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
85
- | `onEmptiedCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
86
- | `onEncrypted` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
87
- | `onEncryptedCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
88
- | `onEnded` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
89
- | `onEndedCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
90
- | `onLoadedData` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
91
- | `onLoadedDataCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
92
- | `onLoadedMetadata` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
93
- | `onLoadedMetadataCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
94
- | `onLoadStart` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
95
- | `onLoadStartCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
96
- | `onPause` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
97
- | `onPauseCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
98
- | `onPlay` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
99
- | `onPlayCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
100
- | `onPlaying` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
101
- | `onPlayingCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
102
- | `onProgress` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
103
- | `onProgressCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
104
- | `onRateChange` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
105
- | `onRateChangeCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
106
- | `onSeeked` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
107
- | `onSeekedCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
108
- | `onSeeking` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
109
- | `onSeekingCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
110
- | `onStalled` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
111
- | `onStalledCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
112
- | `onSuspend` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
113
- | `onSuspendCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
114
- | `onTimeUpdate` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
115
- | `onTimeUpdateCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
116
- | `onVolumeChange` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
117
- | `onVolumeChangeCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
118
- | `onWaiting` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
119
- | `onWaitingCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
120
- | `onAuxClick` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
121
- | `onAuxClickCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
122
- | `onClick` | `((data: Payload, index: number, event: MouseEvent<Element, MouseEvent>) => void)` | | - | - |
123
- | `onClickCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
124
- | `onContextMenu` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
125
- | `onContextMenuCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
126
- | `onDoubleClick` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
127
- | `onDoubleClickCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
128
- | `onDrag` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
129
- | `onDragCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
130
- | `onDragEnd` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
131
- | `onDragEndCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
132
- | `onDragEnter` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
133
- | `onDragEnterCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
134
- | `onDragExit` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
135
- | `onDragExitCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
136
- | `onDragLeave` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
137
- | `onDragLeaveCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
138
- | `onDragOver` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
139
- | `onDragOverCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
140
- | `onDragStart` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
141
- | `onDragStartCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
142
- | `onDrop` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
143
- | `onDropCapture` | `AdaptChildDragEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
144
- | `onMouseDown` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
145
- | `onMouseDownCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
146
- | `onMouseEnter` | `((data: Payload, index: number, event: MouseEvent<Element, MouseEvent>) => void)` | | - | - |
147
- | `onMouseLeave` | `((data: Payload, index: number, event: MouseEvent<Element, MouseEvent>) => void)` | | - | - |
148
- | `onMouseMove` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
149
- | `onMouseMoveCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
150
- | `onMouseOut` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
151
- | `onMouseOutCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
152
- | `onMouseOver` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
153
- | `onMouseOverCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
154
- | `onMouseUp` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
155
- | `onMouseUpCapture` | `AdaptChildMouseEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
156
- | `onSelect` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
157
- | `onSelectCapture` | `AdaptChildReactEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
158
- | `onTouchCancel` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
159
- | `onTouchCancelCapture` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
160
- | `onTouchEnd` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
161
- | `onTouchEndCapture` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
162
- | `onTouchMove` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
163
- | `onTouchMoveCapture` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
164
- | `onTouchStart` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
165
- | `onTouchStartCapture` | `AdaptChildTouchEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
166
- | `onPointerDown` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
167
- | `onPointerDownCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
168
- | `onPointerMove` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
169
- | `onPointerMoveCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
170
- | `onPointerUp` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
171
- | `onPointerUpCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
172
- | `onPointerCancel` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
173
- | `onPointerCancelCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
174
- | `onPointerEnter` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
175
- | `onPointerLeave` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
176
- | `onPointerOver` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
177
- | `onPointerOverCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
178
- | `onPointerOut` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
179
- | `onPointerOutCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
180
- | `onGotPointerCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
181
- | `onGotPointerCaptureCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
182
- | `onLostPointerCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
183
- | `onLostPointerCaptureCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
184
- | `onScroll` | `AdaptChildUIEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
185
- | `onScrollCapture` | `AdaptChildUIEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
186
- | `onWheel` | `AdaptChildWheelEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
187
- | `onWheelCapture` | `AdaptChildWheelEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
188
- | `onAnimationStart` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
189
- | `onAnimationStartCapture` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
190
- | `onAnimationEnd` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
191
- | `onAnimationEndCapture` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
192
- | `onAnimationIteration` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
193
- | `onAnimationIterationCapture` | `AdaptChildAnimationEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
194
- | `onTransitionEnd` | `AdaptChildTransitionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
195
- | `onTransitionEndCapture` | `AdaptChildTransitionEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
196
- | `formatter` | `Formatter` | | - | - |
197
- | `payload` | `Payload[]` | | - | - |
198
- | `payloadUniqBy` | `UniqueOption<Payload>` | | - | - |
199
- | `wrapperStyle` | `CSSProperties` | | - | - |
200
- | `onPointerEnterCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
201
- | `onPointerLeaveCapture` | `AdaptChildPointerEventHandler<any, ReactElement<unknown, string \| JSXElementConstructor<any>>>` | | - | - |
202
- | `iconSize` | `number` | | - | - |
203
- | `iconType` | `enum` | | - | - |
204
- | `layout` | `enum` | | - | - |
205
- | `align` | `enum` | | - | - |
206
- | `verticalAlign` | `enum` | | - | - |
207
- | `inactiveColor` | `string` | | - | - |
208
- | `chartWidth` | `number` | | - | - |
209
- | `chartHeight` | `number` | | - | - |
210
- | `margin` | `{ top?: number; left?: number; bottom?: number \| undefined; right?: number \| undefined; } \| undefined` | | - | - |
211
- | `onBBoxUpdate` | `((box: DOMRect \| null) => void)` | | - | - |
212
-
213
- ### Usage[​](#usage-1 "Direct link to Usage")
214
-
215
- ```tsx
216
- import { ChartLegend } from '@databricks/appkit-ui';
217
-
218
- <ChartLegend /* props */ />
219
-
220
- ```
221
-
222
- ## ChartLegendContent[​](#chartlegendcontent "Direct link to ChartLegendContent")
223
-
224
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
225
-
226
- ### Props[​](#props-2 "Direct link to Props")
227
-
228
- | Prop | Type | Required | Default | Description |
229
- | --------------- | --------- | -------- | ------------- | ----------- |
230
- | `verticalAlign` | `enum` | | - | - |
231
- | `payload` | `any[]` | | `[] as any[]` | - |
232
- | `hideIcon` | `boolean` | | `false` | - |
233
- | `nameKey` | `string` | | - | - |
234
-
235
- ### Usage[​](#usage-2 "Direct link to Usage")
236
-
237
- ```tsx
238
- import { ChartLegendContent } from '@databricks/appkit-ui';
239
-
240
- <ChartLegendContent /* props */ />
241
-
242
- ```
243
-
244
- ## ChartStyle[​](#chartstyle "Direct link to ChartStyle")
245
-
246
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
247
-
248
- ### Props[​](#props-3 "Direct link to Props")
249
-
250
- | Prop | Type | Required | Default | Description |
251
- | -------- | ------------- | -------- | ------- | ----------- |
252
- | `id` | `string` | ✓ | - | - |
253
- | `config` | `ChartConfig` | ✓ | - | - |
254
-
255
- ### Usage[​](#usage-3 "Direct link to Usage")
256
-
257
- ```tsx
258
- import { ChartStyle } from '@databricks/appkit-ui';
259
-
260
- <ChartStyle /* props */ />
261
-
262
- ```
263
-
264
- ## ChartTooltip[​](#charttooltip "Direct link to ChartTooltip")
265
-
266
- A wrapper component for Recharts Tooltip with proper typing and documentation support. It is needed to ensure the correct name is displayed in the docs.
267
-
268
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
269
-
270
- ### Props[​](#props-4 "Direct link to Props")
271
-
272
- | Prop | Type | Required | Default | Description |
273
- | -------------------- | ------------------------------------------------------------------------------------------------ | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
274
- | `separator` | `string` | | - | - |
275
- | `wrapperClassName` | `string` | | - | - |
276
- | `labelClassName` | `string` | | - | - |
277
- | `formatter` | `Formatter<any, any>` | | - | - |
278
- | `contentStyle` | `CSSProperties` | | - | - |
279
- | `itemStyle` | `CSSProperties` | | - | - |
280
- | `labelStyle` | `CSSProperties` | | - | - |
281
- | `labelFormatter` | `((label: any, payload: Payload<any, any>[]) => ReactNode)` | | - | - |
282
- | `label` | `any` | | - | - |
283
- | `payload` | `Payload<any, any>[]` | | - | - |
284
- | `itemSorter` | `((item: Payload<any, any>) => string \| number)` | | - | - |
285
- | `accessibilityLayer` | `boolean` | | - | - |
286
- | `active` | `boolean` | | - | If true, then Tooltip is always displayed, once an activeIndex is set by mouse over, or programmatically. If false, then Tooltip is never displayed. If active is undefined, Recharts will control when the Tooltip displays. This includes mouse and keyboard controls. |
287
- | `includeHidden` | `boolean` | | - | If true, then Tooltip will information about hidden series (defaults to false). Interacting with the hide property of Area, Bar, Line, Scatter. |
288
- | `allowEscapeViewBox` | `AllowInDimension` | | - | - |
289
- | `animationDuration` | `number` | | - | - |
290
- | `animationEasing` | `enum` | | - | - |
291
- | `content` | `ContentType<any, any>` | | - | - |
292
- | `coordinate` | `Partial<Coordinate>` | | - | - |
293
- | `cursor` | `boolean \| ReactElement<unknown, string \| JSXElementConstructor<any>> \| SVGProps<SVGElement>` | | - | - |
294
- | `filterNull` | `boolean` | | - | - |
295
- | `defaultIndex` | `number` | | - | - |
296
- | `isAnimationActive` | `boolean` | | - | - |
297
- | `offset` | `number` | | - | - |
298
- | `payloadUniqBy` | `UniqueOption<Payload<any, any>>` | | - | - |
299
- | `position` | `Partial<Coordinate>` | | - | - |
300
- | `reverseDirection` | `AllowInDimension` | | - | - |
301
- | `shared` | `boolean` | | - | - |
302
- | `trigger` | `enum` | | - | - |
303
- | `useTranslate3d` | `boolean` | | - | - |
304
- | `viewBox` | `CartesianViewBox` | | - | - |
305
- | `wrapperStyle` | `CSSProperties` | | - | - |
306
-
307
- ### Usage[​](#usage-4 "Direct link to Usage")
308
-
309
- ```tsx
310
- import { ChartTooltip } from '@databricks/appkit-ui';
311
-
312
- <ChartTooltip /* props */ />
313
-
314
- ```
315
-
316
- ## ChartTooltipContent[​](#charttooltipcontent "Direct link to ChartTooltipContent")
317
-
318
- **Source:** [`packages/appkit-ui/src/react/ui/chart.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/ui/chart.tsx)
319
-
320
- ### Props[​](#props-5 "Direct link to Props")
321
-
322
- | Prop | Type | Required | Default | Description |
323
- | ---------------- | -------------------------------------------------------------------------------- | -------- | -------------- | ----------- |
324
- | `active` | `boolean` | | - | - |
325
- | `payload` | `any[]` | | - | - |
326
- | `label` | `string` | | `"" as string` | - |
327
- | `labelFormatter` | `((value: any, payload: any[]) => ReactNode)` | | - | - |
328
- | `formatter` | `((value: any, name: any, item: any, index: number, payload: any) => ReactNode)` | | - | - |
329
- | `hideLabel` | `boolean` | | `false` | - |
330
- | `hideIndicator` | `boolean` | | `false` | - |
331
- | `indicator` | `enum` | | `dot` | - |
332
- | `labelClassName` | `string` | | - | - |
333
- | `nameKey` | `string` | | - | - |
334
- | `labelKey` | `string` | | - | - |
335
-
336
- ### Usage[​](#usage-5 "Direct link to Usage")
337
-
338
- ```tsx
339
- import { ChartTooltipContent } from '@databricks/appkit-ui';
340
-
341
- <ChartTooltipContent /* props */ />
342
-
343
- ```