@databricks/appkit-ui 0.12.2 → 0.14.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.
- package/CLAUDE.md +1 -0
- package/dist/cli/commands/setup.js +16 -0
- package/dist/cli/commands/setup.js.map +1 -1
- package/dist/react/charts/area/index.d.ts +2 -2
- package/dist/react/charts/bar/index.d.ts +2 -2
- package/dist/react/charts/base.d.ts +2 -2
- package/dist/react/charts/base.d.ts.map +1 -1
- package/dist/react/charts/create-chart.d.ts +2 -2
- package/dist/react/charts/create-chart.d.ts.map +1 -1
- package/dist/react/charts/heatmap/index.d.ts +2 -2
- package/dist/react/charts/line/index.d.ts +2 -2
- package/dist/react/charts/options.d.ts.map +1 -1
- package/dist/react/charts/pie/index.d.ts +3 -3
- package/dist/react/charts/radar/index.d.ts +2 -2
- package/dist/react/charts/scatter/index.d.ts +2 -2
- package/dist/react/charts/wrapper.d.ts +2 -2
- package/dist/react/table/data-table.d.ts +2 -2
- package/dist/react/ui/accordion.d.ts +5 -5
- package/dist/react/ui/alert-dialog.d.ts +12 -12
- package/dist/react/ui/alert.d.ts +4 -4
- package/dist/react/ui/aspect-ratio.d.ts +2 -2
- package/dist/react/ui/avatar.d.ts +4 -4
- package/dist/react/ui/badge.d.ts +2 -2
- package/dist/react/ui/breadcrumb.d.ts +8 -8
- package/dist/react/ui/button-group.d.ts +4 -4
- package/dist/react/ui/button.d.ts +2 -2
- package/dist/react/ui/calendar.d.ts +3 -3
- package/dist/react/ui/card.d.ts +8 -8
- package/dist/react/ui/carousel.d.ts +6 -6
- package/dist/react/ui/chart.d.ts +19 -19
- package/dist/react/ui/chart.d.ts.map +1 -1
- package/dist/react/ui/checkbox.d.ts +2 -2
- package/dist/react/ui/form.d.ts +7 -7
- package/dist/react/ui/form.d.ts.map +1 -1
- package/dist/react/ui/tooltip.d.ts +5 -5
- package/dist/react/ui/tooltip.d.ts.map +1 -1
- package/docs/plugins/genie.md +162 -0
- package/docs/plugins.md +2 -1
- package/llms.txt +1 -0
- package/package.json +1 -1
package/CLAUDE.md
CHANGED
|
@@ -44,6 +44,7 @@ npx @databricks/appkit docs <query>
|
|
|
44
44
|
- [Caching](./docs/plugins/caching.md): AppKit provides both global and plugin-level caching capabilities.
|
|
45
45
|
- [Creating custom plugins](./docs/plugins/custom-plugins.md): If you need custom API routes or background logic, implement an AppKit plugin. The fastest way is to use the CLI:
|
|
46
46
|
- [Execution context](./docs/plugins/execution-context.md): AppKit manages Databricks authentication via two contexts:
|
|
47
|
+
- [Genie plugin](./docs/plugins/genie.md): Integrates Databricks AI/BI Genie spaces into your AppKit application, enabling natural language data queries via a conversational interface.
|
|
47
48
|
- [Lakebase plugin](./docs/plugins/lakebase.md): Currently, the Lakebase plugin currently requires a one-time manual setup to connect your Databricks App with your Lakebase database. An automated setup process is planned for an upcoming future release.
|
|
48
49
|
- [Plugin management](./docs/plugins/plugin-management.md): AppKit includes a CLI for managing plugins. All commands are available under npx @databricks/appkit plugin.
|
|
49
50
|
- [Server plugin](./docs/plugins/server.md): Provides HTTP server capabilities with development and production modes.
|
|
@@ -37,6 +37,14 @@ ${packages.map((pkg) => {
|
|
|
37
37
|
const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;
|
|
38
38
|
return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;
|
|
39
39
|
}).join("\n")}
|
|
40
|
+
|
|
41
|
+
### Databricks Skills
|
|
42
|
+
|
|
43
|
+
For enhanced AI assistance with Databricks CLI operations, authentication, data exploration, and app development, install the Databricks skills:
|
|
44
|
+
|
|
45
|
+
\`\`\`bash
|
|
46
|
+
databricks experimental aitools skills install
|
|
47
|
+
\`\`\`
|
|
40
48
|
${SECTION_END}`;
|
|
41
49
|
}
|
|
42
50
|
/**
|
|
@@ -54,6 +62,14 @@ ${packages.map((pkg) => {
|
|
|
54
62
|
const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;
|
|
55
63
|
return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;
|
|
56
64
|
}).join("\n")}
|
|
65
|
+
|
|
66
|
+
### Databricks Skills
|
|
67
|
+
|
|
68
|
+
For enhanced AI assistance with Databricks CLI operations, authentication, data exploration, and app development, install the Databricks skills:
|
|
69
|
+
|
|
70
|
+
\`\`\`bash
|
|
71
|
+
databricks experimental aitools skills install
|
|
72
|
+
\`\`\`
|
|
57
73
|
${SECTION_END}
|
|
58
74
|
`;
|
|
59
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup.js","names":[],"sources":["../../../src/cli/commands/setup.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\nimport { Command } from \"commander\";\n\nconst PACKAGES = [\n { name: \"@databricks/appkit\", description: \"Backend SDK\" },\n {\n name: \"@databricks/appkit-ui\",\n description: \"UI Integration, Charts, Tables, SSE, and more.\",\n },\n];\n\nconst SECTION_START = \"<!-- appkit-instructions-start -->\";\nconst SECTION_END = \"<!-- appkit-instructions-end -->\";\n\n/**\n * Find which AppKit packages are installed by checking for package.json\n */\nfunction findInstalledPackages() {\n const cwd = process.cwd();\n const installed = [];\n\n for (const pkg of PACKAGES) {\n const packagePath = path.join(\n cwd,\n \"node_modules\",\n pkg.name,\n \"package.json\",\n );\n if (fs.existsSync(packagePath)) {\n installed.push(pkg);\n }\n }\n\n return installed;\n}\n\n/**\n * Generate the AppKit section content\n */\nfunction generateSection(packages: typeof PACKAGES) {\n const links = packages\n .map((pkg) => {\n const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;\n return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;\n })\n .join(\"\\n\");\n\n return `${SECTION_START}\n## Databricks AppKit\n\nThis project uses Databricks AppKit packages. For AI assistant guidance on using these packages, refer to:\n\n${links}\n${SECTION_END}`;\n}\n\n/**\n * Generate standalone CLAUDE.md content (when no existing file)\n */\nfunction generateStandalone(packages: typeof PACKAGES) {\n const links = packages\n .map((pkg) => {\n const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;\n return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;\n })\n .join(\"\\n\");\n\n return `# AI Assistant Instructions\n\n${SECTION_START}\n## Databricks AppKit\n\nThis project uses Databricks AppKit packages. For AI assistant guidance on using these packages, refer to:\n\n${links}\n${SECTION_END}\n`;\n}\n\n/**\n * Update existing content with AppKit section\n */\nfunction updateContent(existingContent: string, packages: typeof PACKAGES) {\n const newSection = generateSection(packages);\n\n // Check if AppKit section already exists\n const startIndex = existingContent.indexOf(SECTION_START);\n const endIndex = existingContent.indexOf(SECTION_END);\n\n if (startIndex !== -1 && endIndex !== -1) {\n // Replace existing section\n const before = existingContent.substring(0, startIndex);\n const after = existingContent.substring(endIndex + SECTION_END.length);\n return before + newSection + after;\n }\n\n // Append section to end\n return `${existingContent.trimEnd()}\\n\\n${newSection}\\n`;\n}\n\n/**\n * Setup command implementation\n */\nfunction runSetup(options: { write?: boolean }) {\n const shouldWrite = options.write;\n\n // Find installed packages\n const installed = findInstalledPackages();\n\n if (installed.length === 0) {\n console.log(\"No @databricks/appkit packages found in node_modules.\");\n console.log(\"\\nMake sure you've installed at least one of:\");\n PACKAGES.forEach((pkg) => {\n console.log(` - ${pkg.name}`);\n });\n process.exit(1);\n }\n\n console.log(\"Detected packages:\");\n installed.forEach((pkg) => {\n console.log(` ✓ ${pkg.name}`);\n });\n\n const claudePath = path.join(process.cwd(), \"CLAUDE.md\");\n const existingContent = fs.existsSync(claudePath)\n ? fs.readFileSync(claudePath, \"utf-8\")\n : null;\n\n let finalContent: string;\n let action: string;\n\n if (existingContent) {\n finalContent = updateContent(existingContent, installed);\n action = existingContent.includes(SECTION_START) ? \"Updated\" : \"Added to\";\n } else {\n finalContent = generateStandalone(installed);\n action = \"Created\";\n }\n\n if (shouldWrite) {\n fs.writeFileSync(claudePath, finalContent);\n console.log(`\\n✓ ${action} CLAUDE.md`);\n console.log(` Path: ${claudePath}`);\n } else {\n console.log(\"\\nTo create/update CLAUDE.md, run:\");\n console.log(\" npx appkit setup --write\\n\");\n\n if (existingContent) {\n console.log(\n `This will ${\n existingContent.includes(SECTION_START)\n ? \"update the existing\"\n : \"add a new\"\n } AppKit section.\\n`,\n );\n }\n\n console.log(\"Preview of AppKit section:\\n\");\n console.log(\"─\".repeat(50));\n console.log(generateSection(installed));\n console.log(\"─\".repeat(50));\n }\n}\n\nexport const setupCommand = new Command(\"setup\")\n .description(\"Setup CLAUDE.md with AppKit package references\")\n .option(\"-w, --write\", \"Create or update CLAUDE.md file in current directory\")\n .action(runSetup);\n"],"mappings":";;;;;AAIA,MAAM,WAAW,CACf;CAAE,MAAM;CAAsB,aAAa;CAAe,EAC1D;CACE,MAAM;CACN,aAAa;CACd,CACF;AAED,MAAM,gBAAgB;AACtB,MAAM,cAAc;;;;AAKpB,SAAS,wBAAwB;CAC/B,MAAM,MAAM,QAAQ,KAAK;CACzB,MAAM,YAAY,EAAE;AAEpB,MAAK,MAAM,OAAO,UAAU;EAC1B,MAAM,cAAc,KAAK,KACvB,KACA,gBACA,IAAI,MACJ,eACD;AACD,MAAI,GAAG,WAAW,YAAY,CAC5B,WAAU,KAAK,IAAI;;AAIvB,QAAO;;;;;AAMT,SAAS,gBAAgB,UAA2B;AAQlD,QAAO,GAAG,cAAc;;;;;EAPV,SACX,KAAK,QAAQ;EACZ,MAAM,UAAU,kBAAkB,IAAI,KAAK;AAC3C,SAAO,OAAO,IAAI,KAAK,MAAM,IAAI,YAAY,MAAM,QAAQ,IAAI,QAAQ;GACvE,CACD,KAAK,KAAK,CAOP
|
|
1
|
+
{"version":3,"file":"setup.js","names":[],"sources":["../../../src/cli/commands/setup.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\nimport { Command } from \"commander\";\n\nconst PACKAGES = [\n { name: \"@databricks/appkit\", description: \"Backend SDK\" },\n {\n name: \"@databricks/appkit-ui\",\n description: \"UI Integration, Charts, Tables, SSE, and more.\",\n },\n];\n\nconst SECTION_START = \"<!-- appkit-instructions-start -->\";\nconst SECTION_END = \"<!-- appkit-instructions-end -->\";\n\n/**\n * Find which AppKit packages are installed by checking for package.json\n */\nfunction findInstalledPackages() {\n const cwd = process.cwd();\n const installed = [];\n\n for (const pkg of PACKAGES) {\n const packagePath = path.join(\n cwd,\n \"node_modules\",\n pkg.name,\n \"package.json\",\n );\n if (fs.existsSync(packagePath)) {\n installed.push(pkg);\n }\n }\n\n return installed;\n}\n\n/**\n * Generate the AppKit section content\n */\nfunction generateSection(packages: typeof PACKAGES) {\n const links = packages\n .map((pkg) => {\n const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;\n return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;\n })\n .join(\"\\n\");\n\n return `${SECTION_START}\n## Databricks AppKit\n\nThis project uses Databricks AppKit packages. For AI assistant guidance on using these packages, refer to:\n\n${links}\n\n### Databricks Skills\n\nFor enhanced AI assistance with Databricks CLI operations, authentication, data exploration, and app development, install the Databricks skills:\n\n\\`\\`\\`bash\ndatabricks experimental aitools skills install\n\\`\\`\\`\n${SECTION_END}`;\n}\n\n/**\n * Generate standalone CLAUDE.md content (when no existing file)\n */\nfunction generateStandalone(packages: typeof PACKAGES) {\n const links = packages\n .map((pkg) => {\n const docPath = `./node_modules/${pkg.name}/CLAUDE.md`;\n return `- **${pkg.name}** (${pkg.description}): [${docPath}](${docPath})`;\n })\n .join(\"\\n\");\n\n return `# AI Assistant Instructions\n\n${SECTION_START}\n## Databricks AppKit\n\nThis project uses Databricks AppKit packages. For AI assistant guidance on using these packages, refer to:\n\n${links}\n\n### Databricks Skills\n\nFor enhanced AI assistance with Databricks CLI operations, authentication, data exploration, and app development, install the Databricks skills:\n\n\\`\\`\\`bash\ndatabricks experimental aitools skills install\n\\`\\`\\`\n${SECTION_END}\n`;\n}\n\n/**\n * Update existing content with AppKit section\n */\nfunction updateContent(existingContent: string, packages: typeof PACKAGES) {\n const newSection = generateSection(packages);\n\n // Check if AppKit section already exists\n const startIndex = existingContent.indexOf(SECTION_START);\n const endIndex = existingContent.indexOf(SECTION_END);\n\n if (startIndex !== -1 && endIndex !== -1) {\n // Replace existing section\n const before = existingContent.substring(0, startIndex);\n const after = existingContent.substring(endIndex + SECTION_END.length);\n return before + newSection + after;\n }\n\n // Append section to end\n return `${existingContent.trimEnd()}\\n\\n${newSection}\\n`;\n}\n\n/**\n * Setup command implementation\n */\nfunction runSetup(options: { write?: boolean }) {\n const shouldWrite = options.write;\n\n // Find installed packages\n const installed = findInstalledPackages();\n\n if (installed.length === 0) {\n console.log(\"No @databricks/appkit packages found in node_modules.\");\n console.log(\"\\nMake sure you've installed at least one of:\");\n PACKAGES.forEach((pkg) => {\n console.log(` - ${pkg.name}`);\n });\n process.exit(1);\n }\n\n console.log(\"Detected packages:\");\n installed.forEach((pkg) => {\n console.log(` ✓ ${pkg.name}`);\n });\n\n const claudePath = path.join(process.cwd(), \"CLAUDE.md\");\n const existingContent = fs.existsSync(claudePath)\n ? fs.readFileSync(claudePath, \"utf-8\")\n : null;\n\n let finalContent: string;\n let action: string;\n\n if (existingContent) {\n finalContent = updateContent(existingContent, installed);\n action = existingContent.includes(SECTION_START) ? \"Updated\" : \"Added to\";\n } else {\n finalContent = generateStandalone(installed);\n action = \"Created\";\n }\n\n if (shouldWrite) {\n fs.writeFileSync(claudePath, finalContent);\n console.log(`\\n✓ ${action} CLAUDE.md`);\n console.log(` Path: ${claudePath}`);\n } else {\n console.log(\"\\nTo create/update CLAUDE.md, run:\");\n console.log(\" npx appkit setup --write\\n\");\n\n if (existingContent) {\n console.log(\n `This will ${\n existingContent.includes(SECTION_START)\n ? \"update the existing\"\n : \"add a new\"\n } AppKit section.\\n`,\n );\n }\n\n console.log(\"Preview of AppKit section:\\n\");\n console.log(\"─\".repeat(50));\n console.log(generateSection(installed));\n console.log(\"─\".repeat(50));\n }\n}\n\nexport const setupCommand = new Command(\"setup\")\n .description(\"Setup CLAUDE.md with AppKit package references\")\n .option(\"-w, --write\", \"Create or update CLAUDE.md file in current directory\")\n .action(runSetup);\n"],"mappings":";;;;;AAIA,MAAM,WAAW,CACf;CAAE,MAAM;CAAsB,aAAa;CAAe,EAC1D;CACE,MAAM;CACN,aAAa;CACd,CACF;AAED,MAAM,gBAAgB;AACtB,MAAM,cAAc;;;;AAKpB,SAAS,wBAAwB;CAC/B,MAAM,MAAM,QAAQ,KAAK;CACzB,MAAM,YAAY,EAAE;AAEpB,MAAK,MAAM,OAAO,UAAU;EAC1B,MAAM,cAAc,KAAK,KACvB,KACA,gBACA,IAAI,MACJ,eACD;AACD,MAAI,GAAG,WAAW,YAAY,CAC5B,WAAU,KAAK,IAAI;;AAIvB,QAAO;;;;;AAMT,SAAS,gBAAgB,UAA2B;AAQlD,QAAO,GAAG,cAAc;;;;;EAPV,SACX,KAAK,QAAQ;EACZ,MAAM,UAAU,kBAAkB,IAAI,KAAK;AAC3C,SAAO,OAAO,IAAI,KAAK,MAAM,IAAI,YAAY,MAAM,QAAQ,IAAI,QAAQ;GACvE,CACD,KAAK,KAAK,CAOP;;;;;;;;;EASN;;;;;AAMF,SAAS,mBAAmB,UAA2B;AAQrD,QAAO;;EAEP,cAAc;;;;;EATA,SACX,KAAK,QAAQ;EACZ,MAAM,UAAU,kBAAkB,IAAI,KAAK;AAC3C,SAAO,OAAO,IAAI,KAAK,MAAM,IAAI,YAAY,MAAM,QAAQ,IAAI,QAAQ;GACvE,CACD,KAAK,KAAK,CASP;;;;;;;;;EASN,YAAY;;;;;;AAOd,SAAS,cAAc,iBAAyB,UAA2B;CACzE,MAAM,aAAa,gBAAgB,SAAS;CAG5C,MAAM,aAAa,gBAAgB,QAAQ,cAAc;CACzD,MAAM,WAAW,gBAAgB,QAAQ,YAAY;AAErD,KAAI,eAAe,MAAM,aAAa,IAAI;EAExC,MAAM,SAAS,gBAAgB,UAAU,GAAG,WAAW;EACvD,MAAM,QAAQ,gBAAgB,UAAU,WAAW,GAAmB;AACtE,SAAO,SAAS,aAAa;;AAI/B,QAAO,GAAG,gBAAgB,SAAS,CAAC,MAAM,WAAW;;;;;AAMvD,SAAS,SAAS,SAA8B;CAC9C,MAAM,cAAc,QAAQ;CAG5B,MAAM,YAAY,uBAAuB;AAEzC,KAAI,UAAU,WAAW,GAAG;AAC1B,UAAQ,IAAI,wDAAwD;AACpE,UAAQ,IAAI,gDAAgD;AAC5D,WAAS,SAAS,QAAQ;AACxB,WAAQ,IAAI,OAAO,IAAI,OAAO;IAC9B;AACF,UAAQ,KAAK,EAAE;;AAGjB,SAAQ,IAAI,qBAAqB;AACjC,WAAU,SAAS,QAAQ;AACzB,UAAQ,IAAI,OAAO,IAAI,OAAO;GAC9B;CAEF,MAAM,aAAa,KAAK,KAAK,QAAQ,KAAK,EAAE,YAAY;CACxD,MAAM,kBAAkB,GAAG,WAAW,WAAW,GAC7C,GAAG,aAAa,YAAY,QAAQ,GACpC;CAEJ,IAAI;CACJ,IAAI;AAEJ,KAAI,iBAAiB;AACnB,iBAAe,cAAc,iBAAiB,UAAU;AACxD,WAAS,gBAAgB,SAAS,cAAc,GAAG,YAAY;QAC1D;AACL,iBAAe,mBAAmB,UAAU;AAC5C,WAAS;;AAGX,KAAI,aAAa;AACf,KAAG,cAAc,YAAY,aAAa;AAC1C,UAAQ,IAAI,OAAO,OAAO,YAAY;AACtC,UAAQ,IAAI,WAAW,aAAa;QAC/B;AACL,UAAQ,IAAI,qCAAqC;AACjD,UAAQ,IAAI,+BAA+B;AAE3C,MAAI,gBACF,SAAQ,IACN,aACE,gBAAgB,SAAS,cAAc,GACnC,wBACA,YACL,oBACF;AAGH,UAAQ,IAAI,+BAA+B;AAC3C,UAAQ,IAAI,IAAI,OAAO,GAAG,CAAC;AAC3B,UAAQ,IAAI,gBAAgB,UAAU,CAAC;AACvC,UAAQ,IAAI,IAAI,OAAO,GAAG,CAAC;;;AAI/B,MAAa,eAAe,IAAI,QAAQ,QAAQ,CAC7C,YAAY,iDAAiD,CAC7D,OAAO,eAAe,uDAAuD,CAC7E,OAAO,SAAS"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AreaChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/area/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const AreaChart: {
|
|
17
|
-
(props: AreaChartProps):
|
|
17
|
+
(props: AreaChartProps): react_jsx_runtime4.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BarChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime5 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/bar/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const BarChart: {
|
|
17
|
-
(props: BarChartProps):
|
|
17
|
+
(props: BarChartProps): react_jsx_runtime5.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChartColorPalette, ChartData, ChartType, Orientation } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/react/charts/base.d.ts
|
|
5
5
|
interface BaseChartProps {
|
|
@@ -83,7 +83,7 @@ declare function BaseChart({
|
|
|
83
83
|
max,
|
|
84
84
|
options: customOptions,
|
|
85
85
|
className
|
|
86
|
-
}: BaseChartProps):
|
|
86
|
+
}: BaseChartProps): react_jsx_runtime12.JSX.Element;
|
|
87
87
|
//#endregion
|
|
88
88
|
export { BaseChart, BaseChartProps };
|
|
89
89
|
//# sourceMappingURL=base.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/react/charts/base.tsx"],"sourcesContent":[],"mappings":";;;;UA0CiB,cAAA;;QAET;EAFS;EAAc,SAAA,EAIlB,SAJkB;;MAIlB,CAAA,EAAA,MAAA;;MAmBI,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;;EA0BC,WAAA,CAAA,EAvCF,WAuCE;EAaF;EAAS,MAAA,CAAA,EAAA,MAAA;;OAEvB,CAAA,EAAA,MAAA;;YAEA,CAAA,EAAA,OAAA;;;;;;;cAOA,CAAA,EAlDe,iBAkDf;;QAEA,CAAA,EAAA,MAAA,EAAA;;YAEA,CAAA,EAAA,OAAA;;QAEA,CAAA,EAAA,OAAA;;SAEA,CAAA,EAAA,OAAA;;YAEA,CAAA,EAAA,MAAA;;UAEA,CAAA,EAAA,OAAA;;aACe,CAAA,EAAA,MAAA;EAAA;;;;;;;;;;;YArCL;;;;;;;;iBAaI,SAAA;;;;;;;;;;UAUN;;;;;;;;;;;;WAYC;;GAER,iBAAc,
|
|
1
|
+
{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/react/charts/base.tsx"],"sourcesContent":[],"mappings":";;;;UA0CiB,cAAA;;QAET;EAFS;EAAc,SAAA,EAIlB,SAJkB;;MAIlB,CAAA,EAAA,MAAA;;MAmBI,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;;EA0BC,WAAA,CAAA,EAvCF,WAuCE;EAaF;EAAS,MAAA,CAAA,EAAA,MAAA;;OAEvB,CAAA,EAAA,MAAA;;YAEA,CAAA,EAAA,OAAA;;;;;;;cAOA,CAAA,EAlDe,iBAkDf;;QAEA,CAAA,EAAA,MAAA,EAAA;;YAEA,CAAA,EAAA,OAAA;;QAEA,CAAA,EAAA,OAAA;;SAEA,CAAA,EAAA,OAAA;;YAEA,CAAA,EAAA,MAAA;;UAEA,CAAA,EAAA,OAAA;;aACe,CAAA,EAAA,MAAA;EAAA;;;;;;;;;;;YArCL;;;;;;;;iBAaI,SAAA;;;;;;;;;;UAUN;;;;;;;;;;;;WAYC;;GAER,iBAAc,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChartType, UnifiedChartProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/react/charts/create-chart.d.ts
|
|
5
5
|
|
|
@@ -18,7 +18,7 @@ import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
|
18
18
|
* ```
|
|
19
19
|
*/
|
|
20
20
|
declare function createChart<TProps extends UnifiedChartProps>(chartType: ChartType, displayName: string): {
|
|
21
|
-
(props: TProps):
|
|
21
|
+
(props: TProps): react_jsx_runtime13.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-chart.d.ts","names":[],"sources":["../../../src/react/charts/create-chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAkBA;;;;;;;;;;;iBAAgB,2BAA2B,8BAC9B;UAGe,SAAM,
|
|
1
|
+
{"version":3,"file":"create-chart.d.ts","names":[],"sources":["../../../src/react/charts/create-chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAkBA;;;;;;;;;;;iBAAgB,2BAA2B,8BAC9B;UAGe,SAAM,mBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HeatmapChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/heatmap/index.d.ts
|
|
6
6
|
|
|
@@ -19,7 +19,7 @@ import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
|
19
19
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
20
20
|
*/
|
|
21
21
|
declare const HeatmapChart: {
|
|
22
|
-
(props: HeatmapChartProps):
|
|
22
|
+
(props: HeatmapChartProps): react_jsx_runtime6.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LineChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime7 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/line/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const LineChart: {
|
|
17
|
-
(props: LineChartProps):
|
|
17
|
+
(props: LineChartProps): react_jsx_runtime7.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options.d.ts","names":[],"sources":["../../../src/react/charts/options.ts"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;EAAA,QAAA,EAEL,MAFK,CAAA,MAAoB,EAAA,CAAA,MAAA,GAEzB,
|
|
1
|
+
{"version":3,"file":"options.d.ts","names":[],"sources":["../../../src/react/charts/options.ts"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;EAAA,QAAA,EAEL,MAFK,CAAA,MAAoB,EAAA,CAAA,MAAA,GAEzB,MAAM,CAAA,EAAA,CAAA;EAOD,OAAA,EAAA,MAAA,EAAA;EAAiB,MAAA,EAAA,MAAA,EAAA;OACrB,CAAA,EAAA,MAAA;YAD6B,EAAA,OAAA;;AAwB1B,UAxBC,gBAAA,SAAyB,oBAwBV,CAAA;EAAA,SAAA,EAvBnB,SAuBmB;cACzB,EAAA,OAAA;SAEJ,EAAA,OAAA;EAAM,MAAA,EAAA,OAAA;EAmCO,UAAA,EAAA,OAAc;EAAA,UAAA,EAAA,MAAA;;AAM3B,iBA5Ca,gBAAA,CA4Cb,GAAA,EA3CI,oBA2CJ,EAAA,QAAA,CAAA,EAAA,OAAA,CAAA,EAzCA,MAyCA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAM,iBANO,cAAA,CAMP,GAAA,EALF,oBAKE,EAAA,SAAA,EAAA,KAAA,GAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAN,MAAM,CAAA,MAAA,EAAA,OAAA,CAAA;AAyCO,iBAAA,wBAAA,CAAwB,GAAA,EACjC,oBADiC,EAAA,OAAA,EAAA,OAAA,CAAA,EAGrC,MAHqC,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,UAyCvB,cAAA,SAAuB,oBAzCA,CAAA;;WAGrC,EAAA,CAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAM;EAsCQ,WAAA,EAAA,CAAA,MAAe,EAAA,MAAQ,EAAA,MAAA,CAAA,EAAA;EAaxB;EAAkB,GAAA,EAAA,MAAA;;KAE/B,EAAA,MAAA;EAAM;EAsEO,UAAA,EAAA,OAAA;;AACT,iBAzES,kBAAA,CAyET,GAAA,EAxEA,cAwEA,CAAA,EAvEJ,MAuEI,CAAA,MAAA,EAAA,OAAA,CAAA;AACJ,iBAFa,oBAAA,CAEb,GAAA,EADI,gBACJ,CAAA,EAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DonutChartProps, PieChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/pie/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const PieChart: {
|
|
17
|
-
(props: PieChartProps):
|
|
17
|
+
(props: PieChartProps): react_jsx_runtime8.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
/**
|
|
@@ -27,7 +27,7 @@ declare const PieChart: {
|
|
|
27
27
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
28
28
|
*/
|
|
29
29
|
declare const DonutChart: {
|
|
30
|
-
(props: DonutChartProps):
|
|
30
|
+
(props: DonutChartProps): react_jsx_runtime8.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
33
33
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RadarChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/radar/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const RadarChart: {
|
|
17
|
-
(props: RadarChartProps):
|
|
17
|
+
(props: RadarChartProps): react_jsx_runtime10.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ScatterChartProps } from "../types.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/scatter/index.d.ts
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ import * as react_jsx_runtime7 from "react/jsx-runtime";
|
|
|
14
14
|
* Supports both query mode (queryKey + parameters) and data mode (static data).
|
|
15
15
|
*/
|
|
16
16
|
declare const ScatterChart: {
|
|
17
|
-
(props: ScatterChartProps):
|
|
17
|
+
(props: ScatterChartProps): react_jsx_runtime11.JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChartData, DataFormat } from "./types.js";
|
|
2
2
|
import { ReactNode } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/react/charts/wrapper.d.ts
|
|
6
6
|
interface ChartWrapperQueryProps {
|
|
@@ -59,7 +59,7 @@ type ChartWrapperProps = CommonProps & (ChartWrapperQueryProps | ChartWrapperDat
|
|
|
59
59
|
* </ChartWrapper>
|
|
60
60
|
* ```
|
|
61
61
|
*/
|
|
62
|
-
declare function ChartWrapper(props: ChartWrapperProps):
|
|
62
|
+
declare function ChartWrapper(props: ChartWrapperProps): react_jsx_runtime14.JSX.Element;
|
|
63
63
|
//#endregion
|
|
64
64
|
export { ChartWrapper, ChartWrapperProps };
|
|
65
65
|
//# sourceMappingURL=wrapper.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DataTableProps } from "./types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime68 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/react/table/data-table.d.ts
|
|
5
5
|
|
|
@@ -44,7 +44,7 @@ import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
|
44
44
|
* )}
|
|
45
45
|
* </DataTable>
|
|
46
46
|
*/
|
|
47
|
-
declare function DataTable(props: DataTableProps):
|
|
47
|
+
declare function DataTable(props: DataTableProps): react_jsx_runtime68.JSX.Element;
|
|
48
48
|
//#endregion
|
|
49
49
|
export { DataTable };
|
|
50
50
|
//# sourceMappingURL=data-table.d.ts.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime15 from "react/jsx-runtime";
|
|
3
3
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/accordion.d.ts
|
|
6
6
|
/** Collapsible content sections organized in a vertical stack */
|
|
7
7
|
declare function Accordion({
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof AccordionPrimitive.Root>):
|
|
9
|
+
}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime15.JSX.Element;
|
|
10
10
|
/** Individual collapsible section within an accordion */
|
|
11
11
|
declare function AccordionItem({
|
|
12
12
|
className,
|
|
13
13
|
...props
|
|
14
|
-
}: React$1.ComponentProps<typeof AccordionPrimitive.Item>):
|
|
14
|
+
}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime15.JSX.Element;
|
|
15
15
|
/** Clickable button that triggers accordion content visibility */
|
|
16
16
|
declare function AccordionTrigger({
|
|
17
17
|
className,
|
|
18
18
|
children,
|
|
19
19
|
...props
|
|
20
|
-
}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>):
|
|
20
|
+
}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime15.JSX.Element;
|
|
21
21
|
/** Content area that expands and collapses within an accordion item */
|
|
22
22
|
declare function AccordionContent({
|
|
23
23
|
className,
|
|
24
24
|
children,
|
|
25
25
|
...props
|
|
26
|
-
}: React$1.ComponentProps<typeof AccordionPrimitive.Content>):
|
|
26
|
+
}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime15.JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
28
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
29
29
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1,61 +1,61 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
3
3
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/alert-dialog.d.ts
|
|
6
6
|
/** Modal dialog that interrupts the user with critical information requiring immediate action */
|
|
7
7
|
declare function AlertDialog({
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>):
|
|
9
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime22.JSX.Element;
|
|
10
10
|
/** Button that triggers the alert dialog to open */
|
|
11
11
|
declare function AlertDialogTrigger({
|
|
12
12
|
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>):
|
|
13
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime22.JSX.Element;
|
|
14
14
|
/** Portal container for rendering alert dialog content outside the DOM hierarchy */
|
|
15
15
|
declare function AlertDialogPortal({
|
|
16
16
|
container,
|
|
17
17
|
...props
|
|
18
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>):
|
|
18
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime22.JSX.Element;
|
|
19
19
|
/** Background overlay that dims content behind the alert dialog */
|
|
20
20
|
declare function AlertDialogOverlay({
|
|
21
21
|
className,
|
|
22
22
|
...props
|
|
23
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>):
|
|
23
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime22.JSX.Element;
|
|
24
24
|
/** Main content container for the alert dialog */
|
|
25
25
|
declare function AlertDialogContent({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>):
|
|
28
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime22.JSX.Element;
|
|
29
29
|
/** Header section containing title and description */
|
|
30
30
|
declare function AlertDialogHeader({
|
|
31
31
|
className,
|
|
32
32
|
...props
|
|
33
|
-
}: React$1.ComponentProps<"div">):
|
|
33
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime22.JSX.Element;
|
|
34
34
|
/** Footer section containing action buttons */
|
|
35
35
|
declare function AlertDialogFooter({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React$1.ComponentProps<"div">):
|
|
38
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime22.JSX.Element;
|
|
39
39
|
/** Title heading for the alert dialog */
|
|
40
40
|
declare function AlertDialogTitle({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>):
|
|
43
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime22.JSX.Element;
|
|
44
44
|
/** Descriptive text explaining the alert */
|
|
45
45
|
declare function AlertDialogDescription({
|
|
46
46
|
className,
|
|
47
47
|
...props
|
|
48
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>):
|
|
48
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime22.JSX.Element;
|
|
49
49
|
/** Primary action button that confirms the alert */
|
|
50
50
|
declare function AlertDialogAction({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>):
|
|
53
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime22.JSX.Element;
|
|
54
54
|
/** Cancel button that dismisses the alert dialog */
|
|
55
55
|
declare function AlertDialogCancel({
|
|
56
56
|
className,
|
|
57
57
|
...props
|
|
58
|
-
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>):
|
|
58
|
+
}: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime22.JSX.Element;
|
|
59
59
|
//#endregion
|
|
60
60
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
61
61
|
//# sourceMappingURL=alert-dialog.d.ts.map
|
package/dist/react/ui/alert.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
@@ -12,17 +12,17 @@ declare function Alert({
|
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
...props
|
|
15
|
-
}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>):
|
|
15
|
+
}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime19.JSX.Element;
|
|
16
16
|
/** Title text for an alert component */
|
|
17
17
|
declare function AlertTitle({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: React$1.ComponentProps<"div">):
|
|
20
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime19.JSX.Element;
|
|
21
21
|
/** Descriptive text content for an alert component */
|
|
22
22
|
declare function AlertDescription({
|
|
23
23
|
className,
|
|
24
24
|
...props
|
|
25
|
-
}: React$1.ComponentProps<"div">):
|
|
25
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime19.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { Alert, AlertDescription, AlertTitle };
|
|
28
28
|
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime33 from "react/jsx-runtime";
|
|
2
2
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
3
3
|
|
|
4
4
|
//#region src/react/ui/aspect-ratio.d.ts
|
|
5
5
|
/** Container that maintains a specific aspect ratio for its content */
|
|
6
6
|
declare function AspectRatio({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof AspectRatioPrimitive.Root>):
|
|
8
|
+
}: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime33.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { AspectRatio };
|
|
11
11
|
//# sourceMappingURL=aspect-ratio.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime34 from "react/jsx-runtime";
|
|
3
3
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/avatar.d.ts
|
|
@@ -7,17 +7,17 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
|
7
7
|
declare function Avatar({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof AvatarPrimitive.Root>):
|
|
10
|
+
}: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime34.JSX.Element;
|
|
11
11
|
/** Image element for the avatar */
|
|
12
12
|
declare function AvatarImage({
|
|
13
13
|
className,
|
|
14
14
|
...props
|
|
15
|
-
}: React$1.ComponentProps<typeof AvatarPrimitive.Image>):
|
|
15
|
+
}: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime34.JSX.Element;
|
|
16
16
|
/** Fallback content displayed when avatar image fails to load */
|
|
17
17
|
declare function AvatarFallback({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>):
|
|
20
|
+
}: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime34.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Avatar, AvatarFallback, AvatarImage };
|
|
23
23
|
//# sourceMappingURL=avatar.d.ts.map
|
package/dist/react/ui/badge.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime37 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
@@ -15,7 +15,7 @@ declare function Badge({
|
|
|
15
15
|
...props
|
|
16
16
|
}: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
17
17
|
asChild?: boolean;
|
|
18
|
-
}):
|
|
18
|
+
}): react_jsx_runtime37.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { Badge, badgeVariants };
|
|
21
21
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime38 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/react/ui/breadcrumb.d.ts
|
|
5
5
|
/** Navigation component showing the current page's location in the site hierarchy */
|
|
6
6
|
declare function Breadcrumb({
|
|
7
7
|
...props
|
|
8
|
-
}: React$1.ComponentProps<"nav">):
|
|
8
|
+
}: React$1.ComponentProps<"nav">): react_jsx_runtime38.JSX.Element;
|
|
9
9
|
/** Ordered list container for breadcrumb items */
|
|
10
10
|
declare function BreadcrumbList({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}: React$1.ComponentProps<"ol">):
|
|
13
|
+
}: React$1.ComponentProps<"ol">): react_jsx_runtime38.JSX.Element;
|
|
14
14
|
/** Individual item in the breadcrumb trail */
|
|
15
15
|
declare function BreadcrumbItem({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React$1.ComponentProps<"li">):
|
|
18
|
+
}: React$1.ComponentProps<"li">): react_jsx_runtime38.JSX.Element;
|
|
19
19
|
/** Clickable link within a breadcrumb item */
|
|
20
20
|
declare function BreadcrumbLink({
|
|
21
21
|
asChild,
|
|
@@ -23,23 +23,23 @@ declare function BreadcrumbLink({
|
|
|
23
23
|
...props
|
|
24
24
|
}: React$1.ComponentProps<"a"> & {
|
|
25
25
|
asChild?: boolean;
|
|
26
|
-
}):
|
|
26
|
+
}): react_jsx_runtime38.JSX.Element;
|
|
27
27
|
/** Current page indicator in the breadcrumb trail */
|
|
28
28
|
declare function BreadcrumbPage({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React$1.ComponentProps<"span">):
|
|
31
|
+
}: React$1.ComponentProps<"span">): react_jsx_runtime38.JSX.Element;
|
|
32
32
|
/** Visual separator between breadcrumb items */
|
|
33
33
|
declare function BreadcrumbSeparator({
|
|
34
34
|
children,
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: React$1.ComponentProps<"li">):
|
|
37
|
+
}: React$1.ComponentProps<"li">): react_jsx_runtime38.JSX.Element;
|
|
38
38
|
/** Ellipsis indicator for collapsed breadcrumb items */
|
|
39
39
|
declare function BreadcrumbEllipsis({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React$1.ComponentProps<"span">):
|
|
42
|
+
}: React$1.ComponentProps<"span">): react_jsx_runtime38.JSX.Element;
|
|
43
43
|
//#endregion
|
|
44
44
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
45
45
|
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Separator } from "./separator.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime46 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
5
|
|
|
@@ -12,7 +12,7 @@ declare function ButtonGroup({
|
|
|
12
12
|
className,
|
|
13
13
|
orientation,
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>):
|
|
15
|
+
}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime46.JSX.Element;
|
|
16
16
|
/** Text label or content within a button group */
|
|
17
17
|
declare function ButtonGroupText({
|
|
18
18
|
className,
|
|
@@ -20,13 +20,13 @@ declare function ButtonGroupText({
|
|
|
20
20
|
...props
|
|
21
21
|
}: React.ComponentProps<"div"> & {
|
|
22
22
|
asChild?: boolean;
|
|
23
|
-
}):
|
|
23
|
+
}): react_jsx_runtime46.JSX.Element;
|
|
24
24
|
/** Visual separator between buttons in a button group */
|
|
25
25
|
declare function ButtonGroupSeparator({
|
|
26
26
|
className,
|
|
27
27
|
orientation,
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<typeof Separator>):
|
|
29
|
+
}: React.ComponentProps<typeof Separator>): react_jsx_runtime46.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
32
32
|
//# sourceMappingURL=button-group.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime45 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
5
5
|
|
|
@@ -17,7 +17,7 @@ declare function Button({
|
|
|
17
17
|
...props
|
|
18
18
|
}: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
19
19
|
asChild?: boolean;
|
|
20
|
-
}):
|
|
20
|
+
}): react_jsx_runtime45.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Button, buttonVariants };
|
|
23
23
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button } from "./button.js";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime49 from "react/jsx-runtime";
|
|
4
4
|
import { DayButton, DayPicker } from "react-day-picker";
|
|
5
5
|
|
|
6
6
|
//#region src/react/ui/calendar.d.ts
|
|
@@ -16,14 +16,14 @@ declare function Calendar({
|
|
|
16
16
|
...props
|
|
17
17
|
}: React$1.ComponentProps<typeof DayPicker> & {
|
|
18
18
|
buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
|
|
19
|
-
}):
|
|
19
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
20
20
|
/** Individual day button within the calendar grid */
|
|
21
21
|
declare function CalendarDayButton({
|
|
22
22
|
className,
|
|
23
23
|
day,
|
|
24
24
|
modifiers,
|
|
25
25
|
...props
|
|
26
|
-
}: React$1.ComponentProps<typeof DayButton>):
|
|
26
|
+
}: React$1.ComponentProps<typeof DayButton>): react_jsx_runtime49.JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
28
|
export { Calendar, CalendarDayButton };
|
|
29
29
|
//# sourceMappingURL=calendar.d.ts.map
|
package/dist/react/ui/card.d.ts
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime51 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/react/ui/card.d.ts
|
|
5
5
|
/** Container for grouping related content with header, body, and footer sections */
|
|
6
6
|
declare function Card({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React$1.ComponentProps<"div">):
|
|
9
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
10
10
|
/** Header section containing title, description, and actions */
|
|
11
11
|
declare function CardHeader({
|
|
12
12
|
className,
|
|
13
13
|
...props
|
|
14
|
-
}: React$1.ComponentProps<"div">):
|
|
14
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
15
15
|
/** Title heading for the card */
|
|
16
16
|
declare function CardTitle({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: React$1.ComponentProps<"div">):
|
|
19
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
20
20
|
/** Descriptive text providing context for the card */
|
|
21
21
|
declare function CardDescription({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React$1.ComponentProps<"div">):
|
|
24
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
25
25
|
/** Action buttons or controls positioned in the card header */
|
|
26
26
|
declare function CardAction({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: React$1.ComponentProps<"div">):
|
|
29
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
30
30
|
/** Main content area of the card */
|
|
31
31
|
declare function CardContent({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React$1.ComponentProps<"div">):
|
|
34
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
35
35
|
/** Footer section for additional actions or information */
|
|
36
36
|
declare function CardFooter({
|
|
37
37
|
className,
|
|
38
38
|
...props
|
|
39
|
-
}: React$1.ComponentProps<"div">):
|
|
39
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime51.JSX.Element;
|
|
40
40
|
//#endregion
|
|
41
41
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
42
42
|
//# sourceMappingURL=card.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button } from "./button.js";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime58 from "react/jsx-runtime";
|
|
4
4
|
import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
|
|
5
5
|
|
|
6
6
|
//#region src/react/ui/carousel.d.ts
|
|
@@ -23,31 +23,31 @@ declare function Carousel({
|
|
|
23
23
|
className,
|
|
24
24
|
children,
|
|
25
25
|
...props
|
|
26
|
-
}: React$1.ComponentProps<"div"> & CarouselProps):
|
|
26
|
+
}: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime58.JSX.Element;
|
|
27
27
|
/** Container for carousel slides with horizontal or vertical scrolling */
|
|
28
28
|
declare function CarouselContent({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React$1.ComponentProps<"div">):
|
|
31
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime58.JSX.Element;
|
|
32
32
|
/** Individual slide within the carousel */
|
|
33
33
|
declare function CarouselItem({
|
|
34
34
|
className,
|
|
35
35
|
...props
|
|
36
|
-
}: React$1.ComponentProps<"div">):
|
|
36
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime58.JSX.Element;
|
|
37
37
|
/** Button to navigate to the previous carousel slide */
|
|
38
38
|
declare function CarouselPrevious({
|
|
39
39
|
className,
|
|
40
40
|
variant,
|
|
41
41
|
size,
|
|
42
42
|
...props
|
|
43
|
-
}: React$1.ComponentProps<typeof Button>):
|
|
43
|
+
}: React$1.ComponentProps<typeof Button>): react_jsx_runtime58.JSX.Element;
|
|
44
44
|
/** Button to navigate to the next carousel slide */
|
|
45
45
|
declare function CarouselNext({
|
|
46
46
|
className,
|
|
47
47
|
variant,
|
|
48
48
|
size,
|
|
49
49
|
...props
|
|
50
|
-
}: React$1.ComponentProps<typeof Button>):
|
|
50
|
+
}: React$1.ComponentProps<typeof Button>): react_jsx_runtime58.JSX.Element;
|
|
51
51
|
//#endregion
|
|
52
52
|
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
53
53
|
//# sourceMappingURL=carousel.d.ts.map
|
package/dist/react/ui/chart.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
1
|
+
import * as react0 from "react";
|
|
2
|
+
import * as react_jsx_runtime63 from "react/jsx-runtime";
|
|
3
3
|
import * as RechartsPrimitive from "recharts";
|
|
4
4
|
import * as recharts_types_util_types0 from "recharts/types/util/types";
|
|
5
5
|
import * as recharts_types_component_Tooltip0 from "recharts/types/component/Tooltip";
|
|
@@ -12,8 +12,8 @@ declare const THEMES: {
|
|
|
12
12
|
readonly dark: ".dark";
|
|
13
13
|
};
|
|
14
14
|
type ChartConfig = { [k in string]: {
|
|
15
|
-
label?:
|
|
16
|
-
icon?:
|
|
15
|
+
label?: react0.ReactNode;
|
|
16
|
+
icon?: react0.ComponentType;
|
|
17
17
|
} & ({
|
|
18
18
|
color?: string;
|
|
19
19
|
theme?: never;
|
|
@@ -28,23 +28,23 @@ declare function ChartContainer({
|
|
|
28
28
|
children,
|
|
29
29
|
config,
|
|
30
30
|
...props
|
|
31
|
-
}:
|
|
31
|
+
}: react0.ComponentProps<"div"> & {
|
|
32
32
|
config: ChartConfig;
|
|
33
|
-
children:
|
|
34
|
-
}):
|
|
33
|
+
children: react0.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
34
|
+
}): react_jsx_runtime63.JSX.Element;
|
|
35
35
|
declare const ChartStyle: ({
|
|
36
36
|
id,
|
|
37
37
|
config
|
|
38
38
|
}: {
|
|
39
39
|
id: string;
|
|
40
40
|
config: ChartConfig;
|
|
41
|
-
}) =>
|
|
41
|
+
}) => react_jsx_runtime63.JSX.Element | null;
|
|
42
42
|
/**
|
|
43
43
|
* A wrapper component for Recharts Tooltip with proper typing and documentation support.
|
|
44
44
|
* It is needed to ensure the correct name is displayed in the docs.
|
|
45
45
|
* @see https://recharts.org/en-US/api/Tooltip
|
|
46
46
|
*/
|
|
47
|
-
declare const ChartTooltip:
|
|
47
|
+
declare const ChartTooltip: react0.ForwardRefExoticComponent<RechartsPrimitive.DefaultTooltipContentProps<any, any> & {
|
|
48
48
|
accessibilityLayer?: boolean;
|
|
49
49
|
active?: boolean | undefined;
|
|
50
50
|
includeHidden?: boolean | undefined;
|
|
@@ -53,7 +53,7 @@ declare const ChartTooltip: React$1.ForwardRefExoticComponent<RechartsPrimitive.
|
|
|
53
53
|
animationEasing?: recharts_types_util_types0.AnimationTiming;
|
|
54
54
|
content?: recharts_types_component_Tooltip0.ContentType<any, any> | undefined;
|
|
55
55
|
coordinate?: Partial<recharts_types_util_types0.Coordinate>;
|
|
56
|
-
cursor?: boolean |
|
|
56
|
+
cursor?: boolean | react0.ReactElement | react0.SVGProps<SVGElement>;
|
|
57
57
|
filterNull?: boolean;
|
|
58
58
|
defaultIndex?: number;
|
|
59
59
|
isAnimationActive?: boolean;
|
|
@@ -65,8 +65,8 @@ declare const ChartTooltip: React$1.ForwardRefExoticComponent<RechartsPrimitive.
|
|
|
65
65
|
trigger?: "hover" | "click";
|
|
66
66
|
useTranslate3d?: boolean;
|
|
67
67
|
viewBox?: recharts_types_util_types0.CartesianViewBox;
|
|
68
|
-
wrapperStyle?:
|
|
69
|
-
} &
|
|
68
|
+
wrapperStyle?: react0.CSSProperties;
|
|
69
|
+
} & react0.RefAttributes<HTMLDivElement>>;
|
|
70
70
|
declare function ChartTooltipContent({
|
|
71
71
|
active,
|
|
72
72
|
payload,
|
|
@@ -81,12 +81,12 @@ declare function ChartTooltipContent({
|
|
|
81
81
|
color,
|
|
82
82
|
nameKey,
|
|
83
83
|
labelKey
|
|
84
|
-
}:
|
|
84
|
+
}: react0.ComponentProps<"div"> & {
|
|
85
85
|
active?: boolean;
|
|
86
86
|
payload?: any[];
|
|
87
87
|
label?: string;
|
|
88
|
-
labelFormatter?: (value: any, payload: any[]) =>
|
|
89
|
-
formatter?: (value: any, name: any, item: any, index: number, payload: any) =>
|
|
88
|
+
labelFormatter?: (value: any, payload: any[]) => react0.ReactNode;
|
|
89
|
+
formatter?: (value: any, name: any, item: any, index: number, payload: any) => react0.ReactNode;
|
|
90
90
|
color?: string;
|
|
91
91
|
hideLabel?: boolean;
|
|
92
92
|
hideIndicator?: boolean;
|
|
@@ -94,24 +94,24 @@ declare function ChartTooltipContent({
|
|
|
94
94
|
labelClassName?: string;
|
|
95
95
|
nameKey?: string;
|
|
96
96
|
labelKey?: string;
|
|
97
|
-
}):
|
|
97
|
+
}): react_jsx_runtime63.JSX.Element | null;
|
|
98
98
|
/**
|
|
99
99
|
* A wrapper component for Recharts Legend with proper typing and documentation support.
|
|
100
100
|
* It is needed to ensure the correct name is displayed in the docs.
|
|
101
101
|
* @see https://recharts.org/en-US/api/Legend
|
|
102
102
|
*/
|
|
103
|
-
declare const ChartLegend:
|
|
103
|
+
declare const ChartLegend: react0.ForwardRefExoticComponent<Omit<RechartsPrimitive.LegendProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
|
|
104
104
|
declare function ChartLegendContent({
|
|
105
105
|
className,
|
|
106
106
|
hideIcon,
|
|
107
107
|
payload,
|
|
108
108
|
verticalAlign,
|
|
109
109
|
nameKey
|
|
110
|
-
}:
|
|
110
|
+
}: react0.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
|
|
111
111
|
payload?: any[];
|
|
112
112
|
hideIcon?: boolean;
|
|
113
113
|
nameKey?: string;
|
|
114
|
-
}):
|
|
114
|
+
}): react_jsx_runtime63.JSX.Element | null;
|
|
115
115
|
//#endregion
|
|
116
116
|
export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
|
|
117
117
|
//# sourceMappingURL=chart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.d.ts","names":[],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQM;;;;KAEM,WAAA;UAEA,
|
|
1
|
+
{"version":3,"file":"chart.d.ts","names":[],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQM;;;;KAEM,WAAA;UAEA,MAAA,CAAM;EAJZ,IAAA,CAA8C,EAKzC,MAAA,CAAM,aALmC;AAExC,CAAA,GAAA,CAAA;EAAW,KAAA,CAAA,EAAA,MAAA;EAEX,KAAA,CAAM,EAAA,KAAA;IACP;EAGuC,KAAA,CAAA,EAAA,KAAA;EAApB,KAAA,EAAA,MAAA,CAAA,MAAA,OAAoB,MAApB,EAAA,MAAA,CAAA;AAAM,CAAA,CAAA,EAElC;;iBAmBO,cAAA,CACP;EAAA,EAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAKC,MAAA,CAAM,cALP,CAAA,KAAA,CAAA,GAAA;QACA,EAKQ,WALR;UACA,EAKU,MAAA,CAAM,cALhB,CAAA,OAMS,iBAAA,CAAkB,mBAN3B,CAAA,CAAA,UAAA,CAAA;IAQD,mBAAA,CAAA,GAAA,CAAA,OAPC;cA+BI,UA7BG,EAAA,CAAA;EAAA,EAAA;EAAA;CAAA,EAAA;MACC,MAAA;QAEC,EA0B+C,WA1B/C;MA0B4D,mBAAA,CAAA,GAAA,CAAA,OAAA,GA3BrD,IAAA;;;AAGjB;;;cA8DK,YAtCc,EAsCF,MAAA,CAAA,yBAtCE,CAsCF,iBAAA,CAAA,0BAtCE,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA;oBAAsC,CAAA,EAAA,OAAA;QAAa,CAAA,EAAA,OAAA,GAAA,SAAA;EAAA,aAAA,CAAA,EAAA,OAAA,GAAA,SAAA;EAsCjE,kBAIL,CAAA,EAJiB,0BAAA,CAAA,gBAIjB;EAAA,iBAAA,CAAA,8CAAA;iBAJiB,CAAA,4CAAA;SAAA,CAAA,+CAAA,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,SAAA;;;;;;;;;;;;;;;;iBAOT,mBAAA;;;;;;;;;;;;;;GAcN,MAAA,CAAM;;SArBS,CAAA,EAAA,GAAA,EAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAOT,cAAA,CAAA,EAAA,CAAA,KAAmB,EAAA,GAAA,EAAA,OAAA,EAAA,GAAA,EAAA,EAAA,GAkBuB,MAAA,CAAM,SAlB7B;EAAA,SAAA,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,IAAA,EAAA,GAAA,EAAA,IAAA,EAAA,GAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,EAAA,GAyBrB,MAAA,CAAM,SAzBe;OAC1B,CAAA,EAAA,MAAA;WACA,CAAA,EAAA,OAAA;eACA,CAAA,EAAA,OAAA;WACA,CAAA,EAAA,MAAA,GAAA,KAAA,GAAA,QAAA;gBACA,CAAA,EAAA,MAAA;SACA,CAAA,EAAA,MAAA;UACA,CAAA,EAAA,MAAA;IA0BD,mBAAA,CAAA,GAAA,CAAA,OAAA,GAzBC,IAAA;;;;;;cA2JI,WArJG,EAqJQ,MAAA,CAAA,yBArJR,CAqJQ,IArJR,CAqJQ,iBAAA,CAAA,WArJR,EAAA,KAAA,CAAA,GAqJQ,MAAA,CAAA,aArJR,CAqJQ,cArJR,CAAA,CAAA;iBA4JA,kBAAA,CAxJgD;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,aAAA;EAAA;AAexD,CAfwD,EA8JtD,MAAA,CAAM,cA9JgD,CAAA,KAAA,CAAA,GA+JvD,IA/JuD,CA+JlD,iBAAA,CAAkB,WA/JgC,EAAA,eAAA,CAAA,GAAA;SAOlD,CAAA,EAAM,GAAA,EAAA;UAQZ,CAAA,EAAA,OAAA;EAAA,OAAA,CAAA,EAAA,MAAA;AAAA,CAAA,CAAA,EAoJE,mBAAA,CAAA,GAAA,CAAA,OAAA,GAdF,IAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime67 from "react/jsx-runtime";
|
|
3
3
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/checkbox.d.ts
|
|
@@ -7,7 +7,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
|
7
7
|
declare function Checkbox({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>):
|
|
10
|
+
}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime67.JSX.Element;
|
|
11
11
|
//#endregion
|
|
12
12
|
export { Checkbox };
|
|
13
13
|
//# sourceMappingURL=checkbox.d.ts.map
|
package/dist/react/ui/form.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react2 from "react";
|
|
2
2
|
import * as react_jsx_runtime147 from "react/jsx-runtime";
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
@@ -7,7 +7,7 @@ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
|
|
|
7
7
|
|
|
8
8
|
//#region src/react/ui/form.d.ts
|
|
9
9
|
/** Form context provider using react-hook-form */
|
|
10
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) =>
|
|
10
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => react2.JSX.Element;
|
|
11
11
|
/** Controlled field component for react-hook-form integration */
|
|
12
12
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
|
|
13
13
|
...props
|
|
@@ -28,26 +28,26 @@ declare const useFormField: () => {
|
|
|
28
28
|
declare function FormItem({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}:
|
|
31
|
+
}: react2.ComponentProps<"div">): react_jsx_runtime147.JSX.Element;
|
|
32
32
|
/** Label for a form field with error state styling */
|
|
33
33
|
declare function FormLabel({
|
|
34
34
|
className,
|
|
35
35
|
...props
|
|
36
|
-
}:
|
|
36
|
+
}: react2.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime147.JSX.Element;
|
|
37
37
|
/** Wrapper for form control elements with accessibility attributes */
|
|
38
38
|
declare function FormControl({
|
|
39
39
|
...props
|
|
40
|
-
}:
|
|
40
|
+
}: react2.ComponentProps<typeof Slot>): react_jsx_runtime147.JSX.Element;
|
|
41
41
|
/** Helper text providing guidance for a form field */
|
|
42
42
|
declare function FormDescription({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}:
|
|
45
|
+
}: react2.ComponentProps<"p">): react_jsx_runtime147.JSX.Element;
|
|
46
46
|
/** Validation error message for a form field */
|
|
47
47
|
declare function FormMessage({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}:
|
|
50
|
+
}: react2.ComponentProps<"p">): react_jsx_runtime147.JSX.Element | null;
|
|
51
51
|
//#endregion
|
|
52
52
|
export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
|
|
53
53
|
//# sourceMappingURL=form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/react/ui/form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAmBM,4BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,
|
|
1
|
+
{"version":3,"file":"form.d.ts","names":[],"sources":["../../../src/react/ui/form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAmBM,4BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,MAAA,CAAA,GAAA,CAAA;;cAcJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,oBAAA,CAAA,GAAA,CAAA;AAzBd,cAiCnB,YA3BmB,EAAA,GAAA,GAAA;EAAA,OAAA,EAAA,OAAA;SAAf,EAAA,OAAA;WAAA,EAAA,OAAA;cAAA,EAAA,OAAA;OAAA,CAAA,EAgDT,gBAAA,CAAA,UAhDS;MAAA,MAAA;MAAA,EAAA,MAAA;YAAA,EAAA,MAAA;EAAe,iBAAA,EAAA,MAAA;EAcnB,aAWL,EAAA,MAAA;CAAA;;iBAkCQ,QAAA,CA5C4B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4CM,MAAA,CAAM,cA5CZ,CAAA,KAAA,CAAA,CAAA,EA4CiC,oBAAA,CAAA,GAAA,CAAA,OA5CjC;;iBA2D5B,SAAA,CA1DO;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6Db,MAAA,CAAM,cA7DO,CAAA,OA6De,cAAA,CAAe,IA7D9B,CAAA,CAAA,EA6DmC,oBAAA,CAAA,GAAA,CAAA,OA7DnC;;iBA4EP,WAAA,CA5EiC;EAAA,GAAA;AAAA,CAAA,EA4EP,MAAA,CAAM,cA5EC,CAAA,OA4EqB,IA5ErB,CAAA,CAAA,EA4E0B,oBAAA,CAAA,GAAA,CAAA,OA5E1B;;iBAgGjC,eAAA,CA7FwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FiB,MAAA,CAAM,cA7FvB,CAAA,GAAA,CAAA,CAAA,EA6F0C,oBAAA,CAAA,GAAA,CAAA,OA7F1C;;iBA2GxB,WAAA,CA3G8B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2GO,MAAA,CAAM,cA3Gb,CAAA,GAAA,CAAA,CAAA,EA2GgC,oBAAA,CAAA,GAAA,CAAA,OAAA,GA3GhC,IAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/tooltip.d.ts
|
|
@@ -7,20 +7,20 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
|
7
7
|
declare function TooltipProvider({
|
|
8
8
|
delayDuration,
|
|
9
9
|
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>):
|
|
10
|
+
}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime0.JSX.Element;
|
|
11
11
|
/** Brief informational message that appears on hover */
|
|
12
12
|
declare function Tooltip({
|
|
13
13
|
...props
|
|
14
|
-
}: React$1.ComponentProps<typeof TooltipPrimitive.Root>):
|
|
14
|
+
}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime0.JSX.Element;
|
|
15
15
|
declare function TooltipTrigger({
|
|
16
16
|
...props
|
|
17
|
-
}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>):
|
|
17
|
+
}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
|
|
18
18
|
declare function TooltipContent({
|
|
19
19
|
className,
|
|
20
20
|
sideOffset,
|
|
21
21
|
children,
|
|
22
22
|
...props
|
|
23
|
-
}: React$1.ComponentProps<typeof TooltipPrimitive.Content>):
|
|
23
|
+
}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime0.JSX.Element;
|
|
24
24
|
//#endregion
|
|
25
25
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
26
26
|
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/react/ui/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,eAAA;;;GAGN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,YAAS,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/react/ui/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,eAAA;;;GAGN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,YAAS,kBAAA,CAAA,GAAA,CAAA;;AATG,iBAoBnD,OAAA,CAde;EAAA,GAAA;AAAA,CAAA,EAgBrB,OAAA,CAAM,cAhBe,CAAA,OAgBO,gBAAA,CAAiB,IAhBxB,CAAA,CAAA,EAgB6B,kBAAA,CAAA,GAAA,CAAA,OAhB7B;iBAwBf,cAAA,CAxBe;EAAA,GAAA;AAAA,CAAA,EA0BrB,OAAA,CAAM,cA1Be,CAAA,OA0BO,gBAAA,CAAiB,OA1BxB,CAAA,CAAA,EA0BgC,kBAAA,CAAA,GAAA,CAAA,OA1BhC;iBA8Bf,cAAA,CA7BP;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAkCC,OAAA,CAAM,cAlCP,CAAA,OAkC6B,gBAAA,CAAiB,OAlC9C,CAAA,CAAA,EAkCsD,kBAAA,CAAA,GAAA,CAAA,OAlCtD"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
# Genie plugin
|
|
2
|
+
|
|
3
|
+
Integrates [Databricks AI/BI Genie](https://docs.databricks.com/en/genie/index.html) spaces into your AppKit application, enabling natural language data queries via a conversational interface.
|
|
4
|
+
|
|
5
|
+
**Key features:**
|
|
6
|
+
|
|
7
|
+
* Named space aliases for multiple Genie spaces
|
|
8
|
+
* SSE streaming with real-time status updates
|
|
9
|
+
* Conversation history replay with automatic reconnection
|
|
10
|
+
* Query result attachment fetching
|
|
11
|
+
* On-behalf-of (OBO) user execution
|
|
12
|
+
|
|
13
|
+
## Basic usage[](#basic-usage "Direct link to Basic usage")
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { createApp, genie, server } from "@databricks/appkit";
|
|
17
|
+
|
|
18
|
+
await createApp({
|
|
19
|
+
plugins: [
|
|
20
|
+
server(),
|
|
21
|
+
genie(),
|
|
22
|
+
],
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Configuration options[](#configuration-options "Direct link to Configuration options")
|
|
28
|
+
|
|
29
|
+
| Option | Type | Default | Description |
|
|
30
|
+
| --------- | ------------------------ | ---------------------------------------- | ------------------------------------------------ |
|
|
31
|
+
| `spaces` | `Record<string, string>` | `{ default: DATABRICKS_GENIE_SPACE_ID }` | Map of alias names to Genie Space IDs |
|
|
32
|
+
| `timeout` | `number` | `120000` | Polling timeout in ms. Set to `0` for indefinite |
|
|
33
|
+
|
|
34
|
+
### Space aliases[](#space-aliases "Direct link to Space aliases")
|
|
35
|
+
|
|
36
|
+
Space aliases let you reference multiple Genie spaces by name. The alias is used in API routes and the frontend `<GenieChat>` component:
|
|
37
|
+
|
|
38
|
+
```ts
|
|
39
|
+
genie({
|
|
40
|
+
spaces: {
|
|
41
|
+
sales: "01ABCDEF12345678",
|
|
42
|
+
support: "01GHIJKL87654321",
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
If you omit `spaces`, the plugin reads `DATABRICKS_GENIE_SPACE_ID` from the environment and registers it under the `default` alias.
|
|
49
|
+
|
|
50
|
+
## Environment variables[](#environment-variables "Direct link to Environment variables")
|
|
51
|
+
|
|
52
|
+
| Variable | Description |
|
|
53
|
+
| --------------------------- | ------------------------------------------------------------- |
|
|
54
|
+
| `DATABRICKS_GENIE_SPACE_ID` | Default Genie Space ID (used when `spaces` config is omitted) |
|
|
55
|
+
|
|
56
|
+
## HTTP endpoints[](#http-endpoints "Direct link to HTTP endpoints")
|
|
57
|
+
|
|
58
|
+
The genie plugin exposes these endpoints (mounted under `/api/genie`):
|
|
59
|
+
|
|
60
|
+
* `POST /api/genie/:alias/messages` — Send a message to a Genie space (SSE stream)
|
|
61
|
+
* `GET /api/genie/:alias/conversations/:conversationId` — Replay conversation history (SSE stream)
|
|
62
|
+
|
|
63
|
+
### Send a message[](#send-a-message "Direct link to Send a message")
|
|
64
|
+
|
|
65
|
+
```text
|
|
66
|
+
POST /api/genie/:alias/messages
|
|
67
|
+
Content-Type: application/json
|
|
68
|
+
|
|
69
|
+
{
|
|
70
|
+
"content": "What were total sales last quarter?",
|
|
71
|
+
"conversationId": "optional-existing-conversation-id"
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
The response is an SSE stream that emits these event types:
|
|
77
|
+
|
|
78
|
+
| Event type | Description |
|
|
79
|
+
| ---------------- | --------------------------------------------------------------- |
|
|
80
|
+
| `message_start` | Conversation and message IDs assigned |
|
|
81
|
+
| `status` | Processing status updates (e.g. `ASKING_AI`, `EXECUTING_QUERY`) |
|
|
82
|
+
| `message_result` | Final message with text and query attachments |
|
|
83
|
+
| `query_result` | Tabular data for a query attachment |
|
|
84
|
+
| `error` | Error details |
|
|
85
|
+
|
|
86
|
+
### Get conversation history[](#get-conversation-history "Direct link to Get conversation history")
|
|
87
|
+
|
|
88
|
+
```text
|
|
89
|
+
GET /api/genie/:alias/conversations/:conversationId
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
Returns an SSE stream of `message_result` and `query_result` events for all messages in the conversation.
|
|
94
|
+
|
|
95
|
+
## Programmatic access[](#programmatic-access "Direct link to Programmatic access")
|
|
96
|
+
|
|
97
|
+
The plugin exports `sendMessage` and `getConversation` for server-side use:
|
|
98
|
+
|
|
99
|
+
```ts
|
|
100
|
+
const AppKit = await createApp({
|
|
101
|
+
plugins: [server(), genie({ spaces: { demo: "space-id" } })],
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
// Stream events
|
|
105
|
+
for await (const event of AppKit.genie.sendMessage("demo", "Show revenue by region")) {
|
|
106
|
+
console.log(event.type, event);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
// Fetch full conversation
|
|
110
|
+
const history = await AppKit.genie.getConversation("demo", "conversation-id");
|
|
111
|
+
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
## Frontend components[](#frontend-components "Direct link to Frontend components")
|
|
115
|
+
|
|
116
|
+
The `@databricks/appkit-ui` package provides ready-to-use React components for Genie:
|
|
117
|
+
|
|
118
|
+
### GenieChat[](#geniechat "Direct link to GenieChat")
|
|
119
|
+
|
|
120
|
+
A full-featured chat interface that handles streaming, history, and reconnection:
|
|
121
|
+
|
|
122
|
+
```tsx
|
|
123
|
+
import { GenieChat } from "@databricks/appkit-ui/react";
|
|
124
|
+
|
|
125
|
+
function GeniePage() {
|
|
126
|
+
return (
|
|
127
|
+
<div style={{ height: 600 }}>
|
|
128
|
+
<GenieChat alias="demo" />
|
|
129
|
+
</div>
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
The `alias` prop must match a key in the `spaces` configuration on the server.
|
|
136
|
+
|
|
137
|
+
### useGenieChat hook[](#usegeniechat-hook "Direct link to useGenieChat hook")
|
|
138
|
+
|
|
139
|
+
For custom chat UIs, use the `useGenieChat` hook directly:
|
|
140
|
+
|
|
141
|
+
```tsx
|
|
142
|
+
import { useGenieChat } from "@databricks/appkit-ui/react";
|
|
143
|
+
|
|
144
|
+
function CustomChat() {
|
|
145
|
+
const { messages, status, sendMessage, reset } = useGenieChat({
|
|
146
|
+
alias: "demo",
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
return (
|
|
150
|
+
<>
|
|
151
|
+
{messages.map((msg) => (
|
|
152
|
+
<div key={msg.id}>{msg.content}</div>
|
|
153
|
+
))}
|
|
154
|
+
<button onClick={() => sendMessage("Show top customers")}>Ask</button>
|
|
155
|
+
<button onClick={reset}>New conversation</button>
|
|
156
|
+
</>
|
|
157
|
+
);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
See the [GenieChat](./docs/api/appkit-ui/genie/GenieChat.md) component reference for the full props API.
|
package/docs/plugins.md
CHANGED
|
@@ -9,12 +9,13 @@ For complete API documentation, see the [`Plugin`](./docs/api/appkit/Class.Plugi
|
|
|
9
9
|
Configure plugins when creating your AppKit instance:
|
|
10
10
|
|
|
11
11
|
```typescript
|
|
12
|
-
import { createApp, server, analytics } from "@databricks/appkit";
|
|
12
|
+
import { createApp, server, analytics, genie } from "@databricks/appkit";
|
|
13
13
|
|
|
14
14
|
const AppKit = await createApp({
|
|
15
15
|
plugins: [
|
|
16
16
|
server({ port: 8000 }),
|
|
17
17
|
analytics(),
|
|
18
|
+
genie(),
|
|
18
19
|
],
|
|
19
20
|
});
|
|
20
21
|
|
package/llms.txt
CHANGED
|
@@ -44,6 +44,7 @@ npx @databricks/appkit docs <query>
|
|
|
44
44
|
- [Caching](./docs/plugins/caching.md): AppKit provides both global and plugin-level caching capabilities.
|
|
45
45
|
- [Creating custom plugins](./docs/plugins/custom-plugins.md): If you need custom API routes or background logic, implement an AppKit plugin. The fastest way is to use the CLI:
|
|
46
46
|
- [Execution context](./docs/plugins/execution-context.md): AppKit manages Databricks authentication via two contexts:
|
|
47
|
+
- [Genie plugin](./docs/plugins/genie.md): Integrates Databricks AI/BI Genie spaces into your AppKit application, enabling natural language data queries via a conversational interface.
|
|
47
48
|
- [Lakebase plugin](./docs/plugins/lakebase.md): Currently, the Lakebase plugin currently requires a one-time manual setup to connect your Databricks App with your Lakebase database. An automated setup process is planned for an upcoming future release.
|
|
48
49
|
- [Plugin management](./docs/plugins/plugin-management.md): AppKit includes a CLI for managing plugins. All commands are available under npx @databricks/appkit plugin.
|
|
49
50
|
- [Server plugin](./docs/plugins/server.md): Provides HTTP server capabilities with development and production modes.
|