@databrainhq/plugin 0.14.11 → 0.14.12

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

@@ -1,5 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 import { ThemeType } from '@/utils/theme';
+import { AdminThemeOptionsType } from '@/types';
 /**
  * token - The client based guest token (required).
  * dashboardId - The id of the dashboard you want to see.
@@ -33,6 +34,7 @@ export interface DashboardProps extends HTMLAttributes<HTMLElement> {
     enableMultiMetricFilters?: boolean;
     disableFullscreen?: boolean;
     optionsIcon?: 'kebab-menu-vertical' | 'download';
+    adminThemeOptions?: AdminThemeOptionsType;
 }
 /**
  * @name Dashboard - A react component to display the dashboard.
@@ -46,4 +48,4 @@ export interface DashboardProps extends HTMLAttributes<HTMLElement> {
  * @prop {boolean} enableMultiMetricFilters (optional) - Whether to allow multiple metric filters in metric card.
  * @prop {object} theme (optional) - A theme object to customize the theme.
  */
-export declare const Dashboard: ({ token, options, theme, dashboardId, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, enableMultiMetricFilters, disableFullscreen, optionsIcon, }: DashboardProps) => React.JSX.Element;
+export declare const Dashboard: ({ token, options, theme, dashboardId, isHideChartSettings, isHideTablePreview, enableDownloadCsv, enableEmailCsv, enableMultiMetricFilters, disableFullscreen, optionsIcon, adminThemeOptions, }: DashboardProps) => React.JSX.Element;

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

@@ -1,7 +1,9 @@
 import React, { PropsWithChildren } from 'react';
+import { AdminThemeOptionsType } from '@/types';
 type DashboardProviderProps = PropsWithChildren & {
     token: string;
     dashboardId?: string;
+    adminTheme?: AdminThemeOptionsType;
 };
-declare const DashboardProvider: ({ token, dashboardId, children, }: DashboardProviderProps) => React.JSX.Element;
+declare const DashboardProvider: ({ token, dashboardId, children, adminTheme, }: DashboardProviderProps) => React.JSX.Element;
 export default DashboardProvider;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ThemeType } from '@/utils';
+import { AdminThemeOptionsType } from '@/types';
 export interface EmbeddedDashboardProps {
     options?: {
         disableMetricCreation?: boolean;
@@ -17,5 +18,6 @@ export interface EmbeddedDashboardProps {
         optionsIcon?: 'kebab-menu-vertical' | 'download';
     };
     theme?: ThemeType;
+    adminThemeOption?: AdminThemeOptionsType;
 }
-export declare const EmbeddedDashboard: React.MemoExoticComponent<({ options, theme }: EmbeddedDashboardProps) => React.JSX.Element>;
+export declare const EmbeddedDashboard: React.MemoExoticComponent<({ options, theme, adminThemeOption }: EmbeddedDashboardProps) => React.JSX.Element>;

package/dist/hooks/useNewEmbeddedDashboard.d.ts

@@ -1,6 +1,7 @@
-declare const useNewEmbeddedDashboard: ({ token, dashboardId, }: {
+declare const useNewEmbeddedDashboard: ({ token, dashboardId, adminThemeOption, }: {
     token: string;
     dashboardId?: string | undefined;
+    adminThemeOption?: any;
 }) => {
     isLoading: boolean;
     error: string | undefined;

package/dist/types/app.d.ts

@@ -466,3 +466,38 @@ export type FilterClausesType = (dependOn: FloatingDropDownOption[]) => {
     columnName: string;
     value: string | string[];
 }[];
+export type AdminThemeOptionsType = {
+    general: {
+        name: string;
+        fontFamily: string;
+    };
+    dashboard: {
+        backgroundColor?: string;
+        ctaColor?: string;
+        ctaTextColor?: string;
+        selectBoxSize?: 'small' | 'medium' | 'large';
+        selectBoxVariant?: 'floating' | 'static';
+        selectBoxBorderRadius?: string;
+    };
+    cardDescription: {
+        fontSize?: string;
+        fontWeight?: string;
+        color?: string;
+    };
+    cardTitle: {
+        fontSize?: string;
+        fontWeight?: string;
+        color?: string;
+    };
+    chart: {
+        palettes?: {
+            name: string;
+            colors: string[];
+        }[];
+        selected?: string;
+    };
+    cardCustomization: {
+        padding?: string;
+        borderRadius?: string;
+    };
+};