@progress/kendo-react-data-tools 7.3.0 → 7.4.0-develop.10
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/filter/filters/NumericFilter.js +1 -1
- package/filter/filters/NumericFilter.mjs +19 -21
- package/header/HeaderThElement.js +1 -1
- package/header/HeaderThElement.mjs +21 -26
- package/index.d.mts +27 -21
- package/index.d.ts +27 -21
- package/index.js +1 -1
- package/index.mjs +90 -89
- package/package-metadata.mjs +1 -1
- package/package.json +9 -9
- package/pager/Pager.js +1 -1
- package/pager/Pager.mjs +157 -131
- package/pager/PagerInput.js +1 -1
- package/pager/PagerInput.mjs +5 -4
- package/pager/PagerNumericButtons.js +1 -1
- package/pager/PagerNumericButtons.mjs +37 -35
- package/pager/PagerPageSizes.js +1 -1
- package/pager/PagerPageSizes.mjs +12 -11
- package/selection/TableSelection.js +1 -1
- package/selection/TableSelection.mjs +48 -49
- package/selection/utils.js +1 -1
- package/selection/utils.mjs +86 -77
package/index.d.mts
CHANGED
|
@@ -640,12 +640,12 @@ declare interface ColumnResizerResizerProps {
|
|
|
640
640
|
/**
|
|
641
641
|
* The settings for sorting the columns of the component.
|
|
642
642
|
*/
|
|
643
|
-
export declare
|
|
643
|
+
export declare interface ColumnSortSettings {
|
|
644
644
|
/**
|
|
645
645
|
* Enables the removal of the column sorting functionality.
|
|
646
646
|
*/
|
|
647
647
|
allowUnsort?: boolean;
|
|
648
|
-
}
|
|
648
|
+
}
|
|
649
649
|
|
|
650
650
|
/**
|
|
651
651
|
* @hidden
|
|
@@ -1366,29 +1366,27 @@ export declare interface HeaderSelectionCellProps extends HeaderCellProps {
|
|
|
1366
1366
|
inputId: string;
|
|
1367
1367
|
}
|
|
1368
1368
|
|
|
1369
|
-
/**
|
|
1370
|
-
* @hidden
|
|
1371
|
-
*/
|
|
1372
1369
|
export declare const HeaderThElement: {
|
|
1373
|
-
(props:
|
|
1374
|
-
ariaSort?: 'none' | 'ascending' | 'descending';
|
|
1375
|
-
ariaLabel?: string;
|
|
1376
|
-
ariaColumnIndex?: number;
|
|
1377
|
-
ariaSelected?: boolean;
|
|
1378
|
-
ariaDescription?: string;
|
|
1379
|
-
colSpan?: number;
|
|
1380
|
-
rowSpan?: number;
|
|
1381
|
-
role?: string;
|
|
1382
|
-
columnId: string;
|
|
1383
|
-
className?: string;
|
|
1384
|
-
style?: any;
|
|
1385
|
-
children: any;
|
|
1386
|
-
onKeyDown?: any;
|
|
1387
|
-
navigatable?: boolean;
|
|
1388
|
-
}): JSX_2.Element;
|
|
1370
|
+
(props: HeaderThElementProps): JSX_2.Element;
|
|
1389
1371
|
displayName: string;
|
|
1390
1372
|
};
|
|
1391
1373
|
|
|
1374
|
+
export declare interface HeaderThElementProps extends React_2.ThHTMLAttributes<HTMLTableCellElement> {
|
|
1375
|
+
ariaSort?: 'none' | 'ascending' | 'descending';
|
|
1376
|
+
ariaLabel?: string;
|
|
1377
|
+
ariaColumnIndex?: number;
|
|
1378
|
+
ariaSelected?: boolean;
|
|
1379
|
+
ariaDescription?: string;
|
|
1380
|
+
colSpan?: number;
|
|
1381
|
+
rowSpan?: number;
|
|
1382
|
+
role?: string;
|
|
1383
|
+
columnId: string;
|
|
1384
|
+
navigatable?: boolean;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
/** @hidden */
|
|
1388
|
+
export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
|
|
1389
|
+
|
|
1392
1390
|
/**
|
|
1393
1391
|
* @hidden
|
|
1394
1392
|
*/
|
|
@@ -1657,6 +1655,7 @@ export declare class Pager extends React_2.Component<PagerProps, PagerState> {
|
|
|
1657
1655
|
};
|
|
1658
1656
|
private _element;
|
|
1659
1657
|
private get isRtl();
|
|
1658
|
+
private get currentPage();
|
|
1660
1659
|
/**
|
|
1661
1660
|
* Returns the HTML element of the Pager component.
|
|
1662
1661
|
*/
|
|
@@ -1679,6 +1678,7 @@ export declare class Pager extends React_2.Component<PagerProps, PagerState> {
|
|
|
1679
1678
|
private get totalPages();
|
|
1680
1679
|
private changePage;
|
|
1681
1680
|
private onWindowResize;
|
|
1681
|
+
private onKeyDown;
|
|
1682
1682
|
}
|
|
1683
1683
|
|
|
1684
1684
|
export declare interface PagerProps {
|
|
@@ -1760,6 +1760,11 @@ export declare interface PagerProps {
|
|
|
1760
1760
|
* Sets the direction of the component.
|
|
1761
1761
|
*/
|
|
1762
1762
|
dir?: string;
|
|
1763
|
+
/**
|
|
1764
|
+
* If set to `true`, the user can use dedicated shortcuts to interact with the Pager.
|
|
1765
|
+
* By default, navigation is disabled and the Pager content is accessible in the normal tab sequence.
|
|
1766
|
+
*/
|
|
1767
|
+
navigatable?: boolean;
|
|
1763
1768
|
}
|
|
1764
1769
|
|
|
1765
1770
|
/**
|
|
@@ -1768,6 +1773,7 @@ export declare interface PagerProps {
|
|
|
1768
1773
|
declare interface PagerState {
|
|
1769
1774
|
showPagerSizes?: boolean;
|
|
1770
1775
|
showPagerInfo?: boolean;
|
|
1776
|
+
innerNavigateActive?: boolean;
|
|
1771
1777
|
}
|
|
1772
1778
|
|
|
1773
1779
|
/**
|
package/index.d.ts
CHANGED
|
@@ -640,12 +640,12 @@ declare interface ColumnResizerResizerProps {
|
|
|
640
640
|
/**
|
|
641
641
|
* The settings for sorting the columns of the component.
|
|
642
642
|
*/
|
|
643
|
-
export declare
|
|
643
|
+
export declare interface ColumnSortSettings {
|
|
644
644
|
/**
|
|
645
645
|
* Enables the removal of the column sorting functionality.
|
|
646
646
|
*/
|
|
647
647
|
allowUnsort?: boolean;
|
|
648
|
-
}
|
|
648
|
+
}
|
|
649
649
|
|
|
650
650
|
/**
|
|
651
651
|
* @hidden
|
|
@@ -1366,29 +1366,27 @@ export declare interface HeaderSelectionCellProps extends HeaderCellProps {
|
|
|
1366
1366
|
inputId: string;
|
|
1367
1367
|
}
|
|
1368
1368
|
|
|
1369
|
-
/**
|
|
1370
|
-
* @hidden
|
|
1371
|
-
*/
|
|
1372
1369
|
export declare const HeaderThElement: {
|
|
1373
|
-
(props:
|
|
1374
|
-
ariaSort?: 'none' | 'ascending' | 'descending';
|
|
1375
|
-
ariaLabel?: string;
|
|
1376
|
-
ariaColumnIndex?: number;
|
|
1377
|
-
ariaSelected?: boolean;
|
|
1378
|
-
ariaDescription?: string;
|
|
1379
|
-
colSpan?: number;
|
|
1380
|
-
rowSpan?: number;
|
|
1381
|
-
role?: string;
|
|
1382
|
-
columnId: string;
|
|
1383
|
-
className?: string;
|
|
1384
|
-
style?: any;
|
|
1385
|
-
children: any;
|
|
1386
|
-
onKeyDown?: any;
|
|
1387
|
-
navigatable?: boolean;
|
|
1388
|
-
}): JSX_2.Element;
|
|
1370
|
+
(props: HeaderThElementProps): JSX_2.Element;
|
|
1389
1371
|
displayName: string;
|
|
1390
1372
|
};
|
|
1391
1373
|
|
|
1374
|
+
export declare interface HeaderThElementProps extends React_2.ThHTMLAttributes<HTMLTableCellElement> {
|
|
1375
|
+
ariaSort?: 'none' | 'ascending' | 'descending';
|
|
1376
|
+
ariaLabel?: string;
|
|
1377
|
+
ariaColumnIndex?: number;
|
|
1378
|
+
ariaSelected?: boolean;
|
|
1379
|
+
ariaDescription?: string;
|
|
1380
|
+
colSpan?: number;
|
|
1381
|
+
rowSpan?: number;
|
|
1382
|
+
role?: string;
|
|
1383
|
+
columnId: string;
|
|
1384
|
+
navigatable?: boolean;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
/** @hidden */
|
|
1388
|
+
export declare const isInNonSelectable: (target: HTMLElement | null) => boolean;
|
|
1389
|
+
|
|
1392
1390
|
/**
|
|
1393
1391
|
* @hidden
|
|
1394
1392
|
*/
|
|
@@ -1657,6 +1655,7 @@ export declare class Pager extends React_2.Component<PagerProps, PagerState> {
|
|
|
1657
1655
|
};
|
|
1658
1656
|
private _element;
|
|
1659
1657
|
private get isRtl();
|
|
1658
|
+
private get currentPage();
|
|
1660
1659
|
/**
|
|
1661
1660
|
* Returns the HTML element of the Pager component.
|
|
1662
1661
|
*/
|
|
@@ -1679,6 +1678,7 @@ export declare class Pager extends React_2.Component<PagerProps, PagerState> {
|
|
|
1679
1678
|
private get totalPages();
|
|
1680
1679
|
private changePage;
|
|
1681
1680
|
private onWindowResize;
|
|
1681
|
+
private onKeyDown;
|
|
1682
1682
|
}
|
|
1683
1683
|
|
|
1684
1684
|
export declare interface PagerProps {
|
|
@@ -1760,6 +1760,11 @@ export declare interface PagerProps {
|
|
|
1760
1760
|
* Sets the direction of the component.
|
|
1761
1761
|
*/
|
|
1762
1762
|
dir?: string;
|
|
1763
|
+
/**
|
|
1764
|
+
* If set to `true`, the user can use dedicated shortcuts to interact with the Pager.
|
|
1765
|
+
* By default, navigation is disabled and the Pager content is accessible in the normal tab sequence.
|
|
1766
|
+
*/
|
|
1767
|
+
navigatable?: boolean;
|
|
1763
1768
|
}
|
|
1764
1769
|
|
|
1765
1770
|
/**
|
|
@@ -1768,6 +1773,7 @@ export declare interface PagerProps {
|
|
|
1768
1773
|
declare interface PagerState {
|
|
1769
1774
|
showPagerSizes?: boolean;
|
|
1770
1775
|
showPagerInfo?: boolean;
|
|
1776
|
+
innerNavigateActive?: boolean;
|
|
1771
1777
|
}
|
|
1772
1778
|
|
|
1773
1779
|
/**
|
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 c=require("./pager/Pager.js"),d=require("./drag/ColumnResize.js"),T=require("./drag/ColumnResizer.js"),A=require("./drag/CommonDragLogic.js"),E=require("./drag/DragClue.js"),F=require("./drag/DropClue.js"),e=require("./utils/data-operations.js"),i=require("./utils/group-operations.js"),D=require("./navigation/hooks.js"),t=require("./navigation/constants.js"),_=require("./navigation/TableKeyboardNavigation.js"),g=require("./navigation/TableKeyboardNavigationContext.js"),p=require("./navigation/utils.js"),b=require("./selection/TableSelection.js"),a=require("./selection/constants.js"),r=require("./selection/utils.js"),N=require("./clipboard/clipboard.service.js"),s=require("./clipboard/common.js"),q=require("./filteringCells/FilterComponent.js"),R=require("./filteringCells/BooleanFilter.js"),O=require("./filteringCells/DateFilter.js"),
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./pager/Pager.js"),d=require("./drag/ColumnResize.js"),T=require("./drag/ColumnResizer.js"),A=require("./drag/CommonDragLogic.js"),E=require("./drag/DragClue.js"),F=require("./drag/DropClue.js"),e=require("./utils/data-operations.js"),i=require("./utils/group-operations.js"),D=require("./navigation/hooks.js"),t=require("./navigation/constants.js"),_=require("./navigation/TableKeyboardNavigation.js"),g=require("./navigation/TableKeyboardNavigationContext.js"),p=require("./navigation/utils.js"),b=require("./selection/TableSelection.js"),a=require("./selection/constants.js"),r=require("./selection/utils.js"),N=require("./clipboard/clipboard.service.js"),s=require("./clipboard/common.js"),q=require("./filteringCells/FilterComponent.js"),R=require("./filteringCells/BooleanFilter.js"),O=require("./filteringCells/DateFilter.js"),S=require("./filteringCells/NumericFilter.js"),I=require("./filteringCells/TextFilter.js"),B=require("./header/ColumnProps.js"),m=require("./header/FilterRow.js"),M=require("./header/Header.js"),y=require("./header/HeaderCell.js"),K=require("./header/HeaderRow.js"),L=require("./header/HeaderSelectionCell.js"),x=require("./header/SortSettings.js"),o=require("./header/utils/index.js"),v=require("./header/HeaderThElement.js"),V=require("./virtualization/columns.js"),H=require("./filter/filters/TextFilter.js"),Y=require("./filter/filters/NumericFilter.js"),f=require("./filter/filters/DateFilter.js"),P=require("./filter/filters/BooleanFilter.js"),w=require("./filter/filters/EnumFilter.js"),z=require("./filter/Expression.js"),h=require("./filter/Filter.js"),G=require("./filter/Group.js"),u=require("./filter/operators.js"),n=require("./columnmenu/ColumnMenu.js"),C=require("./columnmenu/ColumnMenuFilterForm.js"),U=require("./columnmenu/ColumnMenuFilterLogic.js"),l=require("./columnmenu/ColumnMenuFilters.js"),X=require("./columnmenu/ColumnMenuItem.js"),$=require("./columnmenu/ColumnMenuOperators.js");exports.Pager=c.Pager;exports.ColumnResize=d.ColumnResize;exports.ColumnResizer=T.ColumnResizer;exports.CommonDragLogic=A.CommonDragLogic;exports.DragClue=E.DragClue;exports.DropClue=F.DropClue;exports.createDataTree=e.createDataTree;exports.extendDataItem=e.extendDataItem;exports.filterBy=e.filterBy;exports.flatData=e.flatData;exports.getItemPath=e.getItemPath;exports.modifySubItems=e.modifySubItems;exports.moveTreeItem=e.moveTreeItem;exports.orderBy=e.orderBy;exports.removeItems=e.removeItems;exports.treeToFlat=e.treeToFlat;exports.getGroupIds=i.getGroupIds;exports.setExpandedState=i.setExpandedState;exports.setGroupIds=i.setGroupIds;exports.useTableKeyboardNavigation=D.useTableKeyboardNavigation;exports.KEYBOARD_NAV_DATA_BODY=t.KEYBOARD_NAV_DATA_BODY;exports.KEYBOARD_NAV_DATA_HEADER=t.KEYBOARD_NAV_DATA_HEADER;exports.KEYBOARD_NAV_DATA_ID=t.KEYBOARD_NAV_DATA_ID;exports.KEYBOARD_NAV_DATA_LEVEL=t.KEYBOARD_NAV_DATA_LEVEL;exports.KEYBOARD_NAV_DATA_SCOPE=t.KEYBOARD_NAV_DATA_SCOPE;exports.KEYBOARD_NAV_DATA_ZONE=t.KEYBOARD_NAV_DATA_ZONE;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=t.KEYBOARD_NAV_FILTER_COL_SUFFIX;exports.tableKeyboardNavigationBodyAttributes=t.tableKeyboardNavigationBodyAttributes;exports.tableKeyboardNavigationHeaderAttributes=t.tableKeyboardNavigationHeaderAttributes;exports.tableKeyboardNavigationScopeAttributes=t.tableKeyboardNavigationScopeAttributes;exports.tableKeyboardNavigation=_.tableKeyboardNavigation;exports.TableKeyboardNavigationContext=g.TableKeyboardNavigationContext;exports.tableKeyboardNavigationTools=p.tableKeyboardNavigationTools;exports.TableSelection=b.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=N.ClipboardService;exports.ClipboardActionType=s.ClipboardActionType;exports.populateClipboardData=s.populateClipboardData;exports.createFilterComponent=q.createFilterComponent;exports.BooleanFilterCell=R.BooleanFilterCell;exports.DateFilterCell=O.DateFilterCell;exports.NumericFilterCell=S.NumericFilterCell;exports.TextFilterCell=I.TextFilterCell;exports.ColumnDefaultProps=B.ColumnDefaultProps;exports.FILTER_ROW_CLASS=m.FILTER_ROW_CLASS;exports.FilterRow=m.FilterRow;exports.Header=M.Header;exports.HeaderCell=y.HeaderCell;exports.HeaderRow=K.HeaderRow;exports.HeaderSelectionCell=L.HeaderSelectionCell;exports.normalize=x.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=v.HeaderThElement;exports.tableColumnsVirtualization=V.tableColumnsVirtualization;exports.TextFilter=H.TextFilter;exports.NumericFilter=Y.NumericFilter;exports.DateFilter=f.DateFilter;exports.BooleanFilter=P.BooleanFilter;exports.EnumFilter=w.EnumFilter;exports.Expression=z.Expression;exports.Filter=h.Filter;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=U.ColumnMenuFilterLogic;exports.ColumnMenuBooleanFilter=l.ColumnMenuBooleanFilter;exports.ColumnMenuDateFilter=l.ColumnMenuDateFilter;exports.ColumnMenuNumericFilter=l.ColumnMenuNumericFilter;exports.ColumnMenuTextFilter=l.ColumnMenuTextFilter;exports.ColumnMenuItem=X.ColumnMenuItem;exports.ColumnMenuOperators=$.ColumnMenuOperators;
|
package/index.mjs
CHANGED
|
@@ -12,85 +12,85 @@ import { ColumnResizer as a } from "./drag/ColumnResizer.mjs";
|
|
|
12
12
|
import { CommonDragLogic as p } from "./drag/CommonDragLogic.mjs";
|
|
13
13
|
import { DragClue as x } from "./drag/DragClue.mjs";
|
|
14
14
|
import { DropClue as f } from "./drag/DropClue.mjs";
|
|
15
|
-
import { createDataTree as A, extendDataItem as E, filterBy as T, flatData as d, getItemPath as _, modifySubItems as D, moveTreeItem as s, orderBy as F, removeItems as N, treeToFlat as
|
|
16
|
-
import { getGroupIds as R, setExpandedState as
|
|
17
|
-
import { useTableKeyboardNavigation as
|
|
15
|
+
import { createDataTree as A, extendDataItem as E, filterBy as T, flatData as d, getItemPath as _, modifySubItems as D, moveTreeItem as s, orderBy as F, removeItems as N, treeToFlat as b } from "./utils/data-operations.mjs";
|
|
16
|
+
import { getGroupIds as R, setExpandedState as I, setGroupIds as O } from "./utils/group-operations.mjs";
|
|
17
|
+
import { useTableKeyboardNavigation as B } from "./navigation/hooks.mjs";
|
|
18
18
|
import { KEYBOARD_NAV_DATA_BODY as K, KEYBOARD_NAV_DATA_HEADER as L, KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as M, KEYBOARD_NAV_DATA_SCOPE as v, KEYBOARD_NAV_DATA_ZONE as V, KEYBOARD_NAV_FILTER_COL_SUFFIX as Y, tableKeyboardNavigationBodyAttributes as H, tableKeyboardNavigationHeaderAttributes as P, tableKeyboardNavigationScopeAttributes as w } from "./navigation/constants.mjs";
|
|
19
19
|
import { tableKeyboardNavigation as h } from "./navigation/TableKeyboardNavigation.mjs";
|
|
20
20
|
import { TableKeyboardNavigationContext as U } from "./navigation/TableKeyboardNavigationContext.mjs";
|
|
21
21
|
import { tableKeyboardNavigationTools as W } from "./navigation/utils.mjs";
|
|
22
22
|
import { TableSelection as j } from "./selection/TableSelection.mjs";
|
|
23
23
|
import { TABLE_COL_INDEX_ATTRIBUTE as q, TABLE_PREVENT_SELECTION_ELEMENT as J, TABLE_ROW_INDEX_ATTRIBUTE as Q } from "./selection/constants.mjs";
|
|
24
|
-
import { closestTagName as ee, getColumnIndex as oe, getOffset as re, getRowIndex as te, getSelectedState as me, getSelectedStateFromKeyDown as le, getSelectionOptions as ae,
|
|
25
|
-
import { ClipboardService as
|
|
26
|
-
import { ClipboardActionType as
|
|
27
|
-
import { createFilterComponent as
|
|
28
|
-
import { BooleanFilterCell as
|
|
29
|
-
import { DateFilterCell as
|
|
30
|
-
import { NumericFilterCell as
|
|
24
|
+
import { closestTagName as ee, getColumnIndex as oe, getOffset as re, getRowIndex as te, getSelectedState as me, getSelectedStateFromKeyDown as le, getSelectionOptions as ae, isInNonSelectable as ne, relativeContextElement as pe, setSelectedState as ie } from "./selection/utils.mjs";
|
|
25
|
+
import { ClipboardService as ue } from "./clipboard/clipboard.service.mjs";
|
|
26
|
+
import { ClipboardActionType as Ce, populateClipboardData as Ae } from "./clipboard/common.mjs";
|
|
27
|
+
import { createFilterComponent as Te } from "./filteringCells/FilterComponent.mjs";
|
|
28
|
+
import { BooleanFilterCell as _e } from "./filteringCells/BooleanFilter.mjs";
|
|
29
|
+
import { DateFilterCell as se } from "./filteringCells/DateFilter.mjs";
|
|
30
|
+
import { NumericFilterCell as Ne } from "./filteringCells/NumericFilter.mjs";
|
|
31
31
|
import { TextFilterCell as ge } from "./filteringCells/TextFilter.mjs";
|
|
32
|
-
import { ColumnDefaultProps as
|
|
33
|
-
import { FILTER_ROW_CLASS as
|
|
34
|
-
import { Header as
|
|
35
|
-
import { HeaderCell as
|
|
36
|
-
import { HeaderRow as
|
|
37
|
-
import { HeaderSelectionCell as
|
|
38
|
-
import { normalize as
|
|
39
|
-
import { getIndex as
|
|
40
|
-
import { HeaderThElement as
|
|
41
|
-
import { tableColumnsVirtualization as
|
|
42
|
-
import { TextFilter as
|
|
43
|
-
import { NumericFilter as
|
|
44
|
-
import { DateFilter as
|
|
45
|
-
import { BooleanFilter as
|
|
46
|
-
import { EnumFilter as
|
|
47
|
-
import { Expression as
|
|
48
|
-
import { Filter as
|
|
49
|
-
import { Group as
|
|
50
|
-
import { Operators as
|
|
51
|
-
import { ColumnMenuBooleanColumn as
|
|
52
|
-
import { ColumnMenuFilterForm as
|
|
53
|
-
import { ColumnMenuFilterLogic as
|
|
54
|
-
import { ColumnMenuBooleanFilter as
|
|
55
|
-
import { ColumnMenuItem as
|
|
56
|
-
import { ColumnMenuOperators as
|
|
32
|
+
import { ColumnDefaultProps as Ie } from "./header/ColumnProps.mjs";
|
|
33
|
+
import { FILTER_ROW_CLASS as ce, FilterRow as Be } from "./header/FilterRow.mjs";
|
|
34
|
+
import { Header as Ke } from "./header/Header.mjs";
|
|
35
|
+
import { HeaderCell as ye } from "./header/HeaderCell.mjs";
|
|
36
|
+
import { HeaderRow as ve } from "./header/HeaderRow.mjs";
|
|
37
|
+
import { HeaderSelectionCell as Ye } from "./header/HeaderSelectionCell.mjs";
|
|
38
|
+
import { normalize as Pe } from "./header/SortSettings.mjs";
|
|
39
|
+
import { getIndex as ze, isRtl as he, mapColumns as Ge, nextColumn as Ue, readColumns as Xe, updateLeft as We, updateRight as Ze } from "./header/utils/index.mjs";
|
|
40
|
+
import { HeaderThElement as ke } from "./header/HeaderThElement.mjs";
|
|
41
|
+
import { tableColumnsVirtualization as Je } from "./virtualization/columns.mjs";
|
|
42
|
+
import { TextFilter as $e } from "./filter/filters/TextFilter.mjs";
|
|
43
|
+
import { NumericFilter as oo } from "./filter/filters/NumericFilter.mjs";
|
|
44
|
+
import { DateFilter as to } from "./filter/filters/DateFilter.mjs";
|
|
45
|
+
import { BooleanFilter as lo } from "./filter/filters/BooleanFilter.mjs";
|
|
46
|
+
import { EnumFilter as no } from "./filter/filters/EnumFilter.mjs";
|
|
47
|
+
import { Expression as io } from "./filter/Expression.mjs";
|
|
48
|
+
import { Filter as uo } from "./filter/Filter.mjs";
|
|
49
|
+
import { Group as Co } from "./filter/Group.mjs";
|
|
50
|
+
import { Operators as Eo, stringOperator as To, unaryOperator as _o } from "./filter/operators.mjs";
|
|
51
|
+
import { ColumnMenuBooleanColumn as so, ColumnMenuDateColumn as Fo, ColumnMenuNumericColumn as No, ColumnMenuTextColumn as bo } from "./columnmenu/ColumnMenu.mjs";
|
|
52
|
+
import { ColumnMenuFilterForm as Ro, ColumnMenuForm as Io } from "./columnmenu/ColumnMenuFilterForm.mjs";
|
|
53
|
+
import { ColumnMenuFilterLogic as co } from "./columnmenu/ColumnMenuFilterLogic.mjs";
|
|
54
|
+
import { ColumnMenuBooleanFilter as So, ColumnMenuDateFilter as Ko, ColumnMenuNumericFilter as Lo, ColumnMenuTextFilter as yo } from "./columnmenu/ColumnMenuFilters.mjs";
|
|
55
|
+
import { ColumnMenuItem as vo } from "./columnmenu/ColumnMenuItem.mjs";
|
|
56
|
+
import { ColumnMenuOperators as Yo } from "./columnmenu/ColumnMenuOperators.mjs";
|
|
57
57
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
58
|
+
lo as BooleanFilter,
|
|
59
|
+
_e as BooleanFilterCell,
|
|
60
|
+
Ce as ClipboardActionType,
|
|
61
|
+
ue as ClipboardService,
|
|
62
|
+
Ie as ColumnDefaultProps,
|
|
63
|
+
so as ColumnMenuBooleanColumn,
|
|
64
|
+
So as ColumnMenuBooleanFilter,
|
|
65
|
+
Fo as ColumnMenuDateColumn,
|
|
66
|
+
Ko as ColumnMenuDateFilter,
|
|
67
|
+
Ro as ColumnMenuFilterForm,
|
|
68
|
+
co as ColumnMenuFilterLogic,
|
|
69
|
+
Io as ColumnMenuForm,
|
|
70
|
+
vo as ColumnMenuItem,
|
|
71
|
+
No as ColumnMenuNumericColumn,
|
|
72
|
+
Lo as ColumnMenuNumericFilter,
|
|
73
|
+
Yo as ColumnMenuOperators,
|
|
74
|
+
bo as ColumnMenuTextColumn,
|
|
75
|
+
yo as ColumnMenuTextFilter,
|
|
76
76
|
m as ColumnResize,
|
|
77
77
|
a as ColumnResizer,
|
|
78
78
|
p as CommonDragLogic,
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
to as DateFilter,
|
|
80
|
+
se as DateFilterCell,
|
|
81
81
|
x as DragClue,
|
|
82
82
|
f as DropClue,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
83
|
+
no as EnumFilter,
|
|
84
|
+
io as Expression,
|
|
85
|
+
ce as FILTER_ROW_CLASS,
|
|
86
|
+
uo as Filter,
|
|
87
|
+
Be as FilterRow,
|
|
88
|
+
Co as Group,
|
|
89
|
+
Ke as Header,
|
|
90
|
+
ye as HeaderCell,
|
|
91
|
+
ve as HeaderRow,
|
|
92
|
+
Ye as HeaderSelectionCell,
|
|
93
|
+
ke as HeaderThElement,
|
|
94
94
|
K as KEYBOARD_NAV_DATA_BODY,
|
|
95
95
|
L as KEYBOARD_NAV_DATA_HEADER,
|
|
96
96
|
y as KEYBOARD_NAV_DATA_ID,
|
|
@@ -98,56 +98,57 @@ export {
|
|
|
98
98
|
v as KEYBOARD_NAV_DATA_SCOPE,
|
|
99
99
|
V as KEYBOARD_NAV_DATA_ZONE,
|
|
100
100
|
Y as KEYBOARD_NAV_FILTER_COL_SUFFIX,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
oo as NumericFilter,
|
|
102
|
+
Ne as NumericFilterCell,
|
|
103
|
+
Eo as Operators,
|
|
104
104
|
r as Pager,
|
|
105
105
|
q as TABLE_COL_INDEX_ATTRIBUTE,
|
|
106
106
|
J as TABLE_PREVENT_SELECTION_ELEMENT,
|
|
107
107
|
Q as TABLE_ROW_INDEX_ATTRIBUTE,
|
|
108
108
|
U as TableKeyboardNavigationContext,
|
|
109
109
|
j as TableSelection,
|
|
110
|
-
|
|
110
|
+
$e as TextFilter,
|
|
111
111
|
ge as TextFilterCell,
|
|
112
112
|
ee as closestTagName,
|
|
113
113
|
A as createDataTree,
|
|
114
|
-
|
|
114
|
+
Te as createFilterComponent,
|
|
115
115
|
E as extendDataItem,
|
|
116
116
|
T as filterBy,
|
|
117
117
|
d as flatData,
|
|
118
118
|
oe as getColumnIndex,
|
|
119
119
|
R as getGroupIds,
|
|
120
|
-
|
|
120
|
+
ze as getIndex,
|
|
121
121
|
_ as getItemPath,
|
|
122
122
|
re as getOffset,
|
|
123
123
|
te as getRowIndex,
|
|
124
124
|
me as getSelectedState,
|
|
125
125
|
le as getSelectedStateFromKeyDown,
|
|
126
126
|
ae as getSelectionOptions,
|
|
127
|
-
|
|
128
|
-
he as
|
|
127
|
+
ne as isInNonSelectable,
|
|
128
|
+
he as isRtl,
|
|
129
|
+
Ge as mapColumns,
|
|
129
130
|
D as modifySubItems,
|
|
130
131
|
s as moveTreeItem,
|
|
131
|
-
|
|
132
|
-
|
|
132
|
+
Ue as nextColumn,
|
|
133
|
+
Pe as normalize,
|
|
133
134
|
F as orderBy,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
Ae as populateClipboardData,
|
|
136
|
+
Xe as readColumns,
|
|
137
|
+
pe as relativeContextElement,
|
|
137
138
|
N as removeItems,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
139
|
+
I as setExpandedState,
|
|
140
|
+
O as setGroupIds,
|
|
141
|
+
ie as setSelectedState,
|
|
142
|
+
To as stringOperator,
|
|
143
|
+
Je as tableColumnsVirtualization,
|
|
143
144
|
h as tableKeyboardNavigation,
|
|
144
145
|
H as tableKeyboardNavigationBodyAttributes,
|
|
145
146
|
P as tableKeyboardNavigationHeaderAttributes,
|
|
146
147
|
w as tableKeyboardNavigationScopeAttributes,
|
|
147
148
|
W as tableKeyboardNavigationTools,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
149
|
+
b as treeToFlat,
|
|
150
|
+
_o as unaryOperator,
|
|
151
|
+
We as updateLeft,
|
|
152
|
+
Ze as updateRight,
|
|
153
|
+
B as useTableKeyboardNavigation
|
|
153
154
|
};
|
package/package-metadata.mjs
CHANGED
|
@@ -10,7 +10,7 @@ const e = {
|
|
|
10
10
|
name: "@progress/kendo-react-data-tools",
|
|
11
11
|
productName: "KendoReact",
|
|
12
12
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
-
publishDate:
|
|
13
|
+
publishDate: 1711700696,
|
|
14
14
|
version: "",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-data-tools",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.0-develop.10",
|
|
4
4
|
"description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
"@progress/kendo-data-query": "^1.0.0",
|
|
26
26
|
"@progress/kendo-drawing": "^1.19.0",
|
|
27
27
|
"@progress/kendo-licensing": "^1.3.4",
|
|
28
|
-
"@progress/kendo-react-animation": "7.
|
|
29
|
-
"@progress/kendo-react-buttons": "7.
|
|
30
|
-
"@progress/kendo-react-common": "7.
|
|
31
|
-
"@progress/kendo-react-dateinputs": "7.
|
|
32
|
-
"@progress/kendo-react-dropdowns": "7.
|
|
33
|
-
"@progress/kendo-react-inputs": "7.
|
|
34
|
-
"@progress/kendo-react-intl": "7.
|
|
35
|
-
"@progress/kendo-react-popup": "7.
|
|
28
|
+
"@progress/kendo-react-animation": "7.4.0-develop.10",
|
|
29
|
+
"@progress/kendo-react-buttons": "7.4.0-develop.10",
|
|
30
|
+
"@progress/kendo-react-common": "7.4.0-develop.10",
|
|
31
|
+
"@progress/kendo-react-dateinputs": "7.4.0-develop.10",
|
|
32
|
+
"@progress/kendo-react-dropdowns": "7.4.0-develop.10",
|
|
33
|
+
"@progress/kendo-react-inputs": "7.4.0-develop.10",
|
|
34
|
+
"@progress/kendo-react-intl": "7.4.0-develop.10",
|
|
35
|
+
"@progress/kendo-react-popup": "7.4.0-develop.10",
|
|
36
36
|
"@progress/kendo-svg-icons": "^2.1.0",
|
|
37
37
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
38
38
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
package/pager/Pager.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 U=require("react"),n=require("prop-types"),G=require("./PagerNumericButtons.js"),H=require("./PagerInput.js"),J=require("./PagerPageSizes.js"),Q=require("@progress/kendo-react-buttons"),e=require("../messages/index.js"),v=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),X=require("../package-metadata.js");function Y(h){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const s in h)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(h,s);Object.defineProperty(g,s,t.get?t:{enumerable:!0,get:()=>h[s]})}}return g.default=h,Object.freeze(g)}const p=Y(U),B=600,Z=768,M=class M extends p.Component{constructor(g){super(g),this._element=null,this.onPageChange=(s,t)=>{const i={target:this,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,targetEvent:t,...s};this.props.onPageChange&&this.props.onPageChange.call(void 0,i)},this.changePage=(s,t)=>{this.props.onPageChange&&s>0&&s<=this.totalPages&&this.props.onPageChange({target:this,skip:(s-1)*this.props.take,take:this.props.take,syntheticEvent:t,nativeEvent:t.nativeEvent,targetEvent:t})},this.onWindowResize=()=>{const s=this.element;if(!s||!this.props.responsive)return;const t=s.offsetWidth;t<B?this.setState({showPagerSizes:!1}):t>=B&&t<Z?this.setState({showPagerInfo:!1,showPagerSizes:!0}):this.setState({showPagerInfo:!0,showPagerSizes:!0})},this.onKeyDown=s=>{const t=this.element,i=s.keyCode;!t||!this.props.navigatable||((i===r.Keys.home||s.metaKey&&i===r.Keys.left)&&this.changePage(1,s),(i===r.Keys.end||s.metaKey&&i===r.Keys.right)&&this.changePage(this.totalPages,s),document.activeElement===t?(i===r.Keys.enter&&(r.focusFirstFocusableChild(t),r.enableNavigatableContainer(t)),(i===r.Keys.left||i===r.Keys.up)&&this.changePage(this.currentPage-1,s),(i===r.Keys.right||i===r.Keys.down)&&this.changePage(this.currentPage+1,s)):(i===r.Keys.esc&&(t.focus(),r.disableNavigatableContainer(t)),r.keepFocusInContainer(s,t,r.TABBABLE_ELEMENTS)))},r.validatePackage(X.packageMetadata),this.state={showPagerSizes:!0,showPagerInfo:!0,innerNavigateActive:!1}}get isRtl(){return this.props.dir==="rtl"}get currentPage(){return Math.floor(this.props.skip/this.props.take)+1}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize)}render(){const{showPagerSizes:g,showPagerInfo:s}=this.state,{skip:t,take:i,total:d,pageSizes:m,size:c,responsive:b,messagesMap:a,dir:x,style:_,pageSizeValue:D,previousNext:F,className:j,navigatable:P}=this.props,l=v.provideLocalizationService(this),K=v.provideIntlService(this),o=this.currentPage,W=this.props.type==="numeric"?p.createElement(G.PagerNumericButtons,{type:b&&!g?"dropdown":"numbers",buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:this.currentPage,pageChange:this.changePage,messagesMap:this.props.messagesMap,size:c,navigatable:P}):p.createElement(H.PagerInput,{buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:o,pageChange:this.changePage,messagesMap:a,size:c,navigatable:P}),S=a?a(e.pagerFirstPage):{messageKey:e.pagerFirstPage,defaultMessage:e.messages[e.pagerFirstPage]},k=a?a(e.pagerPreviousPage):{messageKey:e.pagerPreviousPage,defaultMessage:e.messages[e.pagerPreviousPage]},R=a?a(e.pagerNextPage):{messageKey:e.pagerNextPage,defaultMessage:e.messages[e.pagerNextPage]},I=a?a(e.pagerLastPage):{messageKey:e.pagerLastPage,defaultMessage:e.messages[e.pagerLastPage]},z=a?a(e.pagerInfo):{messageKey:e.pagerInfo,defaultMessage:e.messages[e.pagerInfo]},E=a?a(e.pagerAriaKeyshortcuts):{messageKey:e.pagerAriaKeyshortcuts,defaultMessage:e.messages[e.pagerAriaKeyshortcuts]},w=a?a(e.pagerPage):{messageKey:e.pagerPage,defaultMessage:e.messages[e.pagerPage]},C=a?a(e.pagerOf):{messageKey:e.pagerOf,defaultMessage:e.messages[e.pagerOf]},y=a?a(e.pagerTotalPages):{messageKey:e.pagerTotalPages,defaultMessage:e.messages[e.pagerTotalPages]},$=`${l.toLanguageString(w.messageKey,w.defaultMessage)} ${K.format(l.toLanguageString(y.messageKey,y.defaultMessage),[o])} ${l.toLanguageString(C.messageKey,C.defaultMessage)} ${K.format(l.toLanguageString(y.messageKey,y.defaultMessage),[this.totalPages])}`;let L,N,A,O;F&&(L=this.renderButton(1,"k-pager-nav k-pager-first"+(o===1?" k-disabled":""),l.toLanguageString(S.messageKey,S.defaultMessage),this.isRtl?"caret-alt-to-right":"caret-alt-to-left",this.isRtl?u.caretAltToRightIcon:u.caretAltToLeftIcon,o===1?!0:void 0),N=this.renderButton(o-1,"k-pager-nav"+(o===1?" k-disabled":""),l.toLanguageString(k.messageKey,k.defaultMessage),this.isRtl?"caret-alt-right":"caret-alt-left",this.isRtl?u.caretAltRightIcon:u.caretAltLeftIcon,o===1?!0:void 0),A=this.renderButton(o+1,"k-pager-nav"+(o>=this.totalPages?" k-disabled":""),l.toLanguageString(R.messageKey,R.defaultMessage),this.isRtl?"caret-alt-left":"caret-alt-right",this.isRtl?u.caretAltLeftIcon:u.caretAltRightIcon,o>=this.totalPages?!0:void 0),O=this.renderButton(this.totalPages,"k-pager-nav k-pager-last"+(o>=this.totalPages?" k-disabled":""),l.toLanguageString(I.messageKey,I.defaultMessage),this.isRtl?"caret-alt-to-left":"caret-alt-to-right",this.isRtl?u.caretAltToLeftIcon:u.caretAltToRightIcon,o>=this.totalPages?!0:void 0));const T=m&&p.createElement(J.PagerPageSizes,{pageChange:this.onPageChange,pageSize:i,pageSizes:m,value:D,messagesMap:a,size:c,navigatable:P}),q=this.props.info&&p.createElement("span",{className:"k-pager-info"},K.format(l.toLanguageString(z.messageKey,z.defaultMessage),[Math.min(t+1,d),Math.min(t+i,d),d]));return p.createElement("div",{className:r.classNames("k-pager",{[`k-pager-${r.kendoThemeMaps.sizeMap[c]||c}`]:c},j),style:_,role:"application","aria-roledescription":"pager",dir:x,"aria-keyshortcuts":l.toLanguageString(E.messageKey,E.defaultMessage),"aria-label":$,ref:V=>this._element=V,tabIndex:P?0:void 0,onKeyDown:this.onKeyDown},p.createElement("div",{className:r.classNames("k-pager-numbers-wrap")},L,N,W,A,O),b?g&&T:T,b?s&&q:q)}renderButton(g,s,t,i,d,m){return p.createElement(Q.Button,{fillMode:"flat",themeColor:"base",size:this.props.size,rounded:null,className:s,icon:i,svgIcon:d,title:t,role:"button","aria-disabled":m,tabIndex:this.props.navigatable?-1:void 0,onClick:c=>{c.preventDefault(),this.changePage(g,c)}})}get totalPages(){return Math.ceil((this.props.total||0)/this.props.take)}};M.propTypes={className:n.string,style:n.object,total:n.number.isRequired,skip:n.number.isRequired,take:n.number.isRequired,buttonCount:n.number,info:n.bool,type:n.oneOf(["numeric","input"]),pageSizes:n.arrayOf(n.oneOfType([n.string,n.number])),previousNext:n.bool,onPageChange:n.func,messagesMap:n.func,size:n.oneOf([null,"small","medium","large"]),dir:n.string},M.defaultProps={buttonCount:10,info:!0,type:"numeric",size:"medium"};let f=M;v.registerForIntl(f);v.registerForLocalization(f);exports.Pager=f;
|