@databricks/appkit-ui 0.20.2 → 0.21.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 (78) hide show
  1. package/CLAUDE.md +5 -13
  2. package/NOTICE.md +3 -6
  3. package/dist/cli/commands/plugin/add-resource/add-resource.js.map +1 -1
  4. package/dist/js/arrow/lazy-arrow.d.ts +8 -0
  5. package/dist/js/arrow/lazy-arrow.d.ts.map +1 -1
  6. package/dist/js/arrow/lazy-arrow.js +8 -0
  7. package/dist/js/arrow/lazy-arrow.js.map +1 -1
  8. package/dist/react/charts/area/index.d.ts +0 -1
  9. package/dist/react/charts/area/index.d.ts.map +1 -1
  10. package/dist/react/charts/area/index.js.map +1 -1
  11. package/dist/react/charts/bar/index.d.ts +0 -1
  12. package/dist/react/charts/bar/index.d.ts.map +1 -1
  13. package/dist/react/charts/bar/index.js.map +1 -1
  14. package/dist/react/charts/constants.d.ts +1 -3
  15. package/dist/react/charts/constants.d.ts.map +1 -1
  16. package/dist/react/charts/constants.js +1 -3
  17. package/dist/react/charts/constants.js.map +1 -1
  18. package/dist/react/charts/heatmap/index.d.ts +0 -1
  19. package/dist/react/charts/heatmap/index.d.ts.map +1 -1
  20. package/dist/react/charts/heatmap/index.js.map +1 -1
  21. package/dist/react/charts/index.d.ts +1 -1
  22. package/dist/react/charts/index.js +1 -1
  23. package/dist/react/charts/line/index.d.ts +0 -1
  24. package/dist/react/charts/line/index.d.ts.map +1 -1
  25. package/dist/react/charts/line/index.js.map +1 -1
  26. package/dist/react/charts/options.d.ts.map +1 -1
  27. package/dist/react/charts/options.js +3 -1
  28. package/dist/react/charts/options.js.map +1 -1
  29. package/dist/react/charts/pie/index.d.ts +0 -1
  30. package/dist/react/charts/pie/index.d.ts.map +1 -1
  31. package/dist/react/charts/pie/index.js.map +1 -1
  32. package/dist/react/charts/radar/index.d.ts +0 -1
  33. package/dist/react/charts/radar/index.d.ts.map +1 -1
  34. package/dist/react/charts/radar/index.js.map +1 -1
  35. package/dist/react/charts/scatter/index.d.ts +0 -1
  36. package/dist/react/charts/scatter/index.d.ts.map +1 -1
  37. package/dist/react/charts/scatter/index.js.map +1 -1
  38. package/dist/react/genie/genie-chart-inference.d.ts +6 -1
  39. package/dist/react/genie/genie-chart-inference.d.ts.map +1 -1
  40. package/dist/react/genie/genie-chart-inference.js +60 -6
  41. package/dist/react/genie/genie-chart-inference.js.map +1 -1
  42. package/dist/react/genie/genie-chat-input.d.ts.map +1 -1
  43. package/dist/react/genie/genie-chat-input.js.map +1 -1
  44. package/dist/react/genie/genie-chat-message-list.d.ts.map +1 -1
  45. package/dist/react/genie/genie-chat-message-list.js.map +1 -1
  46. package/dist/react/genie/genie-chat-message.d.ts.map +1 -1
  47. package/dist/react/genie/genie-chat-message.js.map +1 -1
  48. package/dist/react/genie/genie-query-visualization.d.ts.map +1 -1
  49. package/dist/react/genie/genie-query-visualization.js +63 -13
  50. package/dist/react/genie/genie-query-visualization.js.map +1 -1
  51. package/dist/react/genie/index.d.ts +1 -1
  52. package/dist/react/genie/index.js +1 -1
  53. package/dist/react/index.d.ts +3 -3
  54. package/dist/react/index.js +5 -5
  55. package/dist/react/table/data-table.js +1 -1
  56. package/dist/react/ui/index.js +1 -1
  57. package/dist/schemas/plugin-manifest.generated.d.ts +178 -0
  58. package/dist/schemas/plugin-manifest.generated.d.ts.map +1 -0
  59. package/dist/schemas/plugin-manifest.schema.json +2 -0
  60. package/docs/api/appkit/Interface.CacheConfig.md +1 -1
  61. package/docs/api/appkit/Interface.PluginManifest.md +104 -6
  62. package/docs/api/appkit/Interface.ResourceEntry.md +5 -7
  63. package/docs/api/appkit/Interface.ResourceFieldEntry.md +2 -0
  64. package/docs/api/appkit/Interface.ResourceRequirement.md +63 -7
  65. package/docs/api/appkit/Interface.StreamExecutionSettings.md +1 -1
  66. package/docs/api/appkit/TypeAlias.PluginData.md +2 -0
  67. package/docs/api/appkit/TypeAlias.ToPlugin.md +2 -0
  68. package/docs/api/appkit.md +6 -6
  69. package/llms.txt +5 -13
  70. package/package.json +2 -5
  71. package/docs/api/appkit-ui/data/AreaChart.md +0 -79
  72. package/docs/api/appkit-ui/data/BarChart.md +0 -74
  73. package/docs/api/appkit-ui/data/DonutChart.md +0 -72
  74. package/docs/api/appkit-ui/data/HeatmapChart.md +0 -91
  75. package/docs/api/appkit-ui/data/LineChart.md +0 -77
  76. package/docs/api/appkit-ui/data/PieChart.md +0 -72
  77. package/docs/api/appkit-ui/data/RadarChart.md +0 -74
  78. package/docs/api/appkit-ui/data/ScatterChart.md +0 -76
package/docs/api/appkit-ui/data/RadarChart.md DELETED
@@ -1,74 +0,0 @@
1
- # RadarChart
2
-
3
- Radar Chart component for multi-dimensional data comparison.
4
-
5
- ## Example[​](#example "Direct link to Example")
6
-
7
- ```tsx
8
- "use client";
9
-
10
- import { RadarChart } from "@databricks/appkit-ui/react";
11
-
12
- export default function RadarChartExample() {
13
- return (
14
- <RadarChart
15
- data={[
16
- { skill: "Communication", score: 85 },
17
- { skill: "Problem Solving", score: 90 },
18
- { skill: "Teamwork", score: 75 },
19
- { skill: "Leadership", score: 80 },
20
- { skill: "Technical", score: 95 },
21
- { skill: "Creativity", score: 70 },
22
- ]}
23
- xKey="skill"
24
- yKey="score"
25
- height={300}
26
- />
27
- );
28
- }
29
-
30
-
31
- ```
32
-
33
- ## RadarChart[​](#radarchart-1 "Direct link to RadarChart")
34
-
35
- Radar Chart component for multi-dimensional data comparison.
36
-
37
- **Important:** This component uses Apache ECharts architecture. Configure it via props, not by passing child components.
38
-
39
- **Best Practice:** Use the built-in data fetching by passing `queryKey` and `parameters` props instead of pre-fetching data with `useAnalyticsQuery`.
40
-
41
- Supports both query mode (queryKey + parameters) and data mode (static data).
42
-
43
- **Source:** [`packages/appkit-ui/src/react/charts/radar/index.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/charts/radar/index.tsx)
44
-
45
- ### Props[​](#props "Direct link to Props")
46
-
47
- | Prop | Type | Required | Default | Description |
48
- | -------------- | ------------------------- | -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
49
- | `queryKey` | `string` | | - | Analytics query key registered with analytics plugin |
50
- | `parameters` | `Record<string, unknown>` | | - | Query parameters passed to the analytics endpoint |
51
- | `format` | `enum` | | `"auto"` | Data format to use - "json": Use JSON format (smaller payloads, simpler) - "arrow": Use Arrow format (faster for large datasets) - "auto": Automatically select based on expected data size |
52
- | `transformer` | `(<T>(data: T) => T)` | | - | Transform raw data before rendering |
53
- | `data` | `ChartData` | | - | Arrow Table or JSON array |
54
- | `title` | `string` | | - | Chart title |
55
- | `showLegend` | `boolean` | | - | Show legend |
56
- | `colorPalette` | `enum` | | - | Color palette to use. Auto-selected based on chart type if not specified. - "categorical": Distinct colors for different categories (bar, pie, line) - "sequential": Gradient for magnitude/intensity (heatmap) - "diverging": Two-tone for positive/negative values |
57
- | `colors` | `string[]` | | - | Custom colors for series (overrides colorPalette) |
58
- | `height` | `number` | | `300` | Chart height in pixels |
59
- | `className` | `string` | | - | Additional CSS classes |
60
- | `xKey` | `string` | | - | X-axis field key. Auto-detected from schema if not provided. |
61
- | `yKey` | `string \| string[]` | | - | Y-axis field key(s). Auto-detected from schema if not provided. |
62
- | `ariaLabel` | `string` | | - | Accessibility label for screen readers |
63
- | `testId` | `string` | | - | Test ID for automated testing |
64
- | `options` | `Record<string, unknown>` | | - | Additional ECharts options to merge |
65
- | `showArea` | `boolean` | | `true` | Show area fill |
66
-
67
- ### Usage[​](#usage "Direct link to Usage")
68
-
69
- ```tsx
70
- import { RadarChart } from '@databricks/appkit-ui';
71
-
72
- <RadarChart /* props */ />
73
-
74
- ```
package/docs/api/appkit-ui/data/ScatterChart.md DELETED
@@ -1,76 +0,0 @@
1
- # ScatterChart
2
-
3
- Scatter Chart component for correlation and distribution visualization.
4
-
5
- ## Example[​](#example "Direct link to Example")
6
-
7
- ```tsx
8
- "use client";
9
-
10
- import { ScatterChart } from "@databricks/appkit-ui/react";
11
-
12
- export default function ScatterChartExample() {
13
- return (
14
- <ScatterChart
15
- data={[
16
- { revenue: 100, growth: 5 },
17
- { revenue: 200, growth: 10 },
18
- { revenue: 150, growth: 7 },
19
- { revenue: 300, growth: 15 },
20
- { revenue: 250, growth: 12 },
21
- { revenue: 400, growth: 20 },
22
- { revenue: 180, growth: 8 },
23
- { revenue: 320, growth: 16 },
24
- ]}
25
- xKey="revenue"
26
- yKey="growth"
27
- height={300}
28
- />
29
- );
30
- }
31
-
32
-
33
- ```
34
-
35
- ## ScatterChart[​](#scatterchart-1 "Direct link to ScatterChart")
36
-
37
- Scatter Chart component for correlation and distribution visualization.
38
-
39
- **Important:** This component uses Apache ECharts architecture. Configure it via props, not by passing child components.
40
-
41
- **Best Practice:** Use the built-in data fetching by passing `queryKey` and `parameters` props instead of pre-fetching data with `useAnalyticsQuery`.
42
-
43
- Supports both query mode (queryKey + parameters) and data mode (static data).
44
-
45
- **Source:** [`packages/appkit-ui/src/react/charts/scatter/index.tsx`](https://github.com/databricks/appkit/blob/main/packages/appkit-ui/src/react/charts/scatter/index.tsx)
46
-
47
- ### Props[​](#props "Direct link to Props")
48
-
49
- | Prop | Type | Required | Default | Description |
50
- | -------------- | ------------------------- | -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
51
- | `queryKey` | `string` | | - | Analytics query key registered with analytics plugin |
52
- | `parameters` | `Record<string, unknown>` | | - | Query parameters passed to the analytics endpoint |
53
- | `format` | `enum` | | `"auto"` | Data format to use - "json": Use JSON format (smaller payloads, simpler) - "arrow": Use Arrow format (faster for large datasets) - "auto": Automatically select based on expected data size |
54
- | `transformer` | `(<T>(data: T) => T)` | | - | Transform raw data before rendering |
55
- | `data` | `ChartData` | | - | Arrow Table or JSON array |
56
- | `title` | `string` | | - | Chart title |
57
- | `showLegend` | `boolean` | | - | Show legend |
58
- | `colorPalette` | `enum` | | - | Color palette to use. Auto-selected based on chart type if not specified. - "categorical": Distinct colors for different categories (bar, pie, line) - "sequential": Gradient for magnitude/intensity (heatmap) - "diverging": Two-tone for positive/negative values |
59
- | `colors` | `string[]` | | - | Custom colors for series (overrides colorPalette) |
60
- | `height` | `number` | | `300` | Chart height in pixels |
61
- | `className` | `string` | | - | Additional CSS classes |
62
- | `xKey` | `string` | | - | X-axis field key. Auto-detected from schema if not provided. |
63
- | `yKey` | `string \| string[]` | | - | Y-axis field key(s). Auto-detected from schema if not provided. |
64
- | `ariaLabel` | `string` | | - | Accessibility label for screen readers |
65
- | `testId` | `string` | | - | Test ID for automated testing |
66
- | `options` | `Record<string, unknown>` | | - | Additional ECharts options to merge |
67
- | `symbolSize` | `number` | | `8` | Symbol size |
68
-
69
- ### Usage[​](#usage "Direct link to Usage")
70
-
71
- ```tsx
72
- import { ScatterChart } from '@databricks/appkit-ui';
73
-
74
- <ScatterChart /* props */ />
75
-
76
- ```