@cognite/aura 0.3.3 → 0.3.5
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/README.md +27 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +31 -30
- package/dist/components/ui/core/{date-time-pickers/shared/calendar-header → calendar}/calendar-header.js +4 -4
- package/dist/components/ui/core/{date-time-pickers/shared/calendar → calendar}/calendar.js +13 -13
- package/dist/components/ui/core/calendar/constants.d.ts +1 -0
- package/dist/components/ui/core/data-grid/data-grid-cell.d.ts +10 -0
- package/dist/components/ui/core/data-grid/data-grid-cell.js +23 -0
- package/dist/components/ui/core/data-grid/data-grid-header-row.d.ts +13 -0
- package/dist/components/ui/core/data-grid/data-grid-header-row.js +56 -0
- package/dist/components/ui/core/data-grid/data-grid-row.d.ts +18 -0
- package/dist/components/ui/core/data-grid/data-grid-row.js +77 -0
- package/dist/components/ui/core/data-grid/data-grid.d.ts +43 -0
- package/dist/components/ui/core/data-grid/data-grid.fixtures.d.ts +12 -0
- package/dist/components/ui/core/data-grid/data-grid.js +134 -0
- package/dist/components/ui/core/data-grid/data-grid.utils.d.ts +9 -0
- package/dist/components/ui/core/data-grid/data-grid.utils.js +40 -0
- package/dist/components/ui/core/data-grid/index.d.ts +1 -0
- package/dist/components/ui/core/data-grid/index.js +2 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +1 -1
- package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +2 -1
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +1 -1
- package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +2 -1
- package/dist/components/ui/core/date-time-pickers/date-time-picker/index.d.ts +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/types.d.ts +36 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +1 -1
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +7 -6
- package/dist/components/ui/core/date-time-pickers/index.d.ts +3 -1
- package/dist/components/ui/core/date-time-pickers/index.js +6 -5
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +3 -2
- package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +3 -8
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +3 -2
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.d.ts +3 -2
- package/dist/components/ui/core/date-time-pickers/time-picker/types.d.ts +5 -4
- package/dist/components/ui/core/date-time-pickers/time-range-picker/index.d.ts +1 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/types.d.ts +40 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.d.ts +3 -0
- package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +3 -3
- package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts +52 -0
- package/dist/components/ui/core/segmented-control/segmented-control.d.ts +12 -6
- package/dist/components/ui/core/segmented-control/segmented-control.js +74 -32
- package/dist/components/ui/core/slider/slider.d.ts +9 -0
- package/dist/components/ui/core/slider/slider.js +40 -0
- package/dist/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.source.css +3 -0
- package/package.json +24 -2
- /package/dist/components/ui/core/{date-time-pickers/shared/calendar-header → calendar}/calendar-header.d.ts +0 -0
- /package/dist/components/ui/core/{date-time-pickers/utils → calendar}/calendar-utils.d.ts +0 -0
- /package/dist/components/ui/core/{date-time-pickers/utils → calendar}/calendar-utils.js +0 -0
- /package/dist/components/ui/core/{date-time-pickers/shared/calendar → calendar}/calendar.d.ts +0 -0
package/README.md
CHANGED
|
@@ -159,6 +159,33 @@ Some Aura entry points require optional peer dependencies that consumers must in
|
|
|
159
159
|
</ChartContainer>
|
|
160
160
|
```
|
|
161
161
|
|
|
162
|
+
- `@cognite/aura/data-grid` requires `@tanstack/react-table >=8.7` and `@tanstack/react-virtual >=3.10`. Add them to your app:
|
|
163
|
+
|
|
164
|
+
```sh
|
|
165
|
+
pnpm add @tanstack/react-table @tanstack/react-virtual
|
|
166
|
+
```
|
|
167
|
+
|
|
168
|
+
The DataGrid is a virtualised table with client/server sorting, column pinning, and
|
|
169
|
+
expandable rows. Pass `columns` and `data` from your own TanStack column definitions.
|
|
170
|
+
Header chrome, pagination, selection, search, filters, and loading states are landing in
|
|
171
|
+
follow-up PRs.
|
|
172
|
+
|
|
173
|
+
```tsx
|
|
174
|
+
import type { ColumnDef } from '@tanstack/react-table';
|
|
175
|
+
import { DataGrid } from '@cognite/aura/data-grid';
|
|
176
|
+
|
|
177
|
+
type Row = { id: string; name: string };
|
|
178
|
+
const columns: ColumnDef<Row>[] = [{ accessorKey: 'name', header: 'Name' }];
|
|
179
|
+
|
|
180
|
+
<DataGrid
|
|
181
|
+
data={rows}
|
|
182
|
+
columns={columns}
|
|
183
|
+
getRowId={(row) => row.id}
|
|
184
|
+
enableSorting
|
|
185
|
+
aria-label="Assets"
|
|
186
|
+
/>;
|
|
187
|
+
```
|
|
188
|
+
|
|
162
189
|
## Versioning
|
|
163
190
|
|
|
164
191
|
### Before releasing
|
|
@@ -19,12 +19,14 @@ export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemDescri
|
|
|
19
19
|
export { Badge, badgeVariants } from './ui/core/badge/badge';
|
|
20
20
|
export { Banner, BannerAction, BannerActions, BannerClose, BannerIcon, BannerStatus, BannerTitle, } from './ui/core/banner/banner';
|
|
21
21
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisButton, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbPageButton, BreadcrumbSeparator, } from './ui/core/breadcrumb/breadcrumb';
|
|
22
|
+
export { type CollapseStrategy } from './ui/core/overflow-list/overflow-list.utils';
|
|
22
23
|
export { Topbar, TopbarAction, TopbarBreadcrumbs, TopbarCenter, TopbarIcon, TopbarLeft, TopbarMetadata, TopbarRight, TopbarThemeSwitcher, type TopbarTheme, } from './ui/core/topbar/topbar';
|
|
23
24
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/core/collapsible/collapsible';
|
|
24
25
|
export { HoverCard, HoverCardTrigger, HoverCardContent, } from './ui/core/hover-card/hover-card';
|
|
25
26
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './ui/core/select/select';
|
|
26
27
|
export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlList, segmentedControlButtonVariants, segmentedControlListVariants, } from './ui/core/segmented-control/segmented-control';
|
|
27
28
|
export { Skeleton } from './ui/core/skeleton/skeleton';
|
|
29
|
+
export { Slider } from './ui/core/slider/slider';
|
|
28
30
|
export { Switch } from './ui/core/switch/switch';
|
|
29
31
|
export { Toaster, toast } from './ui/core/sonner-toast/sonner-toast';
|
|
30
32
|
export { Combobox } from './ui/core/combobox/combobox';
|
|
@@ -50,6 +52,6 @@ export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeade
|
|
|
50
52
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious, PaginationResultsPerPage, PaginationResultsPerPageLabel, PaginationSelectTrigger, PaginationStatus, PaginationTeleport, } from './ui/core/pagination/pagination';
|
|
51
53
|
export { Sources, SourcesTitle, Source } from './ui/core/sources/sources';
|
|
52
54
|
export { DatePicker, DateRangePicker, DateTimeRangePicker, TimePicker, } from './ui/core/date-time-pickers';
|
|
53
|
-
export type { DatePickerProps, DateRangePickerProps, DateTimeRangePickerProps, ShortcutItem, TimeFormat, TimePickerProps, } from './ui/core/date-time-pickers';
|
|
55
|
+
export type { AmPm, DatePickerProps, DateRangePickerProps, DateTimeRangePickerProps, ShortcutItem, TimeFormat, TimePickerProps, } from './ui/core/date-time-pickers';
|
|
54
56
|
export { PortalContainerContext } from '../lib/portal-container-context';
|
|
55
57
|
export type { ComponentMeta, ComponentStatusType } from '../lib/types';
|
package/dist/components/index.js
CHANGED
|
@@ -26,33 +26,34 @@ import { HoverCard as nt, HoverCardContent as rt, HoverCardTrigger as it } from
|
|
|
26
26
|
import { Select as at, SelectContent as ot, SelectGroup as st, SelectItem as ct, SelectLabel as lt, SelectScrollDownButton as ut, SelectScrollUpButton as dt, SelectSeparator as ft, SelectTrigger as pt, SelectValue as mt } from "./ui/core/select/select.js";
|
|
27
27
|
import { SegmentedControl as ht, SegmentedControlButton as gt, SegmentedControlContent as _t, SegmentedControlList as vt, segmentedControlButtonVariants as yt, segmentedControlListVariants as bt } from "./ui/core/segmented-control/segmented-control.js";
|
|
28
28
|
import { Skeleton as xt } from "./ui/core/skeleton/skeleton.js";
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
|
|
29
|
+
import { Slider as St } from "./ui/core/slider/slider.js";
|
|
30
|
+
import { Switch as Ct } from "./ui/core/switch/switch.js";
|
|
31
|
+
import { Toaster as wt, toast as Tt } from "./ui/core/sonner-toast/sonner-toast.js";
|
|
32
|
+
import { Dialog as Et, DialogClose as Dt, DialogContent as Ot, DialogDescription as kt, DialogFooter as At, DialogHeader as jt, DialogOverlay as Mt, DialogPortal as Nt, DialogTitle as Pt, DialogTrigger as Ft } from "./ui/core/dialog/dialog.js";
|
|
33
|
+
import { Command as It, CommandDialog as Lt, CommandEmpty as Rt, CommandGroup as zt, CommandInput as Bt, CommandItem as Vt, CommandList as Ht, CommandSeparator as Ut, CommandShortcut as Wt } from "./ui/core/command/command.js";
|
|
34
|
+
import { Popover as Gt, PopoverClose as Kt, PopoverContent as qt, PopoverDescription as Jt, PopoverHeader as Yt, PopoverHeaderContent as Xt, PopoverSlot as Zt, PopoverTitle as Qt, PopoverTrigger as $t } from "./ui/core/popover/popover.js";
|
|
35
|
+
import { Combobox as en } from "./ui/core/combobox/combobox.js";
|
|
36
|
+
import { Input as tn } from "./ui/core/input/input.js";
|
|
37
|
+
import { Kbd as nn, KbdGroup as rn } from "./ui/core/kbd/kbd.js";
|
|
38
|
+
import { Progress as an } from "./ui/core/progress/progress.js";
|
|
39
|
+
import { Textarea as on } from "./ui/core/textarea/textarea.js";
|
|
40
|
+
import { Tabs as sn, TabsLabel as cn, TabsList as ln, TabsPanel as un, TabsTrigger as dn, tabsListVariants as fn, tabsTriggerVariants as pn } from "./ui/core/tabs/tabs.js";
|
|
41
|
+
import { Toggle as mn, toggleVariants as hn } from "./ui/core/toggle/toggle.js";
|
|
42
|
+
import { InputGroup as gn, InputGroupAddon as _n, InputGroupButton as vn, InputGroupInput as yn, InputGroupText as bn, InputGroupTextarea as xn } from "./ui/core/input-group/input-group.js";
|
|
43
|
+
import { Alert as Sn, AlertActions as Cn, AlertButton as wn, AlertClose as Tn, AlertDescription as En, AlertTitle as Dn } from "./ui/core/alert/alert.js";
|
|
44
|
+
import { EmptyState as On, EmptyStateActions as kn, EmptyStateDescription as An, EmptyStateIcon as jn, EmptyStateTitle as Mn } from "./ui/core/empty-state/empty-state.js";
|
|
45
|
+
import { Message as Nn, MessageAction as Pn, MessageActions as Fn, MessageContent as In, MessageResponse as Ln } from "./ui/core/message/message.js";
|
|
46
|
+
import { PromptInput as Rn, PromptInputActionMenu as zn, PromptInputActionMenuContent as Bn, PromptInputActionMenuItem as Vn, PromptInputActionMenuTrigger as Hn, PromptInputBody as Un, PromptInputButton as Wn, PromptInputCommand as Gn, PromptInputCommandEmpty as Kn, PromptInputCommandGroup as qn, PromptInputCommandInput as Jn, PromptInputCommandItem as Yn, PromptInputCommandList as Xn, PromptInputCommandSeparator as Zn, PromptInputFooter as Qn, PromptInputHeader as $n, PromptInputHoverCard as er, PromptInputHoverCardContent as tr, PromptInputHoverCardTrigger as nr, PromptInputModelSelect as rr, PromptInputModelSelectContent as ir, PromptInputModelSelectItem as ar, PromptInputModelSelectTrigger as or, PromptInputModelSelectValue as sr, PromptInputProvider as cr, PromptInputSubmit as lr, PromptInputTab as ur, PromptInputTabBody as dr, PromptInputTabItem as fr, PromptInputTabLabel as pr, PromptInputTabsList as mr, PromptInputTextarea as hr, PromptInputTools as gr, usePromptInputController as _r } from "./ui/core/prompt-input/prompt-input.js";
|
|
47
|
+
import { Count as vr, countVariants as yr } from "./ui/core/count/count.js";
|
|
48
|
+
import { InlineCitation as br, InlineCitationCard as xr, InlineCitationCardBody as Sr, InlineCitationCardTrigger as Cr, InlineCitationGroup as wr, InlineCitationLink as Tr, InlineCitationQuote as Er, InlineCitationSource as Dr, InlineCitationText as Or } from "./ui/core/inline-citation/inline-citation.js";
|
|
49
|
+
import { Reasoning as kr, ReasoningContent as Ar, ReasoningHeader as jr, ReasoningItem as Mr } from "./ui/core/reasoning/reasoning.js";
|
|
50
|
+
import { ScrollArea as Nr, ScrollBar as Pr } from "./ui/core/scroll-area/scroll-area.js";
|
|
51
|
+
import { Search as Fr } from "./ui/core/search/search.js";
|
|
52
|
+
import { PaginationTeleport as Ir } from "./ui/core/pagination/pagination-teleport.js";
|
|
53
|
+
import { Pagination as Lr, PaginationContent as Rr, PaginationEllipsis as zr, PaginationFirst as Br, PaginationItem as Vr, PaginationLast as Hr, PaginationLink as Ur, PaginationNext as Wr, PaginationPrevious as Gr, PaginationResultsPerPage as Kr, PaginationResultsPerPageLabel as qr, PaginationSelectTrigger as Jr, PaginationStatus as Yr } from "./ui/core/pagination/pagination.js";
|
|
54
|
+
import { Source as Xr, Sources as Zr, SourcesTitle as Qr } from "./ui/core/sources/sources.js";
|
|
55
|
+
import { DatePicker as $r } from "./ui/core/date-time-pickers/date-picker/date-picker.js";
|
|
56
|
+
import { TimePicker as ei } from "./ui/core/date-time-pickers/time-picker/time-picker.js";
|
|
57
|
+
import { DateRangePicker as ti } from "./ui/core/date-time-pickers/date-range-picker/date-range-picker.js";
|
|
58
|
+
import { DateTimeRangePicker as ni } from "./ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js";
|
|
59
|
+
export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, d as ActionToolbar, f as ActionToolbarAction, p as ActionToolbarActionClear, m as ActionToolbarActions, h as ActionToolbarPrimaryAction, g as ActionToolbarSelection, _ as ActionToolbarSelectionSummary, Sn as Alert, Cn as AlertActions, wn as AlertButton, Tn as AlertClose, En as AlertDescription, Dn as AlertTitle, Q as Avatar, $ as AvatarFallback, ee as AvatarIcon, te as AvatarImage, ge as Badge, je as Banner, Me as BannerAction, Ne as BannerActions, Pe as BannerClose, Fe as BannerIcon, Ie as BannerStatus, Le as BannerTitle, Re as Breadcrumb, ze as BreadcrumbEllipsis, Be as BreadcrumbEllipsisButton, Ve as BreadcrumbItem, He as BreadcrumbLink, Ue as BreadcrumbList, We as BreadcrumbPage, Ge as BreadcrumbPageButton, Ke as BreadcrumbSeparator, i as Button, J as ButtonGroup, Y as ButtonGroupSeparator, X as ButtonGroupText, F as Card, I as CardActions, L as CardContent, R as CardDescription, z as CardFooter, B as CardFooterEnd, V as CardFooterStart, H as CardHeader, U as CardHeaderCenter, W as CardHeaderEnd, G as CardHeaderStart, K as CardTitle, re as CheckboxGroup, ie as CheckboxItem, ae as CheckboxItemControl, oe as CheckboxItemDescription, se as CheckboxItemLabel, ce as CheckboxMetadata, fe as CodeBlock, pe as CodeBlockCollapseButton, me as CodeBlockCopyButton, he as CodeBlockDownloadButton, ve as Collapsible, ye as CollapsibleContent, be as CollapsibleTrigger, en as Combobox, It as Command, Lt as CommandDialog, Rt as CommandEmpty, zt as CommandGroup, Bt as CommandInput, Vt as CommandItem, Ht as CommandList, Ut as CommandSeparator, Wt as CommandShortcut, vr as Count, $r as DatePicker, ti as DateRangePicker, ni as DateTimeRangePicker, Et as Dialog, Dt as DialogClose, Ot as DialogContent, kt as DialogDescription, At as DialogFooter, jt as DialogHeader, Mt as DialogOverlay, Nt as DialogPortal, Pt as DialogTitle, Ft as DialogTrigger, v as DropdownMenu, y as DropdownMenuCheckboxItem, b as DropdownMenuContent, x as DropdownMenuGroup, S as DropdownMenuHeader, C as DropdownMenuItem, w as DropdownMenuLabel, T as DropdownMenuPortal, E as DropdownMenuRadioGroup, D as DropdownMenuRadioItem, O as DropdownMenuSectionLabel, k as DropdownMenuSeparator, A as DropdownMenuShortcut, j as DropdownMenuSub, M as DropdownMenuSubContent, N as DropdownMenuSubTrigger, P as DropdownMenuTrigger, On as EmptyState, kn as EmptyStateActions, An as EmptyStateDescription, jn as EmptyStateIcon, Mn as EmptyStateTitle, le as HelperText, nt as HoverCard, rt as HoverCardContent, it as HoverCardTrigger, br as InlineCitation, xr as InlineCitationCard, Sr as InlineCitationCardBody, Cr as InlineCitationCardTrigger, wr as InlineCitationGroup, Tr as InlineCitationLink, Er as InlineCitationQuote, Dr as InlineCitationSource, Or as InlineCitationText, tn as Input, gn as InputGroup, _n as InputGroupAddon, vn as InputGroupButton, yn as InputGroupInput, bn as InputGroupText, xn as InputGroupTextarea, nn as Kbd, rn as KbdGroup, ne as Label, ue as Loader, Nn as Message, Pn as MessageAction, Fn as MessageActions, In as MessageContent, Ln as MessageResponse, Lr as Pagination, Rr as PaginationContent, zr as PaginationEllipsis, Br as PaginationFirst, Vr as PaginationItem, Hr as PaginationLast, Ur as PaginationLink, Wr as PaginationNext, Gr as PaginationPrevious, Kr as PaginationResultsPerPage, qr as PaginationResultsPerPageLabel, Jr as PaginationSelectTrigger, Yr as PaginationStatus, Ir as PaginationTeleport, Gt as Popover, Kt as PopoverClose, qt as PopoverContent, Jt as PopoverDescription, Yt as PopoverHeader, Xt as PopoverHeaderContent, Zt as PopoverSlot, Qt as PopoverTitle, $t as PopoverTrigger, o as PortalContainerContext, an as Progress, Rn as PromptInput, zn as PromptInputActionMenu, Bn as PromptInputActionMenuContent, Vn as PromptInputActionMenuItem, Hn as PromptInputActionMenuTrigger, Un as PromptInputBody, Wn as PromptInputButton, Gn as PromptInputCommand, Kn as PromptInputCommandEmpty, qn as PromptInputCommandGroup, Jn as PromptInputCommandInput, Yn as PromptInputCommandItem, Xn as PromptInputCommandList, Zn as PromptInputCommandSeparator, Qn as PromptInputFooter, $n as PromptInputHeader, er as PromptInputHoverCard, tr as PromptInputHoverCardContent, nr as PromptInputHoverCardTrigger, rr as PromptInputModelSelect, ir as PromptInputModelSelectContent, ar as PromptInputModelSelectItem, or as PromptInputModelSelectTrigger, sr as PromptInputModelSelectValue, cr as PromptInputProvider, lr as PromptInputSubmit, ur as PromptInputTab, dr as PromptInputTabBody, fr as PromptInputTabItem, pr as PromptInputTabLabel, mr as PromptInputTabsList, hr as PromptInputTextarea, gr as PromptInputTools, Ee as RadioGroup, De as RadioGroupItem, Oe as RadioGroupItemControl, ke as RadioGroupItemDescription, Ae as RadioGroupItemLabel, kr as Reasoning, Ar as ReasoningContent, jr as ReasoningHeader, Mr as ReasoningItem, Nr as ScrollArea, Pr as ScrollBar, Fr as Search, ht as SegmentedControl, gt as SegmentedControlButton, _t as SegmentedControlContent, vt as SegmentedControlList, at as Select, ot as SelectContent, st as SelectGroup, ct as SelectItem, lt as SelectLabel, ut as SelectScrollDownButton, dt as SelectScrollUpButton, ft as SelectSeparator, pt as SelectTrigger, mt as SelectValue, q as Separator, de as Shimmer, xt as Skeleton, St as Slider, Xr as Source, Zr as Sources, Qr as SourcesTitle, Ct as Switch, sn as Tabs, cn as TabsLabel, ln as TabsList, un as TabsPanel, dn as TabsTrigger, on as Textarea, ei as TimePicker, wt as Toaster, mn as Toggle, xe as Tool, Se as ToolContent, Ce as ToolHeader, we as ToolInput, Te as ToolOutput, s as Tooltip, c as TooltipContent, l as TooltipProvider, u as TooltipTrigger, qe as Topbar, Je as TopbarAction, Ye as TopbarBreadcrumbs, Xe as TopbarCenter, Ze as TopbarIcon, Qe as TopbarLeft, $e as TopbarMetadata, et as TopbarRight, tt as TopbarThemeSwitcher, _e as badgeVariants, Z as buttonGroupVariants, a as buttonVariants, yr as countVariants, yt as segmentedControlButtonVariants, bt as segmentedControlListVariants, fn as tabsListVariants, pn as tabsTriggerVariants, Tt as toast, hn as toggleVariants, _r as usePromptInputController };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { cn as e } from "
|
|
2
|
-
import { Button as t } from "
|
|
3
|
-
import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "
|
|
1
|
+
import { cn as e } from "../../../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "../dropdown-menu/dropdown-menu.js";
|
|
4
4
|
import { IconChevronDown as o, IconChevronLeft as s, IconChevronRight as c } from "@tabler/icons-react";
|
|
5
5
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
6
6
|
import d from "dayjs";
|
|
7
|
-
//#region libs/aura/src/components/ui/core/
|
|
7
|
+
//#region libs/aura/src/components/ui/core/calendar/calendar-header.tsx
|
|
8
8
|
var f = Array.from({ length: 12 }, (e, t) => d().month(t).format("MMMM")), p = d().year() - 50, m = d().year() + 10, h = Array.from({ length: m - p + 1 }, (e, t) => p + t), g = ({ label: e, items: s, onSelect: c }) => /* @__PURE__ */ u(n, {
|
|
9
9
|
modal: !1,
|
|
10
10
|
children: [/* @__PURE__ */ l(a, { render: /* @__PURE__ */ u(t, {
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { cn as e } from "
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { cn as e } from "../../../../lib/utils.js";
|
|
2
|
+
import { CalendarHeader as t } from "./calendar-header.js";
|
|
3
|
+
import { getCalendarDays as n, getWeekNumbers as r, getWeekdayNames as i, isDateInRange as a, isOutsideMonth as o, isSameDay as s, isToday as c } from "./calendar-utils.js";
|
|
4
4
|
import l from "react";
|
|
5
5
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
|
-
//#region libs/aura/src/components/ui/core/
|
|
6
|
+
//#region libs/aura/src/components/ui/core/calendar/calendar.tsx
|
|
7
7
|
function f({ isOutsideMonth: t, isSelected: n, isToday: r, isRangeStart: i, isRangeEnd: a, isInRange: o, isInHoverRange: s }) {
|
|
8
8
|
return e("w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors", "focus-visible:ring-2 focus-visible:ring-border focus-visible:outline-none", i && a && "rounded-lg", i && !a && "rounded-l-lg", a && !i && "rounded-r-lg", n && "bg-primary-background text-foreground-on-primary hover:bg-primary-background", !n && t && "text-muted-foreground/50", !n && !t && (o || s) ? "text-foreground" : !n && !t && "text-secondary-foreground", !n && (o || s) && "bg-accent-background", !n && "hover:bg-accent-background hover:rounded-lg hover:text-foreground", r && !n && "border border-border rounded-lg");
|
|
9
9
|
}
|
|
10
10
|
var p = ({ displayedMonth: p, selectedRange: m, hoverDate: h, displayWeekNumber: g = !1, onDateClick: _, onMonthChange: v, onDateHover: y, className: b }) => {
|
|
11
|
-
let [x, S] = m, C =
|
|
11
|
+
let [x, S] = m, C = n(p), w = i(), T = g ? r(C) : [], E = () => {
|
|
12
12
|
v(p.subtract(1, "month"));
|
|
13
13
|
}, D = () => {
|
|
14
14
|
v(p.add(1, "month"));
|
|
15
15
|
}, O = (e) => {
|
|
16
16
|
let t = {
|
|
17
|
-
isOutsideMonth:
|
|
18
|
-
isToday:
|
|
19
|
-
isSelected:
|
|
20
|
-
isRangeStart:
|
|
21
|
-
isRangeEnd:
|
|
22
|
-
isInRange:
|
|
17
|
+
isOutsideMonth: o(e, p),
|
|
18
|
+
isToday: c(e),
|
|
19
|
+
isSelected: s(e, x) || s(e, S),
|
|
20
|
+
isRangeStart: s(e, x),
|
|
21
|
+
isRangeEnd: s(e, S),
|
|
22
|
+
isInRange: a(e, x, S),
|
|
23
23
|
isInHoverRange: !1
|
|
24
24
|
};
|
|
25
|
-
return h && x && !S && (t.isInHoverRange =
|
|
25
|
+
return h && x && !S && (t.isInHoverRange = a(e, x.isBefore(h) ? x : h, x.isBefore(h) ? h : x)), t;
|
|
26
26
|
};
|
|
27
27
|
return /* @__PURE__ */ d("div", {
|
|
28
28
|
"data-slot": "calendar",
|
|
29
29
|
className: e("flex flex-col gap-4", b),
|
|
30
|
-
children: [/* @__PURE__ */ u(
|
|
30
|
+
children: [/* @__PURE__ */ u(t, {
|
|
31
31
|
displayedMonth: p,
|
|
32
32
|
onPrevMonth: E,
|
|
33
33
|
onNextMonth: D,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DAYS_IN_WEEK = 7;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
|
+
type DataGridCellProps = ComponentProps<'div'> & {
|
|
3
|
+
isPinned?: boolean;
|
|
4
|
+
isLastPinned?: boolean;
|
|
5
|
+
colIndex?: number;
|
|
6
|
+
textValue?: string;
|
|
7
|
+
truncate?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const DataGridCell: ForwardRefExoticComponent<DataGridCellProps & RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { DataGridCell, type DataGridCellProps };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { cn as e } from "../../../../lib/utils.js";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
+
//#region libs/aura/src/components/ui/core/data-grid/data-grid-cell.tsx
|
|
5
|
+
var r = t(function({ className: t, children: r, isPinned: i, isLastPinned: a, colIndex: o, textValue: s, truncate: c = !0, style: l, ...u }, d) {
|
|
6
|
+
return /* @__PURE__ */ n("div", {
|
|
7
|
+
ref: d,
|
|
8
|
+
"data-slot": "data-grid-cell",
|
|
9
|
+
role: "cell",
|
|
10
|
+
"aria-colindex": o,
|
|
11
|
+
title: s,
|
|
12
|
+
className: e("flex items-center pr-3 text-sm font-normal", o === 1 ? "pl-4" : "pl-3", "min-w-0", i && "sticky z-10 bg-inherit", a && "shadow-pinned-column", t),
|
|
13
|
+
style: l,
|
|
14
|
+
...u,
|
|
15
|
+
children: c && s !== void 0 ? /* @__PURE__ */ n("span", {
|
|
16
|
+
className: "block min-w-0 flex-1 truncate",
|
|
17
|
+
children: s
|
|
18
|
+
}) : r
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
r.displayName = "DataGridCell";
|
|
22
|
+
//#endregion
|
|
23
|
+
export { r as DataGridCell };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { HeaderGroup } from '@tanstack/react-table';
|
|
3
|
+
type DataGridHeaderRowProps<TData> = {
|
|
4
|
+
headerGroup: HeaderGroup<TData>;
|
|
5
|
+
headerRowIndex: number;
|
|
6
|
+
resolvedHeaderHeight: number;
|
|
7
|
+
gridTemplateColumns: string;
|
|
8
|
+
pinnedColumnIds: Set<string>;
|
|
9
|
+
lastPinnedColumnId: string | undefined;
|
|
10
|
+
pinnedLeftByColumnId: Map<string, number>;
|
|
11
|
+
};
|
|
12
|
+
declare function DataGridHeaderRow<TData>({ headerGroup, headerRowIndex, resolvedHeaderHeight, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, }: DataGridHeaderRowProps<TData>): ReactElement;
|
|
13
|
+
export { DataGridHeaderRow, type DataGridHeaderRowProps };
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { cn as e } from "../../../../lib/utils.js";
|
|
2
|
+
import { getAriaSort as t } from "./data-grid.utils.js";
|
|
3
|
+
import { IconArrowDown as n } from "@tabler/icons-react";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
import { flexRender as a } from "@tanstack/react-table";
|
|
6
|
+
//#region libs/aura/src/components/ui/core/data-grid/data-grid-header-row.tsx
|
|
7
|
+
function o({ headerGroup: o, headerRowIndex: s, resolvedHeaderHeight: c, gridTemplateColumns: l, pinnedColumnIds: u, lastPinnedColumnId: d, pinnedLeftByColumnId: f }) {
|
|
8
|
+
return /* @__PURE__ */ r("div", {
|
|
9
|
+
"data-slot": "data-grid-header-row",
|
|
10
|
+
role: "row",
|
|
11
|
+
"aria-rowindex": s + 1,
|
|
12
|
+
className: e("sticky z-20 grid bg-background", s === 0 ? "border-y" : "border-b"),
|
|
13
|
+
style: {
|
|
14
|
+
top: s * c,
|
|
15
|
+
gridTemplateColumns: l,
|
|
16
|
+
minHeight: c
|
|
17
|
+
},
|
|
18
|
+
children: o.headers.map((o) => {
|
|
19
|
+
let s = o.colSpan === 1, c = s && u.has(o.column.id), l = c && d === o.column.id, p = o.column.getIsSorted(), m = s && o.column.getCanSort(), h = o.colSpan > 1, g = o.isPlaceholder ? null : a(o.column.columnDef.header, o.getContext()), _ = typeof g == "string" || typeof g == "number";
|
|
20
|
+
return /* @__PURE__ */ r("div", {
|
|
21
|
+
"data-slot": "data-grid-column-header",
|
|
22
|
+
role: "columnheader",
|
|
23
|
+
"aria-colindex": o.index + 1,
|
|
24
|
+
"aria-colspan": o.colSpan > 1 ? o.colSpan : void 0,
|
|
25
|
+
"aria-sort": t(p, m),
|
|
26
|
+
className: e("flex items-center pr-3 text-left text-sm font-medium text-muted-foreground", o.index === 0 ? "pl-4" : "pl-3", h && "justify-center text-base font-semibold text-foreground/70", o.isPlaceholder && "pointer-events-none", c && "sticky left-0 z-10 bg-background", l && "shadow-pinned-column", m && e("cursor-pointer select-none hover:bg-muted/60", "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none")),
|
|
27
|
+
tabIndex: m ? 0 : void 0,
|
|
28
|
+
style: {
|
|
29
|
+
gridColumn: `span ${o.colSpan} / span ${o.colSpan}`,
|
|
30
|
+
...c ? {
|
|
31
|
+
position: "sticky",
|
|
32
|
+
left: f.get(o.column.id) ?? 0,
|
|
33
|
+
zIndex: 10
|
|
34
|
+
} : {}
|
|
35
|
+
},
|
|
36
|
+
onClick: m ? o.column.getToggleSortingHandler() : void 0,
|
|
37
|
+
onKeyDown: m ? (e) => {
|
|
38
|
+
e.key !== "Enter" && e.key !== " " || (e.preventDefault(), o.column.toggleSorting(void 0, e.shiftKey));
|
|
39
|
+
} : void 0,
|
|
40
|
+
children: /* @__PURE__ */ i("div", {
|
|
41
|
+
className: "flex min-w-0 flex-1 items-center gap-1",
|
|
42
|
+
children: [_ ? /* @__PURE__ */ r("span", {
|
|
43
|
+
className: "block min-w-0 truncate",
|
|
44
|
+
children: g
|
|
45
|
+
}) : g, (p === "asc" || p === "desc") && /* @__PURE__ */ r("span", {
|
|
46
|
+
"aria-hidden": "true",
|
|
47
|
+
className: "inline-flex size-4 shrink-0 items-center justify-center",
|
|
48
|
+
children: /* @__PURE__ */ r(n, { className: e("size-3.5 shrink-0", p === "asc" && "rotate-180") })
|
|
49
|
+
})]
|
|
50
|
+
})
|
|
51
|
+
}, o.id);
|
|
52
|
+
})
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
//#endregion
|
|
56
|
+
export { o as DataGridHeaderRow };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Row } from '@tanstack/react-table';
|
|
3
|
+
import { VirtualItem } from '@tanstack/react-virtual';
|
|
4
|
+
type DataGridRowProps<TData> = {
|
|
5
|
+
row: Row<TData>;
|
|
6
|
+
virtualRow: VirtualItem;
|
|
7
|
+
headerGroupCount: number;
|
|
8
|
+
gridTemplateColumns: string;
|
|
9
|
+
pinnedColumnIds: Set<string>;
|
|
10
|
+
lastPinnedColumnId: string | undefined;
|
|
11
|
+
pinnedLeftByColumnId: Map<string, number>;
|
|
12
|
+
customCellColumnIds: Set<string>;
|
|
13
|
+
maxDepth: number;
|
|
14
|
+
hasExpanding: boolean;
|
|
15
|
+
onRowClick?: (row: Row<TData>) => void;
|
|
16
|
+
};
|
|
17
|
+
declare function DataGridRow<TData>({ row, virtualRow, headerGroupCount, gridTemplateColumns, pinnedColumnIds, lastPinnedColumnId, pinnedLeftByColumnId, customCellColumnIds, maxDepth, hasExpanding, onRowClick, }: DataGridRowProps<TData>): ReactElement;
|
|
18
|
+
export { DataGridRow, type DataGridRowProps };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { cn as e } from "../../../../lib/utils.js";
|
|
2
|
+
import { Button as t } from "../button/button.js";
|
|
3
|
+
import { getTextValue as n, isAccessorColumn as r, isFromExpandToggleTarget as i, isFromIgnoredCellTarget as a } from "./data-grid.utils.js";
|
|
4
|
+
import { DataGridCell as o } from "./data-grid-cell.js";
|
|
5
|
+
import { IconChevronRight as s } from "@tabler/icons-react";
|
|
6
|
+
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
|
+
import { flexRender as u } from "@tanstack/react-table";
|
|
8
|
+
//#region libs/aura/src/components/ui/core/data-grid/data-grid-row.tsx
|
|
9
|
+
function d({ row: d, virtualRow: f, headerGroupCount: p, gridTemplateColumns: m, pinnedColumnIds: h, lastPinnedColumnId: g, pinnedLeftByColumnId: _, customCellColumnIds: v, maxDepth: y, hasExpanding: b, onRowClick: x }) {
|
|
10
|
+
let S = d.getCanExpand(), C = x !== void 0, w = C ? (e) => {
|
|
11
|
+
a(e) || i(e) || x?.(d);
|
|
12
|
+
} : void 0, T = d.getVisibleCells(), E = T.findIndex((e) => r(e.column.columnDef)), D = E >= 0 ? E : 0;
|
|
13
|
+
return /* @__PURE__ */ c("div", {
|
|
14
|
+
"data-slot": "data-grid-row",
|
|
15
|
+
role: "row",
|
|
16
|
+
"aria-rowindex": f.index + 1 + p,
|
|
17
|
+
"aria-expanded": S ? d.getIsExpanded() : void 0,
|
|
18
|
+
className: e("group absolute left-0 right-0 grid border-b bg-background transition-colors", "hover:bg-active-muted-background", C && e("cursor-pointer focus-visible:bg-active-muted-background", "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none")),
|
|
19
|
+
style: {
|
|
20
|
+
gridTemplateColumns: m,
|
|
21
|
+
height: f.size,
|
|
22
|
+
transform: `translateY(${f.start}px)`
|
|
23
|
+
},
|
|
24
|
+
tabIndex: C ? 0 : void 0,
|
|
25
|
+
onClick: w ? (e) => w(e.target) : void 0,
|
|
26
|
+
onKeyDown: w ? (e) => {
|
|
27
|
+
e.key !== "Enter" && e.key !== " " || a(e.target) || i(e.target) || (e.preventDefault(), w(e.target));
|
|
28
|
+
} : void 0,
|
|
29
|
+
children: T.map((i, a) => {
|
|
30
|
+
let f = h.has(i.column.id), p = f && g === i.column.id, m = u(i.column.columnDef.cell, i.getContext()), x = v.has(i.column.id), C = n(m), w = n(i.getValue()), T = C ?? (x ? void 0 : w), E = a === D, O = Math.min(d.depth, y), k = E && O > 0 ? O * 16 : 0, A = E && S, j = E && b && !S && O > 0, M = f ? {
|
|
31
|
+
position: "sticky",
|
|
32
|
+
left: _.get(i.column.id) ?? 0,
|
|
33
|
+
zIndex: 10
|
|
34
|
+
} : void 0, N = k > 0 || M ? {
|
|
35
|
+
...M,
|
|
36
|
+
...k > 0 ? { paddingInlineStart: `${k + 12}px` } : {}
|
|
37
|
+
} : void 0, P = A || j;
|
|
38
|
+
return /* @__PURE__ */ l(o, {
|
|
39
|
+
"data-row-activation": r(i.column.columnDef) ? void 0 : "ignore",
|
|
40
|
+
isPinned: f,
|
|
41
|
+
isLastPinned: p,
|
|
42
|
+
colIndex: a + 1,
|
|
43
|
+
textValue: T,
|
|
44
|
+
truncate: !P && T !== void 0,
|
|
45
|
+
style: N,
|
|
46
|
+
children: [
|
|
47
|
+
A && /* @__PURE__ */ c(t, {
|
|
48
|
+
size: "icon-sm",
|
|
49
|
+
variant: "ghost",
|
|
50
|
+
className: "mr-2",
|
|
51
|
+
"data-row-expand-toggle": "true",
|
|
52
|
+
onClick: (e) => {
|
|
53
|
+
e.stopPropagation(), d.toggleExpanded();
|
|
54
|
+
},
|
|
55
|
+
"aria-label": d.getIsExpanded() ? "Collapse row" : "Expand row",
|
|
56
|
+
children: /* @__PURE__ */ c(s, {
|
|
57
|
+
width: 5,
|
|
58
|
+
height: 8,
|
|
59
|
+
className: e(d.getIsExpanded() && "rotate-90"),
|
|
60
|
+
"aria-hidden": "true"
|
|
61
|
+
})
|
|
62
|
+
}),
|
|
63
|
+
j && /* @__PURE__ */ c("span", {
|
|
64
|
+
className: "mr-2 inline-block h-7 w-7 shrink-0",
|
|
65
|
+
"aria-hidden": "true"
|
|
66
|
+
}),
|
|
67
|
+
P && T !== void 0 ? /* @__PURE__ */ c("span", {
|
|
68
|
+
className: "block min-w-0 flex-1 truncate",
|
|
69
|
+
children: T
|
|
70
|
+
}) : m
|
|
71
|
+
]
|
|
72
|
+
}, i.id);
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
//#endregion
|
|
77
|
+
export { d as DataGridRow };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
|
+
import { ColumnDef, ExpandedState, FilterFnOption, Row, SortingState } from '@tanstack/react-table';
|
|
3
|
+
type DataGridSize = 'default' | 'compact';
|
|
4
|
+
type DataGridHandle = {
|
|
5
|
+
scrollToRow: (index: number) => void;
|
|
6
|
+
resetSorting: () => void;
|
|
7
|
+
};
|
|
8
|
+
type DataGridBaseProps<TData> = {
|
|
9
|
+
data: TData[];
|
|
10
|
+
columns: ColumnDef<TData>[];
|
|
11
|
+
getRowId?: (originalRow: TData, index: number) => string;
|
|
12
|
+
rowCount?: number;
|
|
13
|
+
globalFilterFn?: FilterFnOption<TData>;
|
|
14
|
+
enableSorting?: boolean;
|
|
15
|
+
manualSorting?: boolean;
|
|
16
|
+
sorting?: SortingState;
|
|
17
|
+
defaultSorting?: SortingState;
|
|
18
|
+
onSortingChange?: (value: SortingState) => void;
|
|
19
|
+
getSubRows?: (row: TData, index: number) => TData[] | undefined;
|
|
20
|
+
expanded?: ExpandedState;
|
|
21
|
+
defaultExpanded?: ExpandedState;
|
|
22
|
+
onExpandedChange?: (value: ExpandedState) => void;
|
|
23
|
+
getRowCanExpand?: (row: Row<TData>) => boolean;
|
|
24
|
+
maxDepth?: number;
|
|
25
|
+
pinnedColumns?: string[];
|
|
26
|
+
gridRef?: RefObject<DataGridHandle | null>;
|
|
27
|
+
size?: DataGridSize;
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
onRowClick?: (row: Row<TData>) => void;
|
|
31
|
+
rowHeight?: number;
|
|
32
|
+
headerHeight?: number;
|
|
33
|
+
};
|
|
34
|
+
type DataGridAccessibleNameProps = {
|
|
35
|
+
'aria-label': string;
|
|
36
|
+
'aria-labelledby'?: string;
|
|
37
|
+
} | {
|
|
38
|
+
'aria-labelledby': string;
|
|
39
|
+
'aria-label'?: string;
|
|
40
|
+
};
|
|
41
|
+
type DataGridProps<TData> = DataGridBaseProps<TData> & DataGridAccessibleNameProps;
|
|
42
|
+
declare function DataGrid<TData>({ data, columns, getRowId, rowCount, globalFilterFn, enableSorting, manualSorting, sorting, defaultSorting, onSortingChange, getSubRows, expanded, defaultExpanded, onExpandedChange, getRowCanExpand, maxDepth, pinnedColumns, gridRef, size, children, className, onRowClick, rowHeight, headerHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DataGridProps<TData>): ReactElement;
|
|
43
|
+
export { DataGrid, type DataGridHandle };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ColumnDef } from '@tanstack/react-table';
|
|
2
|
+
type AssetRow = {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
type: string;
|
|
6
|
+
status: 'Running' | 'Stopped' | 'Needs attention';
|
|
7
|
+
area: string;
|
|
8
|
+
updated: string;
|
|
9
|
+
};
|
|
10
|
+
declare const assetRows: AssetRow[];
|
|
11
|
+
declare const assetColumns: ColumnDef<AssetRow>[];
|
|
12
|
+
export { type AssetRow, assetColumns, assetRows };
|