@toolpath/ui 0.1.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/LICENSE +21 -0
- package/README.md +44 -0
- package/dist/index.d.ts +1174 -0
- package/dist/index.js +5934 -0
- package/package.json +68 -0
- package/src/attribution/action.tsx +13 -0
- package/src/attribution/at.tsx +28 -0
- package/src/attribution/attribution.tsx +16 -0
- package/src/attribution/by.tsx +21 -0
- package/src/attribution/format-time.ts +48 -0
- package/src/attribution/index.ts +20 -0
- package/src/badge/badge.tsx +38 -0
- package/src/badge/index.ts +1 -0
- package/src/breadcrumbs/breadcrumbs-context.tsx +26 -0
- package/src/breadcrumbs/breadcrumbs.tsx +24 -0
- package/src/breadcrumbs/index.ts +12 -0
- package/src/breadcrumbs/item.tsx +85 -0
- package/src/button/animated-ellipsis.tsx +44 -0
- package/src/button/button.tsx +168 -0
- package/src/button/index.ts +1 -0
- package/src/callout/callout.tsx +202 -0
- package/src/callout/index.ts +2 -0
- package/src/callout/use-dismissed-callouts.ts +78 -0
- package/src/card/card.tsx +19 -0
- package/src/card/index.ts +2 -0
- package/src/checkbox/checkbox.tsx +76 -0
- package/src/checkbox/index.ts +1 -0
- package/src/combobox/button.tsx +99 -0
- package/src/combobox/combobox-context.tsx +42 -0
- package/src/combobox/combobox.tsx +60 -0
- package/src/combobox/empty.tsx +21 -0
- package/src/combobox/group-label.tsx +20 -0
- package/src/combobox/group.tsx +11 -0
- package/src/combobox/icon.tsx +11 -0
- package/src/combobox/index.tsx +64 -0
- package/src/combobox/input.tsx +77 -0
- package/src/combobox/item-indicator.tsx +16 -0
- package/src/combobox/item.tsx +58 -0
- package/src/combobox/list.tsx +19 -0
- package/src/combobox/popover.tsx +62 -0
- package/src/combobox/trigger.tsx +33 -0
- package/src/combobox/value.tsx +12 -0
- package/src/common/index.ts +1 -0
- package/src/common/svg.tsx +17 -0
- package/src/dialog/actions.tsx +17 -0
- package/src/dialog/confirm-button.tsx +25 -0
- package/src/dialog/dialog-context.tsx +21 -0
- package/src/dialog/dialog.tsx +37 -0
- package/src/dialog/dismiss-button.tsx +29 -0
- package/src/dialog/index.ts +37 -0
- package/src/dialog/message.tsx +20 -0
- package/src/dialog/provider.tsx +102 -0
- package/src/dialog/title.tsx +20 -0
- package/src/editable-cell/editable-cell.tsx +307 -0
- package/src/editable-cell/index.ts +7 -0
- package/src/editable-cell/use-editable-grid.tsx +296 -0
- package/src/field/field.tsx +22 -0
- package/src/field/index.ts +2 -0
- package/src/helpers/cn.ts +6 -0
- package/src/helpers/index.ts +1 -0
- package/src/icon-button/icon-button.tsx +126 -0
- package/src/icon-button/index.ts +2 -0
- package/src/index.ts +32 -0
- package/src/input/index.ts +1 -0
- package/src/input/input.tsx +276 -0
- package/src/link/index.ts +4 -0
- package/src/link/link-context.tsx +33 -0
- package/src/link/link.tsx +24 -0
- package/src/menu/divider.tsx +17 -0
- package/src/menu/index.ts +40 -0
- package/src/menu/item.tsx +149 -0
- package/src/menu/menu-context.tsx +24 -0
- package/src/menu/menu.tsx +14 -0
- package/src/menu/popover.tsx +69 -0
- package/src/menu/submenu-trigger.tsx +48 -0
- package/src/menu/submenu.tsx +20 -0
- package/src/menu/trigger.tsx +43 -0
- package/src/notification/index.ts +16 -0
- package/src/notification/list.tsx +123 -0
- package/src/notification/provider.tsx +75 -0
- package/src/page-header/index.ts +2 -0
- package/src/page-header/page-header.tsx +14 -0
- package/src/pagination/index.ts +1 -0
- package/src/pagination/pagination.tsx +136 -0
- package/src/panels/collapsed.tsx +32 -0
- package/src/panels/group.tsx +27 -0
- package/src/panels/index.ts +57 -0
- package/src/panels/layout-context.ts +5 -0
- package/src/panels/orientation-context.tsx +5 -0
- package/src/panels/panel.tsx +95 -0
- package/src/panels/separator.tsx +44 -0
- package/src/pin/index.ts +1 -0
- package/src/pin/pin.tsx +99 -0
- package/src/progress-bar/index.ts +1 -0
- package/src/progress-bar/progress-bar.tsx +48 -0
- package/src/quantity-input/index.ts +1 -0
- package/src/quantity-input/quantity-input.tsx +158 -0
- package/src/scroll-area/index.ts +1 -0
- package/src/scroll-area/scroll-area.tsx +82 -0
- package/src/slider/index.ts +1 -0
- package/src/slider/slider.tsx +75 -0
- package/src/star/index.ts +1 -0
- package/src/star/star.tsx +99 -0
- package/src/switch/index.ts +1 -0
- package/src/switch/switch.tsx +33 -0
- package/src/table/body.tsx +15 -0
- package/src/table/cell-context.tsx +48 -0
- package/src/table/cell.tsx +83 -0
- package/src/table/group-empty-state.tsx +28 -0
- package/src/table/group-header.tsx +62 -0
- package/src/table/header-cell.tsx +158 -0
- package/src/table/header-row.tsx +28 -0
- package/src/table/index.ts +56 -0
- package/src/table/is-group-empty-state.ts +17 -0
- package/src/table/is-group-header.ts +5 -0
- package/src/table/row-context.tsx +61 -0
- package/src/table/row-disabled-context.tsx +7 -0
- package/src/table/row.tsx +98 -0
- package/src/table/table-context.tsx +127 -0
- package/src/table/table-empty.tsx +57 -0
- package/src/table/table.tsx +547 -0
- package/src/table/tree-icon.tsx +147 -0
- package/src/table/use-checkbox.ts +200 -0
- package/src/table/use-column-layout.ts +117 -0
- package/src/table/use-groups.ts +134 -0
- package/src/table/use-keyboard-navigation.ts +274 -0
- package/src/table/use-sort-functions.ts +90 -0
- package/src/tabs/index.ts +20 -0
- package/src/tabs/list.tsx +29 -0
- package/src/tabs/tab.tsx +141 -0
- package/src/tabs/tabs-context.tsx +38 -0
- package/src/tabs/tabs.tsx +27 -0
- package/src/textarea/index.ts +1 -0
- package/src/textarea/textarea.tsx +88 -0
- package/src/toast/index.ts +19 -0
- package/src/toast/list.tsx +133 -0
- package/src/toast/provider.tsx +36 -0
- package/src/toggle/index.ts +17 -0
- package/src/toggle/indicator.tsx +27 -0
- package/src/toggle/item.tsx +54 -0
- package/src/toggle/toggle-context.tsx +68 -0
- package/src/toggle/toggle.tsx +124 -0
- package/src/toggle/use-indicator.tsx +69 -0
- package/src/tooltip/index.ts +1 -0
- package/src/tooltip/tooltip.tsx +122 -0
- package/theme.css +70 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,1174 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { HTMLAttributes, ReactNode, ReactElement, Dispatch, MouseEvent, Ref, FC, SVGProps, RefAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ComponentType, AnchorHTMLAttributes, SetStateAction, TextareaHTMLAttributes, RefObject } from 'react';
|
|
3
|
+
import { CheckboxRootProps, ComboboxRootProps, ComboboxGroupProps as ComboboxGroupProps$1, ComboboxGroupLabelProps as ComboboxGroupLabelProps$1, ComboboxIconProps as ComboboxIconProps$1, ComboboxInputProps as ComboboxInputProps$1, ComboboxItemProps as ComboboxItemProps$1, ComboboxItemIndicatorProps as ComboboxItemIndicatorProps$1, ComboboxListProps as ComboboxListProps$1, ComboboxPopupProps, ComboboxPositionerProps, ComboboxTriggerProps as ComboboxTriggerProps$1, ComboboxValueProps as ComboboxValueProps$1, SeparatorProps, MenuItemProps as MenuItemProps$1, MenuRoot, ContextMenu, MenuPopupProps, MenuPositionerProps, MenuSubmenuRootProps as MenuSubmenuRootProps$1, MenuSubmenuTriggerProps as MenuSubmenuTriggerProps$1, MenuTriggerProps as MenuTriggerProps$1, ContextMenuTriggerProps, ToastProviderProps as ToastProviderProps$1, UseToastManagerReturnValue, SwitchRootProps, TooltipProviderProps, TooltipRootProps, TooltipPositionerProps } from '@base-ui/react';
|
|
4
|
+
import { SliderRootProps, SliderThumbProps, SliderRoot } from '@base-ui/react/slider';
|
|
5
|
+
import { CellProps as CellProps$1, HeaderRowProps as HeaderRowProps$1, RowProps, TableNode as TableNode$1, Identifier } from '@table-library/react-table-library/types/table';
|
|
6
|
+
import { TableNode } from '@table-library/react-table-library/table';
|
|
7
|
+
import { HeaderCellSortProps } from '@table-library/react-table-library/types/sort';
|
|
8
|
+
import { IdState } from '@table-library/react-table-library/types/common';
|
|
9
|
+
import { VirtualizedProps } from '@table-library/react-table-library/types/virtualized';
|
|
10
|
+
import { GroupProps, PanelSize, PanelImperativeHandle, SeparatorProps as SeparatorProps$1, isCoarsePointer, useDefaultLayout, useGroupCallbackRef, useGroupRef, usePanelCallbackRef, usePanelRef, GroupImperativeHandle, Layout, LayoutStorage, OnGroupLayoutChange, OnPanelResize, Orientation, PanelProps, SizeUnit } from 'react-resizable-panels';
|
|
11
|
+
|
|
12
|
+
type AttributionActionProps = HTMLAttributes<HTMLSpanElement> & {
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const Action: ({ className, children, ...props }: AttributionActionProps) => react__default.JSX.Element;
|
|
16
|
+
|
|
17
|
+
type AttributionAtProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
|
|
18
|
+
date: string | Date;
|
|
19
|
+
hideTime?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare const At: ({ date, hideTime, className, ...props }: AttributionAtProps) => react__default.JSX.Element;
|
|
22
|
+
|
|
23
|
+
type AttributionProps = HTMLAttributes<HTMLDivElement>;
|
|
24
|
+
|
|
25
|
+
type AttributionByProps = HTMLAttributes<HTMLSpanElement> & {
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
};
|
|
28
|
+
declare const By: ({ className, children, ...props }: AttributionByProps) => react__default.JSX.Element;
|
|
29
|
+
|
|
30
|
+
type AttributionCompoundType = {
|
|
31
|
+
(props: AttributionProps): ReactElement;
|
|
32
|
+
Action: typeof Action;
|
|
33
|
+
At: typeof At;
|
|
34
|
+
By: typeof By;
|
|
35
|
+
};
|
|
36
|
+
declare const Attribution: AttributionCompoundType;
|
|
37
|
+
|
|
38
|
+
type ButtonProps = HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
|
|
39
|
+
children: ReactNode;
|
|
40
|
+
variant?: 'default' | 'primary' | 'secondary' | 'info' | 'muted' | 'danger' | 'success';
|
|
41
|
+
size?: 'sm' | 'md' | 'lg';
|
|
42
|
+
shape?: 'default' | 'pill';
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
isLoading?: boolean;
|
|
45
|
+
onClick?: Dispatch<MouseEvent>;
|
|
46
|
+
type?: 'button' | 'submit' | 'reset';
|
|
47
|
+
className?: string;
|
|
48
|
+
asLink?: boolean;
|
|
49
|
+
href?: string;
|
|
50
|
+
form?: string;
|
|
51
|
+
target?: string;
|
|
52
|
+
full?: boolean;
|
|
53
|
+
ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
|
|
54
|
+
};
|
|
55
|
+
declare const Button$1: ({ variant, size, shape, type, className, isLoading, children, onClick, asLink, href, form, full, disabled, ref, ...props }: ButtonProps) => react__default.JSX.Element;
|
|
56
|
+
|
|
57
|
+
type CalloutProps = {
|
|
58
|
+
id: string;
|
|
59
|
+
children: ReactNode;
|
|
60
|
+
show?: boolean;
|
|
61
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
62
|
+
sideOffset?: number;
|
|
63
|
+
align?: 'start' | 'center' | 'end';
|
|
64
|
+
highlight?: boolean;
|
|
65
|
+
/** When false, dismiss state is local only and not persisted to localStorage. Defaults to true. */
|
|
66
|
+
rememberDismissed?: boolean;
|
|
67
|
+
};
|
|
68
|
+
declare const Callout: {
|
|
69
|
+
({ id, children, show, highlight, side, sideOffset, align, rememberDismissed, }: CalloutProps): react__default.JSX.Element;
|
|
70
|
+
Trigger: ({ children, className, tabIndex }: CalloutTriggerProps) => react__default.JSX.Element;
|
|
71
|
+
Content: ({ children, className }: CalloutContentProps) => react__default.JSX.Element;
|
|
72
|
+
};
|
|
73
|
+
type CalloutTriggerProps = {
|
|
74
|
+
children: ReactNode;
|
|
75
|
+
className?: string;
|
|
76
|
+
/** Set to -1 to remove the trigger from the tab order and suppress focus styling. */
|
|
77
|
+
tabIndex?: number;
|
|
78
|
+
};
|
|
79
|
+
type CalloutContentProps = {
|
|
80
|
+
children: ReactNode;
|
|
81
|
+
className?: string;
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
declare const useDismissedCallouts: () => {
|
|
85
|
+
isDismissed: (id: string) => boolean;
|
|
86
|
+
dismiss: (id: string) => void;
|
|
87
|
+
reset: (id?: string) => void;
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
interface CheckboxChangeEvent {
|
|
91
|
+
shiftKey: boolean;
|
|
92
|
+
}
|
|
93
|
+
type CheckboxProps = CheckboxRootProps & {
|
|
94
|
+
checked: boolean;
|
|
95
|
+
onChange: (checked: boolean, event: CheckboxChangeEvent) => void;
|
|
96
|
+
name: string;
|
|
97
|
+
className?: string;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
indeterminate?: boolean;
|
|
100
|
+
tabIndex?: number;
|
|
101
|
+
variant?: 'default' | 'muted';
|
|
102
|
+
size?: 'md' | 'sm';
|
|
103
|
+
};
|
|
104
|
+
declare const Checkbox: ({ checked, onChange, name, className, disabled, indeterminate, variant, size, ...props }: CheckboxProps) => react__default.JSX.Element;
|
|
105
|
+
|
|
106
|
+
type ComboboxButtonProps = {
|
|
107
|
+
placeholder?: string;
|
|
108
|
+
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
109
|
+
children?: ReactNode;
|
|
110
|
+
};
|
|
111
|
+
declare const Button: ({ placeholder, icon: IconComponent, children, }: ComboboxButtonProps) => react__default.JSX.Element;
|
|
112
|
+
|
|
113
|
+
type ComboboxProps<T> = ComboboxRootProps<T> & {
|
|
114
|
+
size?: 'xl' | 'lg' | 'md' | 'sm';
|
|
115
|
+
variant?: 'default' | 'secondary' | 'muted' | 'ghost';
|
|
116
|
+
invalid?: boolean;
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
interface ComboboxContextInterface {
|
|
120
|
+
size: 'xl' | 'lg' | 'md' | 'sm';
|
|
121
|
+
variant: 'default' | 'secondary' | 'muted' | 'ghost';
|
|
122
|
+
disabled: boolean;
|
|
123
|
+
invalid: boolean;
|
|
124
|
+
itemToStringLabel?: (item: any) => string;
|
|
125
|
+
}
|
|
126
|
+
declare const useCombobox: () => Partial<ComboboxContextInterface>;
|
|
127
|
+
|
|
128
|
+
type ComboboxEmptyProps = HTMLAttributes<HTMLDivElement> & {
|
|
129
|
+
children?: ReactNode;
|
|
130
|
+
};
|
|
131
|
+
declare const Empty: ({ className, children, ...props }: ComboboxEmptyProps) => react__default.JSX.Element;
|
|
132
|
+
|
|
133
|
+
type ComboboxGroupProps = ComboboxGroupProps$1;
|
|
134
|
+
declare const Group: ({ children, ...props }: ComboboxGroupProps) => react__default.JSX.Element;
|
|
135
|
+
|
|
136
|
+
type ComboboxGroupLabelProps = ComboboxGroupLabelProps$1;
|
|
137
|
+
declare const GroupLabel: ({ className, children, ...props }: ComboboxGroupLabelProps) => react__default.JSX.Element;
|
|
138
|
+
|
|
139
|
+
type ComboboxIconProps = ComboboxIconProps$1 & RefAttributes<HTMLDivElement>;
|
|
140
|
+
declare const Icon: ({ children, ...props }: ComboboxIconProps) => react__default.JSX.Element;
|
|
141
|
+
|
|
142
|
+
type ComboboxInputProps = ComboboxInputProps$1;
|
|
143
|
+
declare const Input$1: ({ className, ...props }: ComboboxInputProps) => react__default.JSX.Element;
|
|
144
|
+
|
|
145
|
+
type ComboboxItemProps = ComboboxItemProps$1;
|
|
146
|
+
declare const Item$3: ({ className, children, value, ...props }: ComboboxItemProps) => react__default.JSX.Element;
|
|
147
|
+
|
|
148
|
+
type ComboboxItemIndicatorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & ComboboxItemIndicatorProps$1;
|
|
149
|
+
declare const ItemIndicator: ({ children, ...props }: ComboboxItemIndicatorProps) => react__default.JSX.Element;
|
|
150
|
+
|
|
151
|
+
type ComboboxListProps = ComboboxListProps$1;
|
|
152
|
+
declare const List$3: ({ className, children, ...props }: ComboboxListProps) => react__default.JSX.Element;
|
|
153
|
+
|
|
154
|
+
type ComboboxPopoverProps = ComboboxPopupProps & Omit<ComboboxPositionerProps, 'children'>;
|
|
155
|
+
declare const Popover$1: ({ className, anchor, positionMethod, side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, children, ...props }: ComboboxPopoverProps) => react__default.JSX.Element;
|
|
156
|
+
|
|
157
|
+
type ComboboxTriggerProps = ComboboxTriggerProps$1 & RefAttributes<HTMLElement>;
|
|
158
|
+
declare const Trigger$1: ({ className, children, nativeButton, render, ...props }: ComboboxTriggerProps) => react__default.JSX.Element;
|
|
159
|
+
|
|
160
|
+
type ComboboxValueProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & ComboboxValueProps$1;
|
|
161
|
+
declare const Value: ({ children, ...props }: ComboboxValueProps) => react__default.JSX.Element;
|
|
162
|
+
|
|
163
|
+
type ComboboxCompoundType = {
|
|
164
|
+
<T>(props: ComboboxProps<T>): ReactElement;
|
|
165
|
+
Empty: typeof Empty;
|
|
166
|
+
Group: typeof Group;
|
|
167
|
+
GroupLabel: typeof GroupLabel;
|
|
168
|
+
Input: typeof Input$1;
|
|
169
|
+
Item: typeof Item$3;
|
|
170
|
+
ItemIndicator: typeof ItemIndicator;
|
|
171
|
+
List: typeof List$3;
|
|
172
|
+
Popover: typeof Popover$1;
|
|
173
|
+
Trigger: typeof Trigger$1;
|
|
174
|
+
Button: typeof Button;
|
|
175
|
+
Value: typeof Value;
|
|
176
|
+
Icon: typeof Icon;
|
|
177
|
+
useCombobox: typeof useCombobox;
|
|
178
|
+
};
|
|
179
|
+
declare const Combobox: ComboboxCompoundType;
|
|
180
|
+
|
|
181
|
+
interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
182
|
+
children: ReactNode;
|
|
183
|
+
}
|
|
184
|
+
declare const Actions: ({ children, className, ...props }: DialogActionsProps) => react__default.JSX.Element;
|
|
185
|
+
|
|
186
|
+
interface DialogConfirmProps extends Omit<ButtonProps, 'onClick'> {
|
|
187
|
+
children: ReactNode;
|
|
188
|
+
}
|
|
189
|
+
declare const Confirm: ({ children, className, variant, ...props }: DialogConfirmProps) => react__default.JSX.Element;
|
|
190
|
+
|
|
191
|
+
interface DialogDismissProps extends Omit<ButtonProps, 'onClick'> {
|
|
192
|
+
children: ReactNode;
|
|
193
|
+
}
|
|
194
|
+
declare const Dismiss: ({ children, className, variant, ...props }: DialogDismissProps) => react__default.JSX.Element;
|
|
195
|
+
|
|
196
|
+
interface DialogMessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
197
|
+
children: ReactNode;
|
|
198
|
+
}
|
|
199
|
+
declare const Message: ({ children, className, ...props }: DialogMessageProps) => react__default.JSX.Element;
|
|
200
|
+
|
|
201
|
+
interface ProviderContextValue {
|
|
202
|
+
confirm: (dialog: ReactElement) => Promise<boolean>;
|
|
203
|
+
}
|
|
204
|
+
interface DialogProviderProps {
|
|
205
|
+
children: ReactNode;
|
|
206
|
+
}
|
|
207
|
+
declare const Provider$2: ({ children }: DialogProviderProps) => react__default.JSX.Element;
|
|
208
|
+
declare const useDialog: () => ProviderContextValue;
|
|
209
|
+
|
|
210
|
+
type DialogVariant = 'danger' | 'success';
|
|
211
|
+
|
|
212
|
+
interface DialogRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
213
|
+
children: ReactNode;
|
|
214
|
+
variant: DialogVariant;
|
|
215
|
+
}
|
|
216
|
+
declare const Dialog$1: ({ children, variant, className, ...props }: DialogRootProps) => react__default.JSX.Element;
|
|
217
|
+
|
|
218
|
+
interface DialogTitleProps extends HTMLAttributes<HTMLDivElement> {
|
|
219
|
+
children: ReactNode;
|
|
220
|
+
}
|
|
221
|
+
declare const Title: ({ children, className, ...props }: DialogTitleProps) => react__default.JSX.Element;
|
|
222
|
+
|
|
223
|
+
type DialogCompoundType = typeof Dialog$1 & {
|
|
224
|
+
Provider: typeof Provider$2;
|
|
225
|
+
Title: typeof Title;
|
|
226
|
+
Message: typeof Message;
|
|
227
|
+
Actions: typeof Actions;
|
|
228
|
+
Confirm: typeof Confirm;
|
|
229
|
+
Dismiss: typeof Dismiss;
|
|
230
|
+
useDialog: typeof useDialog;
|
|
231
|
+
};
|
|
232
|
+
declare const Dialog: DialogCompoundType;
|
|
233
|
+
|
|
234
|
+
interface EditingCell$1 {
|
|
235
|
+
rowId: string | number;
|
|
236
|
+
field: string;
|
|
237
|
+
}
|
|
238
|
+
type NavigateDirection = 'next' | 'prev' | 'up' | 'down';
|
|
239
|
+
interface EditableCellProps {
|
|
240
|
+
rowId: string | number;
|
|
241
|
+
field: string;
|
|
242
|
+
value: number | string | null | undefined;
|
|
243
|
+
type?: 'text' | 'number';
|
|
244
|
+
editingCell: EditingCell$1 | null;
|
|
245
|
+
additionalCells?: Array<EditingCell$1>;
|
|
246
|
+
modifierHeld?: boolean;
|
|
247
|
+
onStartEdit?: (rowId: string | number, field: string) => void;
|
|
248
|
+
onToggleAdditional?: (rowId: string | number, field: string) => void;
|
|
249
|
+
onSelectThrough?: (rowId: string | number, field: string) => void;
|
|
250
|
+
onExtendSelection?: (direction: 'up' | 'down') => void;
|
|
251
|
+
onCommit: (rowId: string | number, field: string, rawValue: string, dirty?: boolean) => void;
|
|
252
|
+
onNavigate?: (rowId: string | number, field: string, rawValue: string, direction: NavigateDirection, dirty?: boolean) => void;
|
|
253
|
+
onCancel: () => void;
|
|
254
|
+
children: ReactNode;
|
|
255
|
+
}
|
|
256
|
+
declare const EditableCell: FC<EditableCellProps>;
|
|
257
|
+
|
|
258
|
+
interface EditableGridOptions<T> {
|
|
259
|
+
data: Array<T>;
|
|
260
|
+
fields: ReadonlyArray<string>;
|
|
261
|
+
getId: (item: T) => string | number;
|
|
262
|
+
isFieldEditable?: (item: T, field: string) => boolean;
|
|
263
|
+
onCommit: (rowId: string | number, field: string, rawValue: string) => void;
|
|
264
|
+
onBatchCommit?: (cells: Array<{
|
|
265
|
+
rowId: string | number;
|
|
266
|
+
field: string;
|
|
267
|
+
}>, rawValue: string) => void;
|
|
268
|
+
}
|
|
269
|
+
declare const useEditableGrid: <T>({ data, fields, getId, isFieldEditable, onCommit, onBatchCommit, }: EditableGridOptions<T>) => {
|
|
270
|
+
editingCell: EditingCell$1;
|
|
271
|
+
additionalCells: EditingCell$1[];
|
|
272
|
+
modifierHeld: boolean;
|
|
273
|
+
handleStartEdit: (rowId: string | number, field: string) => void;
|
|
274
|
+
handleSelectColumn: (field: string) => void;
|
|
275
|
+
handleToggleAdditional: (rowId: string | number, field: string) => void;
|
|
276
|
+
handleSelectThrough: (rowId: string | number, field: string) => void;
|
|
277
|
+
handleExtendSelection: (direction: "up" | "down") => void;
|
|
278
|
+
handleCommit: (rowId: string | number, field: string, rawValue: string, dirty?: boolean) => void;
|
|
279
|
+
handleCancel: () => void;
|
|
280
|
+
handleNavigate: (rowId: string | number, field: string, rawValue: string, direction: NavigateDirection, dirty?: boolean) => void;
|
|
281
|
+
};
|
|
282
|
+
|
|
283
|
+
type BadgeProps = {
|
|
284
|
+
children: ReactNode;
|
|
285
|
+
size?: 'sm' | 'md' | 'lg';
|
|
286
|
+
variant?: 'default' | 'secondary' | 'success' | 'primary' | 'info' | 'danger';
|
|
287
|
+
className?: string;
|
|
288
|
+
};
|
|
289
|
+
declare const Badge: ({ children, size, variant, className }: BadgeProps) => react__default.JSX.Element;
|
|
290
|
+
|
|
291
|
+
type Breakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
292
|
+
type BreadcrumbsProps = {
|
|
293
|
+
children: ReactNode;
|
|
294
|
+
breakpoint?: Breakpoint;
|
|
295
|
+
className?: string;
|
|
296
|
+
};
|
|
297
|
+
|
|
298
|
+
type BreadcrumbsItemProps = {
|
|
299
|
+
to: string;
|
|
300
|
+
children: ReactNode;
|
|
301
|
+
current?: boolean;
|
|
302
|
+
previous?: boolean;
|
|
303
|
+
className?: string;
|
|
304
|
+
};
|
|
305
|
+
declare const Item$2: ({ to, children, current, previous, className, }: BreadcrumbsItemProps) => react__default.JSX.Element;
|
|
306
|
+
|
|
307
|
+
type BreadcrumbsCompoundType = {
|
|
308
|
+
(props: BreadcrumbsProps): ReactElement;
|
|
309
|
+
Item: typeof Item$2;
|
|
310
|
+
};
|
|
311
|
+
declare const Breadcrumbs: BreadcrumbsCompoundType;
|
|
312
|
+
|
|
313
|
+
interface CardProps {
|
|
314
|
+
children: ReactNode;
|
|
315
|
+
className?: string;
|
|
316
|
+
}
|
|
317
|
+
/** A standard Toolpath application surface. */
|
|
318
|
+
declare const Card: ({ children, className }: CardProps) => react.JSX.Element;
|
|
319
|
+
|
|
320
|
+
interface FieldProps {
|
|
321
|
+
title: string;
|
|
322
|
+
description?: string;
|
|
323
|
+
content?: ReactNode;
|
|
324
|
+
children?: ReactNode;
|
|
325
|
+
}
|
|
326
|
+
/** A labelled settings row with an optional right-aligned control. */
|
|
327
|
+
declare const Field: ({ title, description, content, children }: FieldProps) => react.JSX.Element;
|
|
328
|
+
|
|
329
|
+
type IconButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
330
|
+
interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
331
|
+
variant?: 'default' | 'muted' | 'secondary';
|
|
332
|
+
size?: IconButtonSize;
|
|
333
|
+
children: ReactNode;
|
|
334
|
+
toggled?: boolean;
|
|
335
|
+
invalid?: boolean;
|
|
336
|
+
deemphasize?: boolean;
|
|
337
|
+
ref?: Ref<HTMLButtonElement>;
|
|
338
|
+
}
|
|
339
|
+
interface IconButtonIndicatorProps {
|
|
340
|
+
variant?: 'info' | 'success' | 'primary' | 'danger' | 'warning';
|
|
341
|
+
children?: ReactNode;
|
|
342
|
+
}
|
|
343
|
+
declare const IconButton: (({ variant, size, disabled, children, className, toggled, invalid, deemphasize, ref, ...props }: IconButtonProps) => react__default.JSX.Element) & {
|
|
344
|
+
Indicator: ({ variant, children }: IconButtonIndicatorProps) => react__default.JSX.Element;
|
|
345
|
+
};
|
|
346
|
+
|
|
347
|
+
type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> & {
|
|
348
|
+
name: string;
|
|
349
|
+
id: string;
|
|
350
|
+
size?: 'md' | 'lg' | 'xl';
|
|
351
|
+
variant?: 'default' | 'secondary' | 'muted' | 'ghost';
|
|
352
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
353
|
+
iconPosition?: 'left' | 'right';
|
|
354
|
+
prefix?: ReactNode;
|
|
355
|
+
suffix?: ReactNode;
|
|
356
|
+
textEnd?: boolean;
|
|
357
|
+
invalid?: boolean;
|
|
358
|
+
showSpinner?: boolean;
|
|
359
|
+
copyable?: boolean;
|
|
360
|
+
onCopyError?: () => void;
|
|
361
|
+
onValueChange?: (value: string | null) => void;
|
|
362
|
+
ref?: Ref<HTMLInputElement>;
|
|
363
|
+
};
|
|
364
|
+
declare const Input: ({ type, name, id, value, className, disabled, variant, icon: IconComponent, iconPosition, suffix, prefix, size, textEnd, invalid, showSpinner, copyable, onCopyError, onValueChange, ref, ...props }: InputProps) => react__default.JSX.Element;
|
|
365
|
+
|
|
366
|
+
type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
367
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
368
|
+
};
|
|
369
|
+
type LinkContextValue = {
|
|
370
|
+
LinkComponent: ComponentType<LinkComponentProps>;
|
|
371
|
+
};
|
|
372
|
+
declare const useLinkContext: () => LinkContextValue;
|
|
373
|
+
type LinkProviderProps = {
|
|
374
|
+
children: ReactNode;
|
|
375
|
+
component: ComponentType<LinkComponentProps>;
|
|
376
|
+
};
|
|
377
|
+
declare const LinkProvider: ({ children, component }: LinkProviderProps) => react__default.JSX.Element;
|
|
378
|
+
|
|
379
|
+
type LinkProps = LinkComponentProps & {
|
|
380
|
+
children: ReactNode;
|
|
381
|
+
className?: string;
|
|
382
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
383
|
+
};
|
|
384
|
+
declare const Link: ({ children, className, ref, ...props }: LinkProps) => react__default.JSX.Element;
|
|
385
|
+
|
|
386
|
+
type MenuDividerProps = SeparatorProps;
|
|
387
|
+
declare const Divider: ({ className, ...props }: MenuDividerProps) => react__default.JSX.Element;
|
|
388
|
+
|
|
389
|
+
type MenuItemProps = MenuItemProps$1 & {
|
|
390
|
+
variant?: 'default' | 'danger';
|
|
391
|
+
ref?: Ref<HTMLElement>;
|
|
392
|
+
};
|
|
393
|
+
declare const Item$1: ({ children, className, disabled, variant, ref, onClick, ...props }: MenuItemProps) => react__default.JSX.Element;
|
|
394
|
+
|
|
395
|
+
type MenuProps = (MenuRoot.Props & {
|
|
396
|
+
context?: false;
|
|
397
|
+
}) | (ContextMenu.Root.Props & {
|
|
398
|
+
context: true;
|
|
399
|
+
});
|
|
400
|
+
|
|
401
|
+
interface MenuContextInterface {
|
|
402
|
+
context: boolean;
|
|
403
|
+
submenu: boolean;
|
|
404
|
+
}
|
|
405
|
+
declare const useMenu: () => Partial<MenuContextInterface>;
|
|
406
|
+
|
|
407
|
+
type MenuPopoverProps = MenuPopupProps & Omit<MenuPositionerProps, 'children'>;
|
|
408
|
+
declare const Popover: ({ className, anchor, positionMethod, side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, children, ...props }: MenuPopoverProps) => react__default.JSX.Element;
|
|
409
|
+
|
|
410
|
+
type MenuSubmenuRootProps = MenuSubmenuRootProps$1;
|
|
411
|
+
declare const Submenu: ({ ...props }: MenuSubmenuRootProps) => react__default.JSX.Element;
|
|
412
|
+
|
|
413
|
+
type MenuSubmenuTriggerProps = MenuSubmenuTriggerProps$1 & RefAttributes<HTMLElement>;
|
|
414
|
+
declare const SubmenuTrigger: ({ className, children, ...props }: MenuSubmenuTriggerProps) => react__default.JSX.Element;
|
|
415
|
+
|
|
416
|
+
type MenuTriggerProps = (MenuTriggerProps$1 & RefAttributes<HTMLElement>) | (ContextMenuTriggerProps & RefAttributes<HTMLDivElement>);
|
|
417
|
+
declare const Trigger: ({ className, children, ...props }: MenuTriggerProps) => react__default.JSX.Element;
|
|
418
|
+
|
|
419
|
+
type MenuCompoundType = {
|
|
420
|
+
(props: MenuProps): ReactElement;
|
|
421
|
+
Divider: typeof Divider;
|
|
422
|
+
Item: typeof Item$1;
|
|
423
|
+
Popover: typeof Popover;
|
|
424
|
+
SubmenuTrigger: typeof SubmenuTrigger;
|
|
425
|
+
Submenu: typeof Submenu;
|
|
426
|
+
Trigger: typeof Trigger;
|
|
427
|
+
useMenu: typeof useMenu;
|
|
428
|
+
};
|
|
429
|
+
declare const Menu: MenuCompoundType;
|
|
430
|
+
|
|
431
|
+
type NotificationVariant = 'info' | 'warning' | 'danger' | 'success';
|
|
432
|
+
declare const List$2: () => react__default.JSX.Element;
|
|
433
|
+
|
|
434
|
+
type NotificationProviderProps = Omit<ToastProviderProps$1, 'children'> & {
|
|
435
|
+
children?: ReactNode;
|
|
436
|
+
};
|
|
437
|
+
declare const Provider$1: ({ children, ...props }: NotificationProviderProps) => react__default.JSX.Element;
|
|
438
|
+
type NotificationManager = {
|
|
439
|
+
toasts: UseToastManagerReturnValue['toasts'];
|
|
440
|
+
add: <Data extends object>(options: Parameters<UseToastManagerReturnValue['add']>[0] & {
|
|
441
|
+
variant: NotificationVariant;
|
|
442
|
+
} & {
|
|
443
|
+
data?: Data;
|
|
444
|
+
}) => string;
|
|
445
|
+
close: UseToastManagerReturnValue['close'];
|
|
446
|
+
update: UseToastManagerReturnValue['update'];
|
|
447
|
+
promise: UseToastManagerReturnValue['promise'];
|
|
448
|
+
};
|
|
449
|
+
declare const useNotificationManager: () => NotificationManager;
|
|
450
|
+
|
|
451
|
+
type NotificationCompoundType = {
|
|
452
|
+
List: typeof List$2;
|
|
453
|
+
Provider: typeof Provider$1;
|
|
454
|
+
useNotificationManager: typeof useNotificationManager;
|
|
455
|
+
};
|
|
456
|
+
declare const Notification: NotificationCompoundType;
|
|
457
|
+
|
|
458
|
+
type QuantityInputProps = {
|
|
459
|
+
value: number;
|
|
460
|
+
onValueChange: (value: number) => void;
|
|
461
|
+
min?: number;
|
|
462
|
+
max?: number;
|
|
463
|
+
step?: number;
|
|
464
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
465
|
+
variant?: 'default' | 'muted';
|
|
466
|
+
disabled?: boolean;
|
|
467
|
+
className?: string;
|
|
468
|
+
id?: string;
|
|
469
|
+
ref?: Ref<HTMLInputElement>;
|
|
470
|
+
};
|
|
471
|
+
declare const QuantityInput: ({ value, onValueChange, min, max, step, size, variant, disabled, className, id, ref, }: QuantityInputProps) => react__default.JSX.Element;
|
|
472
|
+
|
|
473
|
+
type SliderProps = Omit<SliderRootProps, 'onValueChange'> & {
|
|
474
|
+
variant?: 'default';
|
|
475
|
+
onFocus?: SliderThumbProps['onFocus'] | undefined;
|
|
476
|
+
onBlur?: SliderThumbProps['onBlur'] | undefined;
|
|
477
|
+
onValueChange?: (value: number, eventDetails: SliderRoot.ChangeEventDetails) => void;
|
|
478
|
+
};
|
|
479
|
+
declare const Slider: ({ variant, onFocus, onBlur, onValueChange, className, ...props }: SliderProps) => react__default.JSX.Element;
|
|
480
|
+
|
|
481
|
+
interface PinChangeEvent {
|
|
482
|
+
shiftKey: boolean;
|
|
483
|
+
}
|
|
484
|
+
type PinProps = {
|
|
485
|
+
checked: boolean;
|
|
486
|
+
onChange: (checked: boolean, event: PinChangeEvent) => void;
|
|
487
|
+
name: string;
|
|
488
|
+
className?: string;
|
|
489
|
+
disabled?: boolean;
|
|
490
|
+
size?: 'sm' | 'md' | 'lg';
|
|
491
|
+
tabIndex?: number;
|
|
492
|
+
};
|
|
493
|
+
declare const Pin: ({ checked, onChange, name, className, disabled, size, tabIndex, }: PinProps) => react__default.JSX.Element;
|
|
494
|
+
|
|
495
|
+
type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
496
|
+
type ProgressBarProps = {
|
|
497
|
+
progress: number;
|
|
498
|
+
size?: ProgressBarSize;
|
|
499
|
+
className?: string;
|
|
500
|
+
};
|
|
501
|
+
declare const ProgressBar: ({ progress, size, className }: ProgressBarProps) => react__default.JSX.Element;
|
|
502
|
+
|
|
503
|
+
interface StarChangeEvent {
|
|
504
|
+
shiftKey: boolean;
|
|
505
|
+
}
|
|
506
|
+
type StarProps = {
|
|
507
|
+
checked: boolean;
|
|
508
|
+
onChange: (checked: boolean, event: StarChangeEvent) => void;
|
|
509
|
+
name: string;
|
|
510
|
+
className?: string;
|
|
511
|
+
disabled?: boolean;
|
|
512
|
+
size?: 'sm' | 'md' | 'lg';
|
|
513
|
+
tabIndex?: number;
|
|
514
|
+
};
|
|
515
|
+
declare const Star: ({ checked, onChange, name, className, disabled, size, tabIndex, }: StarProps) => react__default.JSX.Element;
|
|
516
|
+
|
|
517
|
+
type SwitchProps = SwitchRootProps;
|
|
518
|
+
declare const Switch: ({ checked, onCheckedChange, disabled, className, ...props }: SwitchProps) => react__default.JSX.Element;
|
|
519
|
+
|
|
520
|
+
interface CellProps extends CellProps$1 {
|
|
521
|
+
divider?: boolean;
|
|
522
|
+
tree?: boolean;
|
|
523
|
+
}
|
|
524
|
+
declare const Cell: react__default.NamedExoticComponent<CellProps>;
|
|
525
|
+
|
|
526
|
+
interface HeaderCellProps extends Omit<HeaderCellSortProps, 'sortKey'> {
|
|
527
|
+
sort?: boolean;
|
|
528
|
+
sortFn?: (array: Array<TableNode>) => Array<TableNode>;
|
|
529
|
+
width?: string | number;
|
|
530
|
+
sortKey?: string;
|
|
531
|
+
divider?: boolean;
|
|
532
|
+
}
|
|
533
|
+
interface HeaderCellInteractiveProps extends HTMLAttributes<HTMLSpanElement> {
|
|
534
|
+
children: ReactNode;
|
|
535
|
+
}
|
|
536
|
+
interface HeaderCellContentProps extends HTMLAttributes<HTMLSpanElement> {
|
|
537
|
+
accessory?: ReactNode;
|
|
538
|
+
children: ReactNode;
|
|
539
|
+
}
|
|
540
|
+
declare const HeaderCellContent: ({ accessory, children, className, style, ...props }: HeaderCellContentProps) => react__default.JSX.Element;
|
|
541
|
+
declare const HeaderCellInteractive: ({ children, className, onClick, onMouseDown, style, ...props }: HeaderCellInteractiveProps) => react__default.JSX.Element;
|
|
542
|
+
declare const HeaderCell: ({ children, sortKey, sortFn, resize, width: _width, divider, ...props }: HeaderCellProps) => react__default.JSX.Element;
|
|
543
|
+
|
|
544
|
+
interface HeaderRowProps extends HeaderRowProps$1 {
|
|
545
|
+
noOffset?: boolean;
|
|
546
|
+
className?: string;
|
|
547
|
+
}
|
|
548
|
+
declare const HeaderRow: ({ children, noOffset, className, ...props }: HeaderRowProps) => react__default.JSX.Element;
|
|
549
|
+
|
|
550
|
+
declare const Row: react__default.MemoExoticComponent<({ children, onClick, disabled, ...props }: Omit<RowProps<any>, "item"> & {
|
|
551
|
+
disabled?: boolean;
|
|
552
|
+
}) => react__default.JSX.Element>;
|
|
553
|
+
|
|
554
|
+
type EditingCell = [number, number | string, number];
|
|
555
|
+
type TableDensity$1 = 'dense' | 'roomy';
|
|
556
|
+
interface TableContextInterface {
|
|
557
|
+
columns: number;
|
|
558
|
+
density: TableDensity$1;
|
|
559
|
+
select: boolean;
|
|
560
|
+
multiselect: boolean;
|
|
561
|
+
keyboardNavigation: boolean;
|
|
562
|
+
isEmpty: boolean;
|
|
563
|
+
cursor: number | null;
|
|
564
|
+
setCursor: Dispatch<SetStateAction<number | null>>;
|
|
565
|
+
selectedRows: IdState;
|
|
566
|
+
setSelectedRows: Dispatch<SetStateAction<IdState>>;
|
|
567
|
+
editingCell: EditingCell | null;
|
|
568
|
+
setEditingCell: Dispatch<SetStateAction<EditingCell | null>>;
|
|
569
|
+
collapsedGroups: Array<number>;
|
|
570
|
+
setCollapsedGroups: Dispatch<SetStateAction<Array<number>>>;
|
|
571
|
+
/**
|
|
572
|
+
* Called before selection changes (on row click). Return false to cancel
|
|
573
|
+
* both cursor and selection updates. Useful for dirty state confirmation.
|
|
574
|
+
*/
|
|
575
|
+
onBeforeSelectionChange?: (item: any, index: number | null) => boolean;
|
|
576
|
+
}
|
|
577
|
+
declare const useTable: () => TableContextInterface;
|
|
578
|
+
|
|
579
|
+
interface RowContextInterface {
|
|
580
|
+
item: any;
|
|
581
|
+
index: number;
|
|
582
|
+
groupIndex?: number;
|
|
583
|
+
isSelected: boolean;
|
|
584
|
+
isOnlySelected: boolean;
|
|
585
|
+
isDirectlySelected: boolean;
|
|
586
|
+
isHovered: boolean;
|
|
587
|
+
setIsHovered: Dispatch<SetStateAction<boolean>>;
|
|
588
|
+
}
|
|
589
|
+
declare const useRow: () => RowContextInterface;
|
|
590
|
+
|
|
591
|
+
interface CellContextInterface {
|
|
592
|
+
index: number;
|
|
593
|
+
isEditing: boolean;
|
|
594
|
+
toggleIsEditing: () => void;
|
|
595
|
+
isHovered: boolean;
|
|
596
|
+
}
|
|
597
|
+
declare const useCell: () => CellContextInterface;
|
|
598
|
+
|
|
599
|
+
type UseCheckboxReturn = {
|
|
600
|
+
isChecked: (item: TableNode$1) => boolean;
|
|
601
|
+
isIndeterminate: (item: TableNode$1) => boolean;
|
|
602
|
+
handleCheck: (item: TableNode$1, checked: boolean, event?: CheckboxChangeEvent) => void;
|
|
603
|
+
checkedItems: Array<Identifier>;
|
|
604
|
+
};
|
|
605
|
+
declare const useCheckbox: (items: Array<TableNode$1>, initialState?: Array<Identifier>) => UseCheckboxReturn;
|
|
606
|
+
|
|
607
|
+
interface TableEmptyProps {
|
|
608
|
+
header?: ReactElement;
|
|
609
|
+
emptyButtonLabel?: ReactNode;
|
|
610
|
+
emptyButtonText?: string;
|
|
611
|
+
onClickEmptyButton?: () => void;
|
|
612
|
+
}
|
|
613
|
+
declare const TableEmpty: ({ header, emptyButtonLabel, emptyButtonText, onClickEmptyButton, }: TableEmptyProps) => react__default.JSX.Element;
|
|
614
|
+
|
|
615
|
+
type TableSelectedRows$1 = IdState | undefined;
|
|
616
|
+
type TableSortDirection = 'asc' | 'desc';
|
|
617
|
+
type TableSort = number | string | readonly [number | string, TableSortDirection];
|
|
618
|
+
type TableSortState$1 = {
|
|
619
|
+
sortKey: number | null;
|
|
620
|
+
direction: TableSortDirection;
|
|
621
|
+
reverse: boolean;
|
|
622
|
+
};
|
|
623
|
+
interface TableProps<T> extends Omit<VirtualizedProps<any>, 'tableList' | 'rowHeight' | 'header' | 'body'> {
|
|
624
|
+
data: Array<T>;
|
|
625
|
+
id?: string;
|
|
626
|
+
density?: TableDensity$1;
|
|
627
|
+
header: ReactNode;
|
|
628
|
+
select?: boolean;
|
|
629
|
+
multiselect?: boolean;
|
|
630
|
+
empty?: ReactElement<TableEmptyProps>;
|
|
631
|
+
selectedRows?: any;
|
|
632
|
+
setSelectedRows?: Dispatch<SetStateAction<any>>;
|
|
633
|
+
editingCell?: EditingCell;
|
|
634
|
+
setEditingCell?: Dispatch<SetStateAction<EditingCell | null>>;
|
|
635
|
+
/**
|
|
636
|
+
* Initial sort (column index, header key, or tuple with direction).
|
|
637
|
+
* Accepts column index (number), header key (string), or
|
|
638
|
+
* [key, 'asc' | 'desc'].
|
|
639
|
+
*/
|
|
640
|
+
defaultSort?: TableSort;
|
|
641
|
+
onSortChange?: (sortState: TableSortState$1) => void;
|
|
642
|
+
children: (node: T, index: number) => ReactNode;
|
|
643
|
+
className?: string;
|
|
644
|
+
grouped?: {
|
|
645
|
+
counts: Array<number>;
|
|
646
|
+
header: (index: number) => ReactNode;
|
|
647
|
+
emptyState?: (index: number) => ReactNode;
|
|
648
|
+
};
|
|
649
|
+
defaultCollapsedGroups?: Array<number>;
|
|
650
|
+
tree?: boolean;
|
|
651
|
+
/** Enable vertical scroll with hidden scrollbar. Parent must have explicit height. */
|
|
652
|
+
scrollable?: boolean;
|
|
653
|
+
/** Render every row instead of using virtualized rows. */
|
|
654
|
+
virtualized?: boolean;
|
|
655
|
+
/** Disable the built-in keyboard navigation (arrow keys, escape). Default true. */
|
|
656
|
+
keyboardNavigation?: boolean;
|
|
657
|
+
/**
|
|
658
|
+
* Called before selection changes (on row click). Return false to cancel
|
|
659
|
+
* both cursor and selection updates. Useful for dirty state confirmation.
|
|
660
|
+
*/
|
|
661
|
+
onBeforeSelectionChange?: (item: T, index: number | null) => boolean;
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
type TableSelectedRows = TableSelectedRows$1 | undefined;
|
|
665
|
+
type TableSortState = TableSortState$1;
|
|
666
|
+
type TableDefaultSort = TableSort;
|
|
667
|
+
type TableDefaultSortDirection = TableSortDirection;
|
|
668
|
+
type TableDensity = TableDensity$1;
|
|
669
|
+
type TableCompoundType = {
|
|
670
|
+
<T>(props: TableProps<T>): ReactElement;
|
|
671
|
+
HeaderRow: typeof HeaderRow;
|
|
672
|
+
HeaderCell: typeof HeaderCell;
|
|
673
|
+
HeaderCellContent: typeof HeaderCellContent;
|
|
674
|
+
HeaderCellInteractive: typeof HeaderCellInteractive;
|
|
675
|
+
Row: typeof Row;
|
|
676
|
+
Cell: typeof Cell;
|
|
677
|
+
useTable: typeof useTable;
|
|
678
|
+
useRow: typeof useRow;
|
|
679
|
+
useCell: typeof useCell;
|
|
680
|
+
useCheckbox: typeof useCheckbox;
|
|
681
|
+
Empty: typeof TableEmpty;
|
|
682
|
+
};
|
|
683
|
+
declare const TableCompound: TableCompoundType;
|
|
684
|
+
|
|
685
|
+
type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
|
|
686
|
+
name: string;
|
|
687
|
+
id: string;
|
|
688
|
+
size?: 'md' | 'lg' | 'xl';
|
|
689
|
+
variant?: 'default' | 'secondary' | 'muted';
|
|
690
|
+
invalid?: boolean;
|
|
691
|
+
onValueChange?: (value: string) => void;
|
|
692
|
+
textAreaClassName?: string;
|
|
693
|
+
};
|
|
694
|
+
declare const TextArea: react__default.ForwardRefExoticComponent<Omit<react__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
|
|
695
|
+
name: string;
|
|
696
|
+
id: string;
|
|
697
|
+
size?: "md" | "lg" | "xl";
|
|
698
|
+
variant?: "default" | "secondary" | "muted";
|
|
699
|
+
invalid?: boolean;
|
|
700
|
+
onValueChange?: (value: string) => void;
|
|
701
|
+
textAreaClassName?: string;
|
|
702
|
+
} & react__default.RefAttributes<HTMLTextAreaElement>>;
|
|
703
|
+
|
|
704
|
+
type TabsListProps = {
|
|
705
|
+
className?: string;
|
|
706
|
+
children: ReactNode;
|
|
707
|
+
};
|
|
708
|
+
declare const List$1: ({ className, children }: TabsListProps) => react__default.JSX.Element;
|
|
709
|
+
|
|
710
|
+
type TabProps = HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {
|
|
711
|
+
value: string;
|
|
712
|
+
className?: string;
|
|
713
|
+
children: ReactNode;
|
|
714
|
+
asLink?: boolean;
|
|
715
|
+
href?: string;
|
|
716
|
+
type?: 'button' | 'submit' | 'reset';
|
|
717
|
+
ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
|
|
718
|
+
};
|
|
719
|
+
declare const Tab: ({ value, className, children, onClick, asLink, href, type, ref, ...restProps }: TabProps) => react__default.JSX.Element;
|
|
720
|
+
|
|
721
|
+
type TabsSize = 'md' | 'lg';
|
|
722
|
+
interface TabsContextValue {
|
|
723
|
+
value: string;
|
|
724
|
+
onValueChange: (value: string) => void;
|
|
725
|
+
size: TabsSize;
|
|
726
|
+
}
|
|
727
|
+
declare const useTabs: () => TabsContextValue;
|
|
728
|
+
|
|
729
|
+
type TabsProps = {
|
|
730
|
+
value: string;
|
|
731
|
+
onValueChange: (value: string) => void;
|
|
732
|
+
size?: TabsSize;
|
|
733
|
+
className?: string;
|
|
734
|
+
children: ReactNode;
|
|
735
|
+
};
|
|
736
|
+
|
|
737
|
+
type TabsCompoundType = {
|
|
738
|
+
(props: TabsProps): ReactElement;
|
|
739
|
+
List: typeof List$1;
|
|
740
|
+
Tab: typeof Tab;
|
|
741
|
+
useTabs: typeof useTabs;
|
|
742
|
+
};
|
|
743
|
+
declare const Tabs: TabsCompoundType;
|
|
744
|
+
|
|
745
|
+
type ToggleItemProps = {
|
|
746
|
+
value: string;
|
|
747
|
+
className?: string;
|
|
748
|
+
children: ReactNode;
|
|
749
|
+
};
|
|
750
|
+
declare const Item: ({ value, className, children }: ToggleItemProps) => react__default.JSX.Element;
|
|
751
|
+
|
|
752
|
+
type ToggleProps = {
|
|
753
|
+
value: string;
|
|
754
|
+
onValueChange: (value: string) => void;
|
|
755
|
+
disabled?: boolean;
|
|
756
|
+
size?: 'sm' | 'md' | 'lg';
|
|
757
|
+
className?: string;
|
|
758
|
+
children: ReactNode;
|
|
759
|
+
};
|
|
760
|
+
|
|
761
|
+
interface ToggleContextValue {
|
|
762
|
+
value: string;
|
|
763
|
+
onValueChange: (value: string) => void;
|
|
764
|
+
disabled: boolean;
|
|
765
|
+
size: 'sm' | 'md' | 'lg';
|
|
766
|
+
isBinaryToggle: boolean;
|
|
767
|
+
registerItem: (value: string, el: HTMLButtonElement | null) => void;
|
|
768
|
+
containerRef: RefObject<HTMLDivElement | null>;
|
|
769
|
+
itemRefs: RefObject<Map<string, HTMLButtonElement>>;
|
|
770
|
+
}
|
|
771
|
+
declare const useToggle: () => ToggleContextValue;
|
|
772
|
+
|
|
773
|
+
type ToggleCompoundType = {
|
|
774
|
+
(props: ToggleProps): ReactElement;
|
|
775
|
+
Item: typeof Item;
|
|
776
|
+
useToggle: typeof useToggle;
|
|
777
|
+
};
|
|
778
|
+
declare const Toggle: ToggleCompoundType;
|
|
779
|
+
|
|
780
|
+
interface CustomToastData {
|
|
781
|
+
content: ReactNode;
|
|
782
|
+
/** When true, the toast cannot be dismissed by swiping. Only programmatic close is allowed. */
|
|
783
|
+
persistent?: boolean;
|
|
784
|
+
/** Optional classes applied to the toast shell. */
|
|
785
|
+
className?: string;
|
|
786
|
+
}
|
|
787
|
+
declare const List: () => react__default.JSX.Element;
|
|
788
|
+
|
|
789
|
+
type ToastProviderProps = ToastProviderProps$1 & {
|
|
790
|
+
children?: ReactNode;
|
|
791
|
+
};
|
|
792
|
+
declare const Provider: ({ children, ...props }: ToastProviderProps) => react__default.JSX.Element;
|
|
793
|
+
declare const useToastManager: () => UseToastManagerReturnValue;
|
|
794
|
+
|
|
795
|
+
type ToastCompoundType = {
|
|
796
|
+
List: typeof List;
|
|
797
|
+
Provider: typeof Provider;
|
|
798
|
+
useToastManager: typeof useToastManager;
|
|
799
|
+
};
|
|
800
|
+
declare const Toast: ToastCompoundType;
|
|
801
|
+
type ToastManager = UseToastManagerReturnValue;
|
|
802
|
+
|
|
803
|
+
type TooltipProps = TooltipProviderProps & TooltipRootProps & Omit<TooltipPositionerProps, 'className'> & {
|
|
804
|
+
children: ReactElement;
|
|
805
|
+
tip: ReactElement | string | null;
|
|
806
|
+
disableFocusTrigger?: boolean;
|
|
807
|
+
hoverable?: boolean;
|
|
808
|
+
className?: string;
|
|
809
|
+
};
|
|
810
|
+
declare const Tooltip: react__default.MemoExoticComponent<({ children, tip, delay, closeDelay, timeout, defaultOpen, open: controlledOpen, onOpenChange, onOpenChangeComplete, trackCursorAxis, disableFocusTrigger, hoverable, disabled, sideOffset, className, ...positionerProps }: TooltipProps) => react__default.JSX.Element>;
|
|
811
|
+
|
|
812
|
+
interface CollapsedProps {
|
|
813
|
+
onExpand: () => void;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
declare namespace Panels {
|
|
817
|
+
const Group: ({ orientation, onLayoutChanged, ...props }: GroupProps) => react.JSX.Element;
|
|
818
|
+
const Panel: ({ collapsible, collapsedSize, panelRef: panelRefProp, onResize: onResizeProp, onExpand: onExpandProp, onCollapse: onCollapseProp, defaultSize, children, ...props }: {
|
|
819
|
+
className?: string | undefined;
|
|
820
|
+
children?: react.ReactNode | undefined;
|
|
821
|
+
defaultChecked?: boolean | undefined;
|
|
822
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
823
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
824
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
825
|
+
accessKey?: string | undefined;
|
|
826
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
827
|
+
autoFocus?: boolean | undefined;
|
|
828
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
829
|
+
contextMenu?: string | undefined;
|
|
830
|
+
dir?: string | undefined;
|
|
831
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
832
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
833
|
+
hidden?: boolean | undefined;
|
|
834
|
+
id?: string | undefined;
|
|
835
|
+
lang?: string | undefined;
|
|
836
|
+
nonce?: string | undefined;
|
|
837
|
+
slot?: string | undefined;
|
|
838
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
839
|
+
style?: react.CSSProperties | undefined;
|
|
840
|
+
tabIndex?: number | undefined;
|
|
841
|
+
title?: string | undefined;
|
|
842
|
+
translate?: "yes" | "no" | undefined;
|
|
843
|
+
radioGroup?: string | undefined;
|
|
844
|
+
role?: react.AriaRole | undefined;
|
|
845
|
+
about?: string | undefined;
|
|
846
|
+
content?: string | undefined;
|
|
847
|
+
datatype?: string | undefined;
|
|
848
|
+
inlist?: any;
|
|
849
|
+
prefix?: string | undefined;
|
|
850
|
+
property?: string | undefined;
|
|
851
|
+
rel?: string | undefined;
|
|
852
|
+
resource?: string | undefined;
|
|
853
|
+
rev?: string | undefined;
|
|
854
|
+
typeof?: string | undefined;
|
|
855
|
+
vocab?: string | undefined;
|
|
856
|
+
autoCorrect?: string | undefined;
|
|
857
|
+
autoSave?: string | undefined;
|
|
858
|
+
color?: string | undefined;
|
|
859
|
+
itemProp?: string | undefined;
|
|
860
|
+
itemScope?: boolean | undefined;
|
|
861
|
+
itemType?: string | undefined;
|
|
862
|
+
itemID?: string | undefined;
|
|
863
|
+
itemRef?: string | undefined;
|
|
864
|
+
results?: number | undefined;
|
|
865
|
+
security?: string | undefined;
|
|
866
|
+
unselectable?: "on" | "off" | undefined;
|
|
867
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
868
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
869
|
+
popoverTarget?: string | undefined;
|
|
870
|
+
inert?: boolean | undefined;
|
|
871
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
872
|
+
is?: string | undefined;
|
|
873
|
+
exportparts?: string | undefined;
|
|
874
|
+
part?: string | undefined;
|
|
875
|
+
"aria-activedescendant"?: string | undefined;
|
|
876
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
877
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
878
|
+
"aria-braillelabel"?: string | undefined;
|
|
879
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
880
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
881
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
882
|
+
"aria-colcount"?: number | undefined;
|
|
883
|
+
"aria-colindex"?: number | undefined;
|
|
884
|
+
"aria-colindextext"?: string | undefined;
|
|
885
|
+
"aria-colspan"?: number | undefined;
|
|
886
|
+
"aria-controls"?: string | undefined;
|
|
887
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
888
|
+
"aria-describedby"?: string | undefined;
|
|
889
|
+
"aria-description"?: string | undefined;
|
|
890
|
+
"aria-details"?: string | undefined;
|
|
891
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
892
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
893
|
+
"aria-errormessage"?: string | undefined;
|
|
894
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
895
|
+
"aria-flowto"?: string | undefined;
|
|
896
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
897
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
898
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
899
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
900
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
901
|
+
"aria-label"?: string | undefined;
|
|
902
|
+
"aria-labelledby"?: string | undefined;
|
|
903
|
+
"aria-level"?: number | undefined;
|
|
904
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
905
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
906
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
907
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
908
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
909
|
+
"aria-owns"?: string | undefined;
|
|
910
|
+
"aria-placeholder"?: string | undefined;
|
|
911
|
+
"aria-posinset"?: number | undefined;
|
|
912
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
913
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
914
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
915
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
916
|
+
"aria-roledescription"?: string | undefined;
|
|
917
|
+
"aria-rowcount"?: number | undefined;
|
|
918
|
+
"aria-rowindex"?: number | undefined;
|
|
919
|
+
"aria-rowindextext"?: string | undefined;
|
|
920
|
+
"aria-rowspan"?: number | undefined;
|
|
921
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
922
|
+
"aria-setsize"?: number | undefined;
|
|
923
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
924
|
+
"aria-valuemax"?: number | undefined;
|
|
925
|
+
"aria-valuemin"?: number | undefined;
|
|
926
|
+
"aria-valuenow"?: number | undefined;
|
|
927
|
+
"aria-valuetext"?: string | undefined;
|
|
928
|
+
dangerouslySetInnerHTML?: {
|
|
929
|
+
__html: string | TrustedHTML;
|
|
930
|
+
} | undefined;
|
|
931
|
+
onCopy?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
932
|
+
onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
933
|
+
onCut?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
934
|
+
onCutCapture?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
935
|
+
onPaste?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
936
|
+
onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement>;
|
|
937
|
+
onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement>;
|
|
938
|
+
onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement>;
|
|
939
|
+
onCompositionStart?: react.CompositionEventHandler<HTMLDivElement>;
|
|
940
|
+
onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement>;
|
|
941
|
+
onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement>;
|
|
942
|
+
onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement>;
|
|
943
|
+
onFocus?: react.FocusEventHandler<HTMLDivElement>;
|
|
944
|
+
onFocusCapture?: react.FocusEventHandler<HTMLDivElement>;
|
|
945
|
+
onBlur?: react.FocusEventHandler<HTMLDivElement>;
|
|
946
|
+
onBlurCapture?: react.FocusEventHandler<HTMLDivElement>;
|
|
947
|
+
onChange?: react.ChangeEventHandler<HTMLDivElement, Element>;
|
|
948
|
+
onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element>;
|
|
949
|
+
onBeforeInput?: react.InputEventHandler<HTMLDivElement>;
|
|
950
|
+
onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement>;
|
|
951
|
+
onInput?: react.InputEventHandler<HTMLDivElement>;
|
|
952
|
+
onInputCapture?: react.InputEventHandler<HTMLDivElement>;
|
|
953
|
+
onReset?: react.ReactEventHandler<HTMLDivElement>;
|
|
954
|
+
onResetCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
955
|
+
onSubmit?: react.SubmitEventHandler<HTMLDivElement>;
|
|
956
|
+
onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement>;
|
|
957
|
+
onInvalid?: react.ReactEventHandler<HTMLDivElement>;
|
|
958
|
+
onInvalidCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
959
|
+
onLoad?: react.ReactEventHandler<HTMLDivElement>;
|
|
960
|
+
onLoadCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
961
|
+
onError?: react.ReactEventHandler<HTMLDivElement>;
|
|
962
|
+
onErrorCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
963
|
+
onKeyDown?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
964
|
+
onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
965
|
+
onKeyPress?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
966
|
+
onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
967
|
+
onKeyUp?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
968
|
+
onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement>;
|
|
969
|
+
onAbort?: react.ReactEventHandler<HTMLDivElement>;
|
|
970
|
+
onAbortCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
971
|
+
onCanPlay?: react.ReactEventHandler<HTMLDivElement>;
|
|
972
|
+
onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
973
|
+
onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement>;
|
|
974
|
+
onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
975
|
+
onDurationChange?: react.ReactEventHandler<HTMLDivElement>;
|
|
976
|
+
onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
977
|
+
onEmptied?: react.ReactEventHandler<HTMLDivElement>;
|
|
978
|
+
onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
979
|
+
onEncrypted?: react.ReactEventHandler<HTMLDivElement>;
|
|
980
|
+
onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
981
|
+
onEnded?: react.ReactEventHandler<HTMLDivElement>;
|
|
982
|
+
onEndedCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
983
|
+
onLoadedData?: react.ReactEventHandler<HTMLDivElement>;
|
|
984
|
+
onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
985
|
+
onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement>;
|
|
986
|
+
onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
987
|
+
onLoadStart?: react.ReactEventHandler<HTMLDivElement>;
|
|
988
|
+
onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
989
|
+
onPause?: react.ReactEventHandler<HTMLDivElement>;
|
|
990
|
+
onPauseCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
991
|
+
onPlay?: react.ReactEventHandler<HTMLDivElement>;
|
|
992
|
+
onPlayCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
993
|
+
onPlaying?: react.ReactEventHandler<HTMLDivElement>;
|
|
994
|
+
onPlayingCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
995
|
+
onProgress?: react.ReactEventHandler<HTMLDivElement>;
|
|
996
|
+
onProgressCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
997
|
+
onRateChange?: react.ReactEventHandler<HTMLDivElement>;
|
|
998
|
+
onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
999
|
+
onSeeked?: react.ReactEventHandler<HTMLDivElement>;
|
|
1000
|
+
onSeekedCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1001
|
+
onSeeking?: react.ReactEventHandler<HTMLDivElement>;
|
|
1002
|
+
onSeekingCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1003
|
+
onStalled?: react.ReactEventHandler<HTMLDivElement>;
|
|
1004
|
+
onStalledCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1005
|
+
onSuspend?: react.ReactEventHandler<HTMLDivElement>;
|
|
1006
|
+
onSuspendCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1007
|
+
onTimeUpdate?: react.ReactEventHandler<HTMLDivElement>;
|
|
1008
|
+
onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1009
|
+
onVolumeChange?: react.ReactEventHandler<HTMLDivElement>;
|
|
1010
|
+
onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1011
|
+
onWaiting?: react.ReactEventHandler<HTMLDivElement>;
|
|
1012
|
+
onWaitingCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1013
|
+
onAuxClick?: react.MouseEventHandler<HTMLDivElement>;
|
|
1014
|
+
onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1015
|
+
onClick?: react.MouseEventHandler<HTMLDivElement>;
|
|
1016
|
+
onClickCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1017
|
+
onContextMenu?: react.MouseEventHandler<HTMLDivElement>;
|
|
1018
|
+
onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1019
|
+
onDoubleClick?: react.MouseEventHandler<HTMLDivElement>;
|
|
1020
|
+
onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1021
|
+
onDrag?: react.DragEventHandler<HTMLDivElement>;
|
|
1022
|
+
onDragCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1023
|
+
onDragEnd?: react.DragEventHandler<HTMLDivElement>;
|
|
1024
|
+
onDragEndCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1025
|
+
onDragEnter?: react.DragEventHandler<HTMLDivElement>;
|
|
1026
|
+
onDragEnterCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1027
|
+
onDragExit?: react.DragEventHandler<HTMLDivElement>;
|
|
1028
|
+
onDragExitCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1029
|
+
onDragLeave?: react.DragEventHandler<HTMLDivElement>;
|
|
1030
|
+
onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1031
|
+
onDragOver?: react.DragEventHandler<HTMLDivElement>;
|
|
1032
|
+
onDragOverCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1033
|
+
onDragStart?: react.DragEventHandler<HTMLDivElement>;
|
|
1034
|
+
onDragStartCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1035
|
+
onDrop?: react.DragEventHandler<HTMLDivElement>;
|
|
1036
|
+
onDropCapture?: react.DragEventHandler<HTMLDivElement>;
|
|
1037
|
+
onMouseDown?: react.MouseEventHandler<HTMLDivElement>;
|
|
1038
|
+
onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1039
|
+
onMouseEnter?: react.MouseEventHandler<HTMLDivElement>;
|
|
1040
|
+
onMouseLeave?: react.MouseEventHandler<HTMLDivElement>;
|
|
1041
|
+
onMouseMove?: react.MouseEventHandler<HTMLDivElement>;
|
|
1042
|
+
onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1043
|
+
onMouseOut?: react.MouseEventHandler<HTMLDivElement>;
|
|
1044
|
+
onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1045
|
+
onMouseOver?: react.MouseEventHandler<HTMLDivElement>;
|
|
1046
|
+
onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1047
|
+
onMouseUp?: react.MouseEventHandler<HTMLDivElement>;
|
|
1048
|
+
onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement>;
|
|
1049
|
+
onSelect?: react.ReactEventHandler<HTMLDivElement>;
|
|
1050
|
+
onSelectCapture?: react.ReactEventHandler<HTMLDivElement>;
|
|
1051
|
+
onTouchCancel?: react.TouchEventHandler<HTMLDivElement>;
|
|
1052
|
+
onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement>;
|
|
1053
|
+
onTouchEnd?: react.TouchEventHandler<HTMLDivElement>;
|
|
1054
|
+
onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement>;
|
|
1055
|
+
onTouchMove?: react.TouchEventHandler<HTMLDivElement>;
|
|
1056
|
+
onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement>;
|
|
1057
|
+
onTouchStart?: react.TouchEventHandler<HTMLDivElement>;
|
|
1058
|
+
onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement>;
|
|
1059
|
+
onPointerDown?: react.PointerEventHandler<HTMLDivElement>;
|
|
1060
|
+
onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1061
|
+
onPointerMove?: react.PointerEventHandler<HTMLDivElement>;
|
|
1062
|
+
onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1063
|
+
onPointerUp?: react.PointerEventHandler<HTMLDivElement>;
|
|
1064
|
+
onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1065
|
+
onPointerCancel?: react.PointerEventHandler<HTMLDivElement>;
|
|
1066
|
+
onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1067
|
+
onPointerEnter?: react.PointerEventHandler<HTMLDivElement>;
|
|
1068
|
+
onPointerLeave?: react.PointerEventHandler<HTMLDivElement>;
|
|
1069
|
+
onPointerOver?: react.PointerEventHandler<HTMLDivElement>;
|
|
1070
|
+
onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1071
|
+
onPointerOut?: react.PointerEventHandler<HTMLDivElement>;
|
|
1072
|
+
onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1073
|
+
onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1074
|
+
onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1075
|
+
onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1076
|
+
onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement>;
|
|
1077
|
+
onScroll?: react.UIEventHandler<HTMLDivElement>;
|
|
1078
|
+
onScrollCapture?: react.UIEventHandler<HTMLDivElement>;
|
|
1079
|
+
onScrollEnd?: react.UIEventHandler<HTMLDivElement>;
|
|
1080
|
+
onScrollEndCapture?: react.UIEventHandler<HTMLDivElement>;
|
|
1081
|
+
onWheel?: react.WheelEventHandler<HTMLDivElement>;
|
|
1082
|
+
onWheelCapture?: react.WheelEventHandler<HTMLDivElement>;
|
|
1083
|
+
onAnimationStart?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1084
|
+
onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1085
|
+
onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1086
|
+
onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1087
|
+
onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1088
|
+
onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement>;
|
|
1089
|
+
onToggle?: react.ToggleEventHandler<HTMLDivElement>;
|
|
1090
|
+
onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement>;
|
|
1091
|
+
onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1092
|
+
onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1093
|
+
onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1094
|
+
onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1095
|
+
onTransitionRun?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1096
|
+
onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1097
|
+
onTransitionStart?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1098
|
+
onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement>;
|
|
1099
|
+
} & {
|
|
1100
|
+
className?: string | undefined;
|
|
1101
|
+
collapsedSize?: number | string | undefined;
|
|
1102
|
+
collapsible?: boolean | undefined;
|
|
1103
|
+
defaultSize?: number | string | undefined;
|
|
1104
|
+
disabled?: boolean | undefined;
|
|
1105
|
+
elementRef?: react.Ref<HTMLDivElement | null> | undefined;
|
|
1106
|
+
groupResizeBehavior?: "preserve-relative-size" | "preserve-pixel-size" | undefined;
|
|
1107
|
+
id?: string | number | undefined;
|
|
1108
|
+
maxSize?: number | string | undefined;
|
|
1109
|
+
minSize?: number | string | undefined;
|
|
1110
|
+
onResize?: ((panelSize: PanelSize, id: string | number | undefined, prevPanelSize: PanelSize | undefined) => void) | undefined;
|
|
1111
|
+
panelRef?: react.Ref<PanelImperativeHandle | null> | undefined;
|
|
1112
|
+
style?: react.CSSProperties | undefined;
|
|
1113
|
+
} & {
|
|
1114
|
+
children?: react.ReactNode;
|
|
1115
|
+
onExpand?: () => void;
|
|
1116
|
+
onCollapse?: () => void;
|
|
1117
|
+
}) => react.JSX.Element;
|
|
1118
|
+
const Separator: ({ elementRef, className, ...props }: Omit<SeparatorProps$1, "elementRef"> & {
|
|
1119
|
+
elementRef?: SeparatorProps$1["elementRef"];
|
|
1120
|
+
}) => react.JSX.Element;
|
|
1121
|
+
const Collapsed: react.FC<CollapsedProps>;
|
|
1122
|
+
const isCoarsePointer: typeof isCoarsePointer;
|
|
1123
|
+
const useDefaultLayout: typeof useDefaultLayout;
|
|
1124
|
+
const useGroupCallbackRef: typeof useGroupCallbackRef;
|
|
1125
|
+
const useGroupRef: typeof useGroupRef;
|
|
1126
|
+
const usePanelCallbackRef: typeof usePanelCallbackRef;
|
|
1127
|
+
const useOrientation: () => "horizontal" | "vertical";
|
|
1128
|
+
const usePanelRef: typeof usePanelRef;
|
|
1129
|
+
type GroupImperativeHandle = GroupImperativeHandle;
|
|
1130
|
+
type GroupProps = GroupProps;
|
|
1131
|
+
type Layout = Layout;
|
|
1132
|
+
type LayoutStorage = LayoutStorage;
|
|
1133
|
+
type OnGroupLayoutChange = OnGroupLayoutChange;
|
|
1134
|
+
type OnPanelResize = OnPanelResize;
|
|
1135
|
+
type Orientation = Orientation;
|
|
1136
|
+
type PanelImperativeHandle = PanelImperativeHandle;
|
|
1137
|
+
type PanelProps = PanelProps;
|
|
1138
|
+
type PanelSize = PanelSize;
|
|
1139
|
+
type SeparatorProps = SeparatorProps$1;
|
|
1140
|
+
type SizeUnit = SizeUnit;
|
|
1141
|
+
type CollapsedProps = CollapsedProps;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
interface ScrollAreaState {
|
|
1145
|
+
hasOverflow: boolean;
|
|
1146
|
+
}
|
|
1147
|
+
type ScrollAreaSize = 'sm' | 'md';
|
|
1148
|
+
interface ScrollAreaProps {
|
|
1149
|
+
children: ReactNode | ((state: ScrollAreaState) => ReactNode);
|
|
1150
|
+
className?: string;
|
|
1151
|
+
size?: ScrollAreaSize;
|
|
1152
|
+
}
|
|
1153
|
+
declare const ScrollArea: ({ children, className, size }: ScrollAreaProps) => react__default.JSX.Element;
|
|
1154
|
+
|
|
1155
|
+
type PaginationMetadata = {
|
|
1156
|
+
totalPages: number;
|
|
1157
|
+
perPage: number;
|
|
1158
|
+
};
|
|
1159
|
+
type PaginationProps = {
|
|
1160
|
+
pagination: PaginationMetadata;
|
|
1161
|
+
page: number;
|
|
1162
|
+
onClick: (page: number) => void;
|
|
1163
|
+
className?: string;
|
|
1164
|
+
};
|
|
1165
|
+
declare const Pagination: FC<PaginationProps>;
|
|
1166
|
+
|
|
1167
|
+
interface PageHeaderProps {
|
|
1168
|
+
title: string;
|
|
1169
|
+
children?: ReactNode;
|
|
1170
|
+
}
|
|
1171
|
+
/** The standard heading row for a Toolpath application page. */
|
|
1172
|
+
declare const PageHeader: ({ title, children }: PageHeaderProps) => react.JSX.Element;
|
|
1173
|
+
|
|
1174
|
+
export { Attribution, type AttributionActionProps, type AttributionAtProps, type AttributionByProps, type AttributionProps, Badge, type BadgeProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Button$1 as Button, type ButtonProps, Callout, type CalloutProps, Card, type CardProps, Checkbox, type CheckboxChangeEvent, type CheckboxProps, Combobox, type ComboboxButtonProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupProps, type ComboboxIconProps, type ComboboxInputProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxListProps, type ComboboxPopoverProps, type ComboboxProps, type ComboboxTriggerProps, type ComboboxValueProps, type CustomToastData, Dialog, type DialogActionsProps, type DialogConfirmProps, type DialogDismissProps, type DialogMessageProps, type DialogProviderProps, type DialogRootProps, type DialogTitleProps, EditableCell, type EditableCellProps, type EditableGridOptions, type EditingCell$1 as EditingCell, Field, type FieldProps, IconButton, type IconButtonIndicatorProps, type IconButtonProps, Input, type InputProps, Link, type LinkComponentProps, type LinkProps, LinkProvider, type LinkProviderProps, Menu, type MenuDividerProps, type MenuItemProps, type MenuPopoverProps, type MenuProps, type MenuSubmenuRootProps, type MenuSubmenuTriggerProps, type MenuTriggerProps, type NavigateDirection, Notification, type NotificationManager, PageHeader, type PageHeaderProps, Pagination, type PaginationMetadata, type PaginationProps, Panels, Pin, type PinChangeEvent, type PinProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, QuantityInput, type QuantityInputProps, ScrollArea, type ScrollAreaProps, type ScrollAreaSize, type ScrollAreaState, Slider, type SliderProps, Star, type StarChangeEvent, type StarProps, Switch, type SwitchProps, type TabProps, TableCompound as Table, type TableDefaultSort, type TableDefaultSortDirection, type TableDensity, type TableSelectedRows, type TableSortState, Tabs, type TabsListProps, type TabsProps, type TabsSize, TextArea, type TextAreaProps, Toast, type ToastManager, type ToastProviderProps, Toggle, type ToggleItemProps, type ToggleProps, Tooltip, type TooltipProps, useDismissedCallouts, useEditableGrid, useLinkContext };
|