@quillsql/react 2.15.2 → 2.15.4

package/dist/cjs/ReportBuilder.js

@@ -1,272 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ReportBuilder;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const UiComponents_1 = require("./components/UiComponents");
-const Context_1 = require("./Context");
-const ChartBuilder_1 = require("./ChartBuilder");
-const UiComponents_2 = require("./components/UiComponents");
-const ui_1 = require("./components/ReportBuilder/ui");
-const width_1 = require("./utils/width");
-const QuillSelect_1 = require("./components/QuillSelect");
-const QuillCard_1 = require("./components/QuillCard");
-const QuillMultiSelectWithCombo_1 = require("./components/QuillMultiSelectWithCombo");
-const constants_1 = require("./utils/constants");
-const useReportBuilder_1 = require("./hooks/useReportBuilder");
-const ColumnComponent_1 = require("./components/ReportBuilder/ColumnComponent");
-const FilterComponent_1 = require("./components/ReportBuilder/FilterComponent");
-const PivotComponent_1 = require("./components/ReportBuilder/PivotComponent");
-const LimitComponent_1 = require("./components/ReportBuilder/LimitComponent");
-const SortComponent_1 = require("./components/ReportBuilder/SortComponent");
-const SaveReport_1 = require("./components/ReportBuilder/SaveReport");
-const TableComponent_1 = require("./components/ReportBuilder/TableComponent");
-/**
- * Quill Report Builder
- *
- * Allows non-technical users to build SQL queries using either UI or AI and
- * then edit them on the fly. Once users have constructed a query they like,
- * they can click a button and add that report to their dashboard or export it
- * as a CSV.
- *
- * @example
- * ```js
- * // Usage without custom components
- * <ReportBuilder />
- * ```
- *
- * @example
- * ```js
- * // You can also pass your own components
- * <ReportBuilder
- *   initialTableName="transactions"
- *   TableComponent={MyTable}
- *   SelectComponent={MySelect}
- *   ButtonComponent={MyButton}
- *   PopoverComponent={MyPopover}
- *   TextInputComponent={MyTextInput}
- *   containerStyle={{ backgroundColor: 'white', padding: '10px' }}
- * />
- * ```
- *
- * ### Report Builder API
- * @see https://docs.quillsql.com/components/report-builder
- */
-function ReportBuilder({ initialTableName = '', onSubmitEditReport = () => void null, onSubmitCreateReport = () => void null, onSubmitSaveQuery = () => void null, onDiscardChanges = undefined, onSaveChanges = undefined, onCloseChartBuilder = undefined, destinationDashboard, destinationSection, chartBuilderTitle = undefined, organizationName = '', ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, DeleteButtonComponent = UiComponents_1.MemoizedDeleteButton, ModalComponent = UiComponents_1.MemoizedModal, TextInputComponent = UiComponents_2.QuillTextInput, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, TableComponent = UiComponents_1.QuillTableReportBuilderComponent, PopoverComponent = UiComponents_1.MemoizedPopover, TabsComponent = UiComponents_1.QuillTabs, CheckboxComponent = UiComponents_1.QuillChartBuilderCheckboxComponent, SidebarComponent = ui_1.QuillSidebar, ContainerComponent = ui_1.CustomContainer, SelectColumnComponent = ui_1.QuillSelectColumn, DraggableColumnComponent = ui_1.QuillDraggableColumn, SidebarHeadingComponent = ui_1.QuillSidebarHeading, FilterPopoverComponent = ui_1.QuillFilterPopover, SortPopoverComponent = ui_1.QuillSortPopover, LimitPopoverComponent = ui_1.QuillLimitPopover, CardComponent = QuillCard_1.QuillCard, LabelComponent = UiComponents_1.MemoizedLabel, HeaderComponent = UiComponents_1.MemoizedHeader, SubHeaderComponent = UiComponents_1.MemoizedSubHeader, TextComponent = UiComponents_1.MemoizedText, ErrorMessageComponent = UiComponents_1.QuillErrorMessageComponent, ChartBuilderInputRowContainer = UiComponents_1.QuillChartBuilderInputRowContainer, ChartBuilderInputColumnContainer = UiComponents_1.QuillChartBuilderInputColumnContainer, PivotRowContainer = UiComponents_1.QuillPivotRowContainer, PivotColumnContainer = UiComponents_1.QuillPivotColumnContainer, LoadingComponent = UiComponents_1.QuillLoadingComponent, ColumnSearchEmptyState = UiComponents_1.QuillColumnSearchEmptyState, ChartBuilderFormContainer = UiComponents_1.QuillChartBuilderFormContainer, ChartBuilderModalComponent = UiComponents_1.MemoizedModal, isAdminEnabled = false, isAIEnabled = true, containerStyle, className, pivotRecommendationsEnabled = true, reportId, hideCopySQL = true, isChartBuilderHorizontalView = true, onClickChartElement, onRequestAddVirtualTable, }) {
-    /**
-     * The state of the ReportBuilder is based off of an AST, which is a representation of a sql query
-     * ASTs for the same query can vary between database types, so we create a layer of abstraction on top of it
-     * An AST consists of these main parts:
-     * - from: the table(s) that the query is pulling data from
-     * - columns: the columns that the query is selecting
-     * - where: the conditions that the query is filtering by (filters)
-     * - groupby: the columns that the query is grouping by (these are represented by pivots)
-     * - orderby: the columns that the query is ordering by (sort)
-     * - limit: the number of rows that the query is limiting to (limit)
-     *
-     * The ReportBuilder maintains the state of these parts of the AST and assembles the AST when required
-     *
-     * User Interactions
-     * - Add Tables
-     * - Add Columns
-     * - Add Filters
-     * - Add Pivot
-     * - Add Sort
-     * - Add Limit
-     *
-     * - Two modes
-     *  - Automatic: Run Query after every change
-     *  - Manual: Run Query after user clicks "Run Query"
-     * */
-    // Notable ReportBuilder props
-    // intitialTableName: the table that the ReportBuilder will start with
-    // isAdminEnabled: whether the ReportBuilder is in admin mode
-    // isAIEnabled: whether the ReportBuilder's AI features are enabled
-    // pivotRecommendationsEnabled: whether the PivotModal's AI features are enabled
-    // reportId: a report id that the Report Builder will query from and modify
-    // onSubmitCreateReport: a callback function that will trigger when a new chart is saved
-    // onSubmitEditReport: a callback function that will trigger when a chart is edited
-    // onDiscardChanges: a callback function that will trigger when changes are discarded
-    // onCloseChartBuilder: a callback function that will trigger when the chart builder is closed
-    // hideCopySQL: hide the copy SQL button
-    // isChartBuilderHorizontalView: whether the chart builder is in horizontal view mode
-    // onClickChartElement: a callback function triggered when a chart element is clicked
-    // Contexts
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    // Refs
-    const parentRef = (0, react_1.useRef)(null);
-    const askAIContainerRef = (0, react_1.useRef)(null);
-    const [askAIInputWidth, setAskAIInputWidth] = (0, react_1.useState)(-1);
-    // UI
-    const [isCopying, setIsCopying] = (0, react_1.useState)(false);
-    const [isChartBuilderOpen, setIsChartBuilderOpen] = (0, react_1.useState)(false);
-    const [isSaveQueryModalOpen, setIsSaveQueryModalOpen] = (0, react_1.useState)(false);
-    // Main
-    const reportBuilder = (0, useReportBuilder_1.useReportBuilderInternal)({
-        reportId,
-        initialTableName,
-        destinationDashboard,
-        pivotRecommendationsEnabled,
-        onSaveChanges,
-    });
-    const { 
-    // Core state
-    columns, tables, activeQuery, tempReport, stateStack, poppedStateStack, 
-    // UI state
-    errorMessage, unresolvedReportMessage, loading, tableLoading, askAILoading, 
-    // Pivot state and handlers
-    pivot, pivotData, pivotError, 
-    // Schema and client info
-    // foreignKeyMap,
-    // AI features
-    aiPrompt, setAiPrompt, fetchAstFromPromptHelper, 
-    // Action handlers
-    clearAllState, 
-    // handleMultiStateChange,
-    // handleColumnsChange,
-    handleUndo, handleRedo, onSaveQuery, onSaveReport, } = reportBuilder;
-    const copySQLToClipboard = () => {
-        const query = pivot && pivotData ? pivotData.pivotQuery : activeQuery;
-        setIsCopying(true);
-        navigator.clipboard.writeText(query);
-        setTimeout(() => setIsCopying(false), 800);
-    };
-    (0, react_1.useEffect)(() => {
-        // Since the TextInput component takes a required numeric width parameter,
-        // we dynamically calculate the width of this component here.
-        function handleResize() {
-            (0, width_1.updateFirstChildWidth)(askAIContainerRef, setAskAIInputWidth, { gap: 12 });
-        }
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (isChartBuilderOpen === false) {
-            onCloseChartBuilder && onCloseChartBuilder();
-        }
-    }, [isChartBuilderOpen]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { backgroundColor: theme?.backgroundColor, ...containerStyle }, className: className, children: [(!isChartBuilderHorizontalView ||
-                (isChartBuilderHorizontalView && !isChartBuilderOpen)) && ((0, jsx_runtime_1.jsxs)("div", { ref: parentRef, style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    overflowY: 'auto',
-                    boxSizing: 'border-box',
-                    height: parentRef.current
-                        ? `calc(100vh - ${parentRef.current?.getBoundingClientRect().top ?? 0}px)`
-                        : '100%',
-                    overscrollBehavior: 'none',
-                    ...containerStyle,
-                }, className: className, children: [(0, jsx_runtime_1.jsxs)(SidebarComponent, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Columns" }), (0, jsx_runtime_1.jsx)(ColumnComponent_1.AddColumns, { reportBuilder: reportBuilder, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, DraggableColumnComponent: DraggableColumnComponent, TextInputComponent: TextInputComponent, SelectColumnComponent: SelectColumnComponent, SecondaryButtonComponent: SecondaryButtonComponent, ColumnSearchEmptyState: ColumnSearchEmptyState, LoadingComponent: LoadingComponent, onRequestAddVirtualTable: onRequestAddVirtualTable })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Filters" }), (0, jsx_runtime_1.jsx)(FilterComponent_1.AddFilters, { reportBuilder: reportBuilder, TabsComponent: TabsComponent, FilterPopoverComponent: FilterPopoverComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, MultiSelectComponent: MultiSelectComponent, PopoverComponent: PopoverComponent })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Pivot" }), (0, jsx_runtime_1.jsx)(PivotComponent_1.AddPivot, { reportBuilder: reportBuilder, parentRef: parentRef, SubHeaderComponent: SubHeaderComponent, DeleteButtonComponent: DeleteButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, CardComponent: CardComponent, SecondaryButtonComponent: SecondaryButtonComponent, PopoverComponent: PopoverComponent, TextComponent: TextComponent, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, LoadingComponent: LoadingComponent, LabelComponent: LabelComponent, HeaderComponent: HeaderComponent })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Sort" }), (0, jsx_runtime_1.jsx)(SortComponent_1.AddSort, { reportBuilder: reportBuilder, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, SelectComponent: SelectComponent, PopoverComponent: PopoverComponent, SortPopoverComponent: SortPopoverComponent })] }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(SidebarHeadingComponent, { label: "Limit" }), (0, jsx_runtime_1.jsx)(LimitComponent_1.AddLimit, { reportBuilder: reportBuilder, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, TextInputComponent: TextInputComponent, PopoverComponent: PopoverComponent, LimitPopoverComponent: LimitPopoverComponent })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', minHeight: '30vh' } })] }), (0, jsx_runtime_1.jsxs)(ContainerComponent, { children: [isAIEnabled && ((0, jsx_runtime_1.jsx)("form", { ref: askAIContainerRef, onSubmit: (event) => {
-                                    event.preventDefault();
-                                }, style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    gap: 12,
-                                    visibility: askAIInputWidth === -1 ? 'hidden' : 'visible',
-                                }, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextInputComponent, { id: "ask_ai_input_bar", value: aiPrompt, width: askAIInputWidth, onChange: (e) => setAiPrompt(e.target.value), placeholder: 'Ask a question...' }), (0, jsx_runtime_1.jsx)(UiComponents_1.QuillToolTip, { enabled: tables.length > 1 || aiPrompt.trim().length > 500, text: tables.length > 1
-                                                ? 'Ask AI does not support joined tables right now'
-                                                : 'Prompt must be less than 500 characters', textStyle: {
-                                                maxWidth: '250px',
-                                                whiteSpace: 'normal',
-                                            }, displayBelow: true, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { disabled: tables.length > 1 || aiPrompt.trim().length > 500, onClick: () => {
-                                                    if (tables.length <= 1) {
-                                                        fetchAstFromPromptHelper();
-                                                    }
-                                                }, isLoading: askAILoading && columns.length === 0, label: 'Ask AI' }) }), !reportId && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: 'New report', onClick: () => clearAllState(false), disabled: columns.length === 0 || loading }))] }) })), columns.length > 0 && ((0, jsx_runtime_1.jsx)(TableComponent_1.ReportTable, { reportBuilder: reportBuilder, TableComponent: TableComponent })), (0, jsx_runtime_1.jsxs)("div", { style: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    gap: '12px',
-                                    width: '100%',
-                                    marginTop: 'auto',
-                                    alignItems: 'center',
-                                }, children: [errorMessage || pivotError ? ((0, jsx_runtime_1.jsxs)("div", { style: {
-                                            display: 'flex',
-                                            flexDirection: 'row',
-                                            overflow: 'hidden',
-                                            width: '100%',
-                                            gap: 12,
-                                            alignItems: 'center',
-                                        }, children: [(0, jsx_runtime_1.jsx)(ErrorMessageComponent, { errorMessage: errorMessage || pivotError }), aiPrompt.trim().length > 500 && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => {
-                                                    fetchAstFromPromptHelper();
-                                                }, label: 'Retry' })), (0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => clearAllState(false), label: 'Reset' })] })) : ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } })), stateStack.length > 0 && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleUndo, label: "", icon: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3" }) }), disabled: stateStack.length <= 1 || loading })), stateStack.length > 0 && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: handleRedo, label: "", icon: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "size-6", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" }) }), disabled: poppedStateStack.length < 1 || loading })), columns.length > 0 && activeQuery && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [onDiscardChanges && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: onDiscardChanges, label: "Discard changes" })), !hideCopySQL && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { label: isCopying ? 'Copied' : 'Copy SQL', onClick: () => copySQLToClipboard() })), !isAdminEnabled || reportId ? null : ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: async () => {
-                                                    onSaveQuery();
-                                                    setIsSaveQueryModalOpen(true);
-                                                }, disabled: !!errorMessage ||
-                                                    !!pivotError ||
-                                                    tableLoading ||
-                                                    loading ||
-                                                    !!unresolvedReportMessage, label: 'Save query', tooltipText: unresolvedReportMessage })), (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: async () => {
-                                                    onSaveReport();
-                                                    setIsChartBuilderOpen(true);
-                                                }, disabled: !!errorMessage ||
-                                                    !!pivotError ||
-                                                    tableLoading ||
-                                                    loading ||
-                                                    !!unresolvedReportMessage, label: reportId ? 'Save changes' : 'Add to dashboard', tooltipText: unresolvedReportMessage })] }))] })] }), (0, jsx_runtime_1.jsx)("style", { children: `body{margin:0;}` })] })), (!isChartBuilderHorizontalView || isChartBuilderOpen) && ((0, jsx_runtime_1.jsx)(SaveReport_1.SaveReport
-            // The reason this isn't just using the default trigger and
-            // directly replacing the Add To Dashboard button above is because
-            // that button is in a div with overflow: hidden
-            , { 
-                // The reason this isn't just using the default trigger and
-                // directly replacing the Add To Dashboard button above is because
-                // that button is in a div with overflow: hidden
-                SaveTrigger: null, reportBuilder: reportBuilder, isOpen: isChartBuilderOpen, setIsOpen: setIsChartBuilderOpen, isAdminEnabled: isAdminEnabled, chartBuilderTitle: chartBuilderTitle, onSubmitEditReport: onSubmitEditReport, onSubmitCreateReport: onSubmitCreateReport, destinationSection: destinationSection, ModalComponent: ChartBuilderModalComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, ButtonComponent: ButtonComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, CardComponent: CardComponent, PopoverComponent: PopoverComponent, TableComponent: TableComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, CheckboxComponent: CheckboxComponent, ChartBuilderFormContainer: ChartBuilderFormContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, onClickChartElement: onClickChartElement })
-            // <ChartBuilderWithModal
-            //   tempReport={tempReport}
-            //   reportId={reportId}
-            //   isAdmin={isAdminEnabled}
-            //   title={
-            //     chartBuilderTitle
-            //       ? chartBuilderTitle
-            //       : reportId
-            //         ? 'Save changes'
-            //         : 'Add to dashboard'
-            //   }
-            //   isHorizontalView={true}
-            //   isOpen={isChartBuilderOpen}
-            //   setIsOpen={setIsChartBuilderOpen}
-            //   onAddToDashboardComplete={
-            //     reportId ? onSubmitEditReport : onSubmitCreateReport
-            //   }
-            //   destinationDashboard={destinationDashboard}
-            //   destinationSection={destinationSection}
-            //   organizationName={organizationName}
-            //   initialUniqueValues={columnUniqueValues}
-            //   initialUniqueValuesIsLoading={
-            //     filteredUniqueValuesIsLoading || unfilteredUniqueValuesIsLoading
-            //   }
-            //   pivotRecommendationsEnabled={pivotRecommendationsEnabled}
-            //   SelectComponent={SelectComponent}
-            //   TextInputComponent={TextInputComponent}
-            //   ButtonComponent={ButtonComponent}
-            //   SecondaryButtonComponent={SecondaryButtonComponent}
-            //   HeaderComponent={HeaderComponent}
-            //   SubHeaderComponent={SubHeaderComponent}
-            //   LabelComponent={LabelComponent}
-            //   TextComponent={TextComponent}
-            //   CardComponent={CardComponent}
-            //   ModalComponent={ChartBuilderModalComponent}
-            //   PopoverComponent={PopoverComponent}
-            //   TableComponent={TableComponent}
-            //   DeleteButtonComponent={DeleteButtonComponent}
-            //   LoadingComponent={LoadingComponent}
-            //   ChartBuilderInputRowContainer={ChartBuilderInputRowContainer}
-            //   ChartBuilderInputColumnContainer={ChartBuilderInputColumnContainer}
-            //   CheckboxComponent={CheckboxComponent}
-            //   FormContainer={ChartBuilderFormContainer}
-            //   hideDateRangeFilter={true}
-            //   hideDeleteButton={true}
-            //   buttonLabel={!!reportId ? 'Save changes' : 'Add to dashboard'}
-            //   onClickChartElement={onClickChartElement}
-            //   filtersEnabled={filtersEnabled}
-            //   onFiltersEnabledChanged={(enabled: boolean) => {
-            //     setFiltersEnabled(enabled);
-            //   }}
-            //   isEditingMode={true}
-            //   runQueryOnMount={filtersEnabled}
-            // />
-            ), isSaveQueryModalOpen && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.ChartBuilderWithModal, { isHorizontalView: false, hideTableView: true, hideChartView: true, hidePivotForm: true, hideChartType: true, isOpen: isSaveQueryModalOpen, setIsOpen: setIsSaveQueryModalOpen, onAddToDashboardComplete: onSubmitSaveQuery, destinationDashboard: constants_1.SAVED_QUERIES_DASHBOARD, destinationSection: destinationSection, isAdmin: false, title: 'Save query', buttonLabel: 'Save query', tempReport: tempReport, reportId: reportId, organizationName: organizationName, CardComponent: CardComponent, TableComponent: TableComponent, ModalComponent: ModalComponent, ButtonComponent: ButtonComponent, TextInputComponent: TextInputComponent, SelectComponent: SelectComponent, SecondaryButtonComponent: SecondaryButtonComponent, HeaderComponent: HeaderComponent, SubHeaderComponent: SubHeaderComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, PopoverComponent: PopoverComponent, DeleteButtonComponent: DeleteButtonComponent, LoadingComponent: LoadingComponent, ChartBuilderInputRowContainer: ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer: ChartBuilderInputColumnContainer, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, FormContainer: ChartBuilderFormContainer, CheckboxComponent: CheckboxComponent, hideDateRangeFilter: true, hideDeleteButton: true, hideDiscardChanges: true, hideSQLQuery: false, onClickChartElement: onClickChartElement, isEditingMode: true }))] }));
-}

package/dist/cjs/SQLEditor.d.ts

@@ -1,302 +0,0 @@
-import React, { ReactNode } from 'react';
-import { TextInputComponentProps } from './components/UiComponents';
-import { QuillReport } from './models/Report';
-/**
- * Props for the Quill SQLEditor component.
- */
-export interface SQLEditorProps {
-    /**
-     * A primary button component.
-     */
-    ButtonComponent?: (props: {
-        onClick: () => void;
-        label: string;
-        disabled?: boolean;
-        icon?: ReactNode;
-        tooltipText?: string;
-        isLoading?: boolean;
-    }) => JSX.Element;
-    /**
-     * A secondary button component.
-     */
-    SecondaryButtonComponent?: (props: {
-        onClick: () => void;
-        label: string;
-        disabled?: boolean;
-        icon?: ReactNode;
-    }) => JSX.Element;
-    /** A small delete button used to click out of things. Usually an "X" icon. */
-    DeleteButtonComponent?: (props: {
-        onClick: () => void;
-    }) => JSX.Element;
-    /**
-     * A input element for getting text from the user.
-     */
-    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
-    /** A select component. */
-    SelectComponent?: (props: {
-        value: string | null | undefined;
-        label?: string;
-        options: {
-            value: string;
-            label: string;
-        }[];
-        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-        width: number;
-    }) => JSX.Element;
-    /**
-     * A table component to show the results of the SQL query.
-     */
-    TableComponent?: (props: {
-        rows: {
-            [key: string]: any;
-        }[];
-        columns: {
-            field: string;
-            label: string;
-        }[];
-        isLoading?: boolean;
-        rowCount?: number;
-        rowsPerPage?: number;
-        rowCountIsLoading?: boolean;
-        onPageChange?: (page: number) => void;
-        onSortChange?: (sort: {
-            field: string;
-            direction: string;
-        }) => void;
-        containerStyle?: React.CSSProperties;
-        currentPage?: number;
-        setCurrentPage?: (page: number) => void;
-    }) => JSX.Element;
-    /**
-     * A component to show while the query results are loading.
-     */
-    LoadingComponent?: () => JSX.Element;
-    /** A card component used as a dismissable container of pivot information. */
-    CardComponent?: (props: {
-        children: ReactNode;
-        onClick?: () => void;
-        onDelete?: () => void;
-    }) => JSX.Element;
-    /**
-     * A modal component to use to open the add to dashboard dialog.
-     */
-    ModalComponent?: (props: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-        title?: string;
-        children: ReactNode;
-        width?: number;
-        height?: number;
-    }) => JSX.Element;
-    /** A popover component. */
-    PopoverComponent?: (props: {
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-        triggerLabel?: string;
-        popoverTitle?: string;
-        popoverChildren: ReactNode;
-    }) => JSX.Element;
-    /** A checkbox component. */
-    CheckboxComponent?: (props: {
-        isChecked: boolean;
-        label: string;
-        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    }) => JSX.Element;
-    /** A label component. */
-    LabelComponent?: (props: {
-        label: string;
-    }) => JSX.Element;
-    /** A header component. */
-    HeaderComponent?: (props: {
-        label: string;
-    }) => JSX.Element;
-    /** A sub-header component describes a group of inputs. */
-    SubHeaderComponent?: (props: {
-        label: string;
-    }) => JSX.Element;
-    /** A simple text component. */
-    TextComponent?: (props: {
-        label: string;
-    }) => JSX.Element;
-    /**
-     * A container for each row of inputs for the ChartBuilder form.
-     */
-    ChartBuilderInputRowContainer?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * A container for vertically-stacked rows of inputs for the ChartBuilder form.
-     */
-    ChartBuilderInputColumnContainer?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * A container for each row of inputs for the pivot form.
-     */
-    PivotRowContainer?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * A container for vertically-stacked rows of inputs for the pivot form.
-     */
-    PivotColumnContainer?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * A container for vertically-stacked sections of the chart builder form.
-     */
-    ChartBuilderFormContainer?: (props: {
-        children: ReactNode;
-    }) => JSX.Element;
-    /**
-     * A component that displays error messages.
-     */
-    ErrorMessageComponent?: (props: {
-        errorMessage: string;
-    }) => JSX.Element;
-    /**
-     * A callback that is fired when the query changes.
-     */
-    onChangeQuery?: (query: string) => void;
-    /**
-     * A callback that is fired when the data changes.
-     */
-    onChangeData?: (data: object[]) => void;
-    /**
-     * A callback that is fired when the data fields change.
-     */
-    onChangeFields?: (fields: object[]) => void;
-    /**
-     * A callback that is fired when the data columns change.
-     */
-    onChangeColumns?: (columns: object[]) => void;
-    /** A callback function triggered when changes are discarded. */
-    onDiscardChanges?: () => void;
-    /** A callback function triggered when changes are saved. */
-    onSaveChanges?: () => void;
-    /** A callback function triggered when the chart builder is closed. */
-    onCloseChartBuilder?: () => void;
-    /**
-     * A callback that is fired when a report has been added to a dashboard.
-     */
-    onAddToDashboardComplete?: (report: QuillReport) => void;
-    onSaveQueryComplete?: (report: QuillReport) => void;
-    /** A callback function triggered when a chart element is clicked */
-    onClickChartElement?: (event: any) => void;
-    /** A callback function triggered when a user wants to add a virtual table */
-    onRequestAddVirtualTable?: () => void;
-    /**
-     * Whether the chart builder is in horizontal view mode.
-     *
-     * Horizontal view mode is where the chart and table are displayed on the left
-     * and the editing form is displayed on the right, rather than being stacked
-     * vertically.
-     */
-    isChartBuilderHorizontalView?: boolean;
-    /**
-     * Whether SQL queries will be able to open a report creation flow.
-     */
-    isChartBuilderEnabled?: boolean;
-    /**
-     * Whether the "new query" button is enabled.
-     */
-    isNewQueryEnabled?: boolean;
-    /**
-     * Whether the user is an admin.
-     */
-    isAdminEnabled?: boolean;
-    /**
-     * Whether to show table format options.
-     */
-    showTableFormatOptions?: boolean;
-    /**
-     * Whether to show date field options.
-     */
-    showDateFieldOptions?: boolean;
-    /**
-     * Whether to show access control options.
-     */
-    showAccessControlOptions?: boolean;
-    /**
-     * A dashboard item.
-     */
-    report?: QuillReport;
-    /**
-     * The default query to use as a placeholder.
-     */
-    defaultQuery?: string;
-    /**
-     * The default dashboard to add the query to.
-     */
-    destinationDashboard: string;
-    /**
-     * The title of the ChartBuilder dialog.
-     */
-    chartBuilderTitle?: string;
-    /**
-     * Whether to automatically run the query when the component mounts.
-     */
-    runQueryOnMount?: boolean;
-    /**
-     * The label of the button to add the current query to a dashboard.
-     *
-     * @default "Add to dashboard"
-     */
-    addToDashboardButtonLabel?: string;
-    /**
-     * The name of the current organization.
-     */
-    organizationName?: string;
-    /**
-     * Styles the top-level container of the SQLEditor.
-     *
-     * This can be useful for TailwindCSS-style classname strings.
-     */
-    className?: string;
-    /**
-     * Styles the top-level container of the SQLEditor.
-     */
-    containerStyle?: React.CSSProperties;
-}
-/**
- * ### Quill SQLEditor
- *
- * Allows your users to build and write custom SQL queries and then add those
- * queries into their dashboard as a metric, chart, or table.
- *
- * @example
- * ```js
- * // Usage without custom components
- * <SQLEditor />
- * ```
- *
- * @example
- * ```js
- * // You can also pass your own components and default values.
- * <SQLEditor
- *   defaultQuery="SELECT SUM(amount) FROM TRANSACTIONS"
- *   ButtonComponen={MyButton}
- *   SecondaryButtonComponen={MySecondaryButton}
- * />
- * ```
- *
- * ### SQLEditor API
- * @see https://docs.quillsql.com/components/sql-editor
- */
-export default 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): import("react/jsx-runtime").JSX.Element;
-export declare const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, onClick, style, onRequestAddVirtualTable, ButtonComponent, }: {
-    schema: any;
-    theme: any;
-    loading: boolean;
-    LoadingComponent?: any;
-    width?: any;
-    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    style?: React.CSSProperties;
-    onRequestAddVirtualTable?: () => void;
-    ButtonComponent?: (props: {
-        onClick: () => void;
-        label: string;
-    }) => JSX.Element;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SQLEditor.d.ts.map

package/dist/cjs/SQLEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SQLEditor.d.ts","sourceRoot":"","sources":["../../src/SQLEditor.tsx"],"names":[],"mappings":"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"}