@progress/kendo-react-data-tools 8.2.0-develop.9 → 8.2.1-develop.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.
- package/dist/cdn/js/kendo-react-datatools.js +1 -1
- package/drag/ColumnDraggable.js +1 -1
- package/drag/ColumnDraggable.mjs +2 -1
- package/drag/ColumnResizer.js +1 -1
- package/drag/ColumnResizer.mjs +1 -0
- package/filter/Expression.js +1 -1
- package/filter/Expression.mjs +12 -10
- package/filter/Filter.js +1 -1
- package/filter/Filter.mjs +103 -35
- package/filter/Group.js +1 -1
- package/filter/Group.mjs +17 -17
- package/filter/filters/DateFilter.js +1 -1
- package/filter/filters/DateFilter.mjs +4 -3
- package/filter/filters/EnumFilter.js +1 -1
- package/filter/filters/EnumFilter.mjs +2 -1
- package/filter/filters/NumericFilter.js +1 -1
- package/filter/filters/NumericFilter.mjs +2 -1
- package/filter/filters/TextFilter.js +1 -1
- package/filter/filters/TextFilter.mjs +2 -1
- package/header/FilterRow.js +1 -1
- package/header/FilterRow.mjs +34 -27
- package/header/Header.js +1 -1
- package/header/Header.mjs +7 -3
- package/header/HeaderThElement.js +1 -1
- package/header/HeaderThElement.mjs +27 -23
- package/index.d.mts +86 -12
- package/index.d.ts +86 -12
- package/index.js +1 -1
- package/index.mjs +130 -125
- package/navigation/NavigatableSettings.js +8 -0
- package/navigation/NavigatableSettings.mjs +12 -0
- package/navigation/TableKeyboardNavigation.js +1 -1
- package/navigation/TableKeyboardNavigation.mjs +197 -113
- package/navigation/constants.js +1 -1
- package/navigation/constants.mjs +11 -9
- package/navigation/utils.js +1 -1
- package/navigation/utils.mjs +173 -80
- package/package-metadata.mjs +1 -1
- package/package.json +9 -9
package/index.d.mts
CHANGED
|
@@ -274,7 +274,7 @@ export declare interface ClipboardSettings {
|
|
|
274
274
|
/** @hidden */
|
|
275
275
|
export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
|
|
276
276
|
|
|
277
|
-
export declare interface ColumnBaseProps<
|
|
277
|
+
export declare interface ColumnBaseProps<C = CellProps> {
|
|
278
278
|
/**
|
|
279
279
|
* The field to which the column is bound.
|
|
280
280
|
*/
|
|
@@ -340,7 +340,7 @@ export declare interface ColumnBaseProps<CellProps = CellProps> {
|
|
|
340
340
|
* Defines the component that will be rendered as a cell.
|
|
341
341
|
* If not set, a `Cell` will be rendered by default.
|
|
342
342
|
*/
|
|
343
|
-
cell?: ComponentType<
|
|
343
|
+
cell?: ComponentType<C>;
|
|
344
344
|
/**
|
|
345
345
|
* @hidden
|
|
346
346
|
*/
|
|
@@ -875,7 +875,7 @@ export declare const extendDataItem: (item: any, subItemsField: string, propsToE
|
|
|
875
875
|
/**
|
|
876
876
|
* @hidden
|
|
877
877
|
*/
|
|
878
|
-
export declare interface ExtendedColumnProps<
|
|
878
|
+
export declare interface ExtendedColumnProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends TreeColumnBaseProps<C, H, F> {
|
|
879
879
|
declarationIndex: number;
|
|
880
880
|
parentIndex: number;
|
|
881
881
|
colSpan: number;
|
|
@@ -883,7 +883,7 @@ export declare interface ExtendedColumnProps<CellProps = CellProps, HeaderCellPr
|
|
|
883
883
|
depth: number;
|
|
884
884
|
kFirst?: boolean;
|
|
885
885
|
index: number;
|
|
886
|
-
children: ExtendedColumnProps<
|
|
886
|
+
children: ExtendedColumnProps<C, H, F>[];
|
|
887
887
|
left: number;
|
|
888
888
|
right: number;
|
|
889
889
|
rightBorder: boolean;
|
|
@@ -938,13 +938,23 @@ export declare class Filter extends React_2.Component<FilterProps> {
|
|
|
938
938
|
value: PropTypes.Validator<object>;
|
|
939
939
|
onChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
940
940
|
};
|
|
941
|
+
/**
|
|
942
|
+
* @hidden
|
|
943
|
+
*/
|
|
944
|
+
wrapperRef: React_2.RefObject<HTMLDivElement>;
|
|
945
|
+
private navigation?;
|
|
941
946
|
constructor(props: FilterProps);
|
|
947
|
+
/**
|
|
948
|
+
* @hidden
|
|
949
|
+
*/
|
|
950
|
+
componentDidMount(): void;
|
|
942
951
|
/**
|
|
943
952
|
* @hidden
|
|
944
953
|
*/
|
|
945
954
|
render(): JSX_2.Element;
|
|
946
955
|
private onFilterChange;
|
|
947
956
|
private onGroupRemove;
|
|
957
|
+
private onKeyDown;
|
|
948
958
|
}
|
|
949
959
|
|
|
950
960
|
/**
|
|
@@ -1317,6 +1327,7 @@ export declare interface HeaderProps {
|
|
|
1317
1327
|
headerRow: React_2.ReactElement<any>;
|
|
1318
1328
|
filterRow?: React_2.ReactElement<any>;
|
|
1319
1329
|
columnResize?: ColumnResize;
|
|
1330
|
+
reorderable?: boolean;
|
|
1320
1331
|
}
|
|
1321
1332
|
|
|
1322
1333
|
/**
|
|
@@ -1390,6 +1401,11 @@ export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
|
|
|
1390
1401
|
*/
|
|
1391
1402
|
export declare function isRtl(element: HTMLElement | null): boolean;
|
|
1392
1403
|
|
|
1404
|
+
/**
|
|
1405
|
+
* @hidden
|
|
1406
|
+
*/
|
|
1407
|
+
export declare const KEYBOARD_NAV_CANCEL_BUTTON_CLASS = "k-grid-cancel-command";
|
|
1408
|
+
|
|
1393
1409
|
/**
|
|
1394
1410
|
* @hidden
|
|
1395
1411
|
*/
|
|
@@ -1420,6 +1436,11 @@ export declare const KEYBOARD_NAV_DATA_SCOPE = "data-keyboardnavscope";
|
|
|
1420
1436
|
*/
|
|
1421
1437
|
export declare const KEYBOARD_NAV_DATA_ZONE = "data-keyboardnavzone";
|
|
1422
1438
|
|
|
1439
|
+
/**
|
|
1440
|
+
* @hidden
|
|
1441
|
+
*/
|
|
1442
|
+
export declare const KEYBOARD_NAV_EDIT_BUTTON_CLASS = "k-grid-edit-command";
|
|
1443
|
+
|
|
1423
1444
|
/**
|
|
1424
1445
|
* @hidden
|
|
1425
1446
|
*/
|
|
@@ -1469,6 +1490,26 @@ export declare const modifySubItems: (data: any[], subItemsField: string, condit
|
|
|
1469
1490
|
*/
|
|
1470
1491
|
export declare const moveTreeItem: (data: any[], target: number[], destination: number[] | null, subItemsField: string) => any[];
|
|
1471
1492
|
|
|
1493
|
+
/**
|
|
1494
|
+
* The navigatable modes
|
|
1495
|
+
*/
|
|
1496
|
+
export declare enum NavigatableMode {
|
|
1497
|
+
incell = "incell",
|
|
1498
|
+
inline = "inline"
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
/**
|
|
1502
|
+
* The navigatable additional settings
|
|
1503
|
+
*/
|
|
1504
|
+
export declare interface NavigatableSettings {
|
|
1505
|
+
/**
|
|
1506
|
+
* The available values are:
|
|
1507
|
+
* * `incell`
|
|
1508
|
+
* * `inline`
|
|
1509
|
+
*/
|
|
1510
|
+
mode?: NavigatableMode;
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1472
1513
|
/**
|
|
1473
1514
|
* @hidden
|
|
1474
1515
|
*/
|
|
@@ -1850,6 +1891,11 @@ export declare const relativeContextElement: (element: any) => any;
|
|
|
1850
1891
|
*/
|
|
1851
1892
|
export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
|
|
1852
1893
|
|
|
1894
|
+
/**
|
|
1895
|
+
* @hidden
|
|
1896
|
+
*/
|
|
1897
|
+
export declare const selectors: any;
|
|
1898
|
+
|
|
1853
1899
|
/**
|
|
1854
1900
|
* Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
|
|
1855
1901
|
*
|
|
@@ -1990,7 +2036,7 @@ export declare interface TableDragSelectionReleaseEvent {
|
|
|
1990
2036
|
*/
|
|
1991
2037
|
export declare const tableKeyboardNavigation: {
|
|
1992
2038
|
onConstructor: (options: {
|
|
1993
|
-
navigatable?: boolean | undefined;
|
|
2039
|
+
navigatable?: boolean | undefined | NavigatableSettings;
|
|
1994
2040
|
contextStateRef: {
|
|
1995
2041
|
current?: TableKeyboardNavigationContextType;
|
|
1996
2042
|
};
|
|
@@ -2026,13 +2072,19 @@ export declare const tableKeyboardNavigation: {
|
|
|
2026
2072
|
current?: TableKeyboardNavigationStateType;
|
|
2027
2073
|
};
|
|
2028
2074
|
focusFirst?: boolean;
|
|
2075
|
+
newEditableRow?: Element;
|
|
2076
|
+
singleEditRow?: boolean;
|
|
2077
|
+
lastActiveElement?: Element;
|
|
2078
|
+
navigatable?: boolean | NavigatableSettings;
|
|
2029
2079
|
}) => void;
|
|
2030
2080
|
onFocus: (event: React_2.FocusEvent<HTMLDivElement>, options: {
|
|
2081
|
+
navigatable?: boolean | NavigatableSettings;
|
|
2031
2082
|
contextStateRef: {
|
|
2032
2083
|
current?: TableKeyboardNavigationContextType;
|
|
2033
2084
|
};
|
|
2034
2085
|
}) => void;
|
|
2035
2086
|
onKeyDown: (event: React_2.KeyboardEvent<HTMLElement>, options: {
|
|
2087
|
+
navigatable: boolean | NavigatableSettings;
|
|
2036
2088
|
contextStateRef: {
|
|
2037
2089
|
current?: TableKeyboardNavigationContextType;
|
|
2038
2090
|
};
|
|
@@ -2044,7 +2096,8 @@ export declare const tableKeyboardNavigation: {
|
|
|
2044
2096
|
focusElement: any;
|
|
2045
2097
|
action?: "moveToNextPage" | "moveToPrevPage" | "reorderToLeft" | "reorderToRight" | undefined;
|
|
2046
2098
|
}) => void) | undefined;
|
|
2047
|
-
|
|
2099
|
+
columns?: object[] | undefined;
|
|
2100
|
+
}) => Promise<void>;
|
|
2048
2101
|
generateMatrix: (options: {
|
|
2049
2102
|
scope?: HTMLElement;
|
|
2050
2103
|
navigationStateRef: {
|
|
@@ -2173,6 +2226,22 @@ export declare const tableKeyboardNavigationTools: {
|
|
|
2173
2226
|
current?: TableKeyboardNavigationStateType;
|
|
2174
2227
|
};
|
|
2175
2228
|
}, event?: any) => void;
|
|
2229
|
+
getClosestCancelButton: (target: HTMLElement) => Element | null;
|
|
2230
|
+
getClosestEditButton: (target: HTMLElement) => Promise<boolean | Element>;
|
|
2231
|
+
getRowAriaRowIndex: (target: HTMLElement) => undefined;
|
|
2232
|
+
getRemoveButtonByAriaRowIndex: (ariaRowIndex: number) => Element | null;
|
|
2233
|
+
getTableCellByKeyboardNavId: (navId: string) => Element | null;
|
|
2234
|
+
getParentCell: (target: HTMLElement) => Element | null;
|
|
2235
|
+
waitForElementToBeVisible: typeof waitForElementToBeVisible;
|
|
2236
|
+
getNextEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
|
|
2237
|
+
nextCell: "" | Element | null | undefined;
|
|
2238
|
+
elementToFocus: string | null | undefined;
|
|
2239
|
+
};
|
|
2240
|
+
getPrevEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
|
|
2241
|
+
prevCell: "" | Element | null | undefined;
|
|
2242
|
+
elementToFocus: string | null | undefined;
|
|
2243
|
+
};
|
|
2244
|
+
getClosestCellNavId: (element: HTMLElement) => string | null;
|
|
2176
2245
|
};
|
|
2177
2246
|
|
|
2178
2247
|
/** @hidden */
|
|
@@ -2313,11 +2382,11 @@ export declare interface TextFilterProps {
|
|
|
2313
2382
|
/**
|
|
2314
2383
|
* @hidden
|
|
2315
2384
|
*/
|
|
2316
|
-
export declare interface TreeColumnBaseProps<
|
|
2385
|
+
export declare interface TreeColumnBaseProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnBaseProps<C> {
|
|
2317
2386
|
/**
|
|
2318
2387
|
* A collection of child columns.
|
|
2319
2388
|
*/
|
|
2320
|
-
children?: TreeColumnBaseProps<
|
|
2389
|
+
children?: TreeColumnBaseProps<C, H, F>[];
|
|
2321
2390
|
/**
|
|
2322
2391
|
* The column menu component. Pass the [ColumnMenuTextColumn]({% slug api_data-tools_columnmenutextcolumn %}),
|
|
2323
2392
|
* [ColumnMenuNumericColumn]({% slug api_data-tools_columnmenunumericcolumn %}),
|
|
@@ -2333,20 +2402,20 @@ export declare interface TreeColumnBaseProps<CellProps = CellProps, HeaderCellPr
|
|
|
2333
2402
|
/**
|
|
2334
2403
|
* Defines the component that will be rendered as an edit cell.
|
|
2335
2404
|
*/
|
|
2336
|
-
editCell?: ComponentType<
|
|
2405
|
+
editCell?: ComponentType<C>;
|
|
2337
2406
|
/**
|
|
2338
2407
|
* Defines the component that will be rendered as a header cell.
|
|
2339
2408
|
* If not set, a `HeaderCell` will be rendered by default.
|
|
2340
2409
|
*/
|
|
2341
|
-
headerCell?: ComponentType<
|
|
2410
|
+
headerCell?: ComponentType<H>;
|
|
2342
2411
|
/**
|
|
2343
2412
|
* **Deprecated**. Use `filterCell` prop instead.
|
|
2344
2413
|
*/
|
|
2345
|
-
filter?: ComponentType<
|
|
2414
|
+
filter?: ComponentType<F>;
|
|
2346
2415
|
/**
|
|
2347
2416
|
* Defines the component that will be rendered as a filter cell.
|
|
2348
2417
|
*/
|
|
2349
|
-
filterCell?: ComponentType<
|
|
2418
|
+
filterCell?: ComponentType<F>;
|
|
2350
2419
|
}
|
|
2351
2420
|
|
|
2352
2421
|
/**
|
|
@@ -2415,4 +2484,9 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
|
|
|
2415
2484
|
"data-keyboardnavid": string;
|
|
2416
2485
|
};
|
|
2417
2486
|
|
|
2487
|
+
/**
|
|
2488
|
+
* @hidden
|
|
2489
|
+
*/
|
|
2490
|
+
declare function waitForElementToBeVisible(selector: string, parentElement: Element | null, timeout?: number): Promise<boolean | Element>;
|
|
2491
|
+
|
|
2418
2492
|
export { }
|
package/index.d.ts
CHANGED
|
@@ -274,7 +274,7 @@ export declare interface ClipboardSettings {
|
|
|
274
274
|
/** @hidden */
|
|
275
275
|
export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
|
|
276
276
|
|
|
277
|
-
export declare interface ColumnBaseProps<
|
|
277
|
+
export declare interface ColumnBaseProps<C = CellProps> {
|
|
278
278
|
/**
|
|
279
279
|
* The field to which the column is bound.
|
|
280
280
|
*/
|
|
@@ -340,7 +340,7 @@ export declare interface ColumnBaseProps<CellProps = CellProps> {
|
|
|
340
340
|
* Defines the component that will be rendered as a cell.
|
|
341
341
|
* If not set, a `Cell` will be rendered by default.
|
|
342
342
|
*/
|
|
343
|
-
cell?: ComponentType<
|
|
343
|
+
cell?: ComponentType<C>;
|
|
344
344
|
/**
|
|
345
345
|
* @hidden
|
|
346
346
|
*/
|
|
@@ -875,7 +875,7 @@ export declare const extendDataItem: (item: any, subItemsField: string, propsToE
|
|
|
875
875
|
/**
|
|
876
876
|
* @hidden
|
|
877
877
|
*/
|
|
878
|
-
export declare interface ExtendedColumnProps<
|
|
878
|
+
export declare interface ExtendedColumnProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends TreeColumnBaseProps<C, H, F> {
|
|
879
879
|
declarationIndex: number;
|
|
880
880
|
parentIndex: number;
|
|
881
881
|
colSpan: number;
|
|
@@ -883,7 +883,7 @@ export declare interface ExtendedColumnProps<CellProps = CellProps, HeaderCellPr
|
|
|
883
883
|
depth: number;
|
|
884
884
|
kFirst?: boolean;
|
|
885
885
|
index: number;
|
|
886
|
-
children: ExtendedColumnProps<
|
|
886
|
+
children: ExtendedColumnProps<C, H, F>[];
|
|
887
887
|
left: number;
|
|
888
888
|
right: number;
|
|
889
889
|
rightBorder: boolean;
|
|
@@ -938,13 +938,23 @@ export declare class Filter extends React_2.Component<FilterProps> {
|
|
|
938
938
|
value: PropTypes.Validator<object>;
|
|
939
939
|
onChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
940
940
|
};
|
|
941
|
+
/**
|
|
942
|
+
* @hidden
|
|
943
|
+
*/
|
|
944
|
+
wrapperRef: React_2.RefObject<HTMLDivElement>;
|
|
945
|
+
private navigation?;
|
|
941
946
|
constructor(props: FilterProps);
|
|
947
|
+
/**
|
|
948
|
+
* @hidden
|
|
949
|
+
*/
|
|
950
|
+
componentDidMount(): void;
|
|
942
951
|
/**
|
|
943
952
|
* @hidden
|
|
944
953
|
*/
|
|
945
954
|
render(): JSX_2.Element;
|
|
946
955
|
private onFilterChange;
|
|
947
956
|
private onGroupRemove;
|
|
957
|
+
private onKeyDown;
|
|
948
958
|
}
|
|
949
959
|
|
|
950
960
|
/**
|
|
@@ -1317,6 +1327,7 @@ export declare interface HeaderProps {
|
|
|
1317
1327
|
headerRow: React_2.ReactElement<any>;
|
|
1318
1328
|
filterRow?: React_2.ReactElement<any>;
|
|
1319
1329
|
columnResize?: ColumnResize;
|
|
1330
|
+
reorderable?: boolean;
|
|
1320
1331
|
}
|
|
1321
1332
|
|
|
1322
1333
|
/**
|
|
@@ -1390,6 +1401,11 @@ export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
|
|
|
1390
1401
|
*/
|
|
1391
1402
|
export declare function isRtl(element: HTMLElement | null): boolean;
|
|
1392
1403
|
|
|
1404
|
+
/**
|
|
1405
|
+
* @hidden
|
|
1406
|
+
*/
|
|
1407
|
+
export declare const KEYBOARD_NAV_CANCEL_BUTTON_CLASS = "k-grid-cancel-command";
|
|
1408
|
+
|
|
1393
1409
|
/**
|
|
1394
1410
|
* @hidden
|
|
1395
1411
|
*/
|
|
@@ -1420,6 +1436,11 @@ export declare const KEYBOARD_NAV_DATA_SCOPE = "data-keyboardnavscope";
|
|
|
1420
1436
|
*/
|
|
1421
1437
|
export declare const KEYBOARD_NAV_DATA_ZONE = "data-keyboardnavzone";
|
|
1422
1438
|
|
|
1439
|
+
/**
|
|
1440
|
+
* @hidden
|
|
1441
|
+
*/
|
|
1442
|
+
export declare const KEYBOARD_NAV_EDIT_BUTTON_CLASS = "k-grid-edit-command";
|
|
1443
|
+
|
|
1423
1444
|
/**
|
|
1424
1445
|
* @hidden
|
|
1425
1446
|
*/
|
|
@@ -1469,6 +1490,26 @@ export declare const modifySubItems: (data: any[], subItemsField: string, condit
|
|
|
1469
1490
|
*/
|
|
1470
1491
|
export declare const moveTreeItem: (data: any[], target: number[], destination: number[] | null, subItemsField: string) => any[];
|
|
1471
1492
|
|
|
1493
|
+
/**
|
|
1494
|
+
* The navigatable modes
|
|
1495
|
+
*/
|
|
1496
|
+
export declare enum NavigatableMode {
|
|
1497
|
+
incell = "incell",
|
|
1498
|
+
inline = "inline"
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
/**
|
|
1502
|
+
* The navigatable additional settings
|
|
1503
|
+
*/
|
|
1504
|
+
export declare interface NavigatableSettings {
|
|
1505
|
+
/**
|
|
1506
|
+
* The available values are:
|
|
1507
|
+
* * `incell`
|
|
1508
|
+
* * `inline`
|
|
1509
|
+
*/
|
|
1510
|
+
mode?: NavigatableMode;
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1472
1513
|
/**
|
|
1473
1514
|
* @hidden
|
|
1474
1515
|
*/
|
|
@@ -1850,6 +1891,11 @@ export declare const relativeContextElement: (element: any) => any;
|
|
|
1850
1891
|
*/
|
|
1851
1892
|
export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
|
|
1852
1893
|
|
|
1894
|
+
/**
|
|
1895
|
+
* @hidden
|
|
1896
|
+
*/
|
|
1897
|
+
export declare const selectors: any;
|
|
1898
|
+
|
|
1853
1899
|
/**
|
|
1854
1900
|
* Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
|
|
1855
1901
|
*
|
|
@@ -1990,7 +2036,7 @@ export declare interface TableDragSelectionReleaseEvent {
|
|
|
1990
2036
|
*/
|
|
1991
2037
|
export declare const tableKeyboardNavigation: {
|
|
1992
2038
|
onConstructor: (options: {
|
|
1993
|
-
navigatable?: boolean | undefined;
|
|
2039
|
+
navigatable?: boolean | undefined | NavigatableSettings;
|
|
1994
2040
|
contextStateRef: {
|
|
1995
2041
|
current?: TableKeyboardNavigationContextType;
|
|
1996
2042
|
};
|
|
@@ -2026,13 +2072,19 @@ export declare const tableKeyboardNavigation: {
|
|
|
2026
2072
|
current?: TableKeyboardNavigationStateType;
|
|
2027
2073
|
};
|
|
2028
2074
|
focusFirst?: boolean;
|
|
2075
|
+
newEditableRow?: Element;
|
|
2076
|
+
singleEditRow?: boolean;
|
|
2077
|
+
lastActiveElement?: Element;
|
|
2078
|
+
navigatable?: boolean | NavigatableSettings;
|
|
2029
2079
|
}) => void;
|
|
2030
2080
|
onFocus: (event: React_2.FocusEvent<HTMLDivElement>, options: {
|
|
2081
|
+
navigatable?: boolean | NavigatableSettings;
|
|
2031
2082
|
contextStateRef: {
|
|
2032
2083
|
current?: TableKeyboardNavigationContextType;
|
|
2033
2084
|
};
|
|
2034
2085
|
}) => void;
|
|
2035
2086
|
onKeyDown: (event: React_2.KeyboardEvent<HTMLElement>, options: {
|
|
2087
|
+
navigatable: boolean | NavigatableSettings;
|
|
2036
2088
|
contextStateRef: {
|
|
2037
2089
|
current?: TableKeyboardNavigationContextType;
|
|
2038
2090
|
};
|
|
@@ -2044,7 +2096,8 @@ export declare const tableKeyboardNavigation: {
|
|
|
2044
2096
|
focusElement: any;
|
|
2045
2097
|
action?: "moveToNextPage" | "moveToPrevPage" | "reorderToLeft" | "reorderToRight" | undefined;
|
|
2046
2098
|
}) => void) | undefined;
|
|
2047
|
-
|
|
2099
|
+
columns?: object[] | undefined;
|
|
2100
|
+
}) => Promise<void>;
|
|
2048
2101
|
generateMatrix: (options: {
|
|
2049
2102
|
scope?: HTMLElement;
|
|
2050
2103
|
navigationStateRef: {
|
|
@@ -2173,6 +2226,22 @@ export declare const tableKeyboardNavigationTools: {
|
|
|
2173
2226
|
current?: TableKeyboardNavigationStateType;
|
|
2174
2227
|
};
|
|
2175
2228
|
}, event?: any) => void;
|
|
2229
|
+
getClosestCancelButton: (target: HTMLElement) => Element | null;
|
|
2230
|
+
getClosestEditButton: (target: HTMLElement) => Promise<boolean | Element>;
|
|
2231
|
+
getRowAriaRowIndex: (target: HTMLElement) => undefined;
|
|
2232
|
+
getRemoveButtonByAriaRowIndex: (ariaRowIndex: number) => Element | null;
|
|
2233
|
+
getTableCellByKeyboardNavId: (navId: string) => Element | null;
|
|
2234
|
+
getParentCell: (target: HTMLElement) => Element | null;
|
|
2235
|
+
waitForElementToBeVisible: typeof waitForElementToBeVisible;
|
|
2236
|
+
getNextEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
|
|
2237
|
+
nextCell: "" | Element | null | undefined;
|
|
2238
|
+
elementToFocus: string | null | undefined;
|
|
2239
|
+
};
|
|
2240
|
+
getPrevEditableCell: (currentIdIndexes: number[], columns: any[], elementId: string | undefined, matrix: string[][]) => {
|
|
2241
|
+
prevCell: "" | Element | null | undefined;
|
|
2242
|
+
elementToFocus: string | null | undefined;
|
|
2243
|
+
};
|
|
2244
|
+
getClosestCellNavId: (element: HTMLElement) => string | null;
|
|
2176
2245
|
};
|
|
2177
2246
|
|
|
2178
2247
|
/** @hidden */
|
|
@@ -2313,11 +2382,11 @@ export declare interface TextFilterProps {
|
|
|
2313
2382
|
/**
|
|
2314
2383
|
* @hidden
|
|
2315
2384
|
*/
|
|
2316
|
-
export declare interface TreeColumnBaseProps<
|
|
2385
|
+
export declare interface TreeColumnBaseProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnBaseProps<C> {
|
|
2317
2386
|
/**
|
|
2318
2387
|
* A collection of child columns.
|
|
2319
2388
|
*/
|
|
2320
|
-
children?: TreeColumnBaseProps<
|
|
2389
|
+
children?: TreeColumnBaseProps<C, H, F>[];
|
|
2321
2390
|
/**
|
|
2322
2391
|
* The column menu component. Pass the [ColumnMenuTextColumn]({% slug api_data-tools_columnmenutextcolumn %}),
|
|
2323
2392
|
* [ColumnMenuNumericColumn]({% slug api_data-tools_columnmenunumericcolumn %}),
|
|
@@ -2333,20 +2402,20 @@ export declare interface TreeColumnBaseProps<CellProps = CellProps, HeaderCellPr
|
|
|
2333
2402
|
/**
|
|
2334
2403
|
* Defines the component that will be rendered as an edit cell.
|
|
2335
2404
|
*/
|
|
2336
|
-
editCell?: ComponentType<
|
|
2405
|
+
editCell?: ComponentType<C>;
|
|
2337
2406
|
/**
|
|
2338
2407
|
* Defines the component that will be rendered as a header cell.
|
|
2339
2408
|
* If not set, a `HeaderCell` will be rendered by default.
|
|
2340
2409
|
*/
|
|
2341
|
-
headerCell?: ComponentType<
|
|
2410
|
+
headerCell?: ComponentType<H>;
|
|
2342
2411
|
/**
|
|
2343
2412
|
* **Deprecated**. Use `filterCell` prop instead.
|
|
2344
2413
|
*/
|
|
2345
|
-
filter?: ComponentType<
|
|
2414
|
+
filter?: ComponentType<F>;
|
|
2346
2415
|
/**
|
|
2347
2416
|
* Defines the component that will be rendered as a filter cell.
|
|
2348
2417
|
*/
|
|
2349
|
-
filterCell?: ComponentType<
|
|
2418
|
+
filterCell?: ComponentType<F>;
|
|
2350
2419
|
}
|
|
2351
2420
|
|
|
2352
2421
|
/**
|
|
@@ -2415,4 +2484,9 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
|
|
|
2415
2484
|
"data-keyboardnavid": string;
|
|
2416
2485
|
};
|
|
2417
2486
|
|
|
2487
|
+
/**
|
|
2488
|
+
* @hidden
|
|
2489
|
+
*/
|
|
2490
|
+
declare function waitForElementToBeVisible(selector: string, parentElement: Element | null, timeout?: number): Promise<boolean | Element>;
|
|
2491
|
+
|
|
2418
2492
|
export { }
|
package/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./pager/Pager.js"),T=require("./drag/ColumnResize.js"),_=require("./drag/ColumnResizer.js"),d=require("./drag/CommonDragLogic.js"),E=require("./drag/DragClue.js"),D=require("./drag/DropClue.js"),t=require("./utils/data-operations.js"),i=require("./utils/group-operations.js"),N=require("./navigation/hooks.js"),e=require("./navigation/constants.js"),F=require("./navigation/NavigatableSettings.js"),g=require("./navigation/TableKeyboardNavigation.js"),b=require("./navigation/TableKeyboardNavigationContext.js"),p=require("./navigation/utils.js"),O=require("./selection/TableSelection.js"),a=require("./selection/constants.js"),r=require("./selection/utils.js"),S=require("./clipboard/clipboard.service.js"),s=require("./clipboard/common.js"),R=require("./filteringCells/FilterComponent.js"),B=require("./filteringCells/BooleanFilter.js"),q=require("./filteringCells/DateFilter.js"),I=require("./filteringCells/NumericFilter.js"),L=require("./filteringCells/TextFilter.js"),M=require("./header/ColumnProps.js"),m=require("./header/FilterRow.js"),K=require("./header/Header.js"),y=require("./header/HeaderCell.js"),x=require("./header/HeaderRow.js"),v=require("./header/HeaderSelectionCell.js"),V=require("./header/SortSettings.js"),o=require("./header/utils/index.js"),Y=require("./header/HeaderThElement.js"),H=require("./virtualization/columns.js"),f=require("./filter/filters/TextFilter.js"),P=require("./filter/filters/NumericFilter.js"),w=require("./filter/filters/DateFilter.js"),z=require("./filter/filters/BooleanFilter.js"),U=require("./filter/filters/EnumFilter.js"),h=require("./filter/Expression.js"),C=require("./filter/Filter.js"),G=require("./filter/Group.js"),u=require("./filter/operators.js"),n=require("./columnmenu/ColumnMenu.js"),c=require("./columnmenu/ColumnMenuFilterForm.js"),X=require("./columnmenu/ColumnMenuFilterLogic.js"),l=require("./columnmenu/ColumnMenuFilters.js"),$=require("./columnmenu/ColumnMenuItem.js"),W=require("./columnmenu/ColumnMenuOperators.js");exports.Pager=A.Pager;exports.ColumnResize=T.ColumnResize;exports.ColumnResizer=_.ColumnResizer;exports.CommonDragLogic=d.CommonDragLogic;exports.DragClue=E.DragClue;exports.DropClue=D.DropClue;exports.createDataTree=t.createDataTree;exports.extendDataItem=t.extendDataItem;exports.filterBy=t.filterBy;exports.flatData=t.flatData;exports.getItemPath=t.getItemPath;exports.modifySubItems=t.modifySubItems;exports.moveTreeItem=t.moveTreeItem;exports.orderBy=t.orderBy;exports.removeItems=t.removeItems;exports.treeToFlat=t.treeToFlat;exports.getGroupIds=i.getGroupIds;exports.setExpandedState=i.setExpandedState;exports.setGroupIds=i.setGroupIds;exports.useTableKeyboardNavigation=N.useTableKeyboardNavigation;exports.KEYBOARD_NAV_CANCEL_BUTTON_CLASS=e.KEYBOARD_NAV_CANCEL_BUTTON_CLASS;exports.KEYBOARD_NAV_DATA_BODY=e.KEYBOARD_NAV_DATA_BODY;exports.KEYBOARD_NAV_DATA_HEADER=e.KEYBOARD_NAV_DATA_HEADER;exports.KEYBOARD_NAV_DATA_ID=e.KEYBOARD_NAV_DATA_ID;exports.KEYBOARD_NAV_DATA_LEVEL=e.KEYBOARD_NAV_DATA_LEVEL;exports.KEYBOARD_NAV_DATA_SCOPE=e.KEYBOARD_NAV_DATA_SCOPE;exports.KEYBOARD_NAV_DATA_ZONE=e.KEYBOARD_NAV_DATA_ZONE;exports.KEYBOARD_NAV_EDIT_BUTTON_CLASS=e.KEYBOARD_NAV_EDIT_BUTTON_CLASS;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=e.KEYBOARD_NAV_FILTER_COL_SUFFIX;exports.tableKeyboardNavigationBodyAttributes=e.tableKeyboardNavigationBodyAttributes;exports.tableKeyboardNavigationHeaderAttributes=e.tableKeyboardNavigationHeaderAttributes;exports.tableKeyboardNavigationScopeAttributes=e.tableKeyboardNavigationScopeAttributes;exports.NavigatableMode=F.NavigatableMode;exports.tableKeyboardNavigation=g.tableKeyboardNavigation;exports.TableKeyboardNavigationContext=b.TableKeyboardNavigationContext;exports.tableKeyboardNavigationTools=p.tableKeyboardNavigationTools;exports.TableSelection=O.TableSelection;exports.TABLE_COL_INDEX_ATTRIBUTE=a.TABLE_COL_INDEX_ATTRIBUTE;exports.TABLE_PREVENT_SELECTION_ELEMENT=a.TABLE_PREVENT_SELECTION_ELEMENT;exports.TABLE_ROW_INDEX_ATTRIBUTE=a.TABLE_ROW_INDEX_ATTRIBUTE;exports.closestTagName=r.closestTagName;exports.getColumnIndex=r.getColumnIndex;exports.getOffset=r.getOffset;exports.getRowIndex=r.getRowIndex;exports.getSelectedState=r.getSelectedState;exports.getSelectedStateFromKeyDown=r.getSelectedStateFromKeyDown;exports.getSelectionOptions=r.getSelectionOptions;exports.isInNonSelectable=r.isInNonSelectable;exports.relativeContextElement=r.relativeContextElement;exports.setSelectedState=r.setSelectedState;exports.ClipboardService=S.ClipboardService;exports.ClipboardActionType=s.ClipboardActionType;exports.populateClipboardData=s.populateClipboardData;exports.createFilterComponent=R.createFilterComponent;exports.BooleanFilterCell=B.BooleanFilterCell;exports.DateFilterCell=q.DateFilterCell;exports.NumericFilterCell=I.NumericFilterCell;exports.TextFilterCell=L.TextFilterCell;exports.ColumnDefaultProps=M.ColumnDefaultProps;exports.FILTER_ROW_CLASS=m.FILTER_ROW_CLASS;exports.FilterRow=m.FilterRow;exports.Header=K.Header;exports.HeaderCell=y.HeaderCell;exports.HeaderRow=x.HeaderRow;exports.HeaderSelectionCell=v.HeaderSelectionCell;exports.normalize=V.normalize;exports.getIndex=o.getIndex;exports.isRtl=o.isRtl;exports.mapColumns=o.mapColumns;exports.nextColumn=o.nextColumn;exports.readColumns=o.readColumns;exports.updateLeft=o.updateLeft;exports.updateRight=o.updateRight;exports.HeaderThElement=Y.HeaderThElement;exports.tableColumnsVirtualization=H.tableColumnsVirtualization;exports.TextFilter=f.TextFilter;exports.NumericFilter=P.NumericFilter;exports.DateFilter=w.DateFilter;exports.BooleanFilter=z.BooleanFilter;exports.EnumFilter=U.EnumFilter;exports.Expression=h.Expression;exports.Filter=C.Filter;exports.selectors=C.selectors;exports.Group=G.Group;exports.Operators=u.Operators;exports.stringOperator=u.stringOperator;exports.unaryOperator=u.unaryOperator;exports.ColumnMenuBooleanColumn=n.ColumnMenuBooleanColumn;exports.ColumnMenuDateColumn=n.ColumnMenuDateColumn;exports.ColumnMenuNumericColumn=n.ColumnMenuNumericColumn;exports.ColumnMenuTextColumn=n.ColumnMenuTextColumn;exports.ColumnMenuFilterForm=c.ColumnMenuFilterForm;exports.ColumnMenuForm=c.ColumnMenuForm;exports.ColumnMenuFilterLogic=X.ColumnMenuFilterLogic;exports.ColumnMenuBooleanFilter=l.ColumnMenuBooleanFilter;exports.ColumnMenuDateFilter=l.ColumnMenuDateFilter;exports.ColumnMenuNumericFilter=l.ColumnMenuNumericFilter;exports.ColumnMenuTextFilter=l.ColumnMenuTextFilter;exports.ColumnMenuItem=$.ColumnMenuItem;exports.ColumnMenuOperators=W.ColumnMenuOperators;
|