@databricks/appkit-ui 0.43.1 → 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.
- package/CLAUDE.md +0 -1
- package/NOTICE.md +1 -0
- package/dist/react/index.d.ts +1 -2
- package/dist/react/index.js +1 -2
- package/dist/react/ui/index.d.ts +0 -1
- package/docs/api/appkit-ui/ui/ContextMenu.md +2 -2
- package/docs/api/appkit-ui/ui/Drawer.md +0 -56
- package/docs/api/appkit-ui/ui/DropdownMenu.md +3 -3
- package/docs/api/appkit-ui/ui/HoverCard.md +2 -2
- package/docs/api/appkit-ui/ui/Menubar.md +3 -3
- package/docs/api/appkit-ui/ui/Popover.md +2 -2
- package/docs/api/appkit-ui/ui/Select.md +2 -2
- package/docs/api/appkit-ui/ui/Tooltip.md +2 -2
- package/llms.txt +0 -1
- package/package.json +2 -4
- package/sbom.cdx.json +1 -1
- package/dist/react/ui/chart.d.ts +0 -117
- package/dist/react/ui/chart.d.ts.map +0 -1
- package/dist/react/ui/chart.js +0 -160
- package/dist/react/ui/chart.js.map +0 -1
- package/docs/api/appkit-ui/ui/ChartContainer.md +0 -343
package/CLAUDE.md
CHANGED
|
@@ -211,7 +211,6 @@ npx @databricks/appkit docs <query>
|
|
|
211
211
|
- [Calendar](./docs/api/appkit-ui/ui/Calendar.md): Date picker component for selecting single dates or date ranges
|
|
212
212
|
- [Card](./docs/api/appkit-ui/ui/Card.md): Container for grouping related content with header, body, and footer sections
|
|
213
213
|
- [Carousel](./docs/api/appkit-ui/ui/Carousel.md): Slideshow component for cycling through content with navigation controls
|
|
214
|
-
- [ChartContainer](./docs/api/appkit-ui/ui/ChartContainer.md): Container for rendering data visualizations using Recharts
|
|
215
214
|
- [Checkbox](./docs/api/appkit-ui/ui/Checkbox.md): Checkbox input for selecting multiple options
|
|
216
215
|
- [Collapsible](./docs/api/appkit-ui/ui/Collapsible.md): Interactive component that expands and collapses content
|
|
217
216
|
- [Command](./docs/api/appkit-ui/ui/Command.md): Command palette for keyboard-driven navigation and actions
|
package/NOTICE.md
CHANGED
|
@@ -59,6 +59,7 @@ This Software contains code from the following open source projects:
|
|
|
59
59
|
| [commander](https://www.npmjs.com/package/commander) | 2.20.3, 5.1.0, 7.2.0, 8.3.0, 10.0.1, 12.1.0 | MIT | https://github.com/tj/commander.js#readme |
|
|
60
60
|
| [dompurify](https://www.npmjs.com/package/dompurify) | 3.4.11 | (MPL-2.0 OR Apache-2.0) | https://github.com/cure53/DOMPurify |
|
|
61
61
|
| [dotenv](https://www.npmjs.com/package/dotenv) | 16.6.1 | BSD-2-Clause | https://github.com/motdotla/dotenv#readme |
|
|
62
|
+
| [drizzle-orm](https://www.npmjs.com/package/drizzle-orm) | 0.45.1 | Apache-2.0 | https://orm.drizzle.team |
|
|
62
63
|
| [echarts](https://www.npmjs.com/package/echarts) | 6.0.0 | Apache-2.0 | https://echarts.apache.org |
|
|
63
64
|
| [echarts-for-react](https://www.npmjs.com/package/echarts-for-react) | 3.0.5 | MIT | https://github.com/hustcc/echarts-for-react |
|
|
64
65
|
| [embla-carousel-react](https://www.npmjs.com/package/embla-carousel-react) | 8.6.0 | MIT | https://www.embla-carousel.com |
|
package/dist/react/index.d.ts
CHANGED
|
@@ -64,7 +64,6 @@ import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants
|
|
|
64
64
|
import { Calendar, CalendarDayButton } from "./ui/calendar.js";
|
|
65
65
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
|
|
66
66
|
import { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./ui/carousel.js";
|
|
67
|
-
import { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./ui/chart.js";
|
|
68
67
|
import { Checkbox } from "./ui/checkbox.js";
|
|
69
68
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
|
|
70
69
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
|
|
@@ -105,4 +104,4 @@ import { Textarea } from "./ui/textarea.js";
|
|
|
105
104
|
import { Toggle, toggleVariants } from "./ui/toggle.js";
|
|
106
105
|
import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
|
|
107
106
|
import "./ui/index.js";
|
|
108
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChatEvent, AggregatedResourceStatus, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette,
|
|
107
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChatEvent, AggregatedResourceStatus, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnalyticsFormat, AreaChart, AreaChartProps, AreaChartSpecificProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BarChartProps, BarChartSpecificProps, BaseChart, BaseChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CartesianContext, ChartBaseProps, ChartColorPalette, ChartData, ChartInference, ChartType, ChartUITokens, ChartWrapper, ChartWrapperProps, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnCategory, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataFormat, DataProps, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryEntry, DirectoryList, DirectoryListProps, DonutChart, DonutChartProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileBreadcrumbProps, FileBrowserLabels, FileEntry, FileEntryProps, FilePreview, FilePreviewPanel, FilePreviewPanelProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieAttachmentResponse, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieChatProps, GenieChatStatus, GenieColumnMeta, GenieMessageItem, GenieMessageResponse, GenieQueryVisualization, GenieStatementResponse, GenieStreamEvent, HeatmapChart, HeatmapChartProps, HeatmapChartSpecificProps, HeatmapContext, HoverCard, HoverCardContent, HoverCardTrigger, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LineChartProps, LineChartSpecificProps, LoadingSkeleton, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, NewFolderInputProps, NormalizedChartData, NormalizedChartDataBase, NormalizedHeatmapData, OptionBuilderContext, Orientation, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, PieChartProps, PieChartSpecificProps, PluginRegistry, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, QueryProps, QueryRegistry, RadarChart, RadarChartProps, RadarChartSpecificProps, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceKindRenderer, ResourceSeverity, ResourceStatus, ResourceStatusFilter, ResourceStatusIndicator, ResourceStatusIndicatorProps, ResourceStatusProvider, ResourceStatusProviderProps, ResourceStatusToasterOptions, ResourceWaitingPlaceholder, ScatterChart, ScatterChartProps, ScatterChartSpecificProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ServingAlias, ServingEndpointRegistry, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, TERMINAL_STATUSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransformedGenieData, TypedArrowTable, UnifiedChartProps, UseAgentChatOptions, UseAgentChatResult, UseAnalyticsQueryOptions, UseAnalyticsQueryResult, UseChartDataOptions, UseChartDataResult, UseGenieChatOptions, UseGenieChatReturn, UseServingInvokeOptions, UseServingInvokeResult, UseServingStreamOptions, UseServingStreamResult, WarehouseState, WarehouseStatus, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useChartUITokens, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useResourceStatus, useResourceStatusPublisher, useResourceStatusToaster, useServingInvoke, useServingStream, useSidebar, useThemeColors };
|
package/dist/react/index.js
CHANGED
|
@@ -65,7 +65,6 @@ import { Separator } from "./ui/separator.js";
|
|
|
65
65
|
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.js";
|
|
66
66
|
import { Calendar, CalendarDayButton } from "./ui/calendar.js";
|
|
67
67
|
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./ui/carousel.js";
|
|
68
|
-
import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./ui/chart.js";
|
|
69
68
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
|
|
70
69
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
|
|
71
70
|
import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
|
|
@@ -96,4 +95,4 @@ import { Switch } from "./ui/switch.js";
|
|
|
96
95
|
import { Toggle, toggleVariants } from "./ui/toggle.js";
|
|
97
96
|
import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
|
|
98
97
|
|
|
99
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BaseChart, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious,
|
|
98
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BarChart, BaseChart, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartWrapper, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DATE_FIELD_PATTERNS, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectoryList, DonutChart, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileBreadcrumb, FileEntry, FilePreviewPanel, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GenieChat, GenieChatInput, GenieChatMessage, GenieChatMessageList, GenieQueryVisualization, HeatmapChart, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, LineChart, LoadingSkeleton, METADATA_DATE_PATTERNS, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NAME_FIELD_PATTERNS, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NewFolderInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PieChart, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerContext, PortalContainerProvider, Progress, RadarChart, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResourceStatusIndicator, ResourceStatusProvider, ResourceWaitingPlaceholder, ScatterChart, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption, buttonGroupVariants, buttonVariants, cn, createChart, createTimeSeriesData, formatFileSize, formatLabel, getCompatibleChartTypes, inferChartType, isArrowTable, isDataProps, isQueryProps, navigationMenuTriggerStyle, normalizeChartData, normalizeHeatmapData, sortTimeSeriesAscending, toChartArray, toChartValue, toggleVariants, transformGenieData, truncateLabel, useAgentChat, useAllThemeColors, useAnalyticsQuery, useChartData, useChartUITokens, useFormField, useGenieChat, useIsMobile, usePluginClientConfig, usePortalContainer, useResolvedPortalContainer, useResourceStatus, useResourceStatusPublisher, useResourceStatusToaster, useServingInvoke, useServingStream, useSidebar, useThemeColors };
|
package/dist/react/ui/index.d.ts
CHANGED
|
@@ -11,7 +11,6 @@ import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants
|
|
|
11
11
|
import { Calendar, CalendarDayButton } from "./calendar.js";
|
|
12
12
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
|
|
13
13
|
import { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.js";
|
|
14
|
-
import { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./chart.js";
|
|
15
14
|
import { Checkbox } from "./checkbox.js";
|
|
16
15
|
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
|
|
17
16
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.js";
|
|
@@ -144,7 +144,7 @@ import { ContextMenuCheckboxItem } from '@databricks/appkit-ui';
|
|
|
144
144
|
| `arrowPadding` | `number` | | - | - |
|
|
145
145
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
146
146
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
147
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
147
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
148
148
|
| `sticky` | `enum` | | - | - |
|
|
149
149
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
150
150
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -362,7 +362,7 @@ import { ContextMenuSub } from '@databricks/appkit-ui';
|
|
|
362
362
|
| `arrowPadding` | `number` | | - | - |
|
|
363
363
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
364
364
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
365
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
365
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
366
366
|
| `sticky` | `enum` | | - | - |
|
|
367
367
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
368
368
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -11,7 +11,6 @@ Draggable panel that slides in from screen edges
|
|
|
11
11
|
|
|
12
12
|
import * as React from "react"
|
|
13
13
|
import { Minus, Plus } from "lucide-react"
|
|
14
|
-
import { Bar, BarChart, ResponsiveContainer } from "recharts"
|
|
15
14
|
|
|
16
15
|
import {
|
|
17
16
|
Button,
|
|
@@ -25,48 +24,6 @@ import {
|
|
|
25
24
|
DrawerTrigger,
|
|
26
25
|
} from "@databricks/appkit-ui/react"
|
|
27
26
|
|
|
28
|
-
const data = [
|
|
29
|
-
{
|
|
30
|
-
goal: 400,
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
goal: 300,
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
goal: 200,
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
goal: 300,
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
goal: 200,
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
goal: 278,
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
goal: 189,
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
goal: 239,
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
goal: 300,
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
goal: 200,
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
goal: 278,
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
goal: 189,
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
goal: 349,
|
|
67
|
-
},
|
|
68
|
-
]
|
|
69
|
-
|
|
70
27
|
export default function DrawerExample() {
|
|
71
28
|
const [goal, setGoal] = React.useState(350)
|
|
72
29
|
|
|
@@ -116,19 +73,6 @@ export default function DrawerExample() {
|
|
|
116
73
|
<span className="sr-only">Increase</span>
|
|
117
74
|
</Button>
|
|
118
75
|
</div>
|
|
119
|
-
<div className="mt-3 h-[120px]">
|
|
120
|
-
<ResponsiveContainer width="100%" height="100%">
|
|
121
|
-
<BarChart data={data}>
|
|
122
|
-
<Bar
|
|
123
|
-
dataKey="goal"
|
|
124
|
-
style={{
|
|
125
|
-
fill: "hsl(var(--foreground))",
|
|
126
|
-
opacity: 0.9,
|
|
127
|
-
}}
|
|
128
|
-
/>
|
|
129
|
-
</BarChart>
|
|
130
|
-
</ResponsiveContainer>
|
|
131
|
-
</div>
|
|
132
76
|
</div>
|
|
133
77
|
<DrawerFooter>
|
|
134
78
|
<Button>Submit</Button>
|
|
@@ -197,14 +197,14 @@ import { DropdownMenuCheckboxItem } from '@databricks/appkit-ui';
|
|
|
197
197
|
| `onInteractOutside` | `((event: FocusOutsideEvent \| PointerDownOutsideEvent) => void)` | | - | - |
|
|
198
198
|
| `onCloseAutoFocus` | `((event: Event) => void)` | | - | Event handler called when auto-focusing on close. Can be prevented. |
|
|
199
199
|
| `loop` | `boolean` | | - | Whether keyboard navigation should loop around @defaultValue false |
|
|
200
|
-
| `align` | `enum` | | - | - |
|
|
201
200
|
| `side` | `enum` | | - | - |
|
|
202
201
|
| `sideOffset` | `number` | | - | - |
|
|
202
|
+
| `align` | `enum` | | - | - |
|
|
203
203
|
| `alignOffset` | `number` | | - | - |
|
|
204
204
|
| `arrowPadding` | `number` | | - | - |
|
|
205
205
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
206
206
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
207
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
207
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
208
208
|
| `sticky` | `enum` | | - | - |
|
|
209
209
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
210
210
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -422,7 +422,7 @@ import { DropdownMenuSub } from '@databricks/appkit-ui';
|
|
|
422
422
|
| `arrowPadding` | `number` | | - | - |
|
|
423
423
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
424
424
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
425
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
425
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
426
426
|
| `sticky` | `enum` | | - | - |
|
|
427
427
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
428
428
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -90,14 +90,14 @@ import { HoverCard } from '@databricks/appkit-ui';
|
|
|
90
90
|
| `onFocusOutside` | `((event: FocusOutsideEvent) => void)` | | - | Event handler called when the focus moves outside of the `HoverCard`. Can be prevented. |
|
|
91
91
|
| `onInteractOutside` | `((event: FocusOutsideEvent \| PointerDownOutsideEvent) => void)` | | - | Event handler called when an interaction happens outside the `HoverCard`. Specifically, when a `pointerdown` event happens outside or focus moves outside of it. Can be prevented. |
|
|
92
92
|
| `asChild` | `boolean` | | - | - |
|
|
93
|
-
| `align` | `enum` | | - | - |
|
|
94
93
|
| `side` | `enum` | | - | - |
|
|
95
94
|
| `sideOffset` | `number` | | - | - |
|
|
95
|
+
| `align` | `enum` | | - | - |
|
|
96
96
|
| `alignOffset` | `number` | | - | - |
|
|
97
97
|
| `arrowPadding` | `number` | | - | - |
|
|
98
98
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
99
99
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
100
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
100
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
101
101
|
| `sticky` | `enum` | | - | - |
|
|
102
102
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
103
103
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -183,14 +183,14 @@ import { MenubarCheckboxItem } from '@databricks/appkit-ui';
|
|
|
183
183
|
| `onInteractOutside` | `((event: FocusOutsideEvent \| PointerDownOutsideEvent) => void)` | | - | - |
|
|
184
184
|
| `onCloseAutoFocus` | `((event: Event) => void)` | | - | Event handler called when auto-focusing on close. Can be prevented. |
|
|
185
185
|
| `loop` | `boolean` | | - | Whether keyboard navigation should loop around @defaultValue false |
|
|
186
|
-
| `align` | `enum` | | - | - |
|
|
187
186
|
| `side` | `enum` | | - | - |
|
|
188
187
|
| `sideOffset` | `number` | | - | - |
|
|
188
|
+
| `align` | `enum` | | - | - |
|
|
189
189
|
| `alignOffset` | `number` | | - | - |
|
|
190
190
|
| `arrowPadding` | `number` | | - | - |
|
|
191
191
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
192
192
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
193
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
193
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
194
194
|
| `sticky` | `enum` | | - | - |
|
|
195
195
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
196
196
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -428,7 +428,7 @@ import { MenubarSub } from '@databricks/appkit-ui';
|
|
|
428
428
|
| `arrowPadding` | `number` | | - | - |
|
|
429
429
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
430
430
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
431
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
431
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
432
432
|
| `sticky` | `enum` | | - | - |
|
|
433
433
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
434
434
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -132,14 +132,14 @@ import { PopoverAnchor } from '@databricks/appkit-ui';
|
|
|
132
132
|
| `onInteractOutside` | `((event: FocusOutsideEvent \| PointerDownOutsideEvent) => void)` | | - | Event handler called when an interaction happens outside the `DismissableLayer`. Specifically, when a `pointerdown` event happens outside or focus moves outside of it. Can be prevented. |
|
|
133
133
|
| `onOpenAutoFocus` | `((event: Event) => void)` | | - | Event handler called when auto-focusing on open. Can be prevented. |
|
|
134
134
|
| `onCloseAutoFocus` | `((event: Event) => void)` | | - | Event handler called when auto-focusing on close. Can be prevented. |
|
|
135
|
-
| `align` | `enum` | | - | - |
|
|
136
135
|
| `side` | `enum` | | - | - |
|
|
137
136
|
| `sideOffset` | `number` | | - | - |
|
|
137
|
+
| `align` | `enum` | | - | - |
|
|
138
138
|
| `alignOffset` | `number` | | - | - |
|
|
139
139
|
| `arrowPadding` | `number` | | - | - |
|
|
140
140
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
141
141
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
142
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
142
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
143
143
|
| `sticky` | `enum` | | - | - |
|
|
144
144
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
145
145
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -86,14 +86,14 @@ import { Select } from '@databricks/appkit-ui';
|
|
|
86
86
|
| `onPointerDownOutside` | `((event: PointerDownOutsideEvent) => void)` | | - | Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`. Can be prevented. |
|
|
87
87
|
| `position` | `enum` | | `popper` | - |
|
|
88
88
|
| `asChild` | `boolean` | | - | - |
|
|
89
|
-
| `align` | `enum` | | - | - |
|
|
90
89
|
| `side` | `enum` | | - | - |
|
|
91
90
|
| `sideOffset` | `number` | | - | - |
|
|
91
|
+
| `align` | `enum` | | - | - |
|
|
92
92
|
| `alignOffset` | `number` | | - | - |
|
|
93
93
|
| `arrowPadding` | `number` | | - | - |
|
|
94
94
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
95
95
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
96
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
96
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
97
97
|
| `sticky` | `enum` | | - | - |
|
|
98
98
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
99
99
|
| `updatePositionStrategy` | `enum` | | - | - |
|
|
@@ -70,14 +70,14 @@ import { Tooltip } from '@databricks/appkit-ui';
|
|
|
70
70
|
| `onEscapeKeyDown` | `((event: KeyboardEvent) => void)` | | - | Event handler called when the escape key is down. Can be prevented. |
|
|
71
71
|
| `onPointerDownOutside` | `((event: PointerDownOutsideEvent) => void)` | | - | Event handler called when the a `pointerdown` event happens outside of the `Tooltip`. Can be prevented. |
|
|
72
72
|
| `asChild` | `boolean` | | - | - |
|
|
73
|
-
| `align` | `enum` | | - | - |
|
|
74
73
|
| `side` | `enum` | | - | - |
|
|
75
74
|
| `sideOffset` | `number` | | - | - |
|
|
75
|
+
| `align` | `enum` | | - | - |
|
|
76
76
|
| `alignOffset` | `number` | | - | - |
|
|
77
77
|
| `arrowPadding` | `number` | | - | - |
|
|
78
78
|
| `avoidCollisions` | `boolean` | | - | - |
|
|
79
79
|
| `collisionBoundary` | `Boundary \| Boundary[]` | | - | - |
|
|
80
|
-
| `collisionPadding` | `number \| Partial<Record<"
|
|
80
|
+
| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bottom" \| "left", number>>` | | - | - |
|
|
81
81
|
| `sticky` | `enum` | | - | - |
|
|
82
82
|
| `hideWhenDetached` | `boolean` | | - | - |
|
|
83
83
|
| `updatePositionStrategy` | `enum` | | - | - |
|
package/llms.txt
CHANGED
|
@@ -211,7 +211,6 @@ npx @databricks/appkit docs <query>
|
|
|
211
211
|
- [Calendar](./docs/api/appkit-ui/ui/Calendar.md): Date picker component for selecting single dates or date ranges
|
|
212
212
|
- [Card](./docs/api/appkit-ui/ui/Card.md): Container for grouping related content with header, body, and footer sections
|
|
213
213
|
- [Carousel](./docs/api/appkit-ui/ui/Carousel.md): Slideshow component for cycling through content with navigation controls
|
|
214
|
-
- [ChartContainer](./docs/api/appkit-ui/ui/ChartContainer.md): Container for rendering data visualizations using Recharts
|
|
215
214
|
- [Checkbox](./docs/api/appkit-ui/ui/Checkbox.md): Checkbox input for selecting multiple options
|
|
216
215
|
- [Collapsible](./docs/api/appkit-ui/ui/Collapsible.md): Interactive component that expands and collapses content
|
|
217
216
|
- [Command](./docs/api/appkit-ui/ui/Command.md): Command palette for keyboard-driven navigation and actions
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@databricks/appkit-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.44.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.css"
|
|
@@ -98,15 +98,13 @@
|
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
100
100
|
"react": "^18.0.0 || ^19.0.0",
|
|
101
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
102
|
-
"recharts": "^2.0.0 || ^3.0.0"
|
|
101
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
103
102
|
},
|
|
104
103
|
"devDependencies": {
|
|
105
104
|
"@types/react": "19.2.2",
|
|
106
105
|
"@types/react-dom": "19.2.2",
|
|
107
106
|
"react": "19.2.0",
|
|
108
107
|
"react-dom": "19.2.0",
|
|
109
|
-
"recharts": "2.15.4",
|
|
110
108
|
"tailwindcss": "4.1.17",
|
|
111
109
|
"tw-animate-css": "1.4.0"
|
|
112
110
|
},
|