@quillsql/react 2.15.3 → 2.15.4

package/dist/index.d.cts

@@ -0,0 +1,3367 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { ReactNode, ChangeEvent, CSSProperties } from 'react';
+
+interface Option {
+    value: string;
+    label: string;
+}
+interface PopoverComponentProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    triggerLabel?: string;
+    popoverTitle?: string;
+    popoverChildren: ReactNode;
+    disabled?: boolean;
+    containerStyle?: any;
+    ignoredRefs?: React$1.RefObject<any>[];
+    horizontalPadding?: number;
+    titlePaddingLeft?: number;
+}
+interface ButtonComponentProps {
+    onClick: () => void;
+    label: string;
+    isLoading?: boolean | undefined;
+    primary?: boolean;
+    width?: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    tooltipText?: string;
+}
+interface DeleteButtonComponentProps {
+    onClick: () => void;
+}
+/**
+ * An input element used to accept data from the user.
+ */
+interface TextInputComponentProps {
+    id: string;
+    width: number;
+    value: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+}
+interface ModalComponentProps {
+    children: ReactNode;
+    isOpen: boolean;
+    onClose?: () => void;
+    triggerLabel?: string;
+    title?: string;
+    setIsOpen: (isOpen: boolean) => void;
+    theme?: any;
+    style?: any;
+}
+interface HeaderProps {
+    label: string;
+}
+interface SidebarComponentProps {
+    children: ReactNode;
+}
+interface ContainerComponentProps {
+    children: ReactNode;
+}
+interface SelectComponentProps {
+    value: string | null | undefined;
+    label?: string;
+    width: number;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
+    isLoading?: boolean;
+    hideEmptyOption?: boolean;
+    disabled?: boolean;
+}
+interface MultiSelectComponentProps {
+    label?: string;
+    width: number;
+    value: (string | null)[];
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (event: React$1.ChangeEvent<HTMLSelectElement> | {
+        target: {
+            value: (string | null)[];
+        };
+    }) => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    emptyLabel?: string;
+}
+interface HeaderComponentProps {
+    label: string;
+}
+interface LabelComponentProps {
+    label: string;
+}
+interface CheckboxComponentProps {
+    isChecked: boolean;
+    label: string;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    containerStyle?: CSSProperties;
+    disabled?: boolean;
+}
+interface TabsComponentProps {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    value: string;
+    onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
+}
+interface TextComponentProps {
+    label: string;
+}
+
+interface QuillCustomRelativeInterval {
+    type: 'relative';
+    value: number;
+    unit: 'days' | 'weeks' | 'months' | 'years';
+    label?: string;
+}
+interface QuillCustomStaticInterval {
+    type: 'static';
+    label?: string;
+    startDate: {
+        day: number;
+        month: number;
+    };
+    endDate: {
+        day: number;
+        month: number;
+    };
+    repeatBetween?: {
+        startDate: Date;
+        endDate?: Date;
+    };
+}
+interface QuillCustomRepeatingInterval {
+    type: 'repeating';
+    label: string;
+    loopDate: {
+        day: number;
+        month: number;
+    };
+    subIntervals: QuillCustomStaticInterval[];
+    loopStart?: Date;
+    loopEnd?: Date;
+}
+interface QuillWeekInterval {
+    type: 'week';
+    label?: string;
+}
+type QuillCustomInterval = QuillCustomRepeatingInterval | QuillCustomStaticInterval | QuillCustomRelativeInterval | QuillWeekInterval;
+
+type DateRangePickerOption = {
+    value: string;
+    text: string;
+    startDate?: Date;
+    endDate?: Date;
+    dayInterval?: number;
+};
+/**
+ * A simple date range that spans from start to end.
+ */
+type QuillDateRange = {
+    startDate: Date;
+    endDate: Date;
+};
+/**
+ * A helpful map between comparison range keys and a function that takes the
+ * start date of the primary range (which is also the end date for our
+ * comparison range) and returns a QuillDateRange based on that key and date.
+ */
+declare const COMPARISON_RANGE: {
+    readonly PREV_PERIOD: ({ startDate, endDate }: QuillDateRange) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    readonly PREV_7_DAYS: ({ startDate }: QuillDateRange) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    readonly PREV_30_DAYS: ({ startDate }: QuillDateRange) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    readonly PREV_90_DAYS: ({ startDate }: QuillDateRange) => {
+        startDate: Date;
+        endDate: Date;
+    };
+    readonly NO_COMPARISON: () => null;
+};
+type ComparisonRangeKey = keyof typeof COMPARISON_RANGE;
+
+declare enum StringOperator {
+    IsExactly = "is exactly",
+    IsNotExactly = "is not exactly",
+    Contains = "contains",
+    Is = "is",
+    IsNot = "is not"
+}
+declare enum DateOperator {
+    Custom = "custom",
+    InTheLast = "in the last",
+    InThePrevious = "in the previous",
+    InTheCurrent = "in the current",
+    EqualTo = "equal to",
+    NotEqualTo = "not equal to",
+    GreaterThan = "greater than",
+    LessThan = "less than",
+    GreaterThanOrEqualTo = "greater than or equal to",
+    LessThanOrEqualTo = "less than or equal to"
+}
+declare enum NumberOperator {
+    EqualTo = "equal to",
+    NotEqualTo = "not equal to",
+    GreaterThan = "greater than",
+    LessThan = "less than",
+    GreaterThanOrEqualTo = "greater than or equal to",
+    LessThanOrEqualTo = "less than or equal to"
+}
+declare enum NullOperator {
+    IsNotNull = "is not null",
+    IsNull = "is null"
+}
+declare enum BoolOperator {
+    EqualTo = "equal to",
+    NotEqualTo = "not equal to"
+}
+declare enum TimeUnit {
+    Year = "year",
+    Quarter = "quarter",
+    Month = "month",
+    Week = "week",
+    Day = "day",
+    Hour = "hour"
+}
+declare enum FieldType {
+    String = "string",
+    Number = "number",
+    Date = "date",
+    Null = "null",
+    Boolean = "boolean"
+}
+declare enum InternalFilterType {
+    StringFilter = "string-filter",
+    DateFilter = "date-filter",
+    DateCustomFilter = "date-custom-filter",
+    DateComparisonFilter = "date-comparison-filter",
+    NumericFilter = "numeric-filter",
+    NullFilter = "null-filter",
+    StringInFilter = "string-in-filter",
+    BooleanFilter = "boolean-filter"
+}
+type Operator = StringOperator | DateOperator | NumberOperator | NullOperator | BoolOperator;
+interface BaseFilter {
+    filterType: InternalFilterType;
+    fieldType: FieldType;
+    operator: Operator;
+    field: string;
+    value: any;
+    table?: string;
+}
+declare enum FilterType {
+    String = "string",
+    Date = "date",
+    Numeric = "numeric",
+    Boolean = "boolean",
+    Null = "null"
+}
+interface StringFilter {
+    filterType: FilterType.String;
+    operator?: StringOperator;
+    value: string | string[];
+    field: string;
+    table: string;
+}
+interface NumericFilter {
+    filterType: FilterType.Numeric;
+    operator?: NumberOperator;
+    value: number;
+    field: string;
+    table: string;
+}
+interface NullFilter {
+    filterType: FilterType.Null;
+    operator?: NullOperator;
+    value: null;
+    field: string;
+    table: string;
+}
+interface BooleanFilter {
+    filterType: FilterType.Boolean;
+    operator?: BoolOperator;
+    value: boolean;
+    field: string;
+    table: string;
+}
+interface DateFilter {
+    filterType: FilterType.Date;
+    operator?: DateOperator;
+    value: {
+        startDate: string;
+        endDate: string;
+    } | {
+        value?: number;
+        unit: TimeUnit;
+    } | string;
+    field?: string;
+    table?: string;
+}
+type Filter = StringFilter | NumericFilter | NullFilter | BooleanFilter | DateFilter;
+interface InternalStringFilter extends BaseFilter {
+    filterType: InternalFilterType.StringFilter;
+    fieldType: FieldType.String;
+    value: string;
+}
+interface InternalStringInFilter extends BaseFilter {
+    filterType: InternalFilterType.StringInFilter;
+    fieldType: FieldType.String;
+    value: string[];
+}
+interface InternalNumericFilter extends BaseFilter {
+    filterType: InternalFilterType.NumericFilter;
+    fieldType: FieldType.Number;
+    value: number;
+}
+interface InternalDateFilter extends BaseFilter {
+    filterType: InternalFilterType.DateFilter;
+    fieldType: FieldType.Date;
+    value: {
+        value: number;
+        unit: TimeUnit;
+    };
+}
+interface InternalDateCustomFilter extends BaseFilter {
+    filterType: InternalFilterType.DateCustomFilter;
+    fieldType: FieldType.Date;
+    value: {
+        startDate: string;
+        endDate: string;
+    };
+}
+interface InternalDateComparisonFilter extends BaseFilter {
+    filterType: InternalFilterType.DateComparisonFilter;
+    fieldType: FieldType.Date;
+    value: string;
+}
+interface InternalBooleanFilter extends BaseFilter {
+    filterType: InternalFilterType.BooleanFilter;
+    fieldType: FieldType.Boolean;
+    value: boolean;
+}
+interface InternalNullFilter extends BaseFilter {
+    filterType: InternalFilterType.NullFilter;
+    fieldType: FieldType.Null;
+    value: null;
+}
+type InternalFilter = BaseFilter | InternalStringFilter | InternalStringInFilter | InternalNumericFilter | InternalDateFilter | InternalDateCustomFilter | InternalDateComparisonFilter | InternalBooleanFilter | InternalNullFilter;
+/** Dashboard filters are filters that persist with the dashboard */
+declare enum InternalDashboardFilterType {
+    String = "string",
+    Date = "date_range"
+}
+declare enum StringFilterType {
+    Default = "default",
+    Multiselect = "multiselect"
+}
+type InternalDashboardFilter = InternalDashboardStringFilter | InternalDashboardDateFilter;
+declare enum DashboardFilterType {
+    Select = "select",
+    MultiSelect = "multiselect",
+    Date = "date"
+}
+interface BaseDashboardFilter {
+    label: string;
+    type: DashboardFilterType;
+}
+interface DashboardSingleFilter extends BaseDashboardFilter {
+    type: DashboardFilterType.Select;
+    value: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
+interface DashboardMultiFilter extends BaseDashboardFilter {
+    type: DashboardFilterType.MultiSelect;
+    value: string[];
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
+interface DashboardDateFilter extends BaseDashboardFilter {
+    type: DashboardFilterType.Date;
+    value: {
+        presetValue?: string;
+        startDate: Date | undefined;
+        endDate: Date | undefined;
+    };
+    options: {
+        label: string;
+        value: string;
+        startDate?: Date;
+        endDate?: Date;
+    }[];
+}
+type DashboardFilter = DashboardSingleFilter | DashboardMultiFilter | DashboardDateFilter;
+interface InternalDashboardBaseFilter {
+    filterType: InternalDashboardFilterType;
+    label: string;
+    field: string;
+    dashboardName: string;
+    isUserFilter?: boolean;
+}
+interface InternalDashboardStringFilter extends InternalDashboardBaseFilter {
+    table: string;
+    labelField: string;
+    filterType: InternalDashboardFilterType.String;
+    stringFilterType: StringFilterType;
+    options: {
+        [fieldName: string]: string;
+    }[] | undefined;
+    selectedValue?: string;
+    values?: string[];
+}
+interface InternalDashboardDateFilter extends InternalDashboardBaseFilter {
+    filterType: InternalDashboardFilterType.Date;
+    comparison?: boolean;
+    defaultComparisonRange?: ComparisonRangeKey;
+    options: {
+        label: string;
+        value: string;
+    }[] | undefined;
+    primaryRange: {
+        label: string;
+        value: string;
+    };
+    presetOptions: QuillCustomInterval[];
+    defaultPresetRanges: {
+        label: string;
+        loopStart?: Date;
+        loopEnd?: Date;
+    }[];
+    preset: {
+        label: string;
+        value: string;
+    };
+    startDate?: Date;
+    endDate?: Date;
+    comparisonRange?: {
+        startDate?: Date;
+        endDate?: Date;
+        value: ComparisonRangeKey;
+    };
+}
+interface FilterTreeNode {
+    leaf: boolean;
+    operator: 'and' | 'or' | null;
+    leftNode: FilterTreeNode | null;
+    rightNode: FilterTreeNode | null;
+    value?: InternalFilter | null;
+}
+
+type ColorMapType = {
+    [key: string]: {
+        primary: string;
+        comparison?: string;
+        primaryGradientStart?: string;
+        primaryGradientStop?: string;
+        comparisonGradientStart?: string;
+        comparisonGradientStop?: string;
+    };
+};
+/**
+ * A set of valid format values for the x and y axes of dashboard items.
+ */
+type AxisFormat = 'percent' | 'dollar_amount' | 'dollar_cents' | 'whole_number' | 'one_decimal_place' | 'two_decimal_places' | 'percentage' | 'string' | 'yyyy' | 'MMM_dd' | 'MMM_yyyy' | 'MMM_dd_yyyy' | 'hh_ap_pm' | 'MMM_dd-MMM_dd' | 'MMM_dd_hh:mm_ap_pm' | 'wo, yyyy';
+
+interface Column$1 {
+    field: string;
+    label: string;
+    format: AxisFormat;
+    inferFormat?: boolean;
+}
+interface ColumnInternal extends Column$1 {
+    fieldType: string;
+    dataTypeID: number;
+    jsType: string;
+    table?: string;
+}
+
+interface Pagination {
+    rowsPerPage: number;
+    rowsPerRequest: number;
+    page?: number;
+}
+
+/**
+ * Represents the metadata of a pivot table.
+ */
+type Pivot = SingleAggregationPivot | MultiAggregationPivot;
+interface BasePivot {
+    rowField?: string;
+    rowFieldType?: string;
+    columnField?: string;
+    columnFieldType?: string;
+    sort?: boolean;
+    sortDirection?: 'ASC' | 'DESC';
+    sortField?: string;
+    sortFieldType?: string;
+    title?: string;
+    triggerButtonText?: string;
+    rowLimit?: number;
+    columnValues?: string[];
+}
+interface SingleAggregationPivot extends BasePivot {
+    aggregationType: AggregationType;
+    valueField?: string;
+    valueField2?: string;
+    valueField2Type?: string;
+    valueFieldType?: string;
+    aggregations?: never;
+}
+interface MultiAggregationPivot extends BasePivot {
+    aggregationType?: never;
+    valueField?: never;
+    valueField2?: never;
+    valueField2Type?: never;
+    valueFieldType?: never;
+    aggregations: {
+        valueField?: string;
+        valueFieldType?: string;
+        valueField2?: string;
+        valueField2Type?: string;
+        aggregationType: AggregationType;
+    }[];
+}
+type AggregationType = 'sum' | 'average' | 'min' | 'max' | 'count' | 'avg' | 'percentage';
+type PivotData = {
+    rows: any[];
+    columns: ColumnInternal[];
+    rowCount: number;
+    pivotQuery: string;
+    comparisonPivotQuery?: string;
+};
+
+/**
+ * ## QuillReport
+ * Represents an individual item on a dashboard.
+ *
+ * Dashboard items can be charts, metric tiles, tables, etc. and can be styled
+ * however you'd like.
+ *
+ * ### API Reference
+ * @see https://docs.quillsql.com/components/quill-provider#quill-report
+ */
+interface QuillReport {
+    /** The report's unique id. */
+    id: string;
+    /** The name of the report. */
+    name: string;
+    /** The name of the dashboard this report belongs to. */
+    dashboardName: string;
+    /** The section of the dashboard this report belongs to. */
+    /** The rows of data returned from this report's query. */
+    rows: {
+        [key: string]: string;
+    }[];
+    /** The columns data returned from this report's query. */
+    columns: Column$1[];
+    /** The type of this chart. */
+    chartType: string;
+    /** The table and field this report uses for date filtering, if any. */
+    dateField?: {
+        table: string;
+        field: string;
+    };
+    /** The pivot used in this query, if any. */
+    pivot: Pivot | null;
+    /** The label of the xAxis. */
+    xAxisLabel: string;
+    /** The field to use for this report's xAxis. */
+    xAxisField: string;
+    /** The format for this report's xAxis. */
+    xAxisFormat: AxisFormat;
+    /** The template flag for a report */
+    template?: boolean;
+    /**
+     * A list of metadata about the yAxes of this report.
+     */
+    yAxisFields: {
+        /** The field for this yAxis. */
+        field: string;
+        /** The label to use for this yAxis. */
+        label: string;
+        /** The format of the data in this yAxis. */
+        format: AxisFormat;
+    }[];
+    /**
+     * The relative ordering of this report in relation to its siblings. Ordering
+     * starts at 1 and counts up (eg. 1, 2, 3, etc.).
+     *
+     * Also note that reports in the same section are first grouped by `chartType`
+     * and then each group is sorted by `order`. Currently, the first group is the
+     * `metric` reports and the last group is the `table` reports with the rest of
+     * the reports in between.
+     */
+    order: number;
+    /**
+     * The rows of data returned from this report's query over the comparison date
+     * range as opposed to the primary date range.
+     */
+    compareRows: {
+        [key: string]: string;
+    }[];
+    /** An array filters that have been applied to this query. */
+    filtersApplied?: InternalFilter[];
+    pagination?: Pagination;
+    sort?: {
+        field: string;
+        direction: string;
+    };
+    rowCount: number;
+    queryString: string;
+    filterMap?: {
+        [key: string]: {
+            table: string;
+            field: string;
+        };
+    };
+    referenceLines?: {
+        label: string;
+        query: [number, number] | string;
+    }[];
+    /** Resolved reference line y values */
+    referenceLineYValues?: {
+        label: string;
+        query: [number, number];
+    }[];
+    includeCustomFields?: boolean;
+    columnsWithCustomFields?: Column$1[];
+    /** The pivot row info. */
+    pivotRows?: {
+        [key: string]: string;
+    }[];
+    /**
+     * A list of metadata about the pivot yAxes of this report.
+     */
+    pivotColumns?: ColumnInternal[];
+    /**
+     * Total pivot row count
+     */
+    pivotRowCount?: number;
+}
+interface QuillReportInternal extends QuillReport {
+    /**
+     * Query string associated with pivot
+     */
+    pivotQuery?: string;
+    /**
+     * Query string associated with pivot comparisons
+     */
+    comparisonPivotQuery?: string;
+    /** An array of queries that are used to construct the unprocessed report  THIS WILL BE REMOVED SOON */
+    itemQuery?: string[];
+    /** An array of tables referenced by the report used */
+    referencedTables?: string[];
+    /** An mapping of table to the columns referenced in the table. */
+    referencedColumns?: {
+        [table: string]: string[];
+    };
+    /** An error message used for internal purposes */
+    error?: string;
+    /** An admin error message used for internal purposes */
+    adminError?: string;
+    /** An internal flag to force a report to trigger a reload from the backend */
+    triggerReload?: boolean;
+    /** columns as ColumnInternal */
+    columnInternal: ColumnInternal[];
+    /** Represents if the report is currently loading rows */
+    loadingRows?: boolean;
+    /** Flags on this report */
+    flags?: {
+        [tenantField: string]: string[] | 'QUILL_ALL_TENANTS';
+    };
+}
+
+/**
+ * Props for the Quill Dashboard component.
+ */
+interface DashboardProps {
+    /**
+     * The name of the dashboard you created in the Quill Portal.
+     */
+    name: string;
+    hidden?: boolean;
+    /** A component that wraps a dashboard item for 'metric' chart types. */
+    MetricComponent?: ({ report, onClick, hoverActions, children, isLoading, error, }: {
+        report: QuillReport;
+        onClick?: (report: QuillReport) => void;
+        hoverActions?: (report: QuillReport) => JSX.Element;
+        children?: ReactNode;
+        isLoading?: boolean;
+        error?: string;
+    }) => 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;
+        isLoading?: boolean;
+        error?: string;
+        children?: ReactNode;
+        dateBucket?: string;
+        onClickChartElement?: (data: any) => void;
+    }) => 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;
+        isLoading?: boolean;
+        error?: string;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+    }) => 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;
+    /** 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;
+        onClick?: (report: QuillReport) => void;
+        isLoading?: boolean;
+        error?: string;
+        children?: ReactNode;
+        dateBucket?: string;
+        onClickChartElement?: (data: any) => void;
+    }) => 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;
+        onClick?: (report: QuillReport) => void;
+        isLoading?: boolean;
+        error?: string;
+        rowCount?: number;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+    }) => JSX.Element;
+    /** A select component. */
+    SelectComponent?: ({ label, value, options, onChange, width, }: {
+        value: string | null | undefined;
+        width: number;
+        label?: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    /** A multiselect component. */
+    MultiSelectComponent?: ({ label, value, options, onChange, width, }: {
+        value: (string | null)[];
+        width: number;
+        label?: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React$1.ChangeEvent<HTMLSelectElement> | {
+            target: {
+                value: (string | null)[];
+            };
+        }) => void;
+    }) => JSX.Element;
+    /** A popover component. */
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverChildren: ReactNode;
+        popoverTitle?: string;
+        containerStyle?: any;
+        ignoredRefs?: React$1.RefObject<any>[];
+    }) => JSX.Element;
+    /** A filter tag component */
+    FilterTagComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+        filterLabel: string;
+        onClickDelete: (e: React$1.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    /** A modal component */
+    ModalComponent?: (props: {
+        children: ReactNode;
+        isOpen: boolean;
+        title: string;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel: string;
+    }) => JSX.Element;
+    /** A primary button component. */
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }) => JSX.Element;
+    /** A secondary button component. */
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }) => JSX.Element;
+    /**
+     * A modal component for a list of filters.
+     */
+    FilterListModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        children: ReactNode;
+    }) => JSX.Element;
+    /** A input element for getting text from the user. */
+    TextInputComponent?: ((props: TextInputComponentProps) => 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;
+        label?: string;
+        selectWidth?: number;
+        dateRange: {
+            startDate?: Date;
+            endDate?: Date;
+        };
+        presetOptions: {
+            label: string;
+            value: string;
+        }[];
+        onChangeDateRange: ({ startDate, endDate, }: {
+            startDate: Date;
+            endDate: Date;
+        }) => void;
+        onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    /**
+     * A component that wraps each dashboard section.
+     */
+    DashboardSectionComponent?: ({ section, children, }: {
+        section: string;
+        children: ReactNode;
+    }) => JSX.Element;
+    DashboardSectionTabsComponent?: ({ sections, selectedSection, setSelectedSection, }: {
+        sections: string[];
+        selectedSection: string;
+        setSelectedSection: (section: string) => void;
+    }) => JSX.Element;
+    /** A component that wraps all dashboard sections. */
+    DashboardSectionContainerComponent?: ({ children, }: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /** A component that wraps the row of dashboard filters. */
+    FilterContainerComponent?: ({ children, }: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /** A fallback component displayed when an active dashboard has no items. */
+    EmptyDashboardComponent?: () => 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;
+    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;
+    /** 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;
+    /** 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`). */
+    hideFilters?: boolean;
+    /** Whether the date range filters on the dashboard are hidden (default: `false`). */
+    hideDateRangeFilter?: boolean;
+    /** Whether to hide the xAxis (default: `false`). */
+    hideXAxis?: boolean;
+    /** Whether to hide the yAxis (default: `false`). */
+    hideYAxis?: boolean;
+    /** Whether to hide the cartesian grid (default: `false`). */
+    hideCartesianGrid?: boolean;
+    /** The line style for comparison ranges on line chart (default: `solid`). */
+    comparisonLineStyle?: 'solid' | 'dashed';
+    /**
+     * The styles for the dashboard container.
+     *
+     * This container is the parent of all the filtering buttons as well as any
+     * dashboard sections. This can be useful for TailwindCSS-style classname
+     * strings.
+     */
+    className?: string;
+    /**
+     * The styles for the dashboard container.
+     *
+     * This container is the parent of all the filtering buttons as well as any
+     * dashboard sections.
+     */
+    containerStyle?: React$1.CSSProperties;
+    /** The styles for the chart container. */
+    chartContainerStyle?: React$1.CSSProperties;
+    /** An array of filters to customize the data displayed in the dashboard. */
+    filters?: Filter[];
+    /** A callback that fires when the user filters for the dashboard are updated */
+    onUserFiltersUpdated?: (filters: InternalFilter[]) => void;
+    /** A callback function triggered when a chart element is clicked */
+    onClickChartElement?: (data: any) => void;
+    /** A callback function to provide potential tenant ids your current tenants could transform to */
+    onTenantChanged?: (mappedTenants: {
+        [tenantField: string]: string[];
+    }) => void;
+    /** An override for the pivot date bucketing. */
+    dateBucket?: 'day' | 'week' | 'month' | 'year';
+    /** Additional processing allowed by our backend */
+    additionalProcessing?: {
+        last?: number;
+    };
+    /** Flag for displaying admin errors */
+    hideAdminErrors?: boolean;
+    /** Template dashboard */
+    templateDashboardName?: string;
+    /** Pagination settings for each table report in this dashboard */
+    pagination?: Pagination;
+    showSectionTabs?: boolean;
+}
+/**
+ * ### Quill Dashboard
+ *
+ * Dynamically displays a filterable grid of charts, metrics, and tables with
+ * live data from your database. Once implemented, Quill lets you perform
+ * zero-downtime, zero-code updates to your dashboard views on an org-level as
+ * well as company-wide.
+ *
+ * @example
+ * ```js
+ * // Usage without custom components
+ * <Dashboard />
+ * ```
+ *
+ * @example
+ * ```js
+ * // You can also pass your own components
+ * <Dashboard
+ *   name="saved_reports"
+ *   SelectComponent={MySelect}
+ *   onClickReport={(report) => navigate(`/detail/${report.id}`)}
+ *   MetricComponent={MyMetric}
+ *   ChartComponent={MyChart}
+ *   TableComponent={MyTable}
+ *   containerStyle={{ backgroundColor: 'white', padding: '10px' }}
+ * />
+ * ```
+ *
+ * ### API Reference
+ * @see https://docs.quillsql.com/components/dashboard
+ */
+declare function Dashboard({ name, hidden, SelectComponent, MultiSelectComponent, ModalComponent, ButtonComponent, SecondaryButtonComponent, FilterTagComponent, PopoverComponent, TextInputComponent, EmptyDashboardComponent, DateRangePickerComponent, MetricComponent, ChartComponent, TableComponent, TemplateMetricComponent, TemplateChartComponent, TemplateTableComponent, DashboardSectionComponent, DashboardSectionContainerComponent, DashboardSectionTabsComponent, FilterContainerComponent, DashboardLoadingComponent, ErrorComponent, onClickReport, hoverActions, onChangeLoading, hideFilters, hideDateRangeFilter, hideXAxis, hideYAxis, hideCartesianGrid, comparisonLineStyle, containerStyle, className, chartContainerStyle, filters, onUserFiltersUpdated, onClickChartElement, dateBucket, additionalProcessing, templateDashboardName, pagination, }: DashboardProps): react_jsx_runtime.JSX.Element;
+
+type DashboardConfig = {
+    dashboardId: string;
+    name: string;
+    filters: InternalDashboardStringFilter[];
+    dateFilter?: InternalDashboardDateFilter;
+    customFiltersEnabled?: boolean;
+    sections?: {
+        [key: string]: QuillReport[];
+    };
+    newQueries?: QuillReport[];
+    tenantKeys?: string[];
+    createdAt: Date;
+    sectionOrder?: {
+        _id: string;
+        section: string;
+        reportOrder: string[];
+    }[];
+};
+/**
+ * The props passed into the ChartComponent, TableComponent, and MetricComponent
+ * functions in the dashboard.
+ */
+interface QuillReportProps {
+    report: QuillReport;
+    onClick?: (report: QuillReport) => void;
+    hoverActions?: (report: QuillReport) => ReactNode;
+    isLoading?: boolean;
+    error?: string;
+    children?: ReactNode;
+    dateBucket?: string;
+    onPageChange?: (page: {
+        currentPage: number;
+        rowsPerPage: number;
+    }) => void;
+    onSortChange?: (sort: {
+        field: string;
+        direction: string;
+    }) => void;
+    onClickChartElement?: (data: any) => void;
+}
+
+/**
+ * ## Quill Theme
+ * Customizable styles used throughout Quill.
+ *
+ * ### QuillTheme API
+ * @see https://docs.quillsql.com/components/quill-provider#quilltheme
+ */
+interface QuillTheme {
+    fontFamily?: string;
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    hoverPrimaryButtonColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    chartLabelFontFamily?: string;
+    chartLabelColor?: string;
+    chartTickColor?: string;
+    chartColors?: string[];
+    borderColor?: string;
+    borderWidth?: number;
+    primaryButtonColor?: string;
+    secondaryButtonColor?: string;
+    primaryButtonTextColor?: string;
+    secondaryButtonTextColor?: string;
+    buttonFontWeight?: number;
+    labelFontWeight?: number;
+    fontSize?: number;
+    loadingStateBackgroundColor?: string;
+    fontSizeSmall?: number;
+    fontSizeMedium?: number;
+    fontWeightMedium?: number;
+    fontWeightBold?: number;
+    hoverTextColor?: string;
+    hoverPrimaryButtonTextColor?: string;
+    barChartCornerRadius?: number;
+    barChartCornerRadiusRatio?: number;
+}
+
+interface EventUser {
+    clientId: string;
+    clerkOrgId: string;
+    tenant?: string;
+    tenantIds?: (number | string)[];
+}
+interface EventMetadata {
+    [key: string]: string | number | boolean | null;
+}
+interface EventContext {
+    name: string;
+    data: Record<string, unknown>;
+}
+interface EventBreadcrumb {
+    category: 'navigation' | 'interaction' | 'network' | 'log';
+    message: string;
+    level: 'debug' | 'info' | 'warning' | 'error';
+    timestamp: number;
+    data?: Record<string, unknown>;
+}
+interface EventError {
+    type: 'network' | 'bug' | 'timeout' | 'crash' | 'fatal';
+    severity: 'low' | 'medium' | 'high' | 'critical';
+    message: string;
+    errorMessage?: string;
+    errorStack?: string;
+    errorData?: Record<string, unknown>;
+}
+interface EventTracking {
+    logError?: (error: EventError) => void;
+    logEvent?: (event: string, data?: Record<string, unknown>) => void;
+    setUser?: (user: EventUser) => void;
+    setMetadata?: (metadata: EventMetadata) => void;
+    setContext?: (context: EventContext) => void;
+    addBreadcrumb?: (breadcrumb: EventBreadcrumb) => void;
+}
+
+interface BaseQuillProviderProps {
+    publicKey: string;
+    theme?: QuillTheme;
+    children?: React$1.ReactNode;
+    flags?: string[];
+    isAdmin?: boolean;
+    getAuthorizationToken?: () => Promise<string>;
+    eventTracking?: EventTracking | null;
+}
+interface QuillCloudProviderProps extends BaseQuillProviderProps {
+    tenants: {
+        tenantField: string;
+        tenantIds: (string | number)[];
+    }[] | (string | number)[];
+    queryEndpoint?: never;
+    queryHeaders?: object;
+    withCredentials?: never;
+}
+interface SelfHostedProviderProps extends BaseQuillProviderProps {
+    queryEndpoint: string;
+    queryHeaders?: object;
+    withCredentials?: boolean;
+    tenants?: {
+        tenantField: string;
+        tenantIds: (string | number)[];
+    }[] | (string | number)[];
+}
+type QuillProviderProps = QuillCloudProviderProps | SelfHostedProviderProps;
+/**
+ * ### Quill Provider
+ *
+ * The quill provider allows all the quill components in your app to share
+ * information which lets your dashboards render fast and update dynamically.
+ *
+ * Similar to React’s `Context.Provider`, `QuillProvider` wraps your React app
+ * and places Quill Client on the context, enabling you to access it from
+ * anywhere in your component tree. We suggest putting the QuillProvider
+ * somewhere high in your app, above any component that might need to access
+ * your quill data.
+ *
+ * ### Quickstart
+ * There are two ways to set up the QuillProvider; with tenant ids using
+ * our fully-managed cloud platform, or with a query endpoint pointing to your
+ * own server running our self-hosted server SDK.
+ *
+ * @example
+ * ```js
+ * // Usage with tenant ids
+ * <QuillProvider
+ *   tenants={['acme_org']}
+ *   publicKey={QUILL_API_KEY}
+ * >
+ *   // rest of your app here
+ * </QuillProvider>
+ * ```
+ *
+ * @example
+ * ```js
+ * // Usage with all tenants
+ * <QuillProvider
+ *   tenants={[ALL_TENANTS]}
+ *   publicKey={QUILL_API_KEY}
+ * >
+ *   // rest of your app here
+ * </QuillProvider>
+ * ```
+ *
+ * @example
+ * ```js
+ * // Usage with query endpoint
+ * <QuillProvider
+ *   queryEndpoint="https://example.com/quill"
+ *   queryHeaders={AUTH_HEADERS}
+ *   publicKey={QUILL_API_KEY}
+ * >
+ *   // rest of your app here
+ * </QuillProvider>
+ * ```
+ *
+ * ### Custom Themes
+ * You can also pass in a custom theme into the QuillProvider to automatically
+ * style all default quill components at the same time. The combination of
+ * passing custom themes as well as passing your existing components gets you
+ * pixel-perfect dashboards in a fraction of the time.
+ *
+ *
+ * ### Endpoint Authorization
+ * When self-hosting the server SDK, you might need extra authentication measures
+ * to ensure a secure system. In addition to passing a `queryHeaders` object along
+ * with any requests to your custom endpoint, you also can pass a `withCredentials`
+ * boolean.
+ *
+ *
+ * ### Dashboard API
+ * @see https://docs.quillsql.com/components/quill-provider
+ */
+declare const QuillProvider: ({ tenants, flags, publicKey, queryEndpoint, queryHeaders, children, theme, withCredentials, isAdmin, getAuthorizationToken, eventTracking, }: QuillProviderProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the Quill Chart component.
+ */
+interface ChartProps {
+    /**
+     * The id of a report to render, if any.
+     *
+     * When a reportId is passed, the chart will first fetch the data necessary to
+     * render this chart, and then it will render the report that it receives from
+     * the server.
+     *
+     */
+    reportId: string;
+    /**
+     * A list of color strings used to color the chart.
+     *
+     * For example, a pie chart would use the colors for each section and a bar
+     * chart would use the colors for each bar.
+     */
+    colors?: string[];
+    /**
+     * Whether to show animations on render complete.
+     */
+    isAnimationActive?: boolean;
+    /**
+     * Whether to hide the x axis.
+     */
+    hideXAxis?: boolean;
+    /**
+     * Whether to hide the y axis.
+     */
+    hideYAxis?: boolean;
+    /**
+     * Whether to hide the cartesian grid lines.
+     */
+    hideCartesianGrid?: boolean;
+    /**
+     * Whether to hide the horizontal cartesian grid lines (default: false).
+     */
+    hideHorizontalCartesianGrid?: boolean;
+    /**
+     * Whether to hide the vertical cartesian grid lines (default: true).
+     */
+    hideVerticalCartesianGrid?: boolean;
+    /**
+     * Whether to hide the all but the first of the X-Axis ticks (default: false).
+     */
+    hideSubsequentXAxisTicks?: boolean;
+    /**
+     * Whether the date range filter has been disabled.
+     */
+    hideDateRangeFilter?: boolean;
+    /** Whether to hide the table filters component, defaulted to true */
+    hideFilters?: boolean;
+    /**
+     * Whether the comparison range shows as dashed for date comparison line
+     * charts (as opposed to the default solid line).
+     */
+    comparisonLineStyle?: 'solid' | 'dashed';
+    /**
+     * Whether the cartesian grid lines show as dashed lines (default: solid).
+     */
+    cartesianGridLineStyle?: 'solid' | 'dashed';
+    /**
+     * The color of cartesian grid lines.
+     */
+    cartesianGridLineColor?: string;
+    /**
+     * An optional function that takes a report and theme and returns a map of
+     * keys used in that report to the colors they should use.
+     *
+     * The color values support RGB hexcodes and CSS color literals.
+     *
+     * @example
+     * ```js
+     * let mapColorsToFields = (item, theme) => {
+     *   return {
+     *     // all the queries with yAxis of 'amount' get colored this way:
+     *     amount: {
+     *       primary: 'red',
+     *       comparison: 'gray',
+     *       primaryGradientStart: 'red',
+     *       primaryGradientStop: 'lightred',
+     *       comparisonGradientStart: '#EFEFEF',
+     *       comparisonGradientStop: '#EFEFEF00',
+     *     },
+     *     total: {
+     *       primary: 'red'
+     *     },
+     *   };
+     * }
+     * ```
+     */
+    mapColorsToFields?: (report: QuillReport, theme: QuillTheme) => ColorMapType;
+    /**
+     * A loading component to show when the chart is loading.
+     */
+    LoadingComponent?: () => JSX.Element;
+    /** A select component prop for the table filters */
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    /** A multi select component prop for the table filters */
+    MultiSelectComponent?: (props: MultiSelectComponentProps) => 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;
+        isLoading?: boolean;
+        error?: string;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        hideName?: boolean;
+    }) => 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;
+        isLoading?: boolean;
+        children?: ReactNode;
+        error?: string;
+    }) => JSX.Element;
+    /** A date range picker component prop for the table filters */
+    DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
+        preset: string;
+        label?: string;
+        selectWidth?: number;
+        dateRange: {
+            startDate?: Date;
+            endDate?: Date;
+        };
+        presetOptions: {
+            label: string;
+            value: string;
+        }[];
+        onChangeDateRange: ({ startDate, endDate, }: {
+            startDate: Date;
+            endDate: Date;
+        }) => void;
+        onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    /** A filter container component component prop for the table filters */
+    FilterContainerComponent?: ({ children, }: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /**
+     * Styles the top-level container of the Chart.
+     *
+     * This can be useful for TailwindCSS-style classname strings.
+     */
+    className?: string;
+    /**
+     * Styles the top-level container of the Chart.
+     */
+    containerStyle?: React.CSSProperties;
+    /** An array of dashboard filters that are indicated by the frontend dev. */
+    filters?: Filter[];
+    /** A callback function that process specific chart element clicks */
+    onClickChartElement?: (data: any) => void;
+    /** An override for the pivot date bucketing. */
+    dateBucket?: string;
+    /** Whether to send updated data in the chart to its owning dashboard */
+    propagateChanges?: boolean;
+}
+declare function Chart({ colors, reportId, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter, hideFilters, mapColorsToFields, LoadingComponent, SelectComponent, MultiSelectComponent, DateRangePickerComponent, FilterContainerComponent, TableComponent, MetricComponent, filters, onClickChartElement, dateBucket, propagateChanges, }: ChartProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the Quill Table component.
+ */
+interface TableProps {
+    /**
+     * The id of the table to render, if any.
+     *
+     * When a `reportId` is passed, the table will first fetch the data necessary
+     * to render this table, and then it will render the rows and columns that it
+     * receives from the server.
+     *
+     * NOTE: A `reportId` must be passed if `rows` and `columns` are not present.
+     */
+    reportId?: string;
+    /**
+     * The rows of the table to show, if any.
+     *
+     * When `rows` and `columns` are passed, the table will not refetch the given
+     * dashboard item and will instead simply render the rows and columns it was
+     * given.
+     *
+     * NOTE: Both `rows` and `columns` must be passed if `reportId` is not present.
+     *
+     * @example
+     * ```js
+     * let rows = {[
+     *   { x: 1, y: 1, z: 0 },
+     *   { x: 2, y: 2, z: 0 },
+     *   { x: 3, y: 3, z: 0 },
+     *   { x: 4, y: 4, z: 0 }
+     * ]};
+     * let columns = {[
+     *   { label: "My X-Axis", field: "x" },
+     *   { label: "My Y-Axis", field: "y" }
+     * ]}'
+     * ```
+     */
+    rows?: {
+        [key: string]: any;
+    }[];
+    autoHide?: boolean;
+    /**
+     * The columns of the table to show, if any.
+     *
+     * When `rows` and `columns` are passed, the table will not refetch the given
+     * dashboard item and will instead simply render the rows and columns it was
+     * given.
+     *
+     * NOTE: Both `rows` and `columns` must be passed if `reportId` is not present.
+     *
+     * @example
+     * ```js
+     * let rows = {[
+     *   { x: 1, y: 1, z: 0 },
+     *   { x: 2, y: 2, z: 0 },
+     *   { x: 3, y: 3, z: 0 },
+     *   { x: 4, y: 4, z: 0 }
+     * ]};
+     * let columns = {[
+     *   { label: "My X-Axis", field: "x" },
+     *   { label: "My Y-Axis", field: "y" }
+     * ]}'
+     * ```
+     */
+    columns?: {
+        label: string;
+        field: string;
+    }[];
+    /**
+     * The placeholder filename to use when downloading this table as a csv file.
+     */
+    csvFilename?: string;
+    /**
+     * Whether to show the download csv button.
+     */
+    hideCSVDownloadButton?: boolean;
+    /** Whether to hide the table filters component, deafulted to true */
+    hideFilters?: boolean;
+    /**
+     * Whether this table component is loading.
+     */
+    isLoading?: boolean;
+    /**
+     * A callback that is fired when the user clicks download csv.
+     */
+    downloadCSV?: () => void;
+    /**
+     * A loading component to show when the table is loading.
+     */
+    LoadingComponent?: () => JSX.Element;
+    /** A select component prop for the table filters */
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    /** A multi select component prop for the table filters */
+    MultiSelectComponent?: (props: MultiSelectComponentProps) => JSX.Element;
+    /** A date range picker component prop for the table filters */
+    DateRangePickerComponent?: ({ dateRange, label, presetOptions, preset, selectWidth, onChangeDateRange, onChangePreset, }: {
+        preset: string;
+        label?: string;
+        selectWidth?: number;
+        dateRange: {
+            startDate: Date;
+            endDate: Date;
+        };
+        presetOptions: {
+            label: string;
+            value: string;
+        }[];
+        onChangeDateRange: ({ startDate, endDate, }: {
+            startDate: Date;
+            endDate: Date;
+        }) => void;
+        onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    TableComponent?: ({ report, onClick, hoverActions, isLoading, error, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: {
+        report: QuillReport;
+        onClick?: (report: QuillReport) => void;
+        hoverActions?: (report: QuillReport) => JSX.Element;
+        isLoading?: boolean;
+        error?: string;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        hideName?: boolean;
+    }) => JSX.Element;
+    /** A filter container component component prop for the table filters */
+    FilterContainerComponent?: ({ children, }: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /**
+     * Styles the top-level container of the Table.
+     *
+     * This can be useful for TailwindCSS-style classname strings.
+     */
+    className?: string;
+    /**
+     * Styles the top-level container of the Table.
+     */
+    containerStyle?: React$1.CSSProperties;
+    /** An array of dashboard filters that are indicated by the frontend dev. */
+    filters?: Filter[];
+}
+/**
+ * ### Quill Table
+ *
+ * A simple component that displays the given data as a table.
+ *
+ * @example
+ * ```js
+ * // Usage with chart id (will auto-fetch data)
+ * <Table reportId="12345" />
+ * ```
+ *
+ * @example
+ * ```js
+ * // Usage with rows and columns (will not auto-fetch data)
+ * <Table
+ *   rows={[
+ *     { x: 1, y: 1, z: 0 },
+ *     { x: 2, y: 2, z: 0 },
+ *     { x: 3, y: 3, z: 0 },
+ *     { x: 4, y: 4, z: 0 }
+ *   ]}
+ *   columns={[
+ *     { label: "My X-Axis", field: "x" },
+ *     { label: "My Y-Axis", field: "y" }
+ *   ]}
+ * />
+ * ```
+ *
+ * ### Table API
+ * @see https://docs.quillsql.com/components/table
+ */
+declare const Table$1: ({ TableComponent, ...props }: TableProps) => react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Props for the Quill SQLEditor component.
+ */
+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$1.ForwardRefExoticComponent<TextInputComponentProps & React$1.RefAttributes<HTMLInputElement>>;
+    /** A select component. */
+    SelectComponent?: (props: {
+        value: string | null | undefined;
+        label?: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React$1.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$1.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$1.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$1.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
+ */
+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 const SchemaListComponent: ({ schema, theme, loading, LoadingComponent, width, onClick, style, onRequestAddVirtualTable, ButtonComponent, }: {
+    schema: any;
+    theme: any;
+    loading: boolean;
+    LoadingComponent?: any;
+    width?: any;
+    onClick: (event: React$1.MouseEvent<HTMLDivElement>) => void;
+    style?: React$1.CSSProperties;
+    onRequestAddVirtualTable?: () => void;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+    }) => JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the Quill ReportBuilder component.
+ */
+interface ReportBuilderProps {
+    /** The default table name to show when first loading the ReportBuilder. */
+    initialTableName?: string;
+    /** The dashboard to add items to once they have been created. */
+    destinationDashboard: string;
+    /** The section of the dashboard to add items to. */
+    destinationSection?: string;
+    /**
+     * The title of the ChartBuilder dialog.
+     */
+    chartBuilderTitle?: string;
+    /**
+     * The current organization.
+     * @deprecated
+     */
+    organizationName?: string;
+    /** A primary button component. */
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    /** A secondary button component. */
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+        tooltipText?: string;
+    }) => 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 modal component.
+     */
+    ModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string;
+        children: ReactNode;
+        width?: number;
+        height?: number;
+    }) => JSX.Element;
+    /**
+     * A modal component.
+     */
+    ChartBuilderModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string;
+        children: ReactNode;
+        width?: number;
+        height?: number;
+    }) => JSX.Element;
+    /** A select component. */
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    /** A multi-select component. */
+    MultiSelectComponent?: (props: {
+        label?: string;
+        width: number;
+        value: string[];
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
+            target: {
+                value: (string | null)[];
+            };
+        }) => void;
+    }) => JSX.Element;
+    /** A table component. */
+    TableComponent?: (props: {
+        rows: {
+            [key: string]: any;
+        }[];
+        columns: {
+            field: string;
+            label: string;
+        }[];
+        isLoading?: boolean;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        rowsPerPage?: number;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        containerStyle?: CSSProperties;
+        disableSort?: boolean;
+    }) => JSX.Element;
+    /** A popover component. */
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+    }) => JSX.Element;
+    /** A popover component for filters created in the report builder. */
+    FilterPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+        filterLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    /** A popover component for sort items created in the report builder. */
+    SortPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+        sortLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    /** A popover component for limits created in the report builder. */
+    LimitPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+        limitLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    /** A small navigation menu used to switch between two or more states. */
+    TabsComponent?: (props: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value: string;
+        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    /** A checkbox component. */
+    CheckboxComponent?: (props: {
+        isChecked: boolean;
+        label: string;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    }) => JSX.Element;
+    /** A container for the left sidebar. */
+    SidebarComponent?: (props: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /** A container for the main content (everything right of the sidebar). */
+    ContainerComponent?: (props: {
+        children: ReactNode;
+    }) => 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;
+    /** A draggable component used to reorder columns. */
+    DraggableColumnComponent?: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    /** A heading element for the sidebar. */
+    SidebarHeadingComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    /** A card component used as a dismissable container of pivot information. */
+    CardComponent?: (props: {
+        children: ReactNode;
+        onClick?: () => void;
+        onDelete?: () => 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 component that displays error messages.
+     */
+    ErrorMessageComponent?: (props: {
+        errorMessage: 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 loading component to show in the pivot modal while suggestions load.
+     */
+    LoadingComponent?: () => JSX.Element;
+    /**
+     * A container for vertically-stacked sections of the chart builder form.
+     */
+    ChartBuilderFormContainer?: (props: {
+        children: ReactNode;
+    }) => JSX.Element;
+    /**
+     * A component to show when no columns match the user's query.
+     */
+    ColumnSearchEmptyState?: () => JSX.Element;
+    /** Whether the ReportBuilder is in admin mode. */
+    isAdminEnabled?: boolean;
+    /** Whether the ReportBuilder's AI features are enabled. */
+    isAIEnabled?: boolean;
+    /** Whether the PivotModal's AI features are enabled. */
+    pivotRecommendationsEnabled?: boolean;
+    /**
+     * Applies the following classes to the ReportBuilder.
+     *
+     * This can be useful for TailwindCSS-style classname strings.
+     */
+    className?: string;
+    /** Custom styling properties for the ReportBuilder's top-level container. */
+    containerStyle?: CSSProperties;
+    /** A report id that the Report Builder will query from and modify. */
+    reportId?: string;
+    /** 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;
+    onSubmitSaveQuery?: (report: QuillReport) => void;
+    /** A callback function that will trigger when changes are discarded */
+    onDiscardChanges?: () => void;
+    /** A callback function that will trigger when changes are saved */
+    onSaveChanges?: () => void;
+    /** A callback function that will trigger when the chart builder is closed */
+    onCloseChartBuilder?: () => void;
+    /** Hide the copy SQL button. */
+    hideCopySQL?: boolean;
+    /**
+     * 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;
+    /** A callback function triggered when a chart element is clicked */
+    onClickChartElement?: (element: any) => void;
+    /** A callback function triggered when the user wants to add a virtual table */
+    onRequestAddVirtualTable?: () => void;
+}
+/**
+ * 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
+ */
+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, }: ReportBuilderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Props for the Quill ChartEditor component.
+ */
+interface ChartEditorProps {
+    /** Whether the modal is open. */
+    isOpen: boolean;
+    /** A callback that sets the isOpen state. */
+    setIsOpen: (isOpen: boolean) => void;
+    /** The id of the chart that is being edited. */
+    reportId: string;
+    /** Whether the editor has administrative priveleges. */
+    isAdmin?: boolean;
+    /** Whether the dashboard is loading. */
+    isDashboardLoading?: boolean;
+    /** The title of the chart builder form. */
+    chartBuilderTitle?: string;
+    /** The button label for the chart builder. */
+    chartBuilderButtonLabel?: string;
+    /**
+     * A callback that is fired when the add to dashboard flow has been completed.
+     */
+    onAddToDashboardComplete?: (report: QuillReport) => void;
+    /** A callback function triggered when a chart element is clicked */
+    onClickChartElement?: (element: any) => void;
+    /** A callback function triggered when the chart error button is clicked */
+    onClickChartError?: (element: any) => void;
+    /** A callback that is fired when the item is deleted. */
+    onDelete?: () => boolean | Promise<boolean>;
+    /** A select component. */
+    SelectComponent?: (props: {
+        value: string | null | undefined;
+        label?: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React$1.ChangeEvent<HTMLSelectElement>) => void;
+        width: number;
+    }) => JSX.Element;
+    /** An input component to get text from your users. */
+    TextInputComponent?: (props: {
+        id: string;
+        width: number;
+        value: string;
+        label?: string;
+        placeholder?: string;
+        onChange: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    }) => JSX.Element;
+    /** A button component. */
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }) => JSX.Element;
+    /** A secondary button. */
+    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 header component. */
+    HeaderComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    /** A sub-header component describes a group of inputs. */
+    SubHeaderComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    /** A label component. */
+    LabelComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    /** A text component. */
+    TextComponent?: (props: {
+        label: string;
+    }) => 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.
+     */
+    ModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string | undefined;
+        children: ReactNode;
+        width?: number | undefined;
+        height?: number | undefined;
+    }) => JSX.Element;
+    /** A popover component. */
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: ReactNode;
+    }) => JSX.Element;
+    /** A table component. */
+    TableComponent?: (props: {
+        rows: {
+            [key: string]: any;
+        }[];
+        columns: {
+            field: string;
+            label: string;
+        }[];
+        isLoading?: boolean;
+    }) => JSX.Element;
+    /**
+     * A loading component to show in the pivot modal while suggestions load.
+     */
+    LoadingComponent?: () => 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 vertically-stacked sections of the chart builder form.
+     */
+    ChartBuilderFormContainer?: (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 component that displays error messages.
+     */
+    ErrorMessageComponent?: (props: {
+        errorMessage: string;
+    }) => JSX.Element;
+    /**
+     * A component that displays when the chart errors.
+     */
+    ErrorComponent?: (props: {
+        className?: string;
+        containerStyle?: React$1.CSSProperties;
+        label?: string;
+        onClick?: (element: any) => void;
+        ButtonComponent?: React$1.ComponentType<any>;
+    }) => JSX.Element;
+    /** The default dashboard to add the item to. */
+    destinationDashboard: string;
+    /** The name of the current organization. */
+    organizationName?: string;
+    /** Whether the ChartBuilder is in horizontal view mode. */
+    isHorizontalView?: boolean;
+    /** Whether to hide the delete button. */
+    hideDeleteButton?: boolean;
+    /** Whether to hide the submit button. */
+    hideSubmitButton?: boolean;
+}
+/**
+ * ### Quill Chart Editor
+ *
+ * Presents the Quill Chart Builder form as a modal.
+ *
+ * @example
+ * ```js
+ * // Usage without custom components
+ * <ChartEditor isOpen={true} reportId="1234" />
+ * ```
+ *
+ * @example
+ * ```js
+ * // You can also pass your own components
+ * <ChartEditor
+ *   isOpen={isOpen}
+ *   setIsOpen={setIsOpen}
+ *   reportId="1234"
+ *   Button={MyButton}
+ *   Modal={MyModal}
+ * />
+ * ```
+ *
+ * ### Chart Editor API
+ * @see https://docs.quillsql.com/components/chart-editor
+ */
+declare function ChartEditor({ isOpen, reportId, isAdmin, chartBuilderTitle, chartBuilderButtonLabel, onAddToDashboardComplete, destinationDashboard, organizationName, isHorizontalView, onDelete, setIsOpen, SelectComponent, TextInputComponent, ButtonComponent, SecondaryButtonComponent, HeaderComponent, SubHeaderComponent, LabelComponent, TextComponent, DeleteButtonComponent, ModalComponent, CardComponent, PopoverComponent, LoadingComponent, TableComponent, ChartBuilderInputRowContainer, ChartBuilderInputColumnContainer, PivotRowContainer, PivotColumnContainer, ErrorMessageComponent, ChartBuilderFormContainer, ErrorComponent, hideDeleteButton, hideSubmitButton, onClickChartElement, onClickChartError, }: ChartEditorProps): react_jsx_runtime.JSX.Element;
+
+interface StaticChartProps {
+    reportId: string;
+    onClickChartElement?: (data: any) => void;
+    containerStyle?: React.CSSProperties;
+    showLegend?: boolean;
+}
+declare function StaticChart({ reportId, onClickChartElement, containerStyle, showLegend, }: StaticChartProps): react_jsx_runtime.JSX.Element;
+
+declare const quillFormat: ({ value, format, }: {
+    value: any;
+    format: string;
+}) => string;
+
+declare const useDashboardInternal: (dashboardName: string | null, customFilters?: InternalFilter[]) => {
+    data: DashboardConfig | null;
+    dashboardFilters: InternalDashboardFilter[] | null;
+    isLoading: boolean | undefined;
+    isDashboardFilterLoading: (filterName: string) => boolean | undefined;
+    reload: (overrideDashboardName?: string, fetchFromServer?: boolean, reportAction?: {
+        report: QuillReport | {
+            id: string;
+        };
+        action: "upsert" | "delete";
+    }, overrideFilters?: {
+        filters: InternalDashboardFilter[];
+        editedFilterLabel?: string;
+        refetchReports?: boolean;
+    }) => Promise<void>;
+    setSectionOrder: (sectionOrder: {
+        section: string;
+        _id?: string;
+        reportOrder: string[];
+    }[]) => Promise<void>;
+};
+declare const useDashboardReports: (dashboardName?: string) => {
+    dashboardReports: {
+        [key: string]: QuillReportInternal;
+    };
+    updateReport: (data: Partial<QuillReportInternal>) => void;
+    addReport: (data: QuillReportInternal) => void;
+};
+declare const useAllReports: () => {
+    allReportsById: {
+        [key: string]: QuillReportInternal;
+    };
+};
+declare const useDashboards: () => {
+    dashboards: {
+        name: string;
+        id: string;
+        reports: QuillReport[];
+        tenantKeys: string[] | undefined;
+        createdAt: Date;
+        sectionOrder: {
+            _id: string;
+            section: string;
+            reportOrder: string[];
+        }[] | undefined;
+    }[] | null;
+    isLoading: boolean;
+    createDashboard: ({ name, filters, dateFilter, dashboardOwners, }: {
+        name: string;
+        filters: InternalDashboardFilter[];
+        dashboardOwners: string[];
+        dateFilter?: InternalDashboardFilter;
+    }) => Promise<void>;
+    updateDashboard: (name: string, { newName, filters, dateFilter, customFilters, tenantKeys, }: {
+        newName: string;
+        filters: InternalDashboardFilter[];
+        dateFilter?: InternalDashboardFilter;
+        customFilters?: InternalFilter[];
+        tenantKeys?: string[];
+    }) => Promise<void>;
+    deleteDashboard: (name: string) => Promise<void>;
+};
+declare const useDashboard: (dashboardName: string) => {
+    isLoading: boolean;
+    sections: Record<string, QuillReport[]> | null;
+    filters: DashboardFilter[];
+    applyFilters: (filters: Array<{
+        label: string;
+        value: string | string[] | {
+            startDate?: Date;
+            endDate?: Date;
+        };
+    } | Filter>) => void;
+};
+declare const useDashboardReport: (reportId: string, config?: {
+    initialFilters?: Filter[];
+}) => {
+    report: QuillReport | null;
+    loading: boolean;
+    applyFilters: (filters: Filter[]) => void;
+    deleteReport: () => void;
+};
+
+/**
+ * Represents a table object returned from /schema2/:id
+ */
+type Table = {
+    _id: string;
+    isSelectStar: boolean;
+    displayName: string;
+    name: string;
+    columns: ColumnInternal[];
+    viewQuery: string;
+    customFieldInfo: any;
+    broken?: boolean;
+    error?: string;
+    ownerTenantFields?: string[];
+};
+interface UniqueValuesByTable {
+    [table: string]: UniqueValuesByColumn;
+}
+interface UniqueValuesByColumn {
+    [column: string]: string[];
+}
+
+type SortDirection = 'asc' | 'desc' | 'ASC' | 'DESC';
+type ReportBuilderTable = {
+    name: string;
+    alias?: string;
+    join?: JoinInfo;
+};
+declare enum JoinType {
+    JOIN = "JOIN",
+    INNER = "INNER JOIN",
+    LEFT = "LEFT JOIN",
+    RIGHT = "RIGHT JOIN",
+    FULL = "FULL JOIN"
+}
+type JoinInfo = {
+    type: JoinType;
+    condition: JoinCondition;
+};
+type JoinCondition = {
+    operator: string;
+    left: ReportBuilderColumn;
+    right: ReportBuilderColumn;
+};
+type ReportBuilderColumn = {
+    field: string;
+    table: string;
+    alias?: string;
+};
+type ReportBuilderSort = {
+    field: string;
+    direction: SortDirection;
+};
+type ReportBuilderLimit = {
+    value: number;
+};
+type ReportBuilderState = {
+    tables: ReportBuilderTable[];
+    columns: ReportBuilderColumn[];
+    filterStack: FilterTreeNode[];
+    pivot: Pivot | null;
+    sort: ReportBuilderSort[];
+    limit: ReportBuilderLimit | null;
+};
+
+type ForeignKeyMap = {
+    [table: string]: {
+        foreignTable: string;
+        foreignTablePrimaryKey: string;
+        foreignKey: string;
+    }[];
+};
+
+type ReportBuilder = {
+    columns: ReportBuilderColumn[];
+    tables: ReportBuilderTable[];
+    sort: ReportBuilderSort[];
+    limit: ReportBuilderLimit | null;
+    filterStack: FilterTreeNode[];
+    state: ReportBuilderState;
+    activeQuery: string;
+    tempReport: QuillReportInternal;
+    stateStack: ReportBuilderState[];
+    poppedStateStack: ReportBuilderState[];
+    openPopover: string | null;
+    setOpenPopover: React.Dispatch<React.SetStateAction<string | null>>;
+    errorMessage: string;
+    unresolvedReportMessage: string;
+    loading: boolean;
+    tableLoading: boolean;
+    askAILoading: boolean;
+    rowCountIsLoading: boolean;
+    unfilteredUniqueValuesIsLoading: boolean;
+    filteredUniqueValuesIsLoading: boolean;
+    mssqlSortWarning: string | undefined;
+    reportColumnsToStateColumns: ColumnInternal[];
+    reportRows: any[];
+    formattedRows: any[];
+    numberOfRows: number;
+    unfilteredUniqueValues: UniqueValuesByTable;
+    filteredUniqueValues: UniqueValuesByTable | null;
+    columnUniqueValues: UniqueValuesByColumn;
+    rowsPerPage: number;
+    rowsPerRequest: number;
+    pivot: Pivot | null;
+    pivotData: PivotData | null;
+    pivotRowField: string | undefined;
+    pivotColumnField: string | undefined;
+    pivotAggregations: Partial<{
+        valueField: string;
+        valueField2?: string;
+        aggregationType: AggregationType;
+    }>[];
+    pivotLimit: number | undefined;
+    pivotSort: {
+        sortField: string;
+        sortDirection: 'ASC' | 'DESC';
+    } | undefined;
+    pivotHint: string;
+    pivotError: string;
+    createdPivots: Pivot[];
+    recommendedPivots: Pivot[];
+    pivotPopUpTitle: string;
+    showPivotPopover: boolean;
+    isEditingPivot: boolean;
+    selectedPivotIndex: number;
+    pivotRecommendationsEnabledState: boolean | undefined;
+    setCreatedPivots: React.Dispatch<React.SetStateAction<Pivot[]>>;
+    setRecommendedPivots: React.Dispatch<React.SetStateAction<Pivot[]>>;
+    setPivotPopUpTitle: React.Dispatch<React.SetStateAction<string>>;
+    setShowPivotPopover: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsEditingPivot: React.Dispatch<React.SetStateAction<boolean>>;
+    setSelectedPivotIndex: React.Dispatch<React.SetStateAction<number>>;
+    setPivotRowField: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPivotColumnField: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setPivotAggregations: React.Dispatch<React.SetStateAction<Partial<{
+        valueField: string;
+        valueField2?: string;
+        aggregationType: AggregationType;
+    }>[]>>;
+    setPivotLimit: React.Dispatch<React.SetStateAction<number | undefined>>;
+    setPivotSort: React.Dispatch<React.SetStateAction<{
+        sortField: string;
+        sortDirection: 'ASC' | 'DESC';
+    } | undefined>>;
+    setPivotError: React.Dispatch<React.SetStateAction<string>>;
+    handlePivotChange: (newPivot: Pivot | null, fetchData?: boolean, updateStateStack?: boolean) => void;
+    updatePivot: (changeField: string | Partial<{
+        valueField: string;
+        valueField2: string;
+        aggregationType: AggregationType;
+    }>[] | number | {
+        sortField: string;
+        sortDirection: 'ASC' | 'DESC';
+    } | undefined, fieldKey: 'rowField' | 'columnField' | 'aggregations' | 'rowLimit' | 'sort') => Promise<void>;
+    filteredSchema: Table[];
+    foreignKeyMap: ForeignKeyMap;
+    schemaData: any;
+    client: any;
+    getToken: () => Promise<string>;
+    reportId?: string;
+    initialTableName?: string;
+    destinationDashboard: string;
+    aiPrompt: string;
+    setAiPrompt: React.Dispatch<React.SetStateAction<string>>;
+    fetchAstFromPromptHelper: (overridePrompt?: string) => Promise<void>;
+    clearAllState: (resetStateStack?: boolean) => void;
+    handleMultiStateChange: ({ state, fetchData, updateStateStack, report, skipPivotColumnFetch, }: {
+        state: Partial<ReportBuilderState>;
+        fetchData?: boolean;
+        updateStateStack?: boolean;
+        report?: QuillReportInternal;
+        skipPivotColumnFetch?: boolean;
+    }) => void;
+    handleTablesChange: (newTables: ReportBuilderTable[], updateStateStack?: boolean) => void;
+    handleColumnsChange: (newColumns: ReportBuilderColumn[], fetchData?: boolean, updateStateStack?: boolean, bypassConfirmation?: boolean) => void;
+    handleFilterInsertion: (newFilter: InternalFilter) => void;
+    handleFilterStackChange: (newFilterStack: FilterTreeNode[], fetchData?: boolean, updateStateStack?: boolean) => void;
+    handleUndo: () => void;
+    handleRedo: () => void;
+    onSortChange: (newSort: {
+        field: string;
+        direction: string;
+    }, isPivotSort: boolean, isDelete?: boolean) => void;
+    onLimitChange: (limit: number | null, isPivotLimit: boolean) => void;
+    handleSortChange: (newSort: ReportBuilderSort[], fetchData?: boolean, updateStateStack?: boolean) => void;
+    handleLimitChange: (newLimit: ReportBuilderLimit | null, fetchData?: boolean, updateStateStack?: boolean) => void;
+    onPageChange: (page: number) => void;
+    onSaveQuery: () => Promise<void>;
+    onSaveReport: () => Promise<void>;
+};
+interface UseReportBuilderConfig {
+    rowsPerPage?: number;
+    rowsPerRequest?: number;
+    initialTableName?: string;
+    pivotRecommendationsEnabled?: boolean;
+    onSaveChanges?: () => void;
+}
+interface UseReportBuilder {
+    reportBuilder: ReportBuilder;
+    state: {
+        schema: Record<string, ColumnInternal[]>;
+        columns: ReportBuilderColumn[];
+        filters: Filter[];
+        pivot: Pivot | null;
+        sort: ReportBuilderSort[];
+        limit: ReportBuilderLimit | null;
+        reportBuilderLoading: boolean;
+        tableColumns: Column$1[];
+        tableLoading: boolean;
+        tableRows: any[];
+        tableRowsCount: number;
+        errorMessage: string;
+    };
+    actions: {
+        setColumns: (newColumns: {
+            table: string;
+            field: string;
+        }[]) => void;
+        setFilters: (filters: Filter[]) => void;
+        setPivot: (newPivot: Pivot | null) => void;
+        setSort: (sort: ReportBuilderSort[]) => void;
+        setLimit: (limit: ReportBuilderLimit | null) => void;
+        onPageChange: (page: number) => void;
+        applyAIPrompt: (prompt: string) => Promise<void>;
+    };
+}
+declare const useReportBuilder: ({ reportId, ownerDashboard, config, }: {
+    ownerDashboard: string;
+    reportId?: string;
+    config?: UseReportBuilderConfig;
+}) => UseReportBuilder;
+
+declare const useReports: () => {
+    reloadFilteredReports: (predicate: (report: QuillReportInternal) => boolean) => void;
+};
+
+declare enum Calculation {
+    PointToPointPercentageChange = "POINT_TO_POINT_PERCENTAGE_CHANGE",
+    SimplePercentageChange = "SIMPLE_PERCENTAGE_CHANGE",
+    Sum = "SUM"
+}
+
+declare const useQuill: (reportId?: string, pagination?: {
+    rowsPerPage: number;
+    rowsPerRequest: number;
+}) => {
+    data: QuillReport | null;
+    loading: boolean;
+    error: string | undefined;
+    fetchMore: (page: number) => void;
+    setSort: (field: string, direction: string) => void;
+    calculate: ((calcType: Calculation) => number | undefined) | (() => undefined);
+    resetFilters: () => void;
+};
+
+interface DownloadOptions {
+    usePivotRows?: boolean;
+}
+declare const useExport: (reportId?: string, { CustomDocumentComponent, maximumRowsPerPage, sectionField, }?: {
+    CustomDocumentComponent?: (props: QuillPDFProps) => JSX.Element;
+    maximumRowsPerPage?: number;
+    sectionField?: string;
+}) => {
+    downloadPDF: (downloadOptions?: DownloadOptions) => Promise<void>;
+    isPDFLoading: boolean;
+    downloadCSV: (downloadOptions?: DownloadOptions) => Promise<void>;
+    isCSVLoading: boolean;
+};
+interface QuillPDFProps {
+    report: QuillReport;
+    pageNumber: number;
+    numberOfPages: number;
+    maximumRowsPerPage: number;
+}
+
+declare const useMemoizedRows: (reportId: string) => {
+    rows: any[];
+    loading: boolean;
+};
+
+interface Column {
+    label: string;
+    field: string;
+    format: string;
+    fieldType: FieldType;
+}
+declare const useAskQuill: (dashboardName: string) => {
+    data: {
+        rows: any[];
+        columns: Column[];
+        pivot: Pivot | null;
+        pivotRowFields: string[];
+        pivotColumnFields: string[];
+        pivotValueFields: string[];
+        filterTree: FilterTreeNode | null;
+    };
+    loading: boolean;
+    error: string | undefined;
+    ask: (query: string) => Promise<any | undefined>;
+    onChangePivot: (pivot: Pivot) => void;
+    onChangeFilterTree: (filterTree: FilterTreeNode) => void;
+};
+
+type CustomField = {
+    viewName: string;
+    refTable: string;
+    field: string;
+    refColumn?: string;
+    type?: string;
+    refField?: string;
+};
+
+declare const useVirtualTables: () => {
+    data: Table[];
+    isLoading: boolean;
+    loadingTables: {
+        [key: string]: boolean;
+    };
+    reloadAll: (client: any, caller?: string) => Promise<{
+        schema: Table[];
+        customFields: {
+            [tableName: string]: CustomField[];
+        } | null;
+        isSchemaLoading: boolean;
+    }>;
+    refreshSome: (client: any, tables: Table[]) => Promise<{
+        schema: Table[];
+        customFields: {
+            [tableName: string]: CustomField[];
+        } | null;
+        isSchemaLoading: boolean;
+    }>;
+};
+
+declare const downloadCSV: (data: {
+    rows: any[];
+    fields?: Column$1[];
+    name?: string;
+}) => void;
+
+declare const ThemeContext: React$1.Context<[QuillTheme | null, (value: React$1.SetStateAction<QuillTheme | null>) => void]>;
+
+interface SidebarHeadingComponentProps {
+    label: string;
+}
+interface SelectColumnComponentProps {
+    label: string;
+    isSelected: boolean;
+    setSelected: () => void;
+    DragHandle: ({ dragIcon }: {
+        dragIcon: () => JSX.Element;
+    }) => JSX.Element;
+}
+/**
+ * Props for a draggable card with a grab-handle and a column name.
+ */
+interface DraggableColumnComponentProps {
+    label: string;
+    onDelete: () => void;
+    DragHandle: ({ dragIcon }: {
+        dragIcon: () => JSX.Element;
+    }) => JSX.Element;
+    deleteDisabled?: boolean;
+}
+interface FilterPopoverComponentProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    popoverTitle?: string;
+    popoverChildren: ReactNode;
+    filterLabel: string;
+    onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    disabled?: boolean;
+}
+interface SortPopoverComponentProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    popoverTitle?: string;
+    popoverChildren: ReactNode;
+    sortLabel: string;
+    onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    disabled?: boolean;
+}
+interface LimitPopoverComponentProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    popoverTitle?: string;
+    popoverChildren: ReactNode;
+    limitLabel: string;
+    onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    disabled?: boolean;
+}
+
+interface TableComponentProps {
+    rows: object[];
+    rowCount?: number;
+    rowCountIsLoading?: boolean;
+    columns: {
+        label: string;
+        field: string;
+    }[];
+    currentPage: number;
+    sort?: {
+        field: string;
+        direction: string;
+    };
+    className?: string;
+    containerStyle?: React$1.CSSProperties;
+    isLoading?: boolean;
+    hideCSVDownloadButton?: boolean;
+    downloadCSV?: () => void;
+    LoadingComponent?: () => JSX.Element;
+    DownloadCSVButtonComponent?: (props: ButtonComponentProps) => JSX.Element;
+    rowsPerPage?: number;
+    emptyStateLabel?: string;
+    onPageChange?: (page: number) => void;
+    onSortChange?: (sort: {
+        field: string;
+        direction: string;
+    }) => void;
+}
+
+interface DateRangePickerComponentProps {
+    preset: string;
+    label?: string;
+    selectWidth?: number;
+    dateRange: {
+        startDate?: Date;
+        endDate?: Date;
+    };
+    presetOptions: {
+        label: string;
+        value: string;
+    }[];
+    onChangeDateRange: ({ startDate, endDate, }: {
+        startDate: Date;
+        endDate: Date;
+    }) => void;
+    onChangePreset: (event: ChangeEvent<HTMLSelectElement>) => void;
+    hidePreset?: boolean;
+    disabled?: boolean;
+}
+type DateRange = {
+    startDate: Date;
+    endDate: Date;
+};
+
+interface DashboardSectionComponentProps {
+    section: string;
+    children: React.ReactNode;
+}
+
+declare const ALL_TENANTS = "QUILL_ALL_TENANTS";
+declare const SINGLE_TENANT = "QUILL_SINGLE_TENANT";
+
+interface AddColumnsProps {
+    reportBuilder: ReportBuilder;
+    ModalComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        title?: string;
+        children: React.ReactNode;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    DraggableColumnComponent?: (props: {
+        label: string;
+        onDelete: () => void;
+        DragHandle: ({ dragIcon }: {
+            dragIcon: () => JSX.Element;
+        }) => JSX.Element;
+        deleteDisabled?: boolean;
+    }) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => 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;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        isLoading?: boolean;
+    }) => JSX.Element;
+    ColumnSearchEmptyState?: () => JSX.Element;
+    LoadingComponent?: () => JSX.Element;
+    ColumnDisplay?: React.ReactNode;
+    ModalTrigger?: React.ReactNode;
+    Modal?: React.ReactNode;
+    onRequestAddVirtualTable?: () => void;
+}
+declare const AddColumns: ({ reportBuilder, ModalComponent, ButtonComponent, DraggableColumnComponent, TextInputComponent, SelectColumnComponent, SecondaryButtonComponent, ColumnSearchEmptyState, LoadingComponent, onRequestAddVirtualTable, ColumnDisplay, ModalTrigger, Modal, }: AddColumnsProps) => react_jsx_runtime.JSX.Element;
+
+interface AddFiltersProps {
+    reportBuilder: ReportBuilder;
+    FilterDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    TabsComponent?: (props: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value: string;
+        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    }) => JSX.Element;
+    FilterPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        filterLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => 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>>;
+    MultiSelectComponent?: (props: {
+        label?: string;
+        width: number;
+        value: string[];
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
+            target: {
+                value: (string | null)[];
+            };
+        }) => void;
+    }) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+}
+declare const AddFilters: ({ reportBuilder, TabsComponent, FilterPopoverComponent, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, PopoverComponent, FilterDisplay, PopoverTrigger, Popover, }: AddFiltersProps) => react_jsx_runtime.JSX.Element;
+
+interface AddLimitProps {
+    reportBuilder: ReportBuilder;
+    LimitDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => 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>>;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    LimitPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        limitLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+}
+declare const AddLimit: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, TextInputComponent, PopoverComponent, LimitPopoverComponent, LimitDisplay, PopoverTrigger, Popover, }: AddLimitProps) => react_jsx_runtime.JSX.Element;
+
+interface AddPivotProps {
+    reportBuilder: ReportBuilder;
+    parentRef?: any;
+    theme?: any;
+    PivotDisplay?: React.ReactNode;
+    PivotModal?: React.ReactNode;
+    SubHeaderComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    DeleteButtonComponent?: (props: {
+        onClick: () => void;
+    }) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    TextInputComponent?: ((props: TextInputComponentProps) => JSX.Element) | React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    CardComponent?: (props: {
+        children: React.ReactNode;
+        onClick?: () => void;
+        onDelete?: () => void;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    TextComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    ErrorMessageComponent?: (props: {
+        errorMessage: string;
+    }) => JSX.Element;
+    PivotRowContainer?: (props: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    PivotColumnContainer?: (props: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    LoadingComponent?: () => JSX.Element;
+    LabelComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    HeaderComponent?: (props: {
+        label: string;
+    }) => 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;
+
+interface AddSortProps {
+    reportBuilder: ReportBuilder;
+    SortDisplay?: React.ReactNode;
+    PopoverTrigger?: React.ReactNode;
+    Popover?: React.ReactNode;
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        isLoading?: boolean;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        tooltipText?: string;
+    }) => JSX.Element;
+    SelectComponent?: (props: SelectComponentProps) => JSX.Element;
+    PopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+    }) => JSX.Element;
+    SortPopoverComponent?: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        popoverTitle?: string;
+        popoverChildren: React.ReactNode;
+        sortLabel: string;
+        onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
+    }) => JSX.Element;
+}
+declare const AddSort: ({ reportBuilder, ButtonComponent, SecondaryButtonComponent, SelectComponent, PopoverComponent, SortPopoverComponent, SortDisplay, PopoverTrigger, Popover, }: AddSortProps) => react_jsx_runtime.JSX.Element;
+
+interface SaveReportProps {
+    /** The report builder instance. */
+    reportBuilder: ReportBuilder;
+    /** Whether the modal is open. */
+    isOpen: boolean;
+    /** A callback that sets the isOpen state. */
+    setIsOpen: (isOpen: boolean) => void;
+    SaveTrigger?: React.ReactNode;
+    /** Whether admin features are enabled. */
+    isAdminEnabled?: boolean;
+    /** The title for the chart builder. */
+    chartBuilderTitle?: string;
+    /** Callback when editing a report is submitted. */
+    onSubmitEditReport?: (report: QuillReport) => void;
+    /** Callback when creating a new report is submitted. */
+    onSubmitCreateReport?: (report: QuillReport) => void;
+    /** The destination section for the report. */
+    destinationSection?: string;
+    /** A select component. */
+    SelectComponent?: (props: {
+        value: string | undefined | null;
+        label?: string;
+        width: number;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+        hideEmptyOption?: boolean;
+        disabled?: boolean;
+    }) => 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>>;
+    /** A button component. */
+    ButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }) => JSX.Element;
+    /** A secondary button. */
+    SecondaryButtonComponent?: (props: {
+        onClick: () => void;
+        label: string;
+        disabled?: boolean;
+        icon?: ReactNode;
+    }) => 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 label component. */
+    LabelComponent?: (props: {
+        label: string;
+    }) => JSX.Element;
+    /** A text component. */
+    TextComponent?: (props: {
+        label: string;
+    }) => 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 for the chart builder. */
+    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 table component. */
+    TableComponent?: (props: {
+        rows: {
+            [key: string]: any;
+        }[];
+        columns: {
+            field: string;
+            label: string;
+        }[];
+        isLoading?: boolean;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        currentPage?: number;
+        disableSort?: boolean;
+        hideLabels?: boolean;
+    }) => JSX.Element;
+    /** A small delete button used to click out of things. Usually an "X" icon. */
+    DeleteButtonComponent?: (props: {
+        onClick: () => void;
+    }) => JSX.Element;
+    /** A loading component to show while suggestions load. */
+    LoadingComponent?: () => 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 checkbox component. */
+    CheckboxComponent?: (props: {
+        isChecked: boolean;
+        label: string;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        disabled?: boolean;
+        containerStyle?: CSSProperties;
+    }) => JSX.Element;
+    /** A container for vertically-stacked sections of the form. */
+    ChartBuilderFormContainer?: (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 component that displays error messages.
+     */
+    ErrorMessageComponent?: (props: {
+        errorMessage: string;
+        containerStyle?: CSSProperties;
+    }) => JSX.Element;
+    /** A callback function triggered when a chart element is clicked. */
+    onClickChartElement?: (data: any) => void;
+}
+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, }: SaveReportProps) => react_jsx_runtime.JSX.Element;
+
+interface ReportTableProps {
+    reportBuilder: ReportBuilder;
+    TableComponent?: (props: {
+        rows: {
+            [key: string]: any;
+        }[];
+        columns: {
+            field: string;
+            label: string;
+        }[];
+        isLoading?: boolean;
+        rowCount?: number;
+        rowCountIsLoading?: boolean;
+        rowsPerPage?: number;
+        onPageChange?: (page: number) => void;
+        onSortChange?: (sort: {
+            field: string;
+            direction: string;
+        }) => void;
+        containerStyle?: CSSProperties;
+        disableSort?: boolean;
+    }) => JSX.Element;
+}
+declare const ReportTable: ({ reportBuilder, TableComponent, }: ReportTableProps) => react_jsx_runtime.JSX.Element;
+
+export { ALL_TENANTS, AddColumns, AddFilters, AddLimit, AddPivot, AddSort, type AxisFormat, type ButtonComponentProps, Calculation, Chart, ChartEditor, type ChartEditorProps, type ChartProps, type CheckboxComponentProps, type ColorMapType, type Column$1 as Column, type ContainerComponentProps, Dashboard, DashboardFilterType, type DashboardProps, type DashboardSectionComponentProps, DateOperator, type DateRange, type DateRangePickerComponentProps, type DateRangePickerOption, type DeleteButtonComponentProps, type DraggableColumnComponentProps, type EventBreadcrumb, type EventContext, type EventError, type EventMetadata, type EventTracking, type EventUser, type Filter, type FilterPopoverComponentProps, FilterType, type HeaderComponentProps, type HeaderProps, type InternalDashboardDateFilter, type InternalFilter, type LabelComponentProps, type LimitPopoverComponentProps, type ModalComponentProps, NullOperator, NumberOperator, type Option, type Pivot, type PopoverComponentProps, type QuillCustomInterval, type QuillCustomRelativeInterval, type QuillCustomRepeatingInterval, type QuillCustomStaticInterval, QuillProvider, type QuillProviderProps, type QuillReport, type QuillReportProps, type QuillTheme, type QuillWeekInterval, ReportBuilder$1 as ReportBuilder, type ReportBuilderColumn, type ReportBuilderLimit, type ReportBuilderProps, type ReportBuilderSort, type ReportBuilderState, ReportTable, SINGLE_TENANT, SQLEditor, type SQLEditorProps, SaveReport, SchemaListComponent, type SelectColumnComponentProps, type SelectComponentProps, type SidebarComponentProps, type SidebarHeadingComponentProps, type SortPopoverComponentProps, StaticChart, type StaticChartProps, StringOperator, Table$1 as Table, type TableComponentProps, type TableProps, type TabsComponentProps, type TextComponentProps, type TextInputComponentProps, ThemeContext, downloadCSV, quillFormat as format, useAllReports, useAskQuill, useDashboard, useDashboardInternal, useDashboardReport, useDashboardReports, useDashboards, useExport, useMemoizedRows, useQuill, useReportBuilder, useReports, useVirtualTables };