@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.
Files changed (42) hide show
  1. package/GridClientWrapper.js +1 -1
  2. package/GridClientWrapper.mjs +46 -37
  3. package/GridComponent.js +1 -1
  4. package/GridComponent.mjs +18 -18
  5. package/GridToolbar.js +1 -1
  6. package/GridToolbar.mjs +15 -20
  7. package/columnMenu/GridColumnMenuCheckboxFilter.js +1 -1
  8. package/columnMenu/GridColumnMenuCheckboxFilter.mjs +2 -1
  9. package/columnMenu/GridColumnMenuFilterCell.js +1 -1
  10. package/columnMenu/GridColumnMenuFilterCell.mjs +35 -28
  11. package/columnMenu/GridColumnMenuWrapper.js +1 -1
  12. package/columnMenu/GridColumnMenuWrapper.mjs +62 -49
  13. package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js +1 -1
  14. package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs +1 -1
  15. package/dist/cdn/js/kendo-react-grid.js +1 -1
  16. package/index.d.mts +244 -18
  17. package/index.d.ts +244 -18
  18. package/index.js +1 -1
  19. package/index.mjs +80 -72
  20. package/messages/index.js +1 -1
  21. package/messages/index.mjs +92 -76
  22. package/package-metadata.js +1 -1
  23. package/package-metadata.mjs +2 -2
  24. package/package.json +16 -16
  25. package/toolbar-tools/GridToolbarCheckboxFilter.js +8 -0
  26. package/toolbar-tools/GridToolbarCheckboxFilter.mjs +312 -0
  27. package/toolbar-tools/GridToolbarColumnsChooser.js +8 -0
  28. package/toolbar-tools/GridToolbarColumnsChooser.mjs +178 -0
  29. package/toolbar-tools/GridToolbarFilter.js +8 -0
  30. package/toolbar-tools/GridToolbarFilter.mjs +281 -0
  31. package/toolbar-tools/GridToolbarSort.js +8 -0
  32. package/toolbar-tools/GridToolbarSort.mjs +146 -0
  33. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.js +9 -0
  34. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarCheckboxFilter.mjs +114 -0
  35. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.js +9 -0
  36. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarColumnChooser.mjs +89 -0
  37. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.js +9 -0
  38. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarFilter.mjs +98 -0
  39. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.js +9 -0
  40. package/toolbar-tools/adaptiveContent/GridAdaptiveToolbarSort.mjs +68 -0
  41. package/toolbar-tools/adaptiveContext/GridToolbarAdaptiveContext.js +9 -0
  42. 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: string;
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
- * The properties of the GridToolbar component.
3540
+ * Represents the GridToolbarCheckboxFilter component.
3532
3541
  */
3533
- export declare interface GridToolbarProps {
3542
+ export declare const GridToolbarCheckboxFilter: {
3543
+ (props: GridToolbarCheckboxFilterProps): JSX.Element;
3544
+ displayName: string;
3545
+ };
3546
+
3547
+ export declare interface GridToolbarCheckboxFilterProps {
3534
3548
  /**
3535
- * The React elements that will be rendered inside the toolbar of the Grid.
3549
+ * Sets the items collection that will be rendered by the GridToolbarCheckboxFilter component.
3536
3550
  */
3537
- children?: React.ReactNode;
3551
+ data: Array<string | object>;
3538
3552
  /**
3539
- * Specifies the name of the CSS class which is set to the GridToolbar.
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
- className?: string;
3560
+ icon?: string;
3542
3561
  /**
3543
- * Configures the `size` of the Toolbar.
3562
+ * Defines the SVG icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_svgicon %})).
3544
3563
  *
3545
- * The available options are:
3546
- * - small
3547
- * - medium
3548
- * - large
3549
- * - null&mdash;Does not set a size `className`.
3564
+ * @example
3565
+ * ```jsx
3566
+ * import { gearIcon } from '@progress/kendo-svg-icons';
3550
3567
  *
3551
- * @default `medium`
3568
+ * <GridToolbarCheckboxFilter svgIcon={gearIcon} />
3569
+ * ```
3552
3570
  */
3553
- size?: null | 'small' | 'medium' | 'large';
3571
+ svgIcon?: SVGIcon;
3554
3572
  /**
3555
- * The accessible label of the GridToolbar component.
3573
+ * Defines the component that will be rendered as a search box.
3574
+ *
3556
3575
  */
3557
- ariaLabel?: string;
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
- ariaControls?: string;
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: string;
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
- * The properties of the GridToolbar component.
3540
+ * Represents the GridToolbarCheckboxFilter component.
3532
3541
  */
3533
- export declare interface GridToolbarProps {
3542
+ export declare const GridToolbarCheckboxFilter: {
3543
+ (props: GridToolbarCheckboxFilterProps): JSX.Element;
3544
+ displayName: string;
3545
+ };
3546
+
3547
+ export declare interface GridToolbarCheckboxFilterProps {
3534
3548
  /**
3535
- * The React elements that will be rendered inside the toolbar of the Grid.
3549
+ * Sets the items collection that will be rendered by the GridToolbarCheckboxFilter component.
3536
3550
  */
3537
- children?: React.ReactNode;
3551
+ data: Array<string | object>;
3538
3552
  /**
3539
- * Specifies the name of the CSS class which is set to the GridToolbar.
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
- className?: string;
3560
+ icon?: string;
3542
3561
  /**
3543
- * Configures the `size` of the Toolbar.
3562
+ * Defines the SVG icon rendered in the GridToolbarCheckboxFilter tool ([see example]({% slug overview_svgicon %})).
3544
3563
  *
3545
- * The available options are:
3546
- * - small
3547
- * - medium
3548
- * - large
3549
- * - null&mdash;Does not set a size `className`.
3564
+ * @example
3565
+ * ```jsx
3566
+ * import { gearIcon } from '@progress/kendo-svg-icons';
3550
3567
  *
3551
- * @default `medium`
3568
+ * <GridToolbarCheckboxFilter svgIcon={gearIcon} />
3569
+ * ```
3552
3570
  */
3553
- size?: null | 'small' | 'medium' | 'large';
3571
+ svgIcon?: SVGIcon;
3554
3572
  /**
3555
- * The accessible label of the GridToolbar component.
3573
+ * Defines the component that will be rendered as a search box.
3574
+ *
3556
3575
  */
3557
- ariaLabel?: string;
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
- ariaControls?: string;
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"),u=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"),I=require("./cells/datacell/GridCell.js"),q=require("./cells/editcell/GridEditCell.js"),S=require("./cells/groupcell/GridGroupCell.js"),E=require("./cells/hierarchycell/GridHierarchyCell.js"),F=require("./cells/GridFilterCell.js"),D=require("./header/GridHeaderCell.js"),P=require("./cells/selectioncell/GridSelectionCell.js"),R=require("./rows/GridDetailRow.js"),T=require("./rows/GridRow.js"),x=require("./GridToolbar.js"),h=require("./components/noRecords/GridNoRecords.js"),_=require("./columnMenu/GridColumnMenuItem.js"),B=require("./columnMenu/GridColumnMenuItemContent.js"),N=require("./columnMenu/GridColumnMenuItemGroup.js"),t=require("./constants/index.js"),n=require("@progress/kendo-react-data-tools"),b=require("./drag/CommonDragLogic.js"),r=require("./filterCommon.js"),e=require("./messages/index.js"),i=require("./StatusBar.js"),l=require("./contextMenu/GridContextMenu.js"),d=require("./contextMenu/enums.js"),f=require("./GridSearchBox.js"),L=require("./GridPdfExportButton.js");exports.Grid=G.Grid;exports.GridColumn=C.GridColumn;exports.GridColumnMenuWrapper=a.GridColumnMenuWrapper;exports.GridColumnMenuGroup=s.GridColumnMenuGroup;exports.GridColumnMenuSort=u.GridColumnMenuSort;exports.isColumnMenuSortActive=u.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=I.GridCell;exports.GridEditCell=q.GridEditCell;exports.GridGroupCell=S.GridGroupCell;exports.GridHierarchyCell=E.GridHierarchyCell;exports.GridFilterCell=F.GridFilterCell;exports.GridHeaderCell=D.GridHeaderCell;exports.GridSelectionCell=P.GridSelectionCell;exports.GridDetailRow=R.GridDetailRow;exports.GridRow=T.GridRow;exports.GridToolbar=x.GridToolbar;exports.GridNoRecords=h.GridNoRecords;exports.GridColumnMenuItem=_.GridColumnMenuItem;exports.GridColumnMenuItemContent=B.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=N.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:()=>n.getSelectedState});Object.defineProperty(exports,"getSelectedStateFromKeyDown",{enumerable:!0,get:()=>n.getSelectedStateFromKeyDown});Object.defineProperty(exports,"setSelectedState",{enumerable:!0,get:()=>n.setSelectedState});exports.GridCommonDragLogic=b.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=i.StatusBar;exports.getStatusData=i.getStatusData;exports.leafColumns=i.leafColumns;exports.GridContextMenu=l.GridContextMenu;exports.contextMenuItemsMap=l.contextMenuItemsMap;exports.GridContextMenuAnchorPart=d.GridContextMenuAnchorPart;exports.GridContextMenuItemNames=d.GridContextMenuItemNames;exports.GridSearchBox=f.GridSearchBox;exports.GridPdfExportButton=L.GridPdfExportButton;
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;