@quillsql/react 2.16.22 → 2.16.24

package/dist/index.d.cts

@@ -786,27 +786,27 @@ interface DashboardProps {
     MetricComponent?: ({ report, onClick, hoverActions, children, isLoading, error, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React$1.JSX.Element;
         children?: ReactNode;
         isLoading?: boolean;
         error?: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component that wraps a dashboard item for non-table, non-metric chart types. */
     ChartComponent?: ({ report, onClick, hoverActions, isLoading, error, dateBucket, children, onClickChartElement, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React$1.JSX.Element;
         isLoading?: boolean;
         error?: string;
         children?: ReactNode;
         dateBucket?: string;
         onClickChartElement?: (data: any) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component that wraps a dashboard item for 'table' chart types. */
     TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React$1.JSX.Element;
         isLoading?: boolean;
         error?: string;
         rowCount?: number;
@@ -816,14 +816,14 @@ interface DashboardProps {
             field: string;
             direction: string;
         }) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component (to be used in a template) that wraps a dashboard item for 'metric' chart types. */
     TemplateMetricComponent?: ({ report, onClick, isLoading, error, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
         isLoading?: boolean;
         error?: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component (to be used in a template) that wraps a dashboard item for non-table, non-metric chart types. */
     TemplateChartComponent?: ({ report, onClick, isLoading, error, dateBucket, children, onClickChartElement, }: {
         report: QuillReport;
@@ -833,7 +833,7 @@ interface DashboardProps {
         children?: ReactNode;
         dateBucket?: string;
         onClickChartElement?: (data: any) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component (to be used in a template) that wraps a dashboard item for 'table' chart types. */
     TemplateTableComponent?: ({ report, onClick, isLoading, error, rowCount, onPageChange, onSortChange, }: {
         report: QuillReport;
@@ -846,7 +846,7 @@ interface DashboardProps {
             field: string;
             direction: string;
         }) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A select component. */
     SelectComponent?: ({ label, value, options, onChange, width, }: {
         value: string | null | undefined;
@@ -857,7 +857,7 @@ interface DashboardProps {
             label: string;
         }[];
         onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A multiselect component. */
     MultiSelectComponent?: ({ label, value, options, onChange, width, }: {
         value: (string | null)[];
@@ -872,7 +872,7 @@ interface DashboardProps {
                 value: (string | null)[];
             };
         }) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A popover component. */
     PopoverComponent?: (props: {
         isOpen: boolean;
@@ -881,7 +881,7 @@ interface DashboardProps {
         popoverTitle?: string;
         containerStyle?: any;
         ignoredRefs?: React$1.RefObject<any>[];
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A filter tag component */
     FilterTagComponent?: (props: {
         isOpen: boolean;
@@ -890,7 +890,7 @@ interface DashboardProps {
         popoverChildren: ReactNode;
         filterLabel: string;
         onClickDelete: (e: React$1.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A modal component */
     ModalComponent?: (props: {
         children: ReactNode;
@@ -898,21 +898,21 @@ interface DashboardProps {
         title: string;
         setIsOpen: (isOpen: boolean) => void;
         triggerLabel: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A primary button component. */
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A secondary button component. */
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A modal component for a list of filters.
      */
@@ -920,9 +920,9 @@ interface DashboardProps {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A input element for getting text from the user. */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
+    TextInputComponent?: ((props: TextInputComponentProps) => React$1.JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
     /** A date range picker component. */
     DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
         preset: string;
@@ -941,48 +941,48 @@ interface DashboardProps {
             endDate: Date;
         }) => void;
         onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A component that wraps each dashboard section.
      */
     DashboardSectionComponent?: ({ section, children, }: {
         section: string;
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     DashboardSectionTabsComponent?: ({ sections, selectedSection, setSelectedSection, }: {
         sections: string[];
         selectedSection: string;
         setSelectedSection: (section: string) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component that wraps all dashboard sections. */
     DashboardSectionContainerComponent?: ({ children, }: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A component that wraps the row of dashboard filters. */
     FilterContainerComponent?: ({ children, }: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A fallback component displayed when an active dashboard has no items. */
-    EmptyDashboardComponent?: () => JSX.Element;
+    EmptyDashboardComponent?: () => React$1.JSX.Element;
     /** A component that displays a loading state for charts. */
     DashboardLoadingComponent?: ({ showFilterLoading, numCharts, containerStyle, chartContainerStyle, LoadingComponent, }: {
         showFilterLoading?: boolean;
         numCharts?: number;
         containerStyle?: CSSProperties;
         chartContainerStyle?: CSSProperties;
-        LoadingComponent?: () => JSX.Element;
-    }) => JSX.Element;
+        LoadingComponent?: () => React$1.JSX.Element;
+    }) => React$1.JSX.Element;
     ErrorComponent?: ({ className, containerStyle, label, onClick, ButtonComponent, }: {
         className?: string;
         containerStyle?: React$1.CSSProperties;
         label?: string;
         onClick?: (element: any) => void;
         ButtonComponent?: React$1.ComponentType<any>;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A callback fired when a report is clicked. */
     onClickReport?: (report: QuillReport) => void;
     /** A component that is shown when the report is hovered */
-    hoverActions?: (report: QuillReport) => JSX.Element;
+    hoverActions?: (report: QuillReport) => React$1.JSX.Element;
     /** A callback that is fired when the loading status of the dashboard changes. */
     onChangeLoading?: (isLoading: boolean) => void;
     /** Whether to hide the dashboard filters (default: `false`). */
@@ -1388,16 +1388,16 @@ interface ChartProps {
     /**
      * A loading component to show when the chart is loading.
      */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React.JSX.Element;
     /** A select component prop for the table filters */
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React.JSX.Element;
     /** A multi select component prop for the table filters */
-    MultiSelectComponent?: (props: MultiSelectComponentProps) => JSX.Element;
+    MultiSelectComponent?: (props: MultiSelectComponentProps) => React.JSX.Element;
     /** A component that wraps a chart for 'table' chart types. */
     TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React.JSX.Element;
         isLoading?: boolean;
         error?: string;
         rowCount?: number;
@@ -1408,16 +1408,16 @@ interface ChartProps {
             direction: string;
         }) => void;
         hideName?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A component that wraps a dashboard item for 'metric' chart types. */
     MetricComponent?: ({ report, onClick, hoverActions, isLoading, children, error, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React.JSX.Element;
         isLoading?: boolean;
         children?: ReactNode;
         error?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A date range picker component prop for the table filters */
     DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
         preset: string;
@@ -1436,11 +1436,11 @@ interface ChartProps {
             endDate: Date;
         }) => void;
         onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A filter container component component prop for the table filters */
     FilterContainerComponent?: ({ children, }: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * Styles the top-level container of the Chart.
      *
@@ -1552,11 +1552,11 @@ interface TableProps {
     /**
      * A loading component to show when the table is loading.
      */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React$1.JSX.Element;
     /** A select component prop for the table filters */
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React$1.JSX.Element;
     /** A multi select component prop for the table filters */
-    MultiSelectComponent?: (props: MultiSelectComponentProps) => JSX.Element;
+    MultiSelectComponent?: (props: MultiSelectComponentProps) => React$1.JSX.Element;
     /** A date range picker component prop for the table filters */
     DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
         preset: string;
@@ -1575,11 +1575,11 @@ interface TableProps {
             endDate: Date;
         }) => void;
         onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
         report: QuillReport;
         onClick?: (report: QuillReport) => void;
-        hoverActions?: (report: QuillReport) => JSX.Element;
+        hoverActions?: (report: QuillReport) => React$1.JSX.Element;
         isLoading?: boolean;
         error?: string;
         rowCount?: number;
@@ -1590,11 +1590,11 @@ interface TableProps {
             direction: string;
         }) => void;
         hideName?: boolean;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A filter container component component prop for the table filters */
     FilterContainerComponent?: ({ children, }: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * Styles the top-level container of the Table.
      *
@@ -1655,7 +1655,7 @@ interface SQLEditorProps {
         icon?: ReactNode;
         tooltipText?: string;
         isLoading?: boolean;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A secondary button component.
      */
@@ -1664,15 +1664,15 @@ interface SQLEditorProps {
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A small delete button used to click out of things. Usually an "X" icon. */
     DeleteButtonComponent?: (props: {
         onClick: () => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A input element for getting text from the user.
      */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
+    TextInputComponent?: ((props: TextInputComponentProps) => React$1.JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
     /** A select component. */
     SelectComponent?: (props: {
         value: string | number | null | undefined;
@@ -1683,7 +1683,7 @@ interface SQLEditorProps {
         }[];
         onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
         width: number;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A table component to show the results of the SQL query.
      */
@@ -1707,17 +1707,17 @@ interface SQLEditorProps {
         containerStyle?: React$1.CSSProperties;
         currentPage?: number;
         setCurrentPage?: (page: number) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A component to show while the query results are loading.
      */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React$1.JSX.Element;
     /** A card component used as a dismissable container of pivot information. */
     CardComponent?: (props: {
         children: ReactNode;
         onClick?: () => void;
         onDelete?: () => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A modal component to use to open the add to dashboard dialog.
      */
@@ -1728,7 +1728,7 @@ interface SQLEditorProps {
         children: ReactNode;
         width?: number;
         height?: number;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A popover component. */
     PopoverComponent?: (props: {
         isOpen: boolean;
@@ -1736,65 +1736,65 @@ interface SQLEditorProps {
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A checkbox component. */
     CheckboxComponent?: (props: {
         isChecked: boolean;
         label: string;
         onChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A label component. */
     LabelComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A header component. */
     HeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A sub-header component describes a group of inputs. */
     SubHeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A simple text component. */
     TextComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for each row of inputs for the ChartBuilder form.
      */
     ChartBuilderInputRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the ChartBuilder form.
      */
     ChartBuilderInputColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for each row of inputs for the pivot form.
      */
     PivotRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the pivot form.
      */
     PivotColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked sections of the chart builder form.
      */
     ChartBuilderFormContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A component that displays error messages.
      */
     ErrorMessageComponent?: (props: {
         errorMessage: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A callback that is fired when the query changes.
      */
@@ -1955,7 +1955,7 @@ declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent,
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
 }) => react_jsx_runtime.JSX.Element;
 
 /**
@@ -1985,7 +1985,7 @@ interface ReportBuilderProps {
         icon?: ReactNode;
         isLoading?: boolean;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A secondary button component. */
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
@@ -1993,13 +1993,13 @@ interface ReportBuilderProps {
         disabled?: boolean;
         icon?: ReactNode;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A small delete button used to click out of things. Usually an "X" icon. */
     DeleteButtonComponent?: (props: {
         onClick: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A input element for getting text from the user. */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     /**
      * A modal component.
      */
@@ -2010,7 +2010,7 @@ interface ReportBuilderProps {
         children: ReactNode;
         width?: number;
         height?: number;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A modal component.
      */
@@ -2021,9 +2021,9 @@ interface ReportBuilderProps {
         children: ReactNode;
         width?: number;
         height?: number;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A select component. */
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React.JSX.Element;
     /** A multi-select component. */
     MultiSelectComponent?: (props: {
         label?: string;
@@ -2038,7 +2038,7 @@ interface ReportBuilderProps {
                 value: (string | null)[];
             };
         }) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A table component. */
     TableComponent?: (props: {
         rows: {
@@ -2059,7 +2059,7 @@ interface ReportBuilderProps {
         }) => void;
         containerStyle?: CSSProperties;
         disableSort?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A popover component. */
     PopoverComponent?: (props: {
         isOpen: boolean;
@@ -2067,7 +2067,7 @@ interface ReportBuilderProps {
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A popover component for filters created in the report builder. */
     FilterPopoverComponent?: (props: {
         isOpen: boolean;
@@ -2076,7 +2076,7 @@ interface ReportBuilderProps {
         popoverChildren: ReactNode;
         filterLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A popover component for sort items created in the report builder. */
     SortPopoverComponent?: (props: {
         isOpen: boolean;
@@ -2085,7 +2085,7 @@ interface ReportBuilderProps {
         popoverChildren: ReactNode;
         sortLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A popover component for limits created in the report builder. */
     LimitPopoverComponent?: (props: {
         isOpen: boolean;
@@ -2094,7 +2094,7 @@ interface ReportBuilderProps {
         popoverChildren: ReactNode;
         limitLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A small navigation menu used to switch between two or more states. */
     TabsComponent?: (props: {
         options: {
@@ -2103,109 +2103,109 @@ interface ReportBuilderProps {
         }[];
         value: string;
         onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A checkbox component. */
     CheckboxComponent?: (props: {
         isChecked: boolean;
         label: string;
         onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A container for the left sidebar. */
     SidebarComponent?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A container for the main content (everything right of the sidebar). */
     ContainerComponent?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A component to show selected columns. */
     SelectColumnComponent?: (props: {
         label: string;
         isSelected: boolean;
         setSelected: () => void;
         DragHandle: ({ dragIcon }: {
-            dragIcon: () => JSX.Element;
-        }) => JSX.Element;
-    }) => JSX.Element;
+            dragIcon: () => React.JSX.Element;
+        }) => React.JSX.Element;
+    }) => React.JSX.Element;
     /** A draggable component used to reorder columns. */
     DraggableColumnComponent?: (props: {
         label: string;
         onDelete: () => void;
         DragHandle: ({ dragIcon }: {
-            dragIcon: () => JSX.Element;
-        }) => JSX.Element;
+            dragIcon: () => React.JSX.Element;
+        }) => React.JSX.Element;
         deleteDisabled?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A heading element for the sidebar. */
     SidebarHeadingComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A card component used as a dismissable container of pivot information. */
     CardComponent?: (props: {
         children: ReactNode;
         onClick?: () => void;
         onDelete?: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A label component. */
     LabelComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A header component. */
     HeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A sub-header component describes a group of inputs. */
     SubHeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A simple text component. */
     TextComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A component that displays error messages.
      */
     ErrorMessageComponent?: (props: {
         errorMessage: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for each row of inputs for the ChartBuilder form.
      */
     ChartBuilderInputRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the ChartBuilder form.
      */
     ChartBuilderInputColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for each row of inputs for the pivot form.
      */
     PivotRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the pivot form.
      */
     PivotColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A loading component to show in the pivot modal while suggestions load.
      */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React.JSX.Element;
     /**
      * A container for vertically-stacked sections of the chart builder form.
      */
     ChartBuilderFormContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A component to show when no columns match the user's query.
      */
-    ColumnSearchEmptyState?: () => JSX.Element;
+    ColumnSearchEmptyState?: () => React.JSX.Element;
     /** Whether the ReportBuilder is in admin mode. */
     isAdminEnabled?: boolean;
     /** Whether the ReportBuilder's AI features are enabled. */
@@ -2334,51 +2334,51 @@ interface ChartEditorProps {
         }[];
         onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
         width: number;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** An input component to get text from your users. Wrap your component in a forwardRef to receive focus events from Quill */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
+    TextInputComponent?: ((props: TextInputComponentProps) => React$1.JSX.Element) | React$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
     /** A button component. */
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A secondary button. */
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A small delete button used to click out of things. Usually an "X" icon.
      */
     DeleteButtonComponent?: (props: {
         onClick: () => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A header component. */
     HeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A sub-header component describes a group of inputs. */
     SubHeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A label component. */
     LabelComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A text component. */
     TextComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A card component used as a dismissable container of pivot information. */
     CardComponent?: (props: {
         children: ReactNode;
         onClick?: () => void;
         onDelete?: () => void;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A modal component.
      */
@@ -2389,7 +2389,7 @@ interface ChartEditorProps {
         children: ReactNode;
         width?: number | undefined;
         height?: number | undefined;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A popover component. */
     PopoverComponent?: (props: {
         isOpen: boolean;
@@ -2397,7 +2397,7 @@ interface ChartEditorProps {
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** A table component. */
     TableComponent?: (props: {
         rows: {
@@ -2408,47 +2408,47 @@ interface ChartEditorProps {
             label: string;
         }[];
         isLoading?: boolean;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A loading component to show in the pivot modal while suggestions load.
      */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React$1.JSX.Element;
     /**
      * A container for each row of inputs for the ChartBuilder form.
      */
     ChartBuilderInputRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the ChartBuilder form.
      */
     ChartBuilderInputColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked sections of the chart builder form.
      */
     ChartBuilderFormContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for each row of inputs for the pivot form.
      */
     PivotRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the pivot form.
      */
     PivotColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A component that displays error messages.
      */
     ErrorMessageComponent?: (props: {
         errorMessage: string;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /**
      * A component that displays when the chart errors.
      */
@@ -2458,7 +2458,7 @@ interface ChartEditorProps {
         label?: string;
         onClick?: (element: any) => void;
         ButtonComponent?: React$1.ComponentType<any>;
-    }) => JSX.Element;
+    }) => React$1.JSX.Element;
     /** The default dashboard to add the item to. */
     destinationDashboard: string;
     /** The name of the current organization. */
@@ -2883,7 +2883,7 @@ interface DownloadOptions {
     usePivotRows?: boolean;
 }
 declare const useExport: (reportId?: string, { CustomDocumentComponent, maximumRowsPerPage, sectionField, }?: {
-    CustomDocumentComponent?: (props: QuillPDFProps) => JSX.Element;
+    CustomDocumentComponent?: (props: QuillPDFProps) => React.JSX.Element;
     maximumRowsPerPage?: number;
     sectionField?: string;
 }) => {
@@ -2974,8 +2974,8 @@ interface SelectColumnComponentProps {
     isSelected: boolean;
     setSelected: () => void;
     DragHandle: ({ dragIcon }: {
-        dragIcon: () => JSX.Element;
-    }) => JSX.Element;
+        dragIcon: () => React.JSX.Element;
+    }) => React.JSX.Element;
 }
 /**
  * Props for a draggable card with a grab-handle and a column name.
@@ -2984,8 +2984,8 @@ interface DraggableColumnComponentProps {
     label: string;
     onDelete: () => void;
     DragHandle: ({ dragIcon }: {
-        dragIcon: () => JSX.Element;
-    }) => JSX.Element;
+        dragIcon: () => React.JSX.Element;
+    }) => React.JSX.Element;
     deleteDisabled?: boolean;
 }
 interface FilterPopoverComponentProps {
@@ -3034,8 +3034,8 @@ interface TableComponentProps {
     isLoading?: boolean;
     hideCSVDownloadButton?: boolean;
     downloadCSV?: () => void;
-    LoadingComponent?: () => JSX.Element;
-    DownloadCSVButtonComponent?: (props: ButtonComponentProps) => JSX.Element;
+    LoadingComponent?: () => React$1.JSX.Element;
+    DownloadCSVButtonComponent?: (props: ButtonComponentProps) => React$1.JSX.Element;
     rowsPerPage?: number;
     emptyStateLabel?: string;
     onPageChange?: (page: number) => void;
@@ -3092,38 +3092,38 @@ interface AddColumnsProps {
         setIsOpen: (isOpen: boolean) => void;
         title?: string;
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         isLoading?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     DraggableColumnComponent?: (props: {
         label: string;
         onDelete: () => void;
         DragHandle: ({ dragIcon }: {
-            dragIcon: () => JSX.Element;
-        }) => JSX.Element;
+            dragIcon: () => React.JSX.Element;
+        }) => React.JSX.Element;
         deleteDisabled?: boolean;
-    }) => JSX.Element;
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    }) => React.JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     SelectColumnComponent?: (props: {
         label: string;
         isSelected: boolean;
         setSelected: () => void;
         DragHandle: ({ dragIcon }: {
-            dragIcon: () => JSX.Element;
-        }) => JSX.Element;
-    }) => JSX.Element;
+            dragIcon: () => React.JSX.Element;
+        }) => React.JSX.Element;
+    }) => React.JSX.Element;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         isLoading?: boolean;
-    }) => JSX.Element;
-    ColumnSearchEmptyState?: () => JSX.Element;
-    LoadingComponent?: () => JSX.Element;
+    }) => React.JSX.Element;
+    ColumnSearchEmptyState?: () => React.JSX.Element;
+    LoadingComponent?: () => React.JSX.Element;
     ColumnDisplay?: React.ReactNode;
     ModalTrigger?: React.ReactNode;
     Modal?: React.ReactNode;
@@ -3143,7 +3143,7 @@ interface AddFiltersProps {
         }[];
         value: string;
         onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     FilterPopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
@@ -3151,7 +3151,7 @@ interface AddFiltersProps {
         popoverChildren: React.ReactNode;
         filterLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
@@ -3159,16 +3159,16 @@ interface AddFiltersProps {
         icon?: React.ReactNode;
         isLoading?: boolean;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: React.ReactNode;
         tooltipText?: string;
-    }) => JSX.Element;
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    }) => React.JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React.JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     MultiSelectComponent?: (props: {
         label?: string;
         width: number;
@@ -3182,14 +3182,14 @@ interface AddFiltersProps {
                 value: (string | null)[];
             };
         }) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     PopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const AddFilters: ({ reportBuilder, TabsComponent, FilterPopoverComponent, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, PopoverComponent, FilterDisplay, PopoverTrigger, Popover, }: AddFiltersProps) => react_jsx_runtime.JSX.Element;
 
@@ -3205,22 +3205,22 @@ interface AddLimitProps {
         icon?: React.ReactNode;
         isLoading?: boolean;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: React.ReactNode;
         tooltipText?: string;
-    }) => JSX.Element;
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    }) => React.JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     PopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     LimitPopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
@@ -3228,7 +3228,7 @@ interface AddLimitProps {
         popoverChildren: React.ReactNode;
         limitLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const AddLimit: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, TextInputComponent, PopoverComponent, LimitPopoverComponent, LimitDisplay, PopoverTrigger, Popover, }: AddLimitProps) => react_jsx_runtime.JSX.Element;
 
@@ -3240,12 +3240,12 @@ interface AddPivotProps {
     PivotModal?: React.ReactNode;
     SubHeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     DeleteButtonComponent?: (props: {
         onClick: () => void;
-    }) => JSX.Element;
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    }) => React.JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React.JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
@@ -3253,45 +3253,45 @@ interface AddPivotProps {
         icon?: React.ReactNode;
         isLoading?: boolean;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     CardComponent?: (props: {
         children: React.ReactNode;
         onClick?: () => void;
         onDelete?: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: React.ReactNode;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     PopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     TextComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ErrorMessageComponent?: (props: {
         errorMessage: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     PivotRowContainer?: (props: {
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     PivotColumnContainer?: (props: {
         children: React.ReactNode;
-    }) => JSX.Element;
-    LoadingComponent?: () => JSX.Element;
+    }) => React.JSX.Element;
+    LoadingComponent?: () => React.JSX.Element;
     LabelComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     HeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const AddPivot: ({ reportBuilder, parentRef, theme, SubHeaderComponent, DeleteButtonComponent, SelectComponent, TextInputComponent, ButtonComponent, CardComponent, SecondaryButtonComponent, PopoverComponent, TextComponent, ErrorMessageComponent, PivotRowContainer, PivotColumnContainer, LoadingComponent, LabelComponent, HeaderComponent, PivotModal, PivotDisplay, }: AddPivotProps) => react_jsx_runtime.JSX.Element;
 
@@ -3307,22 +3307,22 @@ interface AddSortProps {
         icon?: React.ReactNode;
         isLoading?: boolean;
         tooltipText?: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: React.ReactNode;
         tooltipText?: string;
-    }) => JSX.Element;
-    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    }) => React.JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => React.JSX.Element;
     PopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     SortPopoverComponent?: (props: {
         isOpen: boolean;
         setIsOpen: (isOpen: boolean) => void;
@@ -3330,7 +3330,7 @@ interface AddSortProps {
         popoverChildren: React.ReactNode;
         sortLabel: string;
         onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const AddSort: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, SelectComponent, PopoverComponent, SortPopoverComponent, SortDisplay, PopoverTrigger, Popover, }: AddSortProps) => react_jsx_runtime.JSX.Element;
 
@@ -3370,45 +3370,45 @@ interface SaveReportProps {
         onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
         hideEmptyOption?: boolean;
         disabled?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** An input component to get text from your users. Wrap your component in a forwardRef to receive focus events from Quill */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    TextInputComponent?: ((props: TextInputComponentProps) => React.JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
     /** A button component. */
     ButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A secondary button. */
     SecondaryButtonComponent?: (props: {
         onClick: () => void;
         label: string;
         disabled?: boolean;
         icon?: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A header component. */
     HeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A sub-header component describes a group of inputs. */
     SubHeaderComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A label component. */
     LabelComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A text component. */
     TextComponent?: (props: {
         label: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A card component used as a dismissable container of pivot information. */
     CardComponent?: (props: {
         children: ReactNode;
         onClick?: () => void;
         onDelete?: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A modal component for the chart builder. */
     ModalComponent?: (props: {
         isOpen: boolean;
@@ -3417,7 +3417,7 @@ interface SaveReportProps {
         children: ReactNode;
         width?: number;
         height?: number;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A popover component. */
     PopoverComponent?: (props: {
         isOpen: boolean;
@@ -3425,7 +3425,7 @@ interface SaveReportProps {
         triggerLabel?: string;
         popoverTitle?: string;
         popoverChildren: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A table component. */
     TableComponent?: (props: {
         rows: {
@@ -3446,21 +3446,21 @@ interface SaveReportProps {
         currentPage?: number;
         disableSort?: boolean;
         hideLabels?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A small delete button used to click out of things. Usually an "X" icon. */
     DeleteButtonComponent?: (props: {
         onClick: () => void;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A loading component to show while suggestions load. */
-    LoadingComponent?: () => JSX.Element;
+    LoadingComponent?: () => React.JSX.Element;
     /** A container for each row of inputs for the ChartBuilder form. */
     ChartBuilderInputRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A container for vertically-stacked rows of inputs for the ChartBuilder form. */
     ChartBuilderInputColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A checkbox component. */
     CheckboxComponent?: (props: {
         isChecked: boolean;
@@ -3468,30 +3468,30 @@ interface SaveReportProps {
         onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
         disabled?: boolean;
         containerStyle?: CSSProperties;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A container for vertically-stacked sections of the form. */
     ChartBuilderFormContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for each row of inputs for the pivot form.
      */
     PivotRowContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A container for vertically-stacked rows of inputs for the pivot form.
      */
     PivotColumnContainer?: (props: {
         children: ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * A component that displays error messages.
      */
     ErrorMessageComponent?: (props: {
         errorMessage: string;
         containerStyle?: CSSProperties;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /** A callback function triggered when a chart element is clicked. */
     onClickChartElement?: (data: any) => void;
     /** The label for the submit button. */
@@ -3520,7 +3520,7 @@ interface ReportTableProps {
         }) => void;
         containerStyle?: CSSProperties;
         disableSort?: boolean;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const ReportTable: ({ reportBuilder, TableComponent, }: ReportTableProps) => react_jsx_runtime.JSX.Element;