@databrainhq/plugin 0.15.57 → 0.15.59

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+type AccordionProps = {
+    title: string;
+    content: React.ReactNode;
+    width?: string;
+    isOpen?: boolean;
+    badge?: React.ReactNode;
+    setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    headerButton?: React.ReactNode;
+};
+export declare const Accordion: React.FC<AccordionProps>;
+type AccordionV2Props = {
+    footer?: React.ReactNode;
+    isEnableEditBtn?: boolean;
+    editBtnOnClick?: () => void;
+    isNoPadding?: boolean;
+} & AccordionProps;
+export declare const AccordionV2: React.FC<AccordionV2Props>;
+type AccordionV3Props = {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    content: React.ReactNode;
+    headerButton?: React.ReactNode;
+    isOpen?: boolean;
+    width?: string;
+    id?: string;
+    setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const AccordionV3: ({ content, footer, header, isOpen, width, setIsOpen, headerButton, id, }: AccordionV3Props) => React.JSX.Element;
+type AccordionV4Props = {
+    headerIcon?: React.ReactNode;
+} & AccordionV3Props;
+export declare const AccordionV4: ({ content, footer, header, headerIcon, isOpen, width, setIsOpen, headerButton, }: AccordionV4Props) => React.JSX.Element;
+export {};

package/dist/components/AceEditorSql/AceEditorSql.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    onChange?: any;
+    value?: string;
+    onExecute?: (value?: string) => void;
+    editorRef: any;
+    isDisabled?: boolean;
+    placeholder?: string;
+}
+declare const AceEditorSql: ({ onChange, value, onExecute, editorRef, isDisabled, placeholder, }: Props) => React.JSX.Element;
+export default AceEditorSql;

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Colors } from '@/types';
+export type AlertProps = {
+    text: string;
+    children?: React.ReactNode;
+    variant?: 'primary' | 'warning' | 'error' | 'success' | 'info';
+    hideInfoIcon?: boolean;
+    className?: string;
+    childrenClassName?: string;
+    textColor?: Colors;
+};
+export declare const Alert: ({ variant, text, children, hideInfoIcon, className, childrenClassName, textColor, }: AlertProps) => React.JSX.Element;

package/dist/components/AutoCompleteDropdown/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FloatingDropDownOption, OnChangeAliasParams, OnChangeHelperFunctionParams, SelectedColumn } from '@/types';
+export type AutoCompleteDropdownProps = {
+    setSelectedOptions: React.Dispatch<React.SetStateAction<SelectedColumn[]>>;
+    onSubmitSearch?: () => void;
+    selectedOption: SelectedColumn[];
+    options: SelectedColumn[];
+    label?: string;
+    isDisabled?: boolean;
+    placeholder?: string;
+    functionOptions?: (col?: SelectedColumn | undefined, colDatatype?: string | undefined) => FloatingDropDownOption[];
+    onChangeHelperFunction?: ({ column, helperFunction, functionConfiguration, type, }: OnChangeHelperFunctionParams) => void;
+    onChangeAlias: ({ alias, column }: OnChangeAliasParams) => void;
+    position?: 'top' | 'bottom';
+    setKeyWords?: React.Dispatch<React.SetStateAction<string[]>>;
+    isSaveKeyword?: boolean;
+    setSaveKeyword?: React.Dispatch<React.SetStateAction<boolean>>;
+    setSearchQuestion?: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare const AutoCompleteDropdown: ({ label, selectedOption, setSelectedOptions, options, isDisabled, placeholder, functionOptions, onChangeHelperFunction, onChangeAlias, position, setKeyWords, isSaveKeyword, setSaveKeyword, onSubmitSearch, setSearchQuestion, }: AutoCompleteDropdownProps) => React.JSX.Element;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    label: string | number;
+    varaint?: 'warning' | 'success' | 'success-light' | 'danger' | 'danger-light' | 'primary' | 'secondary' | 'info' | 'gray' | 'xs' | 'alert-badge' | 'success-badge';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    onClick?: () => void;
+    indicator?: JSX.Element;
+};
+export declare const Badge: React.FC<Props>;
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    isDisabled?: boolean;
+    variant: 'primary' | 'secondary' | 'tertiary' | 'tab' | 'popover';
+    leftIcon?: JSX.Element;
+    rightIcon?: JSX.Element;
+    fitContainer?: boolean;
+    size?: 'small' | 'regular';
+    dataTestTitle?: string;
+    id?: string;
+}
+/** A basic button. Any props that are not explicitly called out below will be passed through to the native Button component. */
+export declare const Button: ({ isDisabled, type, children, variant, onClick, size, title, leftIcon, rightIcon, fitContainer, className, dataTestTitle, id, ...props }: Props) => React.JSX.Element;
+export {};

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FloatingDropDownOption } from '@/types';
+type ButtonGroupProps = {
+    label?: string;
+    options: FloatingDropDownOption[];
+    isDisabled?: boolean;
+    dataTestTitle?: string;
+    selectedOption: FloatingDropDownOption;
+    onChange: (option: FloatingDropDownOption) => void;
+    isimportant?: boolean;
+    id?: string;
+    isHideLabel?: boolean;
+    tooltipPosition?: 'top' | 'bottom';
+};
+export declare const ButtonGroup: ({ label, options, isDisabled, dataTestTitle, onChange, selectedOption, isimportant, isHideLabel, id, tooltipPosition, ...props }: ButtonGroupProps) => React.JSX.Element;
+export {};

package/dist/components/Chart/SingleValueChart.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { ClickActionsConfig } from '@/types';
+export type SingleValueChartProps = {
+    settings?: {
+        fontSize?: number;
+        subHeaderFontSize?: number;
+        subHeaderShow?: boolean;
+        displayText?: string;
+        comparisonValueFontSize?: number;
+        comparisonTimePeriod?: number;
+        comparisonTimeGrain?: string;
+        comparisonSuffix?: string;
+        fontColor?: string;
+        suffix?: string;
+        prefix?: string;
+        conditionalFormatter?: {
+            min: number;
+            max: number;
+            color: string;
+        }[];
+        isEnableTruncate?: boolean;
+        truncateValue?: number;
+        upVariant?: string;
+        downVariant?: string;
+        metricCardColor?: string;
+    };
+    value: string | number;
+    hideBorder?: boolean;
+    chartClickConfig?: ClickActionsConfig['chart'];
+    className?: string;
+    onChartReady?: () => void;
+    comparisonValue?: string;
+    trendLineOptions?: any;
+    events?: any;
+    originalValue?: string | number;
+    variables: Record<string, any>;
+};
+declare const _default: React.MemoExoticComponent<({ value, settings, chartClickConfig, hideBorder, className, onChartReady, comparisonValue, trendLineOptions, events, originalValue, variables, }: SingleValueChartProps) => React.JSX.Element>;
+export default _default;

package/dist/components/Chart/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { ChartAppearanceType, ChartSettingsType, OnDrillPivotTableParams, PivotDrillState } from '@/types';
+export type ChartProps = {
+    chartOptions: ChartSettingsType;
+    data: Record<string, any>[];
+    events?: Record<string, Function>;
+    config?: Record<string, any>;
+    className?: string;
+    colors?: string[];
+    isShowFullScreen?: boolean;
+    isShowFullScreenEnabled?: boolean;
+    filterValues?: Record<string, any>;
+    onMaximize?: () => void;
+    onDrillPivotTable?: (value: OnDrillPivotTableParams) => void;
+    pivotDrillState: PivotDrillState;
+    isPythonMode?: boolean;
+    sortOrder?: string;
+    seriesName?: string;
+    isSortReversed?: boolean;
+    chartHeight?: number;
+    chartAppearance?: ChartAppearanceType;
+    metricCardColor?: string;
+    isMetricCard?: boolean;
+    externalGlobalFilter?: any[];
+    setExternalGlobalFilter?: (value: React.SetStateAction<any[]>) => void;
+    variables?: Record<string, any>;
+};
+export type MemoizedChartProps = {
+    chartOptions: ChartSettingsType;
+    events?: Record<string, Function>;
+    config?: Record<string, any>;
+    className?: string;
+    chartHeight?: number;
+    hasDecreasedHeight?: boolean;
+    zoomOptions?: any;
+    options: any;
+};
+/**
+ * @name Chart - The metric visualization component.
+ * @prop chartOptions - the chart properties saved in the database.
+ * @prop data - the array of objects/records returned by the querying.
+ * @prop events (optional) - the click, change, etc. events to be added to the chart.
+ * @prop config (optional) - any additional chart specific props to be passed to the respective charts e.g. table, single value.
+ * @prop className (optional) - the usual className prop to provide styles.
+ * @prop colors (optional) - the admin provided chart color palettes.
+ * @returns JSX - chart visaulization content.
+ */
+export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className, isShowFullScreen, isShowFullScreenEnabled, sortOrder, onMaximize, onDrillPivotTable, pivotDrillState, isPythonMode, seriesName, isSortReversed, chartHeight, chartAppearance, metricCardColor, isMetricCard, externalGlobalFilter, setExternalGlobalFilter, variables, }: ChartProps) => React.JSX.Element>;

package/dist/components/ChartModal/ChartConfig.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types';
+type Props = {
+    data?: Record<string, any>[];
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+    groupbyList: any[];
+};
+export declare const ChartConfig: ({ data, chartSettings, setChartSettings, groupbyList, }: Props) => React.JSX.Element;
+export {};

package/dist/components/ChartModal/ChartModalOptions.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CHART_TYPES } from '@/consts';
+type ChartType = keyof typeof CHART_TYPES;
+type Props = {
+    onChartChange: (chartType: ChartType) => void;
+    chartType: ChartType;
+    isEnableTimeSeries: boolean;
+    isEnablePivotTable: boolean;
+    hasNumberKeys: boolean;
+    isEnableGauge: boolean;
+    enableCharts: string[];
+};
+export declare const ChartModalOptions: ({ chartType, onChartChange, isEnableTimeSeries, isEnablePivotTable, hasNumberKeys, isEnableGauge, enableCharts, }: Props) => React.JSX.Element;
+export {};

package/dist/components/ChartModal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartConfig';
+export * from './ChartModalOptions';
+export * from './SelectField';

package/dist/components/ChartPopup/components/UnderlyingData/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { RawCsvDownloadButtonProps } from '@/components';
+import { ClientColumnType, GetUnderlyingData } from '@/types';
+type UnderlyingDataProps = {
+    setShowUnderlyingData: React.Dispatch<React.SetStateAction<boolean>>;
+    isShowUnderlyingData: boolean;
+    value: any;
+    getUnderlyingData: GetUnderlyingData;
+    columnName: string | undefined;
+    isSingleValueChart: boolean;
+    clientColumnType: ClientColumnType;
+    rawCsvDownloadButtonProps: RawCsvDownloadButtonProps;
+};
+declare const _default: React.MemoExoticComponent<({ isShowUnderlyingData, setShowUnderlyingData, getUnderlyingData, columnName, value, isSingleValueChart, clientColumnType, rawCsvDownloadButtonProps, }: UnderlyingDataProps) => React.JSX.Element>;
+export default _default;

package/dist/components/ChartPopup/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { RawCsvDownloadButtonProps } from '@/components';
+import { ClientColumnType, GetUnderlyingData } from '@/types';
+export type ChartPopupProps = React.PropsWithChildren & {
+    getUnderlyingData: GetUnderlyingData;
+    value: any;
+    columnName: string | undefined;
+    menuClass?: string;
+    menuContainerClass?: string;
+    isOpen: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    elementRef?: {
+        containerRef: React.RefObject<HTMLDivElement>;
+        event: any;
+    };
+    isSingleValueChart: boolean;
+    isGaugeChart: boolean;
+    isEnableSort?: boolean;
+    setSortOrder?: React.Dispatch<React.SetStateAction<string>>;
+    isInavlidForSort?: boolean;
+    clientColumnType: ClientColumnType;
+    isAllowedToSeeUnderlyingData?: boolean;
+    position?: 'left' | 'right' | 'top' | 'bottom' | 'left-bottom-end' | 'right-bottom-end' | 'left-top-end' | 'right-top-end' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top' | 'center' | 'dynamic';
+    rawCsvDownloadButtonProps: RawCsvDownloadButtonProps;
+};
+export declare const ChartPopup: ({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, isEnableSort, getUnderlyingData, elementRef, isSingleValueChart, isGaugeChart, setSortOrder, isInavlidForSort, clientColumnType, isAllowedToSeeUnderlyingData, rawCsvDownloadButtonProps, }: ChartPopupProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<({ position, menuContainerClass, menuClass, isOpen, setOpen, value, columnName, isEnableSort, getUnderlyingData, elementRef, isSingleValueChart, isGaugeChart, setSortOrder, isInavlidForSort, clientColumnType, isAllowedToSeeUnderlyingData, rawCsvDownloadButtonProps, }: ChartPopupProps) => React.JSX.Element>;
+export default _default;

package/dist/components/ChartReportPanel/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PanelProps } from '@/components';
+type Props = Pick<PanelProps, 'isOpen' | 'onClose'> & {
+    report: string;
+    isLoading: boolean;
+    subText?: string;
+    zIndex?: number;
+};
+export declare const ChatReportPanel: ({ isOpen, onClose, report, isLoading, subText, zIndex, }: Props) => React.JSX.Element;
+export {};

package/dist/components/ChartSettingsPopup/ChartSettingsPopup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types';
+export type ChartSettingsPopupProps = {
+    data?: Record<string, any>[];
+    settings: ChartSettingsType;
+    setSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+    isEnablePivotTable: boolean;
+    groupbyList: any[];
+    hasNumberKeys: boolean;
+    isEnableGauge: boolean;
+    isShowChartConfigTab?: boolean;
+};
+export declare const ChartSettingsPopup: ({ data, settings, setSettings, isEnablePivotTable, groupbyList, hasNumberKeys, isEnableGauge, isShowChartConfigTab, }: ChartSettingsPopupProps) => React.JSX.Element;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/ComboAxisSettings/AxisSettings.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ChartSettingsType, ComboAxisSettingsType } from '@/types';
+type Props = {
+    chartSettings: ChartSettingsType;
+    setChartSettings: (value: React.SetStateAction<ChartSettingsType>) => void;
+    axis: ComboAxisSettingsType;
+    setMergeAxis: React.Dispatch<React.SetStateAction<string>>;
+};
+declare const AxisSettings: ({ chartSettings, setChartSettings, axis, setMergeAxis, }: Props) => React.JSX.Element;
+export default AxisSettings;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/ComboAxisSettings/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types';
+type Props = {
+    chartSettings: ChartSettingsType;
+    setChartSettings: (value: React.SetStateAction<ChartSettingsType>) => void;
+};
+declare const ComboAxisSettings: ({ chartSettings, setChartSettings }: Props) => React.JSX.Element;
+export default ComboAxisSettings;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/PositionContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    val: string | undefined;
+    onClick: (value: string) => void;
+    isDisableCenterPositioning?: boolean;
+};
+declare const PositionContainer: ({ val, onClick, isDisableCenterPositioning, }: Props) => React.JSX.Element;
+export default PositionContainer;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ChartSettingsType, FloatingDropDownOption } from '@/types/app';
+import { ComparisonLagSettings } from '@/types';
+export type ComparisonLagProps = {
+    setComparisonLagSettings: React.Dispatch<React.SetStateAction<ComparisonLagSettings>>;
+    comparisonLagSettings: ComparisonLagSettings;
+    dateTimeColumnList: FloatingDropDownOption[];
+    onSaveComparisonLag: () => void;
+    onDisableComparisonSettings?: () => void;
+} | undefined;
+type Props = {
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+    setBarRadius: React.Dispatch<React.SetStateAction<{
+        topRadius: number;
+        bottomRadius: number;
+    }>>;
+    comparisonLagProps?: ComparisonLagProps;
+    setResetPallete?: React.Dispatch<React.SetStateAction<boolean>>;
+    onChangeTimeseriesFormat?: (value: FloatingDropDownOption) => void;
+    isChatMode?: boolean;
+    onChange?: (chartSettings: ChartSettingsType) => void;
+    globalFilterOptions?: FloatingDropDownOption[];
+};
+export declare const ChartConfigure: ({ chartSettings, setChartSettings, setBarRadius, comparisonLagProps, setResetPallete, onChangeTimeseriesFormat, isChatMode, onChange, globalFilterOptions, }: Props) => React.JSX.Element;
+export {};

package/dist/components/ChartSettingsPopup/components/ChartSettings/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ChartSettingsType } from '@/types/app';
+type Props = {
+    data: any[] | undefined;
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+    isEnablePivotTable: boolean;
+    groupbyList: any[];
+    hasNumberKeys: boolean;
+    isEnableGauge: boolean;
+    isShowChartConfigTab?: boolean;
+};
+export declare const ChartSettings: ({ data, chartSettings, setChartSettings, isEnablePivotTable, groupbyList, hasNumberKeys, isEnableGauge, isShowChartConfigTab, }: Props) => React.JSX.Element;
+export {};

package/dist/components/ChartSettingsPopup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartSettingsPopup';
+export * from './components/ChartConfigure';
+export * from './components/ChartSettings';

package/dist/components/ChartTypePanel/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CHART_TYPES } from '@/consts';
+type ChartType = keyof typeof CHART_TYPES;
+type Props = {
+    onChartChange: (chartType: ChartType) => void;
+    selectedChart: ChartType;
+    enabledCharts: string[];
+    isOpen: boolean;
+    onClose: () => void;
+    zIndex?: number;
+};
+export declare const ChartTypePanel: ({ chartTypePanelProps: { onChartChange, enabledCharts, selectedChart, isOpen, onClose, zIndex, }, }: {
+    chartTypePanelProps: Props;
+}) => React.JSX.Element;
+export {};

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,11 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+import React from 'react';
+interface Props extends React.HTMLProps<HTMLInputElement> {
+    label?: string;
+    register?: UseFormRegisterReturn;
+    isDisabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    isUseInputLabel?: boolean;
+}
+export declare const Checkbox: ({ register, label, isDisabled, id, checked, onChange, isUseInputLabel, ...rest }: Props) => React.JSX.Element;
+export {};

package/dist/components/ColorField/ColorField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type Props = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+    isDisabled?: boolean;
+};
+export declare const ColorField: ({ name, value, onChange, defaultValue, placeholder, label, className, isDisabled, }: Props) => React.JSX.Element;
+export {};

package/dist/components/DataType/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconSizes } from '@/types';
+type Props = {
+    datatype: string;
+    className?: string;
+    size?: IconSizes;
+};
+export declare const DataType: ({ datatype, className, size, }: Props) => React.JSX.Element;
+export {};

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export declare const options: {
+    type: string;
+    label: string;
+    startOffset: number;
+    endOffset: number;
+}[];
+export type DateOption = {
+    startDate: Date | undefined;
+    endDate: Date | undefined;
+    timeGrainValue: string;
+    value: string;
+} | undefined;
+type Props = {
+    label: string;
+    placeholder?: string;
+    onChange?: (option: DateOption) => void;
+    defaultValues?: {
+        startDate: Date;
+        endDate: Date;
+        timeGrainValue: string;
+    };
+    isDateReset?: boolean;
+    variant?: 'static' | 'floatingLabel';
+    minDate?: Date;
+    maxDate?: Date;
+    buttonWidth?: string;
+    isEnableSingleDate?: boolean;
+    radius?: string;
+    isFilter?: boolean;
+    isDisabled?: boolean;
+    dataTestTitle?: string;
+    hideDatePickerOptions?: string[];
+};
+export declare const DateRangePicker: React.FC<Props>;
+export default DateRangePicker;

package/dist/components/DraggableItem/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { UseDragProps } from '@/types';
+type DraggableItemProps = UseDragProps & {
+    renderItem: (DragNodeRef: React.MutableRefObject<any>, isDragging?: boolean) => JSX.Element;
+};
+export declare const DraggableItem: React.FC<DraggableItemProps>;
+export {};

package/dist/components/DrillBreadCrumb/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const DrillBreadCrumb: ({ dimensions, drilledLevel, onResetLevel, onDrillLevelClick, isMetricCard, isMetricFilter, drillType, drillFilters, isShowBreadCrumb, }: {
+    dimensions: string[];
+    drilledLevel: number;
+    onResetLevel: () => void;
+    onDrillLevelClick: (value: number) => void;
+    isMetricCard?: boolean | undefined;
+    isMetricFilter?: boolean | undefined;
+    drillType?: string | undefined;
+    drillFilters?: {
+        columnName: string;
+        value: any;
+    }[] | undefined;
+    isShowBreadCrumb?: boolean | undefined;
+}) => React.JSX.Element;
+export default DrillBreadCrumb;

package/dist/components/Error/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ErrorMessageProps = {
+    message?: string;
+};
+export declare const Error: ({ message }: ErrorMessageProps) => React.JSX.Element;
+export {};

package/dist/components/ErrorFallback/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ErrorFallback: () => React.JSX.Element;

package/dist/components/ExternalMetricForm/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FieldValues } from 'react-hook-form';
+type ExternalMetricProps = {
+    onSubmit: (values: FieldValues, isElement: boolean) => void;
+    defaultValues?: FieldValues;
+    onCancel: () => void;
+    error?: string;
+    isCreatingMetric?: boolean;
+};
+export declare const ExternalMetricForm: React.FC<ExternalMetricProps>;
+export {};

package/dist/components/FileUploader/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    handleFileUpload: (files: File[]) => void;
+};
+export declare const FileUploader: ({ handleFileUpload }: Props) => React.JSX.Element;
+export {};

package/dist/components/FilterDropDown/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { MultiSelectDropdownProps } from '@/components/MultiSelectDropdown';
+import { RlsFilterObjectType } from '@/types/app';
+import { FloatingDropDownProps } from '@/components/FloatingDropDown';
+export type FilterClause = {
+    columnName?: string;
+    value?: string | string[];
+    as?: string;
+};
+export type FilterDropDownProps = Omit<FloatingDropDownProps, 'options'> & {
+    filter: Pick<RlsFilterObjectType, 'columnName' | 'tableName' | 'defaultValue' | 'value' | 'labelColumnName'>;
+    autoSelected?: boolean;
+    workspaceId: string;
+    filterClause?: FilterClause[];
+    isDisableLabel?: boolean;
+    customTable?: {
+        query: string;
+        alias: string;
+    };
+    isFilter?: boolean;
+    datasourceId: string;
+};
+export declare const FilterDropDown: React.MemoExoticComponent<({ filter, onChange, selectedOption, autoSelected, workspaceId, filterClause, isDisableLabel, customTable, isFilter, dataTestTitle, isClearEnabled, datasourceId, ...rest }: FilterDropDownProps) => React.JSX.Element>;
+export type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'filter' | 'label' | 'workspaceId' | 'filterClause' | 'customTable' | 'isAutoSelectOption'> & Omit<MultiSelectDropdownProps, 'options'> & {
+    isDisablelabel?: boolean;
+    radius?: string;
+    isFilter?: boolean;
+    isSelectAllEnabled?: boolean;
+    isSelectAllOn?: boolean;
+    datasourceId: string;
+};
+export declare const MultiFilterDropdown: React.FC<MultiFilterDropDownProps>;

package/dist/components/FilterField/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { FloatingDropDownOption } from '@/types';
+export type FilterFieldType = {
+    column: string;
+    labelColumnName?: string;
+    operator: string;
+    applyOnTables?: {
+        tableName: string;
+        columnName: string;
+        dataType: string;
+        isCustomSql?: boolean;
+        isApplyOnAssociatedTable?: boolean;
+    }[];
+    value?: string | string[] | number | number[] | boolean | boolean[] | null | Record<string, any>;
+    as?: string;
+    defaultValues?: any;
+    filterType?: 'global' | 'horizontal';
+    isFilterApplied?: boolean;
+    isVariableFilter?: boolean;
+    variableStrings?: string[];
+    label: string;
+    filterVariant?: FloatingDropDownOption;
+    selectedDropdownValue?: FloatingDropDownOption | FloatingDropDownOption[];
+    restrictedMetrics?: FloatingDropDownOption[];
+};
+export type FilterFieldProps = {
+    tableName: string;
+    filter: {
+        name: string;
+        dataType: string;
+        as: string;
+    };
+    isResetted: boolean;
+    onChange: (field: FilterFieldType) => void;
+    workspaceId: string;
+    datasourceId: string;
+};
+export declare const isInFilterOperator: (input: string) => boolean;
+export declare const isNullFilterOperator: (input: string) => boolean;
+export declare const FilterField: React.FC<FilterFieldProps>;

package/dist/components/Flex/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const Flex: React.MemoExoticComponent<({ direction, justify, width, maxWidth, height, className, alignItems, flexWrap, children, }: {
+    direction?: "row" | "col" | undefined;
+    justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | undefined;
+    width?: string | undefined;
+    maxWidth?: string | undefined;
+    height?: string | undefined;
+    className?: string | undefined;
+    alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
+    flexWrap?: "wrap" | "reverse" | "nowrap" | null | undefined;
+    children: ReactNode;
+}) => React.JSX.Element>;