@progress/kendo-react-data-tools 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/es/header/HeaderCell.js

@@ -20,7 +20,7 @@ export function HeaderCell(props) {
     var defaultRendering = (React.createElement("span", __assign({ className: 'k-link' }, clickProps),
         React.createElement("span", { className: 'k-column-title' }, props.title || props.field || '\u00A0'),
         props.children));
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 }

package/dist/es/header/HeaderRow.d.ts

@@ -6,18 +6,20 @@ import { SortSettings } from './SortSettings';
 import { ColumnResize } from '../drag/ColumnResize';
 import { ColumnDraggableProps } from '../drag/ColumnDraggable';
 import { ColumnMenuProps } from '../columnmenu';
+import { CellProps } from './CellProps';
+import { FilterCellProps } from '../filteringCells';
 /**
  * @hidden
  */
-export interface HeaderRowProps extends ColumnDraggableProps {
+export interface HeaderRowProps<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends ColumnDraggableProps {
     sortable?: SortSettings;
     sortChange?: (e: React.SyntheticEvent<any>, descriptors: SortDescriptor[], field?: string) => void;
     sort?: SortDescriptor[];
-    columns: ExtendedColumnProps[];
+    columns: ExtendedColumnProps<C, H, F>[];
     columnsMap: number[][];
     selectionChange: (e: any) => void;
     cellRender?: (defaultRendering: React.ReactNode | null, props: HeaderCellProps) => React.ReactNode;
-    columnResize?: ColumnResize;
+    columnResize?: ColumnResize<C, H, F>;
     columnMenu?: React.ComponentType<ColumnMenuProps>;
     columnMenuFilter?: CompositeFilterDescriptor[];
     columnMenuFilterChange?: (e: React.SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field?: string) => void;
@@ -25,10 +27,10 @@ export interface HeaderRowProps extends ColumnDraggableProps {
 /**
  * @hidden
  */
-export declare class HeaderRow extends React.Component<HeaderRowProps, {}> {
-    cellClick: (e: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLSpanElement, MouseEvent>, column: TreeColumnBaseProps) => void;
-    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps) => void;
-    sortIcon(sortIndex: number): JSX.Element[];
+export declare class HeaderRow<C = CellProps, H = HeaderCellProps, F = FilterCellProps> extends React.Component<HeaderRowProps<C, H, F>, {}> {
+    cellClick: (e: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    cellKeyDown: (event: React.KeyboardEvent<HTMLElement>, column: TreeColumnBaseProps<C, H, F>) => void;
+    sortIcon(sortIndex: number): false | (false | JSX.Element)[] | null;
     render(): JSX.Element[];
     private cells;
 }

package/dist/es/header/HeaderRow.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/header/HeaderSelectionCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderCellProps } from './HeaderCell';
 /**
  * @hidden
@@ -8,4 +9,4 @@ export interface HeaderSelectionCellProps extends HeaderCellProps {
 /**
  * @hidden
  */
-export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): any;
+export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): JSX.Element;

package/dist/es/header/HeaderSelectionCell.js

@@ -12,7 +12,7 @@ export function HeaderSelectionCell(props) {
             } })),
         (React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: props.inputId }))
     ];
-    return props.render ?
+    return (React.createElement(React.Fragment, null, props.render ?
         props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
+        defaultRendering));
 }

package/dist/es/header/HeaderThElement.d.ts

@@ -4,20 +4,20 @@
  */
 export declare const HeaderThElement: {
     (props: {
-        ariaSort?: "none" | "ascending" | "descending";
-        ariaLabel?: string;
-        ariaColumnIndex?: number;
-        ariaSelected?: boolean;
-        ariaDescription?: string;
-        colSpan?: number;
-        rowSpan?: number;
-        role?: string;
+        ariaSort?: "none" | "ascending" | "descending" | undefined;
+        ariaLabel?: string | undefined;
+        ariaColumnIndex?: number | undefined;
+        ariaSelected?: boolean | undefined;
+        ariaDescription?: string | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+        role?: string | undefined;
         columnId: string;
-        className?: string;
+        className?: string | undefined;
         style?: any;
         children: any;
         onKeyDown?: any;
-        navigatable?: boolean;
+        navigatable?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/dist/es/header/SortSettings.d.ts

@@ -23,41 +23,4 @@ export declare type SortSettings = boolean | ColumnSortSettings & {
 /**
  * @hidden
  */
-export declare const normalize: (...settings: (boolean | {
-    /**
-     * Enables the removal of the column sorting functionality.
-     */
-    allowUnsort?: boolean;
-} | (false & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}) | (true & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}) | ({
-    /**
-     * Enables the removal of the column sorting functionality.
-     */
-    allowUnsort?: boolean;
-} & {
-    /**
-     * The sort mode of the component.
-     *
-     * The available modes are:
-     * - `single`
-     * - `multiple`
-     */
-    mode?: "multiple" | "single";
-}))[]) => any;
+export declare const normalize: (...settings: (SortSettings | ColumnSortSettings)[]) => any;

package/dist/es/header/SortSettings.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 /**
  * @hidden
  */
@@ -6,5 +15,5 @@ export var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, [{ allowUnsort: true, mode: 'single' }].concat(settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };

package/dist/es/header/index.js

@@ -1,3 +1,4 @@
+export * from './CellProps';
 export * from './ColumnProps';
 export * from './FilterRow';
 export * from './Header';

package/dist/es/header/utils/index.d.ts

@@ -1,4 +1,7 @@
+import { FilterCellProps } from '../../filteringCells';
+import { CellProps } from '../CellProps';
 import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
+import { HeaderCellProps } from '../HeaderCell';
 /**
  * @hidden
  */
@@ -20,10 +23,10 @@ export declare function mapColumns(columns: Array<{
 /**
  * @hidden
  */
-export declare function readColumns(elements: TreeColumnBaseProps[], idInfo: {
+export declare function readColumns<C = CellProps, H = HeaderCellProps, F = FilterCellProps>(elements: TreeColumnBaseProps<C, H, F>[], idInfo: {
     prevId: number;
     idPrefix: string;
-}, depth?: number): ExtendedColumnProps[];
+}, depth?: number): ExtendedColumnProps<C, H, F>[];
 /**
  * @hidden
  */

package/dist/es/header/utils/index.js

@@ -107,7 +107,7 @@ export function readColumns(elements, idInfo, depth) {
     elements.forEach(function (columnProps) {
         var children = readColumns(columnProps.children || [], idInfo, depth + 1);
         columns.push(Object.assign({}, { depth: depth }, ColumnDefaultProps, columnProps, {
-            id: columnProps.id ? columnProps.id : generateNavigatableId("" + idInfo.prevId++, idInfo.idPrefix, 'column'),
+            id: columnProps.id ? columnProps.id : generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
             declarationIndex: columns.length,
             children: children,
             rowSpan: 0,

package/dist/es/main.js

@@ -14,8 +14,12 @@ export * from './navigation/hooks';
 export * from './navigation/constants';
 export * from './navigation/TableKeyboardNavigation';
 export * from './navigation/TableKeyboardNavigationContext';
+export * from './navigation/TableKeyboardNavigationContextType';
+export * from './navigation/TableKeyboardNavigationStateType';
 export { tableKeyboardNavigationScopeAttributes } from './navigation/constants';
 export { tableKeyboardNavigationTools } from './navigation/utils';
 export * from './selection/TableSelection';
+export * from './selection/TableSelectableSettings';
+export * from './selection/events';
 export * from './selection/constants';
 export * from './selection/utils';

package/dist/es/messages/index.d.ts

@@ -250,66 +250,66 @@ export declare const filterAriaLabel = "filter.ariaLabel";
  * @hidden
  */
 export declare const messages: {
-    [pagerItemPerPage]: string;
-    [pagerInfo]: string;
-    [pagerFirstPage]: string;
-    [pagerPreviousPage]: string;
-    [pagerNextPage]: string;
-    [pagerLastPage]: string;
-    [pagerPage]: string;
-    [pagerOf]: string;
-    [pagerTotalPages]: string;
-    [sortAriaLabel]: string;
-    [filterAriaLabel]: string;
-    [filterEqOperator]: string;
-    [filterNotEqOperator]: string;
-    [filterIsNullOperator]: string;
-    [filterIsNotNullOperator]: string;
-    [filterIsEmptyOperator]: string;
-    [filterIsNotEmptyOperator]: string;
-    [filterStartsWithOperator]: string;
-    [filterContainsOperator]: string;
-    [filterNotContainsOperator]: string;
-    [filterEndsWithOperator]: string;
-    [filterGteOperator]: string;
-    [filterGtOperator]: string;
-    [filterLteOperator]: string;
-    [filterLtOperator]: string;
-    [filterIsTrue]: string;
-    [filterIsFalse]: string;
-    [filterAfterOrEqualOperator]: string;
-    [filterAfterOperator]: string;
-    [filterBeforeOperator]: string;
-    [filterBeforeOrEqualOperator]: string;
-    [filterAndLogic]: string;
-    [filterOrLogic]: string;
-    [filterAddExpression]: string;
-    [filterAddGroup]: string;
-    [filterClose]: string;
-    [columnMenuFilterClearButton]: string;
-    [columnMenuFilterSubmitButton]: string;
-    [columnMenuFilterTitle]: string;
-    [columnMenuSortAscending]: string;
-    [columnMenuSortDescending]: string;
-    [columnMenuFilterEqOperator]: string;
-    [columnMenuFilterNotEqOperator]: string;
-    [columnMenuFilterIsNullOperator]: string;
-    [columnMenuFilterIsNotNullOperator]: string;
-    [columnMenuFilterIsEmptyOperator]: string;
-    [columnMenuFilterIsNotEmptyOperator]: string;
-    [columnMenuFilterStartsWithOperator]: string;
-    [columnMenuFilterContainsOperator]: string;
-    [columnMenuFilterNotContainsOperator]: string;
-    [columnMenuFilterEndsWithOperator]: string;
-    [columnMenuFilterGteOperator]: string;
-    [columnMenuFilterGtOperator]: string;
-    [columnMenuFilterLteOperator]: string;
-    [columnMenuFilterLtOperator]: string;
-    [columnMenuFilterIsTrue]: string;
-    [columnMenuFilterAfterOrEqualOperator]: string;
-    [columnMenuFilterAfterOperator]: string;
-    [columnMenuFilterBeforeOperator]: string;
-    [columnMenuFilterBeforeOrEqualOperator]: string;
-    [columnMenuFilterAndLogic]: string;
-    [columnMenuFilterOrLogic]: string;
+    "pager.itemsPerPage": string;
+    "pager.info": string;
+    "pager.firstPage": string;
+    "pager.previousPage": string;
+    "pager.nextPage": string;
+    "pager.lastPage": string;
+    "pager.page": string;
+    "pager.of": string;
+    "pager.totalPages": string;
+    "sort.ariaLabel": string;
+    "filter.ariaLabel": string;
+    "filter.eqOperator": string;
+    "filter.notEqOperator": string;
+    "filter.isNullOperator": string;
+    "filter.isNotNullOperator": string;
+    "filter.isEmptyOperator": string;
+    "filter.isNotEmptyOperator": string;
+    "filter.startsWithOperator": string;
+    "filter.containsOperator": string;
+    "filter.notContainsOperator": string;
+    "filter.endsWithOperator": string;
+    "filter.gteOperator": string;
+    "filter.gtOperator": string;
+    "filter.lteOperator": string;
+    "filter.ltOperator": string;
+    "filter.isTrue": string;
+    "filter.isFalse": string;
+    "filter.afterOrEqualOperator": string;
+    "filter.afterOperator": string;
+    "filter.beforeOperator": string;
+    "filter.beforeOrEqualOperator": string;
+    "filter.andLogic": string;
+    "filter.orLogic": string;
+    "filter.addExpression": string;
+    "filter.addGroup": string;
+    "filter.close": string;
+    "columnMenu.filterClearButton": string;
+    "columnMenu.filterSubmitButton": string;
+    "columnMenu.filterTitle": string;
+    "columnMenu.sortAscending": string;
+    "columnMenu.sortDescending": string;
+    "columnMenu.filterEqOperator": string;
+    "columnMenu.filterNotEqOperator": string;
+    "columnMenu.filterIsNullOperator": string;
+    "columnMenu.filterIsNotNullOperator": string;
+    "columnMenu.filterIsEmptyOperator": string;
+    "columnMenu.filterIsNotEmptyOperator": string;
+    "columnMenu.filterStartsWithOperator": string;
+    "columnMenu.filterContainsOperator": string;
+    "columnMenu.filterNotContainsOperator": string;
+    "columnMenu.filterEndsWithOperator": string;
+    "columnMenu.filterGteOperator": string;
+    "columnMenu.filterGtOperator": string;
+    "columnMenu.filterLteOperator": string;
+    "columnMenu.filterLtOperator": string;
+    "columnMenu.filterIsTrue": string;
+    "columnMenu.filterAfterOrEqualOperator": string;
+    "columnMenu.filterAfterOperator": string;
+    "columnMenu.filterBeforeOperator": string;
+    "columnMenu.filterBeforeOrEqualOperator": string;
+    "columnMenu.filterAndLogic": string;
+    "columnMenu.filterOrLogic": string;
 };

package/dist/es/navigation/TableKeyboardNavigation.d.ts

@@ -6,17 +6,17 @@ import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationState
  */
 export declare const tableKeyboardNavigation: {
     onConstructor: (options: {
-        navigatable: boolean;
+        navigatable: boolean | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        idPrefix?: string;
+        idPrefix?: string | undefined;
     }) => void;
     onComponentDidMount: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -25,7 +25,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onGetSnapshotBeforeUpdate: (options: {
-        document?: Document;
+        document?: Document | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -34,7 +34,7 @@ export declare const tableKeyboardNavigation: {
         };
     }) => void;
     onComponentDidUpdate: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         contextStateRef: {
             current?: TableKeyboardNavigationContextType;
         };
@@ -54,13 +54,13 @@ export declare const tableKeyboardNavigation: {
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };
-        onNavigationAction?: (options: {
+        onNavigationAction?: ((options: {
             event: React.KeyboardEvent<HTMLElement>;
             focusElement: any;
-        }) => void;
+        }) => void) | undefined;
     }) => void;
     generateMatrix: (options: {
-        scope?: HTMLElement;
+        scope?: HTMLElement | undefined;
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType;
         };

package/dist/es/navigation/TableKeyboardNavigation.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import { guid, Keys } from '@progress/kendo-react-common';
 import { findId, findNextIdByCellIndex, findNextIdByRowIndex, getBodyElement, getHeaderElement, getNavigatableId, tableKeyboardNavigationTools as navigationTools } from './utils';
 /**
@@ -191,7 +200,7 @@ var generateMatrix = function (options) {
     }
     var headerRows = Array.from(thead.children);
     var bodyRows = Array.from(tbody.children);
-    headerRows.concat(bodyRows).forEach(function (row, rowIndex) {
+    __spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
         Array.from(row.children).forEach(function (cell) {
             var cellId = getNavigatableId(cell);
             if (!cellId) {

package/dist/es/navigation/TableKeyboardNavigationContext.d.ts

@@ -3,4 +3,4 @@ import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationCon
 /**
  * @hidden
  */
-export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType>;
+export declare const TableKeyboardNavigationContext: React.Context<TableKeyboardNavigationContextType | undefined>;

package/dist/es/navigation/TableKeyboardNavigationContextType.js

@@ -0,0 +1 @@
+export {};

package/dist/es/navigation/TableKeyboardNavigationStateType.js

@@ -0,0 +1 @@
+export {};

package/dist/es/navigation/constants.d.ts

@@ -38,17 +38,17 @@ export declare const TABBABLE_ELEMENTS: string[];
  * @hidden
  */
 export declare const tableKeyboardNavigationScopeAttributes: {
-    [KEYBOARD_NAV_DATA_SCOPE]: boolean;
+    "data-keyboardnavscope": boolean;
 };
 /**
  * @hidden
  */
 export declare const tableKeyboardNavigationHeaderAttributes: {
-    [KEYBOARD_NAV_DATA_HEADER]: boolean;
+    "data-keyboardnavheader": boolean;
 };
 /**
  * @hidden
  */
 export declare const tableKeyboardNavigationBodyAttributes: {
-    [KEYBOARD_NAV_DATA_BODY]: boolean;
+    "data-keyboardnavbody": boolean;
 };

package/dist/es/navigation/constants.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var _a, _b, _c;
 /**
  * @hidden
@@ -45,11 +54,11 @@ var FOCUSABLE_ELEMENTS_BASE = [
 /**
  * @hidden
  */
-export var FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']);
+export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-export var TABBABLE_ELEMENTS = FOCUSABLE_ELEMENTS_BASE.concat(['[tabindex]']).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
+export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) { return selector + ':not([tabindex="-1"])'; });
 /**
  * @hidden
  */

package/dist/es/navigation/hooks.d.ts

@@ -1,4 +1,3 @@
-import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from './constants';
 /**
  * @hidden
  */
@@ -8,6 +7,6 @@ export declare const useTableKeyboardNavigation: (elementId: string, navigatable
     "data-keyboardnavid"?: undefined;
 } | {
     tabIndex: number;
-    [KEYBOARD_NAV_DATA_LEVEL]: number;
-    [KEYBOARD_NAV_DATA_ID]: string;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
 };