@ceed/ads 1.9.0 → 1.11.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/DataTable/components.d.ts +38 -0
  2. package/dist/components/DataTable/hooks.d.ts +56 -0
  3. package/dist/components/DataTable/styled.d.ts +281 -0
  4. package/dist/components/DataTable/types.d.ts +13 -3
  5. package/dist/components/DataTable/utils.d.ts +16 -0
  6. package/dist/index.cjs +1608 -1560
  7. package/dist/index.js +1191 -1139
  8. package/framer/index.js +42 -42
  9. package/package.json +3 -2
package/dist/components/DataTable/components.d.ts ADDED
@@ -0,0 +1,38 @@
1
+ import React, { ReactNode } from 'react';
2
+ import type { ObjectLike, ColumnDef, Sort } from './types';
3
+ export declare const TextEllipsis: ({ children }: {
4
+ children: ReactNode;
5
+ }) => React.JSX.Element;
6
+ export declare const CellTextEllipsis: ({ children }: {
7
+ children: ReactNode;
8
+ }) => React.JSX.Element;
9
+ export declare const HeadCell: <T extends ObjectLike, GetId>(props: ColumnDef<T, GetId> & {
10
+ tableId: string;
11
+ stickyHeader?: boolean | undefined;
12
+ editMode?: boolean | undefined;
13
+ sort?: Sort | undefined;
14
+ onSortChange?: ((props: {
15
+ field: keyof T;
16
+ multiple: boolean;
17
+ currentSort?: Sort | undefined;
18
+ }) => void) | undefined;
19
+ sortOrder: Sort[];
20
+ }) => React.JSX.Element;
21
+ export declare const BodyCell: <T extends Record<string, any>, ID>(props: {
22
+ tableId: string;
23
+ row: T;
24
+ rowId: ID;
25
+ editMode?: boolean | undefined;
26
+ noWrap?: boolean | undefined;
27
+ } & ColumnDef<T, any>) => React.JSX.Element;
28
+ export declare const BodyRow: <T extends Record<string, any>, ID>(props: {
29
+ tableId: string;
30
+ row: T;
31
+ rowId: ID;
32
+ editMode?: boolean;
33
+ noWrap?: boolean;
34
+ columns: ColumnDef<T, any>[];
35
+ }) => JSX.Element;
36
+ export declare const VirtualizedTableRow: React.NamedExoticComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
37
+ striped?: boolean | undefined;
38
+ } & React.ClassAttributes<HTMLTableRowElement> & React.HTMLAttributes<HTMLTableRowElement>>;
package/dist/components/DataTable/hooks.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ /// <reference types="react" />
2
+ import type { ObjectLike, ColumnDef, DataTableProps, Sort, InferredIdType } from './types';
3
+ export declare function useColumnWidths<T>(columnsByField: {
4
+ [K in keyof T]: {
5
+ headerRef: React.RefObject<HTMLTableCellElement>;
6
+ };
7
+ }): Record<string, number>;
8
+ export declare function useDataTableRenderer<T extends Record<PropertyKey, unknown>, GetId extends ((row: T) => any) | undefined = undefined>({ rows: _rows, columns: columnsProp, pinnedColumns, rowCount: totalRowsProp, initialState, pagination, paginationMode, paginationModel, onPaginationModelChange, sortModel: controlledSortModel, sortOrder: _sortOrder, selectionModel, onSortModelChange, onSelectionModelChange, editMode, getId: _getId, isTotalSelected: _isTotalSelected, isRowSelectable, columnGroupingModel, }: DataTableProps<T, GetId>): {
9
+ rowCount: number;
10
+ selectableRowCount: number;
11
+ page: number;
12
+ pageSize: number;
13
+ onPaginationModelChange: (newPage: number) => void;
14
+ getId: (row: T, index?: number) => InferredIdType<T, GetId>;
15
+ HeadCell: <T_1 extends ObjectLike, GetId_1>(props: ColumnDef<T_1, GetId_1> & {
16
+ tableId: string;
17
+ stickyHeader?: boolean | undefined;
18
+ editMode?: boolean | undefined;
19
+ sort?: Sort | undefined;
20
+ onSortChange?: ((props: {
21
+ field: keyof T_1;
22
+ multiple: boolean;
23
+ currentSort?: Sort | undefined;
24
+ }) => void) | undefined;
25
+ sortOrder: Sort[];
26
+ }) => import("react").JSX.Element;
27
+ BodyRow: <T_2 extends Record<string, any>, ID>(props: {
28
+ tableId: string;
29
+ row: T_2;
30
+ rowId: ID;
31
+ editMode?: boolean | undefined;
32
+ noWrap?: boolean | undefined;
33
+ columns: ColumnDef<T_2, any>[];
34
+ }) => JSX.Element;
35
+ dataInPage: T[];
36
+ handleSortChange: (props: {
37
+ field: keyof T;
38
+ multiple: boolean;
39
+ currentSort?: Sort | undefined;
40
+ }) => void;
41
+ isAllSelected: boolean;
42
+ isTotalSelected: boolean;
43
+ isSelectedRow: (model: InferredIdType<T, GetId>) => boolean;
44
+ isRowSelectable: (rowId: InferredIdType<T, GetId>, row?: T) => boolean;
45
+ focusedRowId: InferredIdType<T, GetId> | null;
46
+ onRowFocus: (rowId: InferredIdType<T, GetId>) => void;
47
+ onAllCheckboxChange: () => void;
48
+ onCheckboxChange: (event: any, selectedModel: InferredIdType<T, GetId>) => void;
49
+ columns: ColumnDef<T, InferredIdType<T, GetId>>[];
50
+ processedColumnGroups: {
51
+ groups: import("./types").ProcessedColumnGroup[][];
52
+ maxLevel: number;
53
+ fieldsInGroupingModel: Set<keyof T>;
54
+ } | null;
55
+ onTotalSelect: () => void;
56
+ };
package/dist/components/DataTable/styled.d.ts ADDED
@@ -0,0 +1,281 @@
1
+ import React, { RefObject } from 'react';
2
+ export declare const EllipsisDiv: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
3
+ export declare const OverlayWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof React.ClassAttributes<HTMLTableRowElement> | keyof React.HTMLAttributes<HTMLTableRowElement>>, {}>;
4
+ export declare const VirtualizedTableBody: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, keyof React.ClassAttributes<HTMLTableSectionElement> | keyof React.HTMLAttributes<HTMLTableSectionElement>>, {}>;
5
+ export declare const StyledTableRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
6
+ striped?: boolean | undefined;
7
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
8
+ export declare const Asterisk: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
9
+ export declare const StyledTh: import("@emotion/styled").StyledComponent<{
10
+ abbr?: string | undefined;
11
+ title?: string | undefined;
12
+ color?: string | undefined;
13
+ content?: string | undefined;
14
+ translate?: "yes" | "no" | undefined;
15
+ slot?: string | undefined;
16
+ defaultChecked?: boolean | undefined;
17
+ defaultValue?: string | number | readonly string[] | undefined;
18
+ suppressContentEditableWarning?: boolean | undefined;
19
+ suppressHydrationWarning?: boolean | undefined;
20
+ accessKey?: string | undefined;
21
+ autoFocus?: boolean | undefined;
22
+ className?: string | undefined;
23
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
24
+ contextMenu?: string | undefined;
25
+ dir?: string | undefined;
26
+ draggable?: (boolean | "true" | "false") | undefined;
27
+ hidden?: boolean | undefined;
28
+ id?: string | undefined;
29
+ lang?: string | undefined;
30
+ nonce?: string | undefined;
31
+ spellCheck?: (boolean | "true" | "false") | undefined;
32
+ tabIndex?: number | undefined;
33
+ radioGroup?: string | undefined;
34
+ role?: React.AriaRole | undefined;
35
+ about?: string | undefined;
36
+ datatype?: string | undefined;
37
+ inlist?: any;
38
+ prefix?: string | undefined;
39
+ property?: string | undefined;
40
+ rel?: string | undefined;
41
+ resource?: string | undefined;
42
+ rev?: string | undefined;
43
+ typeof?: string | undefined;
44
+ vocab?: string | undefined;
45
+ autoCapitalize?: string | undefined;
46
+ autoCorrect?: string | undefined;
47
+ autoSave?: string | undefined;
48
+ itemProp?: string | undefined;
49
+ itemScope?: boolean | undefined;
50
+ itemType?: string | undefined;
51
+ itemID?: string | undefined;
52
+ itemRef?: string | undefined;
53
+ results?: number | undefined;
54
+ security?: string | undefined;
55
+ unselectable?: "on" | "off" | undefined;
56
+ inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
57
+ is?: string | undefined;
58
+ "aria-activedescendant"?: string | undefined;
59
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
60
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
61
+ "aria-braillelabel"?: string | undefined;
62
+ "aria-brailleroledescription"?: string | undefined;
63
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
64
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
65
+ "aria-colcount"?: number | undefined;
66
+ "aria-colindex"?: number | undefined;
67
+ "aria-colindextext"?: string | undefined;
68
+ "aria-colspan"?: number | undefined;
69
+ "aria-controls"?: string | undefined;
70
+ "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
71
+ "aria-describedby"?: string | undefined;
72
+ "aria-description"?: string | undefined;
73
+ "aria-details"?: string | undefined;
74
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
75
+ "aria-dropeffect"?: "link" | "popup" | "none" | "copy" | "move" | "execute" | undefined;
76
+ "aria-errormessage"?: string | undefined;
77
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
78
+ "aria-flowto"?: string | undefined;
79
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
80
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
81
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
82
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
83
+ "aria-keyshortcuts"?: string | undefined;
84
+ "aria-label"?: string | undefined;
85
+ "aria-labelledby"?: string | undefined;
86
+ "aria-level"?: number | undefined;
87
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
88
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
89
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
90
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
91
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
92
+ "aria-owns"?: string | undefined;
93
+ "aria-placeholder"?: string | undefined;
94
+ "aria-posinset"?: number | undefined;
95
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
96
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
97
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
98
+ "aria-required"?: (boolean | "true" | "false") | undefined;
99
+ "aria-roledescription"?: string | undefined;
100
+ "aria-rowcount"?: number | undefined;
101
+ "aria-rowindex"?: number | undefined;
102
+ "aria-rowindextext"?: string | undefined;
103
+ "aria-rowspan"?: number | undefined;
104
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
105
+ "aria-setsize"?: number | undefined;
106
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
107
+ "aria-valuemax"?: number | undefined;
108
+ "aria-valuemin"?: number | undefined;
109
+ "aria-valuenow"?: number | undefined;
110
+ "aria-valuetext"?: string | undefined;
111
+ dangerouslySetInnerHTML?: {
112
+ __html: string | TrustedHTML;
113
+ } | undefined;
114
+ onCopy?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
115
+ onCopyCapture?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
116
+ onCut?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
117
+ onCutCapture?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
118
+ onPaste?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
119
+ onPasteCapture?: React.ClipboardEventHandler<HTMLTableHeaderCellElement> | undefined;
120
+ onCompositionEnd?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
121
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
122
+ onCompositionStart?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
123
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
124
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
125
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLTableHeaderCellElement> | undefined;
126
+ onFocus?: React.FocusEventHandler<HTMLTableHeaderCellElement> | undefined;
127
+ onFocusCapture?: React.FocusEventHandler<HTMLTableHeaderCellElement> | undefined;
128
+ onBlur?: React.FocusEventHandler<HTMLTableHeaderCellElement> | undefined;
129
+ onBlurCapture?: React.FocusEventHandler<HTMLTableHeaderCellElement> | undefined;
130
+ onChange?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
131
+ onChangeCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
132
+ onBeforeInput?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
133
+ onBeforeInputCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
134
+ onInput?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
135
+ onInputCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
136
+ onReset?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
137
+ onResetCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
138
+ onSubmit?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
139
+ onSubmitCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
140
+ onInvalid?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
141
+ onInvalidCapture?: React.FormEventHandler<HTMLTableHeaderCellElement> | undefined;
142
+ onLoad?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
143
+ onLoadCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
144
+ onError?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
145
+ onErrorCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
146
+ onKeyDown?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
147
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
148
+ onKeyPress?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
149
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
150
+ onKeyUp?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
151
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLTableHeaderCellElement> | undefined;
152
+ onAbort?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
153
+ onAbortCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
154
+ onCanPlay?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
155
+ onCanPlayCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
156
+ onCanPlayThrough?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
157
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
158
+ onDurationChange?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
159
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
160
+ onEmptied?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
161
+ onEmptiedCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
162
+ onEncrypted?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
163
+ onEncryptedCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
164
+ onEnded?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
165
+ onEndedCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
166
+ onLoadedData?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
167
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
168
+ onLoadedMetadata?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
169
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
170
+ onLoadStart?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
171
+ onLoadStartCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
172
+ onPause?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
173
+ onPauseCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
174
+ onPlay?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
175
+ onPlayCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
176
+ onPlaying?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
177
+ onPlayingCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
178
+ onProgress?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
179
+ onProgressCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
180
+ onRateChange?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
181
+ onRateChangeCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
182
+ onResize?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
183
+ onResizeCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
184
+ onSeeked?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
185
+ onSeekedCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
186
+ onSeeking?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
187
+ onSeekingCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
188
+ onStalled?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
189
+ onStalledCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
190
+ onSuspend?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
191
+ onSuspendCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
192
+ onTimeUpdate?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
193
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
194
+ onVolumeChange?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
195
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
196
+ onWaiting?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
197
+ onWaitingCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
198
+ onAuxClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
199
+ onAuxClickCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
200
+ onClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
201
+ onClickCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
202
+ onContextMenu?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
203
+ onContextMenuCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
204
+ onDoubleClick?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
205
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
206
+ onDragCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
207
+ onDragEndCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
208
+ onDragEnter?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
209
+ onDragEnterCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
210
+ onDragExit?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
211
+ onDragExitCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
212
+ onDragLeave?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
213
+ onDragLeaveCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
214
+ onDragOver?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
215
+ onDragOverCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
216
+ onDragStartCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
217
+ onDrop?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
218
+ onDropCapture?: React.DragEventHandler<HTMLTableHeaderCellElement> | undefined;
219
+ onMouseDown?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
220
+ onMouseDownCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
221
+ onMouseEnter?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
222
+ onMouseLeave?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
223
+ onMouseMove?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
224
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
225
+ onMouseOut?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
226
+ onMouseOutCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
227
+ onMouseOver?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
228
+ onMouseOverCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
229
+ onMouseUp?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
230
+ onMouseUpCapture?: React.MouseEventHandler<HTMLTableHeaderCellElement> | undefined;
231
+ onSelect?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
232
+ onSelectCapture?: React.ReactEventHandler<HTMLTableHeaderCellElement> | undefined;
233
+ onTouchCancel?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
234
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
235
+ onTouchEnd?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
236
+ onTouchEndCapture?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
237
+ onTouchMove?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
238
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
239
+ onTouchStart?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
240
+ onTouchStartCapture?: React.TouchEventHandler<HTMLTableHeaderCellElement> | undefined;
241
+ onPointerDown?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
242
+ onPointerDownCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
243
+ onPointerMove?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
244
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
245
+ onPointerUp?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
246
+ onPointerUpCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
247
+ onPointerCancel?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
248
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
249
+ onPointerEnter?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
250
+ onPointerLeave?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
251
+ onPointerOver?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
252
+ onPointerOverCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
253
+ onPointerOut?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
254
+ onPointerOutCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
255
+ onGotPointerCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
256
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
257
+ onLostPointerCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
258
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLTableHeaderCellElement> | undefined;
259
+ onScroll?: React.UIEventHandler<HTMLTableHeaderCellElement> | undefined;
260
+ onScrollCapture?: React.UIEventHandler<HTMLTableHeaderCellElement> | undefined;
261
+ onWheel?: React.WheelEventHandler<HTMLTableHeaderCellElement> | undefined;
262
+ onWheelCapture?: React.WheelEventHandler<HTMLTableHeaderCellElement> | undefined;
263
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLTableHeaderCellElement> | undefined;
264
+ onAnimationEnd?: React.AnimationEventHandler<HTMLTableHeaderCellElement> | undefined;
265
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLTableHeaderCellElement> | undefined;
266
+ onAnimationIteration?: React.AnimationEventHandler<HTMLTableHeaderCellElement> | undefined;
267
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLTableHeaderCellElement> | undefined;
268
+ onTransitionEnd?: React.TransitionEventHandler<HTMLTableHeaderCellElement> | undefined;
269
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLTableHeaderCellElement> | undefined;
270
+ align?: "left" | "right" | "center" | "justify" | "char" | undefined;
271
+ colSpan?: number | undefined;
272
+ headers?: string | undefined;
273
+ rowSpan?: number | undefined;
274
+ scope?: string | undefined;
275
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLTableHeaderCellElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
276
+ export declare const StyledTd: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
277
+ export declare const MotionSortIcon: import("framer-motion").CustomDomComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
278
+ ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
279
+ }, "style" | "children" | "color" | "fontSize" | "shapeRendering" | "className" | "sx" | "viewBox" | "classes" | "htmlColor" | "inheritViewBox" | "titleAccess">>;
280
+ export declare const DefaultLoadingOverlay: () => React.JSX.Element;
281
+ export declare const Resizer: (ref: RefObject<HTMLTableCellElement>, targetRef?: RefObject<any>) => React.JSX.Element;
package/dist/components/DataTable/types.d.ts CHANGED
@@ -39,20 +39,29 @@ export type PinnedColumns = {
39
39
  left?: string[];
40
40
  right?: string[];
41
41
  };
42
- export type GridCellClassNamePropType<R, V> = (params: {
42
+ export type TableColumnHeaderClassNamePropType<R, V> = ((params: {
43
+ field: string;
44
+ }) => string | undefined) | string;
45
+ export type TableCellClassNamePropType<R, V> = ((params: {
43
46
  row: R;
44
47
  value: V;
45
48
  field: string;
46
49
  id: string;
47
- }) => string | undefined;
50
+ }) => string | undefined) | string;
48
51
  export type ColumnGroupingModel<T extends Record<PropertyKey, any>, ID = unknown> = {
49
52
  groupId: string;
50
53
  headerName?: string;
54
+ headerClassName?: string | ((params: {
55
+ groupId: string;
56
+ }) => string);
51
57
  children: ColumnGroupingModel<T, ID> | ColumnDef<T, ID>[];
52
58
  }[];
53
59
  export type ProcessedColumnGroup = {
54
60
  groupId: string;
55
61
  headerName?: string;
62
+ headerClassName?: string | ((params: {
63
+ groupId: string;
64
+ }) => string);
56
65
  colspan: number;
57
66
  level: number;
58
67
  startIndex: number;
@@ -92,7 +101,8 @@ export type BaseColumnDef<T extends Record<PropertyKey, V>, V, ID> = {
92
101
  * Tooltip 으로 노출되는 설명
93
102
  */
94
103
  description?: string;
95
- cellClassName?: GridCellClassNamePropType<T, T[K]>;
104
+ cellClassName?: TableCellClassNamePropType<T, T[K]>;
105
+ headerClassName?: TableColumnHeaderClassNamePropType<T, T[K]>;
96
106
  };
97
107
  }[keyof T];
98
108
  export type AutocompleteColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
package/dist/components/DataTable/utils.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import type { ColumnDef, ColumnGroupingModel, ProcessedColumnGroup, FlattenedColumn } from './types';
2
+ export declare function extractFieldsFromGroupingModel<T extends Record<PropertyKey, any>, ID>(items: ColumnGroupingModel<T, ID> | ColumnDef<T, ID>[]): Set<keyof T>;
3
+ export declare function reorderColumnsByGroupingModel<T extends Record<PropertyKey, any>, ID>(columns: ColumnDef<T, ID>[], columnGroupingModel: ColumnGroupingModel<T, ID>): ColumnDef<T, ID>[];
4
+ export declare function flattenColumnGroups<T extends Record<PropertyKey, any>, ID>(items: ColumnGroupingModel<T, ID> | ColumnDef<T, ID>[], groupPath?: string[], columnIndex?: {
5
+ current: number;
6
+ }): FlattenedColumn<T, ID>[];
7
+ export declare function calculateColumnGroups<T extends Record<PropertyKey, any>, ID>(columnGroupingModel: ColumnGroupingModel<T, ID>, columns: ColumnDef<T, ID>[]): {
8
+ groups: ProcessedColumnGroup[][];
9
+ maxLevel: number;
10
+ fieldsInGroupingModel: Set<keyof T>;
11
+ };
12
+ export declare function getTextAlign(props: {
13
+ editMode?: boolean;
14
+ type?: string;
15
+ }): "end" | "start";
16
+ export declare const numberFormatter: (value: number) => string | number;