@quillsql/react 2.16.0 → 2.16.1

package/dist/index.d.cts

@@ -1751,8 +1751,13 @@ interface SQLEditorProps {
     onCloseChartBuilder?: () => void;
     /**
      * A callback that is fired when a report has been added to a dashboard.
+     * @deprecated Use onSubmitCreateReport and onSubmitEditReport instead
      */
     onAddToDashboardComplete?: (report: QuillReport) => void;
+    /** A callback function that will trigger when a new chart is saved */
+    onSubmitCreateReport?: (report: QuillReport) => void;
+    /** A callback function that will trigger when a chart is edited */
+    onSubmitEditReport?: (report: QuillReport) => void;
     onSaveQueryComplete?: (report: QuillReport) => void;
     /** A callback function triggered when a chart element is clicked */
     onClickChartElement?: (event: any) => void;
@@ -1779,9 +1784,14 @@ interface SQLEditorProps {
      */
     isAdminEnabled?: boolean;
     /**
-     * Whether to show table format options.
+     * Options for the chart builder modal.
      */
-    showTableFormatOptions?: boolean;
+    chartBuilderOptions?: {
+        /** Whether to show table format options. */
+        showTableFormatOptions?: boolean;
+        /** Whether to show dashboard filter fields. */
+        showDashboardFilterFields?: boolean;
+    };
     /**
      * Whether to show date field options.
      */
@@ -1794,6 +1804,10 @@ interface SQLEditorProps {
      * A dashboard item.
      */
     report?: QuillReport;
+    /**
+     * A report id that the SQL Editor will query from and modify.
+     */
+    reportId?: string;
     /**
      * The default query to use as a placeholder.
      */
@@ -1802,6 +1816,10 @@ interface SQLEditorProps {
      * The default dashboard to add the query to.
      */
     destinationDashboard: string;
+    /**
+     * The section of the dashboard to add items to.
+     */
+    destinationSection?: string;
     /**
      * The title of the ChartBuilder dialog.
      */
@@ -1856,7 +1874,7 @@ interface SQLEditorProps {
  * ### SQLEditor API
  * @see https://docs.quillsql.com/components/sql-editor
  */
-declare function SQLEditor({ ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, TextInputComponent, SelectComponent, TableComponent, isNewQueryEnabled, LoadingComponent, ModalComponent, PopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ChartBuilderFormContainer, CheckboxComponent, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled, isAdminEnabled, chartBuilderTitle, runQueryOnMount, onAddToDashboardComplete, onSaveQueryComplete, addToDashboardButtonLabel, report, organizationName, isChartBuilderHorizontalView, containerStyle, className, onClickChartElement, onRequestAddVirtualTable, }: SQLEditorProps): react_jsx_runtime.JSX.Element;
+declare function SQLEditor({ ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, TextInputComponent, SelectComponent, TableComponent, isNewQueryEnabled, LoadingComponent, ModalComponent, PopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ChartBuilderFormContainer, CheckboxComponent, defaultQuery, destinationDashboard, destinationSection, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled, isAdminEnabled, chartBuilderOptions, chartBuilderTitle, runQueryOnMount, onAddToDashboardComplete, onSubmitCreateReport, onSubmitEditReport, onSaveQueryComplete, addToDashboardButtonLabel, report, reportId, organizationName, isChartBuilderHorizontalView, containerStyle, className, onClickChartElement, onRequestAddVirtualTable, }: SQLEditorProps): react_jsx_runtime.JSX.Element;
 declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, onClick, style, onRequestAddVirtualTable, ButtonComponent, }: {
     schema: any;
     theme: any;
@@ -2126,6 +2144,15 @@ interface ReportBuilderProps {
     isAIEnabled?: boolean;
     /** Whether the PivotModal's AI features are enabled. */
     pivotRecommendationsEnabled?: boolean;
+    /**
+     * Options for the chart builder modal.
+     */
+    chartBuilderOptions?: {
+        /** Whether to show table format options. */
+        showTableFormatOptions?: boolean;
+        /** Whether to show dashboard filter fields. */
+        showDashboardFilterFields?: boolean;
+    };
     /**
      * Applies the following classes to the ReportBuilder.
      *
@@ -2195,7 +2222,7 @@ interface ReportBuilderProps {
  * ### Report Builder API
  * @see https://docs.quillsql.com/components/report-builder
  */
-declare function ReportBuilder$1({ initialTableName, onSubmitEditReport, onSubmitCreateReport, onSubmitSaveQuery, onDiscardChanges, onSaveChanges, onCloseChartBuilder, destinationDashboard, destinationSection, chartBuilderTitle, organizationName, ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, ModalComponent, TextInputComponent, SelectComponent, MultiSelectComponent, TableComponent, PopoverComponent, TabsComponent, CheckboxComponent, SidebarComponent, ContainerComponent, SelectColumnComponent, DraggableColumnComponent, SidebarHeadingComponent, FilterPopoverComponent, SortPopoverComponent, LimitPopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, LoadingComponent, ColumnSearchEmptyState, ChartBuilderFormContainer, ChartBuilderModalComponent, isAdminEnabled, isAIEnabled, containerStyle, className, pivotRecommendationsEnabled, reportId, hideCopySQL, isChartBuilderHorizontalView, onClickChartElement, onRequestAddVirtualTable, submitButtonLabel, }: ReportBuilderProps): react_jsx_runtime.JSX.Element;
+declare function ReportBuilder$1({ initialTableName, onSubmitEditReport, onSubmitCreateReport, onSubmitSaveQuery, onDiscardChanges, onSaveChanges, onCloseChartBuilder, destinationDashboard, destinationSection, chartBuilderTitle, organizationName, ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, ModalComponent, TextInputComponent, SelectComponent, MultiSelectComponent, TableComponent, PopoverComponent, TabsComponent, CheckboxComponent, SidebarComponent, ContainerComponent, SelectColumnComponent, DraggableColumnComponent, SidebarHeadingComponent, FilterPopoverComponent, SortPopoverComponent, LimitPopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, LoadingComponent, ColumnSearchEmptyState, ChartBuilderFormContainer, ChartBuilderModalComponent, isAdminEnabled, isAIEnabled, containerStyle, className, pivotRecommendationsEnabled, chartBuilderOptions, reportId, hideCopySQL, isChartBuilderHorizontalView, onClickChartElement, onRequestAddVirtualTable, submitButtonLabel, }: ReportBuilderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Quill ChartEditor component.
@@ -3260,6 +3287,10 @@ interface SaveReportProps {
     onSubmitCreateReport?: (report: QuillReport) => void;
     /** The destination section for the report. */
     destinationSection?: string;
+    /** Whether to show table format options. */
+    showTableFormatOptions?: boolean;
+    /** Whether to show dashboard filter fields. */
+    showDashboardFilterFields?: boolean;
     /** A select component. */
     SelectComponent?: (props: {
         value: string | number | undefined | null;
@@ -3399,7 +3430,7 @@ interface SaveReportProps {
     /** The label for the submit button. */
     submitButtonLabel?: string;
 }
-declare const SaveReport: ({ reportBuilder, isOpen, setIsOpen, isAdminEnabled, chartBuilderTitle, onSubmitEditReport, onSubmitCreateReport, destinationSection, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, CardComponent, ModalComponent, PopoverComponent, TableComponent, DeleteButtonComponent, LoadingComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, CheckboxComponent, ChartBuilderFormContainer, onClickChartElement, SaveTrigger, submitButtonLabel, }: SaveReportProps) => react_jsx_runtime.JSX.Element;
+declare const SaveReport: ({ reportBuilder, isOpen, setIsOpen, isAdminEnabled, chartBuilderTitle, onSubmitEditReport, onSubmitCreateReport, destinationSection, showTableFormatOptions, showDashboardFilterFields, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, CardComponent, ModalComponent, PopoverComponent, TableComponent, DeleteButtonComponent, LoadingComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, CheckboxComponent, ChartBuilderFormContainer, onClickChartElement, SaveTrigger, submitButtonLabel, }: SaveReportProps) => react_jsx_runtime.JSX.Element;
 
 interface ReportTableProps {
     reportBuilder: ReportBuilder;

package/dist/index.d.ts

@@ -1751,8 +1751,13 @@ interface SQLEditorProps {
     onCloseChartBuilder?: () => void;
     /**
      * A callback that is fired when a report has been added to a dashboard.
+     * @deprecated Use onSubmitCreateReport and onSubmitEditReport instead
      */
     onAddToDashboardComplete?: (report: QuillReport) => void;
+    /** A callback function that will trigger when a new chart is saved */
+    onSubmitCreateReport?: (report: QuillReport) => void;
+    /** A callback function that will trigger when a chart is edited */
+    onSubmitEditReport?: (report: QuillReport) => void;
     onSaveQueryComplete?: (report: QuillReport) => void;
     /** A callback function triggered when a chart element is clicked */
     onClickChartElement?: (event: any) => void;
@@ -1779,9 +1784,14 @@ interface SQLEditorProps {
      */
     isAdminEnabled?: boolean;
     /**
-     * Whether to show table format options.
+     * Options for the chart builder modal.
      */
-    showTableFormatOptions?: boolean;
+    chartBuilderOptions?: {
+        /** Whether to show table format options. */
+        showTableFormatOptions?: boolean;
+        /** Whether to show dashboard filter fields. */
+        showDashboardFilterFields?: boolean;
+    };
     /**
      * Whether to show date field options.
      */
@@ -1794,6 +1804,10 @@ interface SQLEditorProps {
      * A dashboard item.
      */
     report?: QuillReport;
+    /**
+     * A report id that the SQL Editor will query from and modify.
+     */
+    reportId?: string;
     /**
      * The default query to use as a placeholder.
      */
@@ -1802,6 +1816,10 @@ interface SQLEditorProps {
      * The default dashboard to add the query to.
      */
     destinationDashboard: string;
+    /**
+     * The section of the dashboard to add items to.
+     */
+    destinationSection?: string;
     /**
      * The title of the ChartBuilder dialog.
      */
@@ -1856,7 +1874,7 @@ interface SQLEditorProps {
  * ### SQLEditor API
  * @see https://docs.quillsql.com/components/sql-editor
  */
-declare function SQLEditor({ ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, TextInputComponent, SelectComponent, TableComponent, isNewQueryEnabled, LoadingComponent, ModalComponent, PopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ChartBuilderFormContainer, CheckboxComponent, defaultQuery, destinationDashboard, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled, isAdminEnabled, chartBuilderTitle, runQueryOnMount, onAddToDashboardComplete, onSaveQueryComplete, addToDashboardButtonLabel, report, organizationName, isChartBuilderHorizontalView, containerStyle, className, onClickChartElement, onRequestAddVirtualTable, }: SQLEditorProps): react_jsx_runtime.JSX.Element;
+declare function SQLEditor({ ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, TextInputComponent, SelectComponent, TableComponent, isNewQueryEnabled, LoadingComponent, ModalComponent, PopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ChartBuilderFormContainer, CheckboxComponent, defaultQuery, destinationDashboard, destinationSection, onChangeQuery, onChangeData, onChangeColumns, onChangeFields, onDiscardChanges, onSaveChanges, onCloseChartBuilder, isChartBuilderEnabled, isAdminEnabled, chartBuilderOptions, chartBuilderTitle, runQueryOnMount, onAddToDashboardComplete, onSubmitCreateReport, onSubmitEditReport, onSaveQueryComplete, addToDashboardButtonLabel, report, reportId, organizationName, isChartBuilderHorizontalView, containerStyle, className, onClickChartElement, onRequestAddVirtualTable, }: SQLEditorProps): react_jsx_runtime.JSX.Element;
 declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, onClick, style, onRequestAddVirtualTable, ButtonComponent, }: {
     schema: any;
     theme: any;
@@ -2126,6 +2144,15 @@ interface ReportBuilderProps {
     isAIEnabled?: boolean;
     /** Whether the PivotModal's AI features are enabled. */
     pivotRecommendationsEnabled?: boolean;
+    /**
+     * Options for the chart builder modal.
+     */
+    chartBuilderOptions?: {
+        /** Whether to show table format options. */
+        showTableFormatOptions?: boolean;
+        /** Whether to show dashboard filter fields. */
+        showDashboardFilterFields?: boolean;
+    };
     /**
      * Applies the following classes to the ReportBuilder.
      *
@@ -2195,7 +2222,7 @@ interface ReportBuilderProps {
  * ### Report Builder API
  * @see https://docs.quillsql.com/components/report-builder
  */
-declare function ReportBuilder$1({ initialTableName, onSubmitEditReport, onSubmitCreateReport, onSubmitSaveQuery, onDiscardChanges, onSaveChanges, onCloseChartBuilder, destinationDashboard, destinationSection, chartBuilderTitle, organizationName, ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, ModalComponent, TextInputComponent, SelectComponent, MultiSelectComponent, TableComponent, PopoverComponent, TabsComponent, CheckboxComponent, SidebarComponent, ContainerComponent, SelectColumnComponent, DraggableColumnComponent, SidebarHeadingComponent, FilterPopoverComponent, SortPopoverComponent, LimitPopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, LoadingComponent, ColumnSearchEmptyState, ChartBuilderFormContainer, ChartBuilderModalComponent, isAdminEnabled, isAIEnabled, containerStyle, className, pivotRecommendationsEnabled, reportId, hideCopySQL, isChartBuilderHorizontalView, onClickChartElement, onRequestAddVirtualTable, submitButtonLabel, }: ReportBuilderProps): react_jsx_runtime.JSX.Element;
+declare function ReportBuilder$1({ initialTableName, onSubmitEditReport, onSubmitCreateReport, onSubmitSaveQuery, onDiscardChanges, onSaveChanges, onCloseChartBuilder, destinationDashboard, destinationSection, chartBuilderTitle, organizationName, ButtonComponent, SecondaryButtonComponent, DeleteButtonComponent, ModalComponent, TextInputComponent, SelectComponent, MultiSelectComponent, TableComponent, PopoverComponent, TabsComponent, CheckboxComponent, SidebarComponent, ContainerComponent, SelectColumnComponent, DraggableColumnComponent, SidebarHeadingComponent, FilterPopoverComponent, SortPopoverComponent, LimitPopoverComponent, CardComponent, LabelComponent, HeaderComponent, SubHeaderComponent, TextComponent, ErrorMessageComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, LoadingComponent, ColumnSearchEmptyState, ChartBuilderFormContainer, ChartBuilderModalComponent, isAdminEnabled, isAIEnabled, containerStyle, className, pivotRecommendationsEnabled, chartBuilderOptions, reportId, hideCopySQL, isChartBuilderHorizontalView, onClickChartElement, onRequestAddVirtualTable, submitButtonLabel, }: ReportBuilderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Quill ChartEditor component.
@@ -3260,6 +3287,10 @@ interface SaveReportProps {
     onSubmitCreateReport?: (report: QuillReport) => void;
     /** The destination section for the report. */
     destinationSection?: string;
+    /** Whether to show table format options. */
+    showTableFormatOptions?: boolean;
+    /** Whether to show dashboard filter fields. */
+    showDashboardFilterFields?: boolean;
     /** A select component. */
     SelectComponent?: (props: {
         value: string | number | undefined | null;
@@ -3399,7 +3430,7 @@ interface SaveReportProps {
     /** The label for the submit button. */
     submitButtonLabel?: string;
 }
-declare const SaveReport: ({ reportBuilder, isOpen, setIsOpen, isAdminEnabled, chartBuilderTitle, onSubmitEditReport, onSubmitCreateReport, destinationSection, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, CardComponent, ModalComponent, PopoverComponent, TableComponent, DeleteButtonComponent, LoadingComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, CheckboxComponent, ChartBuilderFormContainer, onClickChartElement, SaveTrigger, submitButtonLabel, }: SaveReportProps) => react_jsx_runtime.JSX.Element;
+declare const SaveReport: ({ reportBuilder, isOpen, setIsOpen, isAdminEnabled, chartBuilderTitle, onSubmitEditReport, onSubmitCreateReport, destinationSection, showTableFormatOptions, showDashboardFilterFields, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, CardComponent, ModalComponent, PopoverComponent, TableComponent, DeleteButtonComponent, LoadingComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, CheckboxComponent, ChartBuilderFormContainer, onClickChartElement, SaveTrigger, submitButtonLabel, }: SaveReportProps) => react_jsx_runtime.JSX.Element;
 
 interface ReportTableProps {
     reportBuilder: ReportBuilder;