@progress/kendo-react-grid 11.0.0-develop.19 → 11.0.0-develop.20
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/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +46 -37
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +18 -18
- package/GridToolbar.js +1 -1
- package/GridToolbar.mjs +15 -20
- package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -1
- package/columnMenu/GridColumnMenuCheckboxFilter.mjs +2 -1
- package/columnMenu/GridColumnMenuFilterCell.js +1 -1
- package/columnMenu/GridColumnMenuFilterCell.mjs +35 -28
- package/columnMenu/GridColumnMenuWrapper.js +1 -1
- package/columnMenu/GridColumnMenuWrapper.mjs +62 -49
- package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js +1 -1
- package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs +1 -1
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/index.d.mts +244 -18
- package/index.d.ts +244 -18
- package/index.js +1 -1
- package/index.mjs +80 -72
- package/messages/index.js +1 -1
- package/messages/index.mjs +92 -76
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +16 -16
- package/toolbar-tools/GridToolbarCheckboxFilter.js +8 -0
- package/toolbar-tools/GridToolbarCheckboxFilter.mjs +312 -0
- package/toolbar-tools/GridToolbarColumnsChooser.js +8 -0
- package/toolbar-tools/GridToolbarColumnsChooser.mjs +178 -0
- package/toolbar-tools/GridToolbarFilter.js +8 -0
- package/toolbar-tools/GridToolbarFilter.mjs +281 -0
- package/toolbar-tools/GridToolbarSort.js +8 -0
- package/toolbar-tools/GridToolbarSort.mjs +146 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.mjs +114 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs +89 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.mjs +98 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.js +9 -0
- package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.mjs +68 -0
- package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.js +9 -0
- package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.mjs +17 -0
package/index.d.mts
CHANGED
|
@@ -61,6 +61,7 @@ import { TableSelectableSettings } from '@progress/kendo-react-data-tools';
|
|
|
61
61
|
import { TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
|
|
62
62
|
import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
|
|
63
63
|
import { TextBoxProps } from '@progress/kendo-react-inputs';
|
|
64
|
+
import { ToolbarProps } from '@progress/kendo-react-buttons';
|
|
64
65
|
|
|
65
66
|
/**
|
|
66
67
|
* The value of the filter operators displayed in the boolean filter menu.
|
|
@@ -919,7 +920,7 @@ declare interface GridColumnMenuItemProps {
|
|
|
919
920
|
/**
|
|
920
921
|
* The class of the icon that is rendered next to the title.
|
|
921
922
|
*/
|
|
922
|
-
iconClass
|
|
923
|
+
iconClass?: string;
|
|
923
924
|
/**
|
|
924
925
|
* The SVG icon that is rendered next to the title.
|
|
925
926
|
*/
|
|
@@ -2106,12 +2107,20 @@ export declare const gridMessages: {
|
|
|
2106
2107
|
"grid.groupPanelEmpty": string;
|
|
2107
2108
|
"grid.filterApplyButton": string;
|
|
2108
2109
|
"grid.filterClearButton": string;
|
|
2110
|
+
"grid.filterClearAllButton": string;
|
|
2109
2111
|
"grid.filterResetButton": string;
|
|
2110
2112
|
"grid.filterSubmitButton": string;
|
|
2111
2113
|
"grid.filterTitle": string;
|
|
2112
2114
|
"grid.sortAscending": string;
|
|
2113
2115
|
"grid.sortDescending": string;
|
|
2116
|
+
"grid.sortClearButton": string;
|
|
2117
|
+
"grid.sortApplyButton": string;
|
|
2114
2118
|
"grid.sortAriaLabel": string;
|
|
2119
|
+
"grid.adaptiveToolbarSortTitle": string;
|
|
2120
|
+
"grid.toolbarSort": string;
|
|
2121
|
+
"grid.toolbarFilter": string;
|
|
2122
|
+
"grid.toolbarColumnsChooser": string;
|
|
2123
|
+
"grid.toolbarCheckboxFilter": string;
|
|
2115
2124
|
"grid.groupColumn": string;
|
|
2116
2125
|
"grid.ungroupColumn": string;
|
|
2117
2126
|
"grid.columnMenu": string;
|
|
@@ -3528,37 +3537,254 @@ export declare const GridToolbar: {
|
|
|
3528
3537
|
};
|
|
3529
3538
|
|
|
3530
3539
|
/**
|
|
3531
|
-
*
|
|
3540
|
+
* Represents the GridToolbarCheckboxFilter component.
|
|
3532
3541
|
*/
|
|
3533
|
-
export declare
|
|
3542
|
+
export declare const GridToolbarCheckboxFilter: {
|
|
3543
|
+
(props: GridToolbarCheckboxFilterProps): JSX.Element;
|
|
3544
|
+
displayName: string;
|
|
3545
|
+
};
|
|
3546
|
+
|
|
3547
|
+
export declare interface GridToolbarCheckboxFilterProps {
|
|
3534
3548
|
/**
|
|
3535
|
-
*
|
|
3549
|
+
* Sets the items collection that will be rendered by the GridToolbarCheckboxFilter component.
|
|
3536
3550
|
*/
|
|
3537
|
-
|
|
3551
|
+
data: Array<string | object>;
|
|
3538
3552
|
/**
|
|
3539
|
-
*
|
|
3553
|
+
* Defines the icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_icon %})).
|
|
3554
|
+
*
|
|
3555
|
+
* @example
|
|
3556
|
+
* ```jsx
|
|
3557
|
+
* <GridToolbarCheckboxFilter icon="home" />
|
|
3558
|
+
* ```
|
|
3540
3559
|
*/
|
|
3541
|
-
|
|
3560
|
+
icon?: string;
|
|
3542
3561
|
/**
|
|
3543
|
-
*
|
|
3562
|
+
* Defines the SVG icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_svgicon %})).
|
|
3544
3563
|
*
|
|
3545
|
-
*
|
|
3546
|
-
*
|
|
3547
|
-
* -
|
|
3548
|
-
* - large
|
|
3549
|
-
* - null—Does not set a size `className`.
|
|
3564
|
+
* @example
|
|
3565
|
+
* ```jsx
|
|
3566
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3550
3567
|
*
|
|
3551
|
-
*
|
|
3568
|
+
* <GridToolbarCheckboxFilter svgIcon={gearIcon} />
|
|
3569
|
+
* ```
|
|
3552
3570
|
*/
|
|
3553
|
-
|
|
3571
|
+
svgIcon?: SVGIcon;
|
|
3554
3572
|
/**
|
|
3555
|
-
*
|
|
3573
|
+
* Defines the component that will be rendered as a search box.
|
|
3574
|
+
*
|
|
3556
3575
|
*/
|
|
3557
|
-
|
|
3576
|
+
searchBox?: React_2.ComponentType<any>;
|
|
3577
|
+
/**
|
|
3578
|
+
* Defines the filter operator that will be used to filter the values via the search box.
|
|
3579
|
+
* "startswith"
|
|
3580
|
+
* "endswith"
|
|
3581
|
+
* "contains"
|
|
3582
|
+
* "doesnotcontain"
|
|
3583
|
+
* "isempty"
|
|
3584
|
+
* "isnotempty"
|
|
3585
|
+
* "eq" (equal to)
|
|
3586
|
+
* "eq" (equal to)
|
|
3587
|
+
* "neq" (not equal to)
|
|
3588
|
+
* "isnull" (is equal to null)
|
|
3589
|
+
* "isnotnull" (is not equal to null)
|
|
3590
|
+
*/
|
|
3591
|
+
searchBoxFilterOperator?: string | Function;
|
|
3592
|
+
/**
|
|
3593
|
+
* Determines if the data in the component will be unique. By default the property is set to true.
|
|
3594
|
+
*
|
|
3595
|
+
* @example
|
|
3596
|
+
* ```jsx
|
|
3597
|
+
* <GridToolbarCheckboxFilter uniqueData={true} />
|
|
3598
|
+
* ```
|
|
3599
|
+
*/
|
|
3600
|
+
uniqueData?: boolean;
|
|
3601
|
+
/**
|
|
3602
|
+
* Specifies if the popup will be displayed.
|
|
3603
|
+
*
|
|
3604
|
+
* @example
|
|
3605
|
+
* ```jsx
|
|
3606
|
+
* <GridToolbarCheckboxFilter show={true} />
|
|
3607
|
+
* ```
|
|
3608
|
+
*/
|
|
3609
|
+
show?: boolean;
|
|
3610
|
+
/**
|
|
3611
|
+
* The method that will be called to close the column menu.
|
|
3612
|
+
*
|
|
3613
|
+
* @example
|
|
3614
|
+
* ```jsx
|
|
3615
|
+
* <GridToolbarCheckboxFilter onCloseMenu={() => console.log('close menu');} />
|
|
3616
|
+
* ```
|
|
3617
|
+
*/
|
|
3618
|
+
onCloseMenu?: Function;
|
|
3619
|
+
}
|
|
3620
|
+
|
|
3621
|
+
/**
|
|
3622
|
+
* Represents the GridToolbarColumnsChooser component.
|
|
3623
|
+
*/
|
|
3624
|
+
export declare const GridToolbarColumnsChooser: {
|
|
3625
|
+
(props: GridToolbarColumnsChooserProps): JSX.Element;
|
|
3626
|
+
displayName: string;
|
|
3627
|
+
};
|
|
3628
|
+
|
|
3629
|
+
export declare interface GridToolbarColumnsChooserProps {
|
|
3630
|
+
/**
|
|
3631
|
+
* Defines the icon rendered in the GridToolbarSort tool ([see example]({% slug overview_icon %})).
|
|
3632
|
+
*
|
|
3633
|
+
* @example
|
|
3634
|
+
* ```jsx
|
|
3635
|
+
* <GridToolbarSort icon="home" />
|
|
3636
|
+
* ```
|
|
3637
|
+
*/
|
|
3638
|
+
icon?: string;
|
|
3639
|
+
/**
|
|
3640
|
+
* Defines the SVG icon rendered in the GridToolbarSort tool ([see example]({% slug overview_svgicon %})).
|
|
3641
|
+
*
|
|
3642
|
+
* @example
|
|
3643
|
+
* ```jsx
|
|
3644
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3645
|
+
*
|
|
3646
|
+
* <GridToolbarSort svgIcon={gearIcon} />
|
|
3647
|
+
* ```
|
|
3648
|
+
*/
|
|
3649
|
+
svgIcon?: SVGIcon;
|
|
3650
|
+
/**
|
|
3651
|
+
* Specifies if the popup will be displayed.
|
|
3652
|
+
*
|
|
3653
|
+
* @example
|
|
3654
|
+
* ```jsx
|
|
3655
|
+
* <GridToolbarColumnsChooser show={true} />
|
|
3656
|
+
* ```
|
|
3657
|
+
*/
|
|
3658
|
+
show?: boolean;
|
|
3659
|
+
/**
|
|
3660
|
+
* The method that will be called to close the column menu.
|
|
3661
|
+
*
|
|
3662
|
+
* @example
|
|
3663
|
+
* ```jsx
|
|
3664
|
+
* <GridToolbarColumnsChooser onCloseMenu={() => console.log('close menu');} />
|
|
3665
|
+
*/
|
|
3666
|
+
onCloseMenu?: Function;
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3669
|
+
/**
|
|
3670
|
+
* Represents the GridToolbarFilter component.
|
|
3671
|
+
*/
|
|
3672
|
+
export declare const GridToolbarFilter: {
|
|
3673
|
+
(props: GridToolbarFilterProps): JSX.Element;
|
|
3674
|
+
displayName: string;
|
|
3675
|
+
};
|
|
3676
|
+
|
|
3677
|
+
export declare interface GridToolbarFilterProps {
|
|
3678
|
+
/**
|
|
3679
|
+
* Defines the icon rendered in the GridToolbarFilter tool ([see example]({% slug overview_icon %})).
|
|
3680
|
+
*
|
|
3681
|
+
* @example
|
|
3682
|
+
* ```jsx
|
|
3683
|
+
* <GridToolbarFilter icon="home" />
|
|
3684
|
+
* ```
|
|
3685
|
+
*/
|
|
3686
|
+
icon?: string;
|
|
3687
|
+
/**
|
|
3688
|
+
* Defines the SVG icon rendered in the GridToolbarFilter tool ([see example]({% slug overview_svgicon %})).
|
|
3689
|
+
*
|
|
3690
|
+
* @example
|
|
3691
|
+
* ```jsx
|
|
3692
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3693
|
+
*
|
|
3694
|
+
* <GridToolbarFilter svgIcon={gearIcon} />
|
|
3695
|
+
* ```
|
|
3696
|
+
*/
|
|
3697
|
+
svgIcon?: SVGIcon;
|
|
3698
|
+
/**
|
|
3699
|
+
* If set to `false`, the second filter operator and the input will be hidden.
|
|
3700
|
+
*/
|
|
3701
|
+
hideSecondFilter?: boolean;
|
|
3702
|
+
/**
|
|
3703
|
+
* Specifies a React element that will be cloned and rendered inside the UI of the column-menu filter component
|
|
3704
|
+
* ([see example]({% slug column_menu_grid %}#toc-customizing-the-filter-component)).
|
|
3705
|
+
*/
|
|
3706
|
+
filterUI?: ComponentType<GridColumnMenuFilterUIProps>;
|
|
3707
|
+
/**
|
|
3708
|
+
* Specifies if the popup will be displayed.
|
|
3709
|
+
*
|
|
3710
|
+
* @example
|
|
3711
|
+
* ```jsx
|
|
3712
|
+
* <GridToolbarFilter show={true} />
|
|
3713
|
+
* ```
|
|
3714
|
+
*/
|
|
3715
|
+
show?: boolean;
|
|
3716
|
+
/**
|
|
3717
|
+
* The method that will be called to close the column menu.
|
|
3718
|
+
*
|
|
3719
|
+
* @example
|
|
3720
|
+
* ```jsx
|
|
3721
|
+
* <GridToolbarFilter onCloseMenu={() => console.log('close menu');} />
|
|
3722
|
+
* ```
|
|
3723
|
+
*/
|
|
3724
|
+
onCloseMenu?: Function;
|
|
3725
|
+
/**
|
|
3726
|
+
* The method that will be called to notify the parent Grid about a filter change.
|
|
3727
|
+
*/
|
|
3728
|
+
onFilterChange?: (filter: CompositeFilterDescriptor | null, syntheticEvent: React_2.SyntheticEvent<any>) => any;
|
|
3729
|
+
}
|
|
3730
|
+
|
|
3731
|
+
/**
|
|
3732
|
+
* The properties of the GridToolbar component.
|
|
3733
|
+
*/
|
|
3734
|
+
export declare interface GridToolbarProps extends ToolbarProps {
|
|
3558
3735
|
/**
|
|
3559
3736
|
* @hidden
|
|
3560
3737
|
*/
|
|
3561
|
-
|
|
3738
|
+
_ariaControls?: string;
|
|
3739
|
+
}
|
|
3740
|
+
|
|
3741
|
+
/**
|
|
3742
|
+
* Represents the GridToolbarSort component.
|
|
3743
|
+
*/
|
|
3744
|
+
export declare const GridToolbarSort: {
|
|
3745
|
+
(props: GridToolbarSortProps): any;
|
|
3746
|
+
displayName: string;
|
|
3747
|
+
};
|
|
3748
|
+
|
|
3749
|
+
export declare interface GridToolbarSortProps {
|
|
3750
|
+
/**
|
|
3751
|
+
* Defines the icon rendered in the GridToolbarSort tool ([see example]({% slug overview_icon %})).
|
|
3752
|
+
*
|
|
3753
|
+
* @example
|
|
3754
|
+
* ```jsx
|
|
3755
|
+
* <GridToolbarSort icon="home" />
|
|
3756
|
+
* ```
|
|
3757
|
+
*/
|
|
3758
|
+
icon?: string;
|
|
3759
|
+
/**
|
|
3760
|
+
* Defines the SVG icon rendered in the GridToolbarSort tool ([see example]({% slug overview_svgicon %})).
|
|
3761
|
+
*
|
|
3762
|
+
* @example
|
|
3763
|
+
* ```jsx
|
|
3764
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3765
|
+
*
|
|
3766
|
+
* <GridToolbarSort svgIcon={gearIcon} />
|
|
3767
|
+
* ```
|
|
3768
|
+
*/
|
|
3769
|
+
svgIcon?: SVGIcon_2;
|
|
3770
|
+
/**
|
|
3771
|
+
* Specifies if the popup will be displayed.
|
|
3772
|
+
*
|
|
3773
|
+
* @example
|
|
3774
|
+
* ```jsx
|
|
3775
|
+
* <GridToolbarSort show={true} />
|
|
3776
|
+
* ```
|
|
3777
|
+
*/
|
|
3778
|
+
show?: boolean;
|
|
3779
|
+
/**
|
|
3780
|
+
* The method that will be called to close the column menu.
|
|
3781
|
+
*
|
|
3782
|
+
* @example
|
|
3783
|
+
* ```jsx
|
|
3784
|
+
* <GridToolbarSort onCloseMenu={() => console.log('close menu');} />
|
|
3785
|
+
* ```
|
|
3786
|
+
*/
|
|
3787
|
+
onCloseMenu?: Function;
|
|
3562
3788
|
}
|
|
3563
3789
|
|
|
3564
3790
|
/**
|
package/index.d.ts
CHANGED
|
@@ -61,6 +61,7 @@ import { TableSelectableSettings } from '@progress/kendo-react-data-tools';
|
|
|
61
61
|
import { TableSelectionChangeEvent } from '@progress/kendo-react-data-tools';
|
|
62
62
|
import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
|
|
63
63
|
import { TextBoxProps } from '@progress/kendo-react-inputs';
|
|
64
|
+
import { ToolbarProps } from '@progress/kendo-react-buttons';
|
|
64
65
|
|
|
65
66
|
/**
|
|
66
67
|
* The value of the filter operators displayed in the boolean filter menu.
|
|
@@ -919,7 +920,7 @@ declare interface GridColumnMenuItemProps {
|
|
|
919
920
|
/**
|
|
920
921
|
* The class of the icon that is rendered next to the title.
|
|
921
922
|
*/
|
|
922
|
-
iconClass
|
|
923
|
+
iconClass?: string;
|
|
923
924
|
/**
|
|
924
925
|
* The SVG icon that is rendered next to the title.
|
|
925
926
|
*/
|
|
@@ -2106,12 +2107,20 @@ export declare const gridMessages: {
|
|
|
2106
2107
|
"grid.groupPanelEmpty": string;
|
|
2107
2108
|
"grid.filterApplyButton": string;
|
|
2108
2109
|
"grid.filterClearButton": string;
|
|
2110
|
+
"grid.filterClearAllButton": string;
|
|
2109
2111
|
"grid.filterResetButton": string;
|
|
2110
2112
|
"grid.filterSubmitButton": string;
|
|
2111
2113
|
"grid.filterTitle": string;
|
|
2112
2114
|
"grid.sortAscending": string;
|
|
2113
2115
|
"grid.sortDescending": string;
|
|
2116
|
+
"grid.sortClearButton": string;
|
|
2117
|
+
"grid.sortApplyButton": string;
|
|
2114
2118
|
"grid.sortAriaLabel": string;
|
|
2119
|
+
"grid.adaptiveToolbarSortTitle": string;
|
|
2120
|
+
"grid.toolbarSort": string;
|
|
2121
|
+
"grid.toolbarFilter": string;
|
|
2122
|
+
"grid.toolbarColumnsChooser": string;
|
|
2123
|
+
"grid.toolbarCheckboxFilter": string;
|
|
2115
2124
|
"grid.groupColumn": string;
|
|
2116
2125
|
"grid.ungroupColumn": string;
|
|
2117
2126
|
"grid.columnMenu": string;
|
|
@@ -3528,37 +3537,254 @@ export declare const GridToolbar: {
|
|
|
3528
3537
|
};
|
|
3529
3538
|
|
|
3530
3539
|
/**
|
|
3531
|
-
*
|
|
3540
|
+
* Represents the GridToolbarCheckboxFilter component.
|
|
3532
3541
|
*/
|
|
3533
|
-
export declare
|
|
3542
|
+
export declare const GridToolbarCheckboxFilter: {
|
|
3543
|
+
(props: GridToolbarCheckboxFilterProps): JSX.Element;
|
|
3544
|
+
displayName: string;
|
|
3545
|
+
};
|
|
3546
|
+
|
|
3547
|
+
export declare interface GridToolbarCheckboxFilterProps {
|
|
3534
3548
|
/**
|
|
3535
|
-
*
|
|
3549
|
+
* Sets the items collection that will be rendered by the GridToolbarCheckboxFilter component.
|
|
3536
3550
|
*/
|
|
3537
|
-
|
|
3551
|
+
data: Array<string | object>;
|
|
3538
3552
|
/**
|
|
3539
|
-
*
|
|
3553
|
+
* Defines the icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_icon %})).
|
|
3554
|
+
*
|
|
3555
|
+
* @example
|
|
3556
|
+
* ```jsx
|
|
3557
|
+
* <GridToolbarCheckboxFilter icon="home" />
|
|
3558
|
+
* ```
|
|
3540
3559
|
*/
|
|
3541
|
-
|
|
3560
|
+
icon?: string;
|
|
3542
3561
|
/**
|
|
3543
|
-
*
|
|
3562
|
+
* Defines the SVG icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_svgicon %})).
|
|
3544
3563
|
*
|
|
3545
|
-
*
|
|
3546
|
-
*
|
|
3547
|
-
* -
|
|
3548
|
-
* - large
|
|
3549
|
-
* - null—Does not set a size `className`.
|
|
3564
|
+
* @example
|
|
3565
|
+
* ```jsx
|
|
3566
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3550
3567
|
*
|
|
3551
|
-
*
|
|
3568
|
+
* <GridToolbarCheckboxFilter svgIcon={gearIcon} />
|
|
3569
|
+
* ```
|
|
3552
3570
|
*/
|
|
3553
|
-
|
|
3571
|
+
svgIcon?: SVGIcon;
|
|
3554
3572
|
/**
|
|
3555
|
-
*
|
|
3573
|
+
* Defines the component that will be rendered as a search box.
|
|
3574
|
+
*
|
|
3556
3575
|
*/
|
|
3557
|
-
|
|
3576
|
+
searchBox?: React_2.ComponentType<any>;
|
|
3577
|
+
/**
|
|
3578
|
+
* Defines the filter operator that will be used to filter the values via the search box.
|
|
3579
|
+
* "startswith"
|
|
3580
|
+
* "endswith"
|
|
3581
|
+
* "contains"
|
|
3582
|
+
* "doesnotcontain"
|
|
3583
|
+
* "isempty"
|
|
3584
|
+
* "isnotempty"
|
|
3585
|
+
* "eq" (equal to)
|
|
3586
|
+
* "eq" (equal to)
|
|
3587
|
+
* "neq" (not equal to)
|
|
3588
|
+
* "isnull" (is equal to null)
|
|
3589
|
+
* "isnotnull" (is not equal to null)
|
|
3590
|
+
*/
|
|
3591
|
+
searchBoxFilterOperator?: string | Function;
|
|
3592
|
+
/**
|
|
3593
|
+
* Determines if the data in the component will be unique. By default the property is set to true.
|
|
3594
|
+
*
|
|
3595
|
+
* @example
|
|
3596
|
+
* ```jsx
|
|
3597
|
+
* <GridToolbarCheckboxFilter uniqueData={true} />
|
|
3598
|
+
* ```
|
|
3599
|
+
*/
|
|
3600
|
+
uniqueData?: boolean;
|
|
3601
|
+
/**
|
|
3602
|
+
* Specifies if the popup will be displayed.
|
|
3603
|
+
*
|
|
3604
|
+
* @example
|
|
3605
|
+
* ```jsx
|
|
3606
|
+
* <GridToolbarCheckboxFilter show={true} />
|
|
3607
|
+
* ```
|
|
3608
|
+
*/
|
|
3609
|
+
show?: boolean;
|
|
3610
|
+
/**
|
|
3611
|
+
* The method that will be called to close the column menu.
|
|
3612
|
+
*
|
|
3613
|
+
* @example
|
|
3614
|
+
* ```jsx
|
|
3615
|
+
* <GridToolbarCheckboxFilter onCloseMenu={() => console.log('close menu');} />
|
|
3616
|
+
* ```
|
|
3617
|
+
*/
|
|
3618
|
+
onCloseMenu?: Function;
|
|
3619
|
+
}
|
|
3620
|
+
|
|
3621
|
+
/**
|
|
3622
|
+
* Represents the GridToolbarColumnsChooser component.
|
|
3623
|
+
*/
|
|
3624
|
+
export declare const GridToolbarColumnsChooser: {
|
|
3625
|
+
(props: GridToolbarColumnsChooserProps): JSX.Element;
|
|
3626
|
+
displayName: string;
|
|
3627
|
+
};
|
|
3628
|
+
|
|
3629
|
+
export declare interface GridToolbarColumnsChooserProps {
|
|
3630
|
+
/**
|
|
3631
|
+
* Defines the icon rendered in the GridToolbarSort tool ([see example]({% slug overview_icon %})).
|
|
3632
|
+
*
|
|
3633
|
+
* @example
|
|
3634
|
+
* ```jsx
|
|
3635
|
+
* <GridToolbarSort icon="home" />
|
|
3636
|
+
* ```
|
|
3637
|
+
*/
|
|
3638
|
+
icon?: string;
|
|
3639
|
+
/**
|
|
3640
|
+
* Defines the SVG icon rendered in the GridToolbarSort tool ([see example]({% slug overview_svgicon %})).
|
|
3641
|
+
*
|
|
3642
|
+
* @example
|
|
3643
|
+
* ```jsx
|
|
3644
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3645
|
+
*
|
|
3646
|
+
* <GridToolbarSort svgIcon={gearIcon} />
|
|
3647
|
+
* ```
|
|
3648
|
+
*/
|
|
3649
|
+
svgIcon?: SVGIcon;
|
|
3650
|
+
/**
|
|
3651
|
+
* Specifies if the popup will be displayed.
|
|
3652
|
+
*
|
|
3653
|
+
* @example
|
|
3654
|
+
* ```jsx
|
|
3655
|
+
* <GridToolbarColumnsChooser show={true} />
|
|
3656
|
+
* ```
|
|
3657
|
+
*/
|
|
3658
|
+
show?: boolean;
|
|
3659
|
+
/**
|
|
3660
|
+
* The method that will be called to close the column menu.
|
|
3661
|
+
*
|
|
3662
|
+
* @example
|
|
3663
|
+
* ```jsx
|
|
3664
|
+
* <GridToolbarColumnsChooser onCloseMenu={() => console.log('close menu');} />
|
|
3665
|
+
*/
|
|
3666
|
+
onCloseMenu?: Function;
|
|
3667
|
+
}
|
|
3668
|
+
|
|
3669
|
+
/**
|
|
3670
|
+
* Represents the GridToolbarFilter component.
|
|
3671
|
+
*/
|
|
3672
|
+
export declare const GridToolbarFilter: {
|
|
3673
|
+
(props: GridToolbarFilterProps): JSX.Element;
|
|
3674
|
+
displayName: string;
|
|
3675
|
+
};
|
|
3676
|
+
|
|
3677
|
+
export declare interface GridToolbarFilterProps {
|
|
3678
|
+
/**
|
|
3679
|
+
* Defines the icon rendered in the GridToolbarFilter tool ([see example]({% slug overview_icon %})).
|
|
3680
|
+
*
|
|
3681
|
+
* @example
|
|
3682
|
+
* ```jsx
|
|
3683
|
+
* <GridToolbarFilter icon="home" />
|
|
3684
|
+
* ```
|
|
3685
|
+
*/
|
|
3686
|
+
icon?: string;
|
|
3687
|
+
/**
|
|
3688
|
+
* Defines the SVG icon rendered in the GridToolbarFilter tool ([see example]({% slug overview_svgicon %})).
|
|
3689
|
+
*
|
|
3690
|
+
* @example
|
|
3691
|
+
* ```jsx
|
|
3692
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3693
|
+
*
|
|
3694
|
+
* <GridToolbarFilter svgIcon={gearIcon} />
|
|
3695
|
+
* ```
|
|
3696
|
+
*/
|
|
3697
|
+
svgIcon?: SVGIcon;
|
|
3698
|
+
/**
|
|
3699
|
+
* If set to `false`, the second filter operator and the input will be hidden.
|
|
3700
|
+
*/
|
|
3701
|
+
hideSecondFilter?: boolean;
|
|
3702
|
+
/**
|
|
3703
|
+
* Specifies a React element that will be cloned and rendered inside the UI of the column-menu filter component
|
|
3704
|
+
* ([see example]({% slug column_menu_grid %}#toc-customizing-the-filter-component)).
|
|
3705
|
+
*/
|
|
3706
|
+
filterUI?: ComponentType<GridColumnMenuFilterUIProps>;
|
|
3707
|
+
/**
|
|
3708
|
+
* Specifies if the popup will be displayed.
|
|
3709
|
+
*
|
|
3710
|
+
* @example
|
|
3711
|
+
* ```jsx
|
|
3712
|
+
* <GridToolbarFilter show={true} />
|
|
3713
|
+
* ```
|
|
3714
|
+
*/
|
|
3715
|
+
show?: boolean;
|
|
3716
|
+
/**
|
|
3717
|
+
* The method that will be called to close the column menu.
|
|
3718
|
+
*
|
|
3719
|
+
* @example
|
|
3720
|
+
* ```jsx
|
|
3721
|
+
* <GridToolbarFilter onCloseMenu={() => console.log('close menu');} />
|
|
3722
|
+
* ```
|
|
3723
|
+
*/
|
|
3724
|
+
onCloseMenu?: Function;
|
|
3725
|
+
/**
|
|
3726
|
+
* The method that will be called to notify the parent Grid about a filter change.
|
|
3727
|
+
*/
|
|
3728
|
+
onFilterChange?: (filter: CompositeFilterDescriptor | null, syntheticEvent: React_2.SyntheticEvent<any>) => any;
|
|
3729
|
+
}
|
|
3730
|
+
|
|
3731
|
+
/**
|
|
3732
|
+
* The properties of the GridToolbar component.
|
|
3733
|
+
*/
|
|
3734
|
+
export declare interface GridToolbarProps extends ToolbarProps {
|
|
3558
3735
|
/**
|
|
3559
3736
|
* @hidden
|
|
3560
3737
|
*/
|
|
3561
|
-
|
|
3738
|
+
_ariaControls?: string;
|
|
3739
|
+
}
|
|
3740
|
+
|
|
3741
|
+
/**
|
|
3742
|
+
* Represents the GridToolbarSort component.
|
|
3743
|
+
*/
|
|
3744
|
+
export declare const GridToolbarSort: {
|
|
3745
|
+
(props: GridToolbarSortProps): any;
|
|
3746
|
+
displayName: string;
|
|
3747
|
+
};
|
|
3748
|
+
|
|
3749
|
+
export declare interface GridToolbarSortProps {
|
|
3750
|
+
/**
|
|
3751
|
+
* Defines the icon rendered in the GridToolbarSort tool ([see example]({% slug overview_icon %})).
|
|
3752
|
+
*
|
|
3753
|
+
* @example
|
|
3754
|
+
* ```jsx
|
|
3755
|
+
* <GridToolbarSort icon="home" />
|
|
3756
|
+
* ```
|
|
3757
|
+
*/
|
|
3758
|
+
icon?: string;
|
|
3759
|
+
/**
|
|
3760
|
+
* Defines the SVG icon rendered in the GridToolbarSort tool ([see example]({% slug overview_svgicon %})).
|
|
3761
|
+
*
|
|
3762
|
+
* @example
|
|
3763
|
+
* ```jsx
|
|
3764
|
+
* import { gearIcon } from '@progress/kendo-svg-icons';
|
|
3765
|
+
*
|
|
3766
|
+
* <GridToolbarSort svgIcon={gearIcon} />
|
|
3767
|
+
* ```
|
|
3768
|
+
*/
|
|
3769
|
+
svgIcon?: SVGIcon_2;
|
|
3770
|
+
/**
|
|
3771
|
+
* Specifies if the popup will be displayed.
|
|
3772
|
+
*
|
|
3773
|
+
* @example
|
|
3774
|
+
* ```jsx
|
|
3775
|
+
* <GridToolbarSort show={true} />
|
|
3776
|
+
* ```
|
|
3777
|
+
*/
|
|
3778
|
+
show?: boolean;
|
|
3779
|
+
/**
|
|
3780
|
+
* The method that will be called to close the column menu.
|
|
3781
|
+
*
|
|
3782
|
+
* @example
|
|
3783
|
+
* ```jsx
|
|
3784
|
+
* <GridToolbarSort onCloseMenu={() => console.log('close menu');} />
|
|
3785
|
+
* ```
|
|
3786
|
+
*/
|
|
3787
|
+
onCloseMenu?: Function;
|
|
3562
3788
|
}
|
|
3563
3789
|
|
|
3564
3790
|
/**
|
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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./Grid.js"),C=require("./GridColumn.js"),a=require("./columnMenu/GridColumnMenuWrapper.js"),s=require("./columnMenu/GridColumnMenuGroup.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./Grid.js"),C=require("./GridColumn.js"),a=require("./columnMenu/GridColumnMenuWrapper.js"),s=require("./columnMenu/GridColumnMenuGroup.js"),l=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),m=require("./columnMenu/GridColumnMenuFilterUI.js"),c=require("./columnMenu/GridColumnMenuFilterCell.js"),M=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),g=require("./columnMenu/GridColumnMenuColumnsList.js"),p=require("./columnMenu/GridColumnMenuColumnsChooser.js"),q=require("./cells/datacell/GridCell.js"),I=require("./cells/editcell/GridEditCell.js"),S=require("./cells/groupcell/GridGroupCell.js"),T=require("./cells/hierarchycell/GridHierarchyCell.js"),F=require("./cells/GridFilterCell.js"),b=require("./header/GridHeaderCell.js"),E=require("./cells/selectioncell/GridSelectionCell.js"),h=require("./rows/GridDetailRow.js"),x=require("./rows/GridRow.js"),D=require("./GridToolbar.js"),P=require("./toolbar-tools/GridToolbarCheckboxFilter.js"),R=require("./toolbar-tools/GridToolbarColumnsChooser.js"),_=require("./toolbar-tools/GridToolbarFilter.js"),B=require("./toolbar-tools/GridToolbarSort.js"),N=require("./components/noRecords/GridNoRecords.js"),f=require("./columnMenu/GridColumnMenuItem.js"),L=require("./columnMenu/GridColumnMenuItemContent.js"),O=require("./columnMenu/GridColumnMenuItemGroup.js"),t=require("./constants/index.js"),i=require("@progress/kendo-react-data-tools"),y=require("./drag/CommonDragLogic.js"),r=require("./filterCommon.js"),e=require("./messages/index.js"),n=require("./StatusBar.js"),u=require("./contextMenu/GridContextMenu.js"),d=require("./contextMenu/enums.js"),w=require("./GridSearchBox.js"),A=require("./GridPdfExportButton.js");exports.Grid=G.Grid;exports.GridColumn=C.GridColumn;exports.GridColumnMenuWrapper=a.GridColumnMenuWrapper;exports.GridColumnMenuGroup=s.GridColumnMenuGroup;exports.GridColumnMenuSort=l.GridColumnMenuSort;exports.isColumnMenuSortActive=l.isColumnMenuSortActive;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.isColumnMenuFilterActive=o.isColumnMenuFilterActive;exports.rootFilterOrDefault=o.rootFilterOrDefault;exports.GridColumnMenuFilterUI=m.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=c.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=M.GridColumnMenuCheckboxFilter;exports.GridColumnMenuColumnsList=g.GridColumnMenuColumnsList;exports.GridColumnMenuColumnsChooser=p.GridColumnMenuColumnsChooser;exports.GridCell=q.GridCell;exports.GridEditCell=I.GridEditCell;exports.GridGroupCell=S.GridGroupCell;exports.GridHierarchyCell=T.GridHierarchyCell;exports.GridFilterCell=F.GridFilterCell;exports.GridHeaderCell=b.GridHeaderCell;exports.GridSelectionCell=E.GridSelectionCell;exports.GridDetailRow=h.GridDetailRow;exports.GridRow=x.GridRow;exports.GridToolbar=D.GridToolbar;exports.GridToolbarCheckboxFilter=P.GridToolbarCheckboxFilter;exports.GridToolbarColumnsChooser=R.GridToolbarColumnsChooser;exports.GridToolbarFilter=_.GridToolbarFilter;exports.GridToolbarSort=B.GridToolbarSort;exports.GridNoRecords=N.GridNoRecords;exports.GridColumnMenuItem=f.GridColumnMenuItem;exports.GridColumnMenuItemContent=L.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=O.GridColumnMenuItemGroup;exports.GRID_COL_INDEX_ATTRIBUTE=t.GRID_COL_INDEX_ATTRIBUTE;exports.GRID_PREVENT_SELECTION_ELEMENT=t.GRID_PREVENT_SELECTION_ELEMENT;exports.GRID_ROW_INDEX_ATTRIBUTE=t.GRID_ROW_INDEX_ATTRIBUTE;Object.defineProperty(exports,"getSelectedState",{enumerable:!0,get:()=>i.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>i.getSelectedStateFromKeyDown});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>i.setSelectedState});exports.GridCommonDragLogic=y.CommonDragLogic;exports.booleanFilterValues=r.booleanFilterValues;exports.cellBoolDropdownChange=r.cellBoolDropdownChange;exports.cellInputChange=r.cellInputChange;exports.cellOperatorChange=r.cellOperatorChange;exports.operators=r.operators;exports.gridMessages=e.messages;exports.pagerFirstPage=e.pagerFirstPage;exports.pagerInfo=e.pagerInfo;exports.pagerItemPerPage=e.pagerItemPerPage;exports.pagerLastPage=e.pagerLastPage;exports.pagerNextPage=e.pagerNextPage;exports.pagerPreviousPage=e.pagerPreviousPage;exports.StatusBar=n.StatusBar;exports.getStatusData=n.getStatusData;exports.leafColumns=n.leafColumns;exports.GridContextMenu=u.GridContextMenu;exports.contextMenuItemsMap=u.contextMenuItemsMap;exports.GridContextMenuAnchorPart=d.GridContextMenuAnchorPart;exports.GridContextMenuItemNames=d.GridContextMenuItemNames;exports.GridSearchBox=w.GridSearchBox;exports.GridPdfExportButton=A.GridPdfExportButton;
|