@databrainhq/plugin 0.14.45 → 0.14.47

package/dist/components/MetricFilterDropDown/components/OldMetricFilterComponents.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FilterClause } from '@/components';
+import { MetricFilterDemoThemeType, OnChangeFilterValueType, RlsCondition } from '@/types';
+type OldMetricFilterComponentProps = {
+    filter: RlsCondition;
+    onChangeFilterValue: OnChangeFilterValueType;
+    className: string;
+    isVariableFilter: boolean;
+    dropdownTheme?: MetricFilterDemoThemeType;
+    workspaceId: string;
+    filterClause: FilterClause[];
+};
+export declare const OldMetricFilterComponents: ({ props: { filter, onChangeFilterValue, className, isVariableFilter, dropdownTheme, filterClause, workspaceId, }, }: {
+    props: OldMetricFilterComponentProps;
+}) => React.JSX.Element;
+export {};

package/dist/components/MetricFilterDropDown/components/SearchField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { OnChangeFilterValueType } from '@/types';
+export declare const SearchField: ({ name, onChangeFilterValue, value, }: {
+    value: string;
+    name: string;
+    onChangeFilterValue: OnChangeFilterValueType;
+}) => React.JSX.Element;

package/dist/components/MetricFilterDropDown/components/StringAutoCustomFilterField.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FilterClause } from '@/components/FilterDropDown';
+import { MetricFilterDemoThemeType, OnChangeFilterValueType, RlsCondition } from '@/types';
+type StringAutoCustomFilterFieldProps = {
+    filter: RlsCondition;
+    tenancyLevel: string;
+    clientId: string;
+    isAllClient: boolean;
+    onChangeFilterValue: OnChangeFilterValueType;
+    dropdownTheme?: MetricFilterDemoThemeType;
+    workspaceId: string;
+    filterClause: FilterClause[];
+};
+export declare const StringAutoCustomFilterField: ({ props: { filter, tenancyLevel, clientId, isAllClient, onChangeFilterValue, dropdownTheme, workspaceId, filterClause, }, }: {
+    props: StringAutoCustomFilterFieldProps;
+}) => React.JSX.Element;
+export {};

package/dist/components/MetricFilterDropDown/components/StringManualFilterField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MetricFilterDemoThemeType, OnChangeFilterValueType, RlsCondition } from '@/types';
+type StringManualFilterFieldProps = {
+    filter: RlsCondition;
+    onChangeFilterValue: OnChangeFilterValueType;
+    dropdownTheme?: MetricFilterDemoThemeType;
+};
+export declare const StringManualFilterField: ({ props: { filter, onChangeFilterValue, dropdownTheme }, }: {
+    props: StringManualFilterFieldProps;
+}) => React.JSX.Element;
+export {};

package/dist/components/MetricFilterDropDown/components/TimeFilterField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MetricFilterDemoThemeType, OnChangeFilterValueType, RlsCondition } from '@/types';
+type TimeFilterFieldProps = {
+    filter: RlsCondition;
+    dropdownTheme?: MetricFilterDemoThemeType;
+    onChangeFilterValue: OnChangeFilterValueType;
+};
+export declare const TimeFilterField: ({ props: { filter, dropdownTheme, onChangeFilterValue }, }: {
+    props: TimeFilterFieldProps;
+}) => React.JSX.Element;
+export {};

package/dist/components/MetricFilterDropDown/components/VariableTimeFilterField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MetricFilterDemoThemeType, OnChangeFilterValueType, RlsCondition } from '@/types';
+type VariableTimeFilterFieldProps = {
+    filter: RlsCondition;
+    dropdownTheme?: MetricFilterDemoThemeType;
+    onChangeFilterValue: OnChangeFilterValueType;
+};
+export declare const VariableTimeFilterField: ({ props: { filter, dropdownTheme, onChangeFilterValue }, }: {
+    props: VariableTimeFilterFieldProps;
+}) => React.JSX.Element;
+export {};

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

@@ -1,20 +1,21 @@
 import React from 'react';
-import { FloatingDropDownOption, RlsCondition } from '@/types';
+import { FloatingDropDownOption, MetricFilterDemoThemeType, RlsCondition } from '@/types';
 type Props = {
-    rlsConditions?: RlsCondition;
+    rlsConditions: RlsCondition;
     onChangeFilterValue?: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
     workspaceId: string;
     clientId?: string;
     className?: string;
     rlsConditionList: RlsCondition[];
     isAllClient?: boolean;
-    dropdownTheme?: {
-        width: string;
-        variant: 'static' | 'floating';
-        radius: string;
-    };
+    dropdownTheme?: MetricFilterDemoThemeType;
     tenancyLevel?: string;
 };
+export type DateSelectedOption = {
+    value: string;
+    label: string;
+    labelType?: string;
+};
 export declare const MetricFilterDropDown: ({ rlsConditions, onChangeFilterValue, workspaceId, clientId, className, rlsConditionList, isAllClient, dropdownTheme, tenancyLevel, }: Props) => React.JSX.Element;
 declare const _default: React.MemoExoticComponent<({ rlsConditions, onChangeFilterValue, workspaceId, clientId, className, rlsConditionList, isAllClient, dropdownTheme, tenancyLevel, }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -5,6 +5,8 @@ type PopoverMenuStateProp = {
     id: string;
     isOpen?: boolean;
     setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
+    isMenuOpen?: boolean;
+    setMenuOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     popperElement?: Node | HTMLDivElement | null;
     referenceElement?: Node | HTMLDivElement | null;
 };
@@ -23,6 +25,9 @@ export type PopoverMenuProps = React.PropsWithChildren & {
     bgColor?: Colors;
     autoCloseParent?: boolean;
     getIsOpen?: (isOpen: boolean) => void;
+    isClearEnabled?: boolean;
+    isMenuOpen?: boolean;
+    setMenuOpen?: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export declare const PopoverMenu: React.FC<PopoverMenuProps>;
 export {};

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

@@ -3,6 +3,7 @@ type Props = {
     height?: string;
     className?: string;
     variant?: 'table' | 'card' | 'list';
+    tableRows?: number;
 };
-export declare const SkeletonLoader: ({ height, className, variant }: Props) => React.JSX.Element;
+export declare const SkeletonLoader: ({ height, className, variant, tableRows, }: Props) => React.JSX.Element;
 export {};

package/dist/consts/api.d.ts

@@ -1,4 +1,4 @@
-export declare const API_BASE_URL: string;
+export declare const API_BASE_URL: any;
 export declare const DASHBOARD_PATH = "/api/v2/dashboard";
 export declare const METRIC_PATH = "/api/v2/metric";
 export declare const DASHBOARD_DATA_QUERY = "dashboardData";

package/dist/consts/app.d.ts

@@ -90,8 +90,35 @@ export declare const RAW_CSV_OPTIONS: string[];
 export declare const NONE = "NONE";
 export declare const REQUESTED = "REQUESTED";
 export declare const AVAILABLE = "AVAILABLE";
+export declare const NA_VALUE = "N/A";
 export declare const NUMBER_FORMAT: {
     label: string;
     value: string;
 }[];
-export declare const ICONS_LIST: readonly ["circle", "group-by", "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", "full-join", "version-history", "roles"];
+export declare const ICONS_LIST: readonly ["new-window", "circle", "group-by", "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", "full-join", "version-history", "roles"];
+export declare const NUMBER = "number";
+export declare const STRING = "string";
+export declare const BOOLEAN = "boolean";
+export declare const DEFAULT = "default";
+export declare const DATE = "date";
+export declare const AND = "AND";
+export declare const IS_NOT_NULL = "IS NOT NULL";
+export declare const AS_SIGNED = "AS SIGNED";
+export declare const AS_BIGINT = "AS BIGINT";
+export declare const AS_VARCHAR = "AS VARCHAR";
+export declare const AS_CHAR = "AS CHAR";
+export declare const AS_STRING = "AS STRING";
+export declare const AS_DATE = "AS DATE";
+export declare const CAST = "CAST";
+export declare const IN = "IN";
+export declare const EQUAL_OPERATOR = "=";
+export declare const YEAR = "year";
+export declare const LAST = "last";
+export declare const LIKE = "like";
+export declare const MULTI_SELECT = "MULTI_SELECT";
+export declare const SINGLE_SELECT = "SINGLE_SELECT";
+export declare const SEARCH = "SEARCH";
+export declare const DATE_PICKER = "DATE_PICKER";
+export declare const NUMBER_FIELD = "NUMBER_FIELD";
+export declare const BETWEEN = "BETWEEN";
+export declare const CUSTOM = "custom";

package/dist/consts/metricOptions.d.ts

@@ -126,3 +126,4 @@ export declare const POSTGRES = "postgres";
 export declare const MONGODB = "mongodb";
 export declare const DATABRICKS = "databricks";
 export declare const CLICKHOUSE = "clickhouse";
+export declare const CUSTOM_FILTER_TABLE_ALIAS = "custom_table_alias_rls";

package/dist/helpers/adaptiveFormatter.d.ts

@@ -0,0 +1,6 @@
+/**
+ *  @name adaptiveFormatter - helps in formatting the data in adaptive format (eg. k, M, B etc)
+ *  @params - takes the value that needs to be formatted and a flag that tells if the value is in decimals or not
+ *  @returns - value in adaptive format
+ */
+export declare const adaptiveFormatter: (val: any, isDecimal: boolean) => string;

package/dist/helpers/getModifiedQuery.d.ts

@@ -1,5 +1,13 @@
-import { MetricCardProps } from '@/components';
-import { RlsCondition } from '@/types/app';
+import React from 'react';
+import { FilterFieldType, MetricCardProps } from '@/components';
+import { GlobalFilterColumn, RlsCondition } from '@/types/app';
+type OnChangeGlobalFilterParams = {
+    value: any;
+    setAppliedFilters: React.Dispatch<React.SetStateAction<FilterFieldType[]>>;
+    column: GlobalFilterColumn;
+    operator: string;
+    type: string;
+};
 type GetSqlStatement = {
     query: string;
     clientId?: string;
@@ -29,12 +37,13 @@ export declare const replaceClientVariable: ({ clientId, query, tenancyLevel, is
 export declare const replaceVariable: ({ query, rlsConditions, tenancyLevel, clientId, values, isAllClient, globalFilters, }: ReplaceVariable) => string;
 export declare const nameSpace: (name: string, dbName: string) => string;
 export declare const nameSpaceSpecification: (parentAlias: string, columnName: string, dbName: string) => string;
-export declare const cteQuery: (queryStr: string, groupedConditions: Record<string, RlsCondition[]>, dbName: string) => string;
-export declare const subQuery: (queryStr: string, groupedConditions: Record<string, RlsCondition[]>, dbName: string) => string;
 export declare const getReplacedQuery: (table: {
     tableName: string;
     condition: string;
 }, query: string, dbName: string) => string;
+export declare const dateWhereClause: (condition: RlsCondition, dbName: string) => string;
+export declare const otherWhereClause: (condition: RlsCondition, dbName: string) => string;
+export declare const stringClause: (condition: RlsCondition, dbName: string) => string;
 export declare const replaceWhereClauses: (queryStr: string, groupedConditions: Record<string, RlsCondition[]>, dbName: string) => string;
 export declare const getModifiedQuery: ({ rlsConditions, dbName, query, }: {
     rlsConditions: RlsCondition[];
@@ -43,4 +52,5 @@ export declare const getModifiedQuery: ({ rlsConditions, dbName, query, }: {
 }) => string;
 export declare const getSqlStatement: ({ query, clientId, rlsConditions, globalFilters, dbName, tenancyLevel, values, isAllClient, }: GetSqlStatement) => string;
 export declare const isAppliedFilter: (filter: RlsCondition) => number | boolean | Date | undefined;
+export declare const onChangeGlobalFilter: ({ column, setAppliedFilters, value, operator, type, }: OnChangeGlobalFilterParams) => void;
 export {};

package/dist/helpers/numberFormatter.d.ts

@@ -0,0 +1 @@
+export declare const numberFormatter: (val: any, formatter: any) => any;

package/dist/helpers/tooltipFormatter.d.ts

@@ -0,0 +1 @@
+export declare const tooltipFormatter: (params: any, chartOptions: any) => string;

package/dist/types/app.d.ts

@@ -377,6 +377,7 @@ export type FloatingDropDownOption = {
     aggregate?: string;
     alias?: string;
     table?: TableObjectType;
+    clickActions?: any;
 };
 export type FilterType = {
     tableName: string;
@@ -410,6 +411,7 @@ export type GlobalFilterColumn = {
         columnName: string;
         dataType: string;
     }[];
+    filterVariant?: FloatingDropDownOption;
 };
 export type GlobalFilterType = {
     tableName: string;
@@ -481,6 +483,7 @@ export type RlsCondition = {
         query: string;
         columnName: string;
     };
+    filterVariant?: FloatingDropDownOption;
 };
 export type PythonMetricFilter = {
     name: string;

package/dist/types/metricCreate.d.ts

@@ -474,4 +474,10 @@ export type DatasetConfig = {
     chart: string;
     setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
 };
+export type OnChangeFilterValueType = ((name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void) | undefined;
+export type MetricFilterDemoThemeType = {
+    width: string;
+    variant: 'static' | 'floating';
+    radius: string;
+};
 export {};

package/dist/utils/getChartOptions.d.ts

@@ -1,5 +1,28 @@
 import { ChartSettingsType } from '@/types';
-export declare const adaptiveFormatter: (val: any, decimal: boolean) => string;
+export declare const truncateText: (label: string, maxLength: number) => string;
+export declare const addPrefixAndSuffix: (val: any, prefix?: any, suffix?: any) => string;
+export declare const findLegendPosition: (val: string | undefined) => {
+    top: string;
+    left: string;
+    right?: undefined;
+    bottom?: undefined;
+} | {
+    top: string;
+    right: string;
+    left?: undefined;
+    bottom?: undefined;
+} | {
+    bottom: string;
+    left: string;
+    top?: undefined;
+    right?: undefined;
+} | {
+    bottom: string;
+    right: string;
+    top?: undefined;
+    left?: undefined;
+};
+export declare const validateColor: (color: any) => boolean;
 export type GetChartOptionsParams = {
     chartOptions: ChartSettingsType;
     data: Record<string, any>[];

package/dist/utils/getNoAxisChartOptions.d.ts

@@ -0,0 +1,14 @@
+import { ChartSettingsType } from '@/types';
+export type GetNoAxisChartOptionsParams = {
+    chartOptions: ChartSettingsType;
+    data: Record<string, any>[];
+    colors?: string[];
+    datasets?: any;
+    labels?: any;
+    funnelData?: {
+        value: any;
+        name: any;
+    }[];
+    singleValueData?: any;
+};
+export declare const getNoAxisChartOptions: ({ chartOptions, data, colors, datasets, funnelData, labels, singleValueData, }: GetNoAxisChartOptionsParams) => Record<string, any>;