@databrainhq/plugin 0.13.0-beta.0 → 0.13.0-beta.2

package/dist/types/app.d.ts

@@ -63,6 +63,7 @@ export type CustomSettings = {
     barWidth?: number;
     barRadius?: number[];
     xRotation?: number;
+    customRotation?: number;
     hideXAxisLabels?: boolean;
     hideYAxisLabels?: boolean;
     fontSize?: number;
@@ -142,9 +143,9 @@ export type CustomSettings = {
     showStackLabels?: boolean;
     coloredBars?: boolean;
 };
-export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark';
-export type IconType = 'undo' | 'redo' | 'maximize' | 'minimize' | 'fullscreen' | 'download' | 'archive' | 'format' | 'company' | 'profile' | 'users' | 'bar-chart' | 'bar-chart-2' | 'kebab-menu-horizontal' | 'kebab-menu-vertical' | 'paint-brush' | 'funnel' | 'funnel-simple' | 'cross' | 'columns' | 'gear' | 'presentation-chart' | 'chevron-down' | 'plus' | 'info' | 'arrow-down' | 'arrow-up' | 'arrow-left' | 'arrow-right' | 'double-arrow-left' | 'double-arrow-right' | 'expand-arrows' | 'eye' | 'eye-slash' | 'database' | 'magnifying-glass' | 'pencil-simple-line' | 'pencil-simple' | 'file-sql' | 'code' | 'sign-out' | 'save' | 'delete' | 'align-space-even' | 'align-bottom' | 'align-left' | 'align-right' | 'align-top' | 'trend-up' | 'trend-up-chart' | 'caret-down-fill' | 'caret-up-fill' | 'caret-up-down' | 'pie-chart' | 'table-view' | 'task-done-file' | 'right-angle' | 'text-rotation-angle-up' | 'text-rotation-none' | 'text-rotation-up' | 'preview-file' | 'share' | 'image' | 'text' | 'color-palette' | 'shuffle' | 'table' | 'chart' | 'calendar' | 'horizontal-rule' | 'short-text' | 'subheader' | 'copy' | 'timer' | 'link' | 'not-found' | 'bar-chart-horizontal' | 'line-chart' | 'line-chart-trend-up' | 'globe' | 'map' | 'leaderboard' | 'radar' | 'scale' | 'scatter-plot' | 'tree' | 'donut-chart' | 'scatter-chart' | 'waterfall-chart' | 'area-chart' | 'bubble-chart' | 'candlestick-chart';
-export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis';
+export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark' | 'infoAlert';
+export type IconType = 'undo' | 'redo' | 'maximize' | 'minimize' | 'fullscreen' | 'download' | 'archive' | 'format' | 'company' | 'profile' | 'users' | 'bar-chart' | 'bar-chart-2' | 'kebab-menu-horizontal' | 'kebab-menu-vertical' | 'paint-brush' | 'funnel' | 'funnel-simple' | 'cross' | 'columns' | 'gear' | 'presentation-chart' | 'chevron-down' | 'plus' | 'info' | 'arrow-down' | 'arrow-up' | 'arrow-left' | 'arrow-right' | 'double-arrow-left' | 'double-arrow-right' | 'expand-arrows' | 'eye' | 'eye-slash' | 'database' | 'magnifying-glass' | 'pencil-simple-line' | 'pencil-simple' | 'file-sql' | 'code' | 'sign-out' | 'save' | 'delete' | 'align-space-even' | 'align-bottom' | 'align-left' | 'align-right' | 'align-top' | 'trend-up' | 'trend-up-chart' | 'caret-down-fill' | 'caret-up-fill' | 'caret-up-down' | 'pie-chart' | 'table-view' | 'task-done-file' | 'right-angle' | 'text-rotation-angle-up' | 'text-rotation-none' | 'text-rotation-up' | 'preview-file' | 'share' | 'image' | 'text' | 'color-palette' | 'shuffle' | 'table' | 'chart' | 'calendar' | 'horizontal-rule' | 'short-text' | 'subheader' | 'copy' | 'timer' | 'link' | 'not-found' | 'bar-chart-horizontal' | 'line-chart' | 'line-chart-trend-up' | 'globe' | 'map' | 'leaderboard' | 'radar' | 'scale' | 'scatter-plot' | 'tree' | 'donut-chart' | 'scatter-chart' | 'waterfall-chart' | 'area-chart' | 'bubble-chart' | 'candlestick-chart' | 'string' | 'boolean' | 'date' | 'number' | 'unknown' | 'array' | 'right-join' | 'left-join' | 'outer-join' | 'right-full-join' | 'left-full-join' | 'inner-join';
+export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis' | 'databrick' | 'clickhouse';
 export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type IconConfig = {
     size: IconSizes;
@@ -180,6 +181,7 @@ export type TableSettings = {
     defaultRowSize?: string;
     columnSizing?: ColumnSizingState;
     isServerSidePagination?: boolean;
+    isSortAlphabetically?: boolean;
     conditionalFormatting?: {
         columnName: string;
         rules: {
@@ -196,6 +198,7 @@ export type TableSettings = {
     badgeSeparator?: string;
     listColumns?: string[];
     listSeparator?: string;
+    stackColAlias?: string;
 };
 export type BackgroundSettings = {
     show?: boolean;
@@ -339,6 +342,9 @@ export type FloatingDropDownOption = {
     subValue?: string;
     icon?: string;
     columnList?: any;
+    labelType?: string;
+    aggregate?: string;
+    alias?: string;
 };
 export type FilterType = {
     tableName: string;
@@ -398,6 +404,12 @@ export type RlsCondition = {
     optionColumnName?: string;
     optionTableName?: string;
     filterType?: string;
+    applyOnColumns?: {
+        columnName: FloatingDropDownOption;
+        logicalOperator: FloatingDropDownOption;
+        comparisonOperator: FloatingDropDownOption;
+    }[];
+    comparisonOperator?: FloatingDropDownOption;
 };
 export type MetricData = {
     id: string;
@@ -439,3 +451,8 @@ export type MetricFilterOptionsType = Record<string, {
     options: string[] | number[] | DateTypeOptionType[];
     defaultOption?: string | number;
 }>;
+export type FilterClausesType = (column: string) => {
+    as: string;
+    columnName: string;
+    value: string | string[];
+}[];

package/dist/types/dragAndDropProps.d.ts

@@ -0,0 +1,42 @@
+export type UseDragProps = {
+    identifier: {
+        id: string;
+        type?: string;
+    };
+    data?: any;
+    modifiers?: Record<string, any>;
+    events?: {
+        onDragStart?: (event: DragEvent, data: DndStateProp) => void;
+        onDragEnd?: (event: DragEvent, data: DndStateProp) => void;
+    };
+    CustomDragPreview?: any;
+};
+export type UseDropProps = {
+    identifier: {
+        id: string;
+        accepts?: string[];
+    };
+    events?: {
+        onDragOver?: (event: DragEvent, data: DndStateProp) => void;
+        onDragEnter?: (event: DragEvent, data: DndStateProp) => void;
+        onDragLeave?: (event: DragEvent, data: DndStateProp) => void;
+        onDrop?: (event: DragEvent, data: DndStateProp) => void;
+    };
+    modifiers?: {
+        sorting?: {
+            isEnabled: boolean;
+            sortingType: 'vertical' | 'horizontal';
+            list?: any[];
+            setList?: any;
+        };
+    };
+};
+export type DndStateProp = {
+    active: (UseDragProps & {
+        DragNodeRef: any;
+    }) | null;
+    over: (UseDropProps & {
+        setDropNodeRef: any;
+    }) | null;
+    DragPreviewCreateRoot?: any;
+};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './app';
 export * from './metricCreate';
+export * from './dragAndDropProps';

package/dist/types/metricCreate.d.ts

@@ -21,7 +21,7 @@ export type EmbeddedMetricCreationProps = {
     workspaceId: string;
 };
 export type HeaderProps = {
-    Heading: string;
+    heading: string;
     setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
     isDisableSaveBtn: boolean;
     setShowSaveMetricModal: React.Dispatch<React.SetStateAction<boolean>>;
@@ -30,7 +30,18 @@ export type DatasetProps = {
     setselectTable: React.Dispatch<React.SetStateAction<FloatingDropDownOption>>;
     selectTable: FloatingDropDownOption;
     tableList: FloatingDropDownOption[];
-    columnList: ColumnData[];
+    columnList: FloatingDropDownOption[];
+    column: FloatingDropDownOption;
+    setColumn: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    onChangeTableSelection: (table: string) => void;
+    metrics: {
+        value: string;
+        label: string;
+    }[];
+    setMetrics: React.Dispatch<React.SetStateAction<{
+        value: string;
+        label: string;
+    }[]>>;
 };
 export type MetricsValue = {
     value: string;
@@ -78,11 +89,37 @@ export type MetricOutputProps = {
     isEnableGauge: boolean;
     groupbyList: any[];
     hasNumberKeys: boolean;
+    metrics: FloatingDropDownOption[];
+    dimensions: FloatingDropDownOption[];
+    createdCols: FloatingDropDownOption[];
+    configuration: DatasetMetricCreationConfiguration;
+    setCreatedCols: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    createdMetrics: FloatingDropDownOption[];
+    setCreatedMetrics: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
+    functionOptions: (col: any) => {
+        value: string;
+        label: string;
+    }[];
+    onGenerateChart: ({ param, metricParams, dimensionParams, createdDimensionParams, createdMetricParams, }: {
+        param?: DatasetMetricCreationConfiguration | undefined;
+        metricParams?: FloatingDropDownOption[] | undefined;
+        dimensionParams?: FloatingDropDownOption[] | undefined;
+        createdMetricParams?: FloatingDropDownOption[] | undefined;
+        createdDimensionParams?: FloatingDropDownOption[] | undefined;
+    }) => void;
     setQuery?: React.Dispatch<React.SetStateAction<string>>;
     setData?: React.Dispatch<React.SetStateAction<any[] | undefined>>;
     setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
     setError?: React.Dispatch<React.SetStateAction<string>>;
+    isEnableSingleDimension?: boolean;
+    isEnableSingleMetrics?: boolean;
     destinationId?: string;
+    outputHeaderProps: {
+        setShowChartCustomProperties: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowChartType: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowSortPanel: React.Dispatch<React.SetStateAction<boolean>>;
+        setShowFilters: React.Dispatch<React.SetStateAction<boolean>>;
+    };
     dbName?: string;
     previewTableDataList: any[] | undefined;
     enableQueryTab?: boolean;
@@ -98,6 +135,11 @@ export type MetricOutputProps = {
     setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
     isDisableSqlBtn: boolean;
     setShowSqlModal: React.Dispatch<React.SetStateAction<boolean>>;
+    setMetrics: React.Dispatch<React.SetStateAction<{
+        value: string;
+        label: string;
+    }[]>>;
+    setColumn: React.Dispatch<React.SetStateAction<FloatingDropDownOption[]>>;
 };
 export type CompanyIntegration = {
     id: string;
@@ -129,4 +171,173 @@ export type ComparisonLagSettings = {
     timeGrain: FloatingDropDownOption;
     periodLag: number;
 };
+export type CreatedNewColumn = {
+    columnName: FloatingDropDownOption;
+    function: FloatingDropDownOption;
+    alias: string;
+};
+export type SelectedJoin = {
+    tableName: FloatingDropDownOption;
+    conditions: {
+        firstOperand: FloatingDropDownOption;
+        secondOperand: FloatingDropDownOption;
+        operator: FloatingDropDownOption;
+    }[];
+    joinType: FloatingDropDownOption;
+};
+export type CreateNewFilter = {
+    tableName: FloatingDropDownOption;
+    columnName: FloatingDropDownOption;
+    operator: FloatingDropDownOption;
+    value: {
+        stringValue?: string;
+        numberValue?: number;
+        stringArray?: string[];
+        numberArray?: number[];
+        timeValue?: {
+            startDate: string;
+            endDate: string;
+            timeFilter: string;
+        };
+    };
+    relationOperator?: FloatingDropDownOption;
+    type: 'custom' | 'default' | 'client';
+    sql: string;
+    name: string;
+    isSaved?: boolean;
+};
+export type CreateNewSort = {
+    columnName: FloatingDropDownOption;
+    method: FloatingDropDownOption;
+    tableName: FloatingDropDownOption;
+};
+export type GetFilterDropDownType = ({ datatype, operator, }: {
+    datatype: string;
+    operator: string;
+}) => 'TIME_FILTER' | 'MULTI_FILTER_DROPDOWN' | 'INPUT_NUMBER_FIELD' | 'FILTER_DROPDOWN';
+export type JoinCondition = {
+    firstOperand: {
+        parentAlias: string;
+        columnName: string;
+    };
+    secondOperand: {
+        parentAlias: string;
+        columnName: string;
+    };
+    operator?: string;
+};
+export type Join = {
+    conditions: JoinCondition[];
+    name: string;
+    alias: string;
+    schema: string;
+    joinType?: string;
+};
+export type Table = {
+    name: string;
+    alias: string;
+    schema: string;
+    id: string;
+    joins: Join[];
+};
+export type Aggregate = {
+    method: string;
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    type: 'custom' | 'default';
+    dataType: string;
+};
+export type Dimension = {
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    timeGrain?: string;
+    type: 'custom' | 'default';
+    dataType: string;
+    helperFunction?: string;
+};
+export type Filter = {
+    method: string;
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    value: string | number | string[] | number[] | {
+        startDate: string;
+        endDate: string;
+        timeFilter: string;
+    };
+    type: 'custom' | 'default' | 'agr' | 'dimension' | 'time' | 'client' | 'rls_filter';
+    dataType: string;
+    relationOperator?: 'AND' | 'OR';
+};
+export type Order = {
+    method: string;
+    name: string;
+};
+export type Forcast = {
+    isEnable: boolean;
+    forecastPeriods: number;
+    modelName: string;
+    confidenceInterval: number;
+    timeColumnName: string;
+    measureColumnName: string;
+    timeGrain: string;
+    yearlySeasonality: boolean;
+    weeklySeasonality: boolean;
+    dailySeasonality: boolean;
+    orderP: number;
+    orderD: number;
+    orderQ: number;
+    trend: {
+        value: string;
+        label: string;
+    };
+    growth: string;
+};
+export type GroupByColumn = {
+    columnName: string;
+    alias: string;
+    parentAlias: string;
+    timeGrain?: string;
+    helperFunction?: string;
+    type: 'custom' | 'default';
+    dataType: string;
+};
+export type TableType = string;
+export type DatasetMetricCreationConfiguration = {
+    table: Table;
+    aggregates: Aggregate[];
+    dimensions: Dimension[];
+    filters: Filter[];
+    orders: Order[];
+    limit: string;
+    isEnableDrill: boolean;
+    forecast?: Forcast;
+    rlsValues?: Record<string, string | number>;
+    groupByColumnList?: GroupByColumn[];
+};
+export type ConfigType = {
+    clientId: string;
+    companyId: string;
+    isLiveMode: boolean;
+    externalDashboardId: string;
+    userProvidedDashboardId: string;
+    chartColors: string[] | undefined;
+    isShowMetricCreateModal: boolean;
+    setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
+    metric: ExternalMetrics | undefined;
+    metricData: Record<string, any>[] | undefined;
+};
+export type DatasetConfig = {
+    clientSubsetData: any;
+    clientId: string;
+    setError: React.Dispatch<React.SetStateAction<string>>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    setData: React.Dispatch<React.SetStateAction<any[] | undefined>>;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    setGroupByList: React.Dispatch<React.SetStateAction<string[]>>;
+    chart: string;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+};
 export {};

package/dist/types/queryTypes.d.ts

@@ -1,3 +1,4 @@
+import { DatasetMetricCreationConfiguration } from './metricCreate';
 export type UseDashboardDataQueryInputType = {
     token: string;
     dashboardId?: string;
@@ -60,6 +61,10 @@ export type UseMetricColumnMutationInputType = {
     columnName?: string;
     wId?: string;
     filter?: Record<string, any>;
+    customTable?: {
+        query: string;
+        alias: string;
+    };
 };
 export type UseMetricUnderlyingDataMutationInputType = {
     columnName?: string;
@@ -164,6 +169,11 @@ export type UseGenerateMetricMutationInputType = {
     integrationName?: string;
     integrationId?: string;
 };
+export type UseDatatsetMetricMutationInputType = {
+    cId: string;
+    configuration: DatasetMetricCreationConfiguration;
+    id: string;
+};
 export type UseCreateMetricMutationInputType = {
     chartOptions?: any;
     companyId?: string;