@databrainhq/plugin 0.9.19 → 0.9.20

package/dist/components/MetricList/components/{SingleValueCard.d.ts → MetricCards/SingleValueCard.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
-import { MetricCardProps } from '@/components/MetricList/components/MetricCard';
+import { MetricCardProps } from '@/components/MetricList/components/MetricCards/MetricCard';
 export declare const SingleValueCard: React.FC<Omit<MetricCardProps, 'onMaximize'>>;

package/dist/components/MetricList/components/{TableViewModal.d.ts → TableViewModal/index.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     metricData?: Record<string, any>[];
     isOpen: boolean;
     onClose: () => void;

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

@@ -0,0 +1,8 @@
+export * from './ArchiveMetricModal';
+export * from './DownloadRawCsvModal';
+export * from './LayoutAlert';
+export * from './TableViewModal';
+export * from './MetricCards/MetricCard';
+export * from './MetricCards/SingleValueCard';
+export * from './MetricCards/NoDataLoading';
+export * from './FullScreenView';

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

@@ -1,7 +1,2 @@
 export * from './MetricList';
-export * from './components/MetricCard';
-export * from './components/SingleValueCard';
-export * from './components/ArchiveMetricModal';
-export * from './components/LayoutAlert';
-export * from './components/TableViewModal';
-export * from './components/DownloadRawCsvModal';
+export * from './components';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     data: any;
     isError: boolean;
 };

package/dist/components/Modal/ModalFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ModalFooterProps = React.PropsWithChildren & {
+export type ModalFooterProps = React.PropsWithChildren & {
     className?: string;
 };
 export declare const ModalFooter: React.FC<ModalFooterProps>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type PopoverMenuProps = React.PropsWithChildren & {
+export type PopoverMenuProps = React.PropsWithChildren & {
     className?: string;
     menuClass?: string;
     buttonClass?: string;

package/dist/components/ScheduleEmail/ScheduleEmailForm/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     onCancel: () => void;
 };
 declare const ScheduleEmailForm: ({ onCancel }: Props) => JSX.Element;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { FieldValues } from 'react-hook-form';
 import type { Control } from 'react-hook-form';
-declare type Option = {
+type Option = {
     value: string;
     label: string;
 };
-declare type SelectInput = {
+type SelectInput = {
     name?: string;
     label?: string;
     value: any;
@@ -21,7 +21,7 @@ declare type SelectInput = {
     textSize?: string;
     labelVariant?: 'floating' | 'static';
 };
-declare type HookSelectInput = Omit<SelectInput, 'value'> & {
+type HookSelectInput = Omit<SelectInput, 'value'> & {
     control: Control;
     name: string;
 };
@@ -29,7 +29,7 @@ export declare const Select: ({ name, label, options, onChange, value, defaultVa
 export declare const HookSelect: ({ control, name, ...rest }: HookSelectInput) => JSX.Element;
 export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue, }: any) => JSX.Element;
 export declare const DropDown: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;
-declare type MultiSelectProps = {
+type MultiSelectProps = {
     options: Option[];
     defaultValue?: Option['value'][];
     value?: Option['value'][];
@@ -46,7 +46,7 @@ declare type MultiSelectProps = {
     icon?: JSX.Element;
 };
 export declare const MultiSelect: React.FC<MultiSelectProps>;
-declare type HookMultiSelectProps = MultiSelectProps & {
+type HookMultiSelectProps = MultiSelectProps & {
     control: Control<FieldValues>;
     name: string;
 };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type TabProps = {
+type TabProps = {
     options: string[];
     activeTab: string;
     setActiveTab: React.Dispatch<React.SetStateAction<string>>;

package/dist/components/Table/DebouncedInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const DebouncedInput: ({ value, onChange, debounce, ...props }: {
+export declare const DebouncedInput: ({ value: initialValue, onChange, debounce, ...props }: {
     value: string | number;
     onChange: (value: string | number) => void;
     debounce?: number | undefined;

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

@@ -1,12 +1,14 @@
 /// <reference types="react" />
+import { OnChangeFn, ColumnSizingState } from '@tanstack/react-table';
 import { TableSettings } from '@/types';
-declare type Props = {
+type Props = {
     data?: any[];
     isLoading: boolean;
     error: string;
     tableSettings?: TableSettings;
     tableName?: string;
     className?: string;
+    onColumnSizingChange?: OnChangeFn<ColumnSizingState>;
 };
-export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, }: Props) => JSX.Element;
+export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, onColumnSizingChange, }: Props) => JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldValues, Control } from 'react-hook-form';
-declare type Props = {
+type Props = {
     control: Control<FieldValues, object>;
     placeholder?: string;
     name?: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldValues, UseFormRegister } from 'react-hook-form';
-declare type Props = {
+type Props = {
     isShowlabel?: boolean;
     timeGrainValue: string;
     setTimeGrainValue: React.Dispatch<React.SetStateAction<string>>;

package/dist/components/ToggleButton/SwitchInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type SwitchProps = {
+type SwitchProps = {
     name?: string;
     styles: Record<string, string>;
     placeholder?: string | [string, string];

package/dist/components/ToggleButton/ToggleInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ToggleProps = {
+type ToggleProps = {
     name?: string;
     styles: Record<string, string>;
     placeholder?: string | [string, string];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type SwitchButtonProps = {
+type SwitchButtonProps = {
     onChange?: (enabled: boolean) => void;
     enabled?: boolean;
     variant?: 'switch' | 'toggle';

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export * from './DrillBreadCrumb';
 export * from './MetricFilterDropDown';
 export * from './Alert';
 export * from './GlobalFilters/AppliedFilter';
+export * from './Chart';
+export * from './ChartSettingsPopup';

package/dist/consts/metricOptions.d.ts

@@ -10,6 +10,10 @@ export declare const AggregateList: {
     value: string;
     label: string;
 }[];
+export declare const TableRowsList: {
+    label: string;
+    value: string;
+}[];
 export declare const NUMBER_TYPES: string[];
 export declare const STRING_TYPES: string[];
 export declare const DATE_TYPES: string[];

package/dist/containers/Dashboard/Dashboard.d.ts

@@ -12,7 +12,7 @@ export interface DashboardProps {
     };
     theme?: ThemeType;
 }
-declare type PluginProviderProps = PropsWithChildren & Omit<DashboardProps, 'token'>;
+type PluginProviderProps = PropsWithChildren & Omit<DashboardProps, 'token'>;
 export declare const PluginProvider: ({ children, theme }: PluginProviderProps) => JSX.Element;
 export declare const Dashboard: React.MemoExoticComponent<({ token, options, theme }: DashboardProps) => JSX.Element>;
 export {};

package/dist/containers/Dashboard/DashboardProvider.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-declare type DashboardProviderProps = PropsWithChildren & {
+type DashboardProviderProps = PropsWithChildren & {
     token: string;
 };
 declare const DashboardProvider: ({ token, children }: DashboardProviderProps) => JSX.Element;

package/dist/helpers/getTimeFilterValue.d.ts

@@ -1,4 +1,4 @@
-declare type Params = {
+type Params = {
     timeGrainValue: string;
     isTimeStamp: boolean;
     col: string;

package/dist/helpers/timeseries.d.ts

@@ -20,7 +20,7 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
         color: string;
     } | undefined;
     itemStyle?: {
-        borderRadius: number;
+        borderRadius: number | undefined;
     } | undefined;
     areaStyle: {
         opacity?: undefined;
@@ -29,8 +29,8 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
     type: "line" | "bar";
     name: string;
     label: {
-        show: boolean;
-        position: string;
+        show: boolean | undefined;
+        position: string | undefined;
     };
     emphasis: {
         focus: string;
@@ -42,7 +42,7 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
         color: string;
     } | undefined;
     itemStyle?: {
-        borderRadius: number;
+        borderRadius: number | undefined;
     } | undefined;
     areaStyle: {
         opacity: number;
@@ -51,8 +51,8 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
     type: "line" | "bar";
     name: string;
     label: {
-        show: boolean;
-        position: string;
+        show: boolean | undefined;
+        position: string | undefined;
     };
     emphasis: {
         focus: string;

package/dist/hooks/index.d.ts

@@ -6,3 +6,4 @@ export * from './useOutsideAlerter';
 export * from './useApplyAdminTheme';
 export * from './useClientDashboardLayout';
 export * from './useUnderlyingData';
+export * from './useMetricCard';

package/dist/hooks/useClientDashboardLayout.d.ts

@@ -1,5 +1,5 @@
 import { Layout } from 'react-grid-layout';
-export declare type UseClientDashboardLayoutProps = {
+export type UseClientDashboardLayoutProps = {
     externalDashboardId: string;
     clientId: string;
 };

package/dist/hooks/useExternalMetric.d.ts

@@ -1,8 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { ExternalMetrics } from '@/utils/generated/graphql';
-import { AxisSettings, CustomSettings, TableSettings, DashboardType, GroupBy, LabelSettings, LegendSettings, RlsFilterObjectType, SelectedColumns, BackgroundSettings } from '@/types/app';
-import { TimeSeriesSettingsType } from '@/types';
-declare type Params = {
+import { DashboardType, GroupBy, RlsFilterObjectType, SelectedColumns, ChartSettingsType } from '@/types/app';
+type Params = {
     onSuccess: () => void;
     companyIntegrationId: string | undefined;
     selectedColumns: SelectedColumns[] | undefined;
@@ -10,23 +9,7 @@ declare type Params = {
     metricQuery: string | undefined;
     outputColumns: string | undefined;
     id?: string;
-    chartSettings: {
-        xAxis: string | undefined;
-        yAxisList: string[] | undefined;
-        chartType: string;
-        step: string | undefined;
-        measure: string | undefined;
-        sankeyValues: string[] | undefined;
-        singleValue: string | undefined;
-        margins: Record<string, number>;
-        legendSettings: LegendSettings;
-        labelSettings: LabelSettings;
-        axisSettings: AxisSettings;
-        customSettings?: CustomSettings;
-        tableSettings?: TableSettings;
-        backGroundColor?: BackgroundSettings;
-        timeSeriesSettings?: TimeSeriesSettingsType;
-    };
+    chartSettings: ChartSettingsType;
     integrationName: string | undefined;
     clientId?: string | null;
     isEmbedded?: boolean;

package/dist/hooks/useGenerateEmbeddedMetric.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FieldValues } from 'react-hook-form';
-declare type Params = {
+type Params = {
     clientId: string | null;
     companyId: string | null;
     setError: React.Dispatch<React.SetStateAction<string>>;

package/dist/hooks/useMetricCard.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { ChartSettingsType, FloatingDropDownOption, RlsCondition } from '@/types';
+import { ExternalMetrics } from '@/utils/generated/graphql';
+import { MetricCardProps } from '@/components';
+type UseMetricCardProps = {
+    metric: ExternalMetrics;
+    chartSettings: ChartSettingsType;
+    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
+    clientId: string;
+    tenancyLevel: string;
+    globalFilters?: MetricCardProps['globalFilters'];
+    rlsFilters?: {
+        param: any;
+        filterValues: Record<string, any>;
+    };
+};
+export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, clientId, chartSettings, setChartSettings, tenancyLevel, }: UseMetricCardProps) => {
+    onDrillDown: () => void;
+    handleChartClick: (params: any) => void;
+    dataDb: Record<string, any>[];
+    getUnderlyingData: ({ columnName, value, setData, setLoading, }: {
+        columnName: string;
+        value: any;
+        setData: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+        setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    }) => void;
+    onChangeFilterValue: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
+    isShowChartPopup: boolean;
+    setShowChartPopup: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    columnName: string | undefined;
+    chartParams: any;
+    isQueryLoading: boolean;
+    groupedData: Record<string, any>[];
+    drilledLevel: number;
+    rlsConditions: RlsCondition[];
+};
+export {};

package/dist/hooks/useOutsideAlerter.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type UseOutsideAlerterProps = {
+type UseOutsideAlerterProps = {
     onOutsideClick: () => void;
     wrapRef: React.RefObject<any>;
 };

package/dist/hooks/useScheduleEmail.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FieldValues } from 'react-hook-form';
-declare type Params = {
+type Params = {
     onCancel: () => void;
 };
 declare const useScheduleEmail: ({ onCancel }: Params) => {