@banyan_cloud/roots 2.0.29 → 2.0.30

package/dist/esm/src/components/alertV2/Alert.d.ts

@@ -1,14 +1,3 @@
-export default Alert;
-/**
- * Renders an alert message with optional icon, title, description, and action button.
- *
- * @param {Object} props - The props object containing the following properties:
- *   - showIcon (boolean): Determines whether to show the alert icon.
- *   - border (string): Specifies the border style of the alert.
- *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.
- *   - position (string): Specifies the position of the alert on the screen.
- *   - animation (boolean): Determines whether to apply the animation effect.
- * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.
- * @returns {JSX.Element} - The rendered alert component.
- */
-declare const Alert: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+import type { AlertHandle, AlertProps } from './types';
+declare const _default: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<AlertHandle>>;
+export default _default;

package/dist/esm/src/components/alertV2/index.d.ts

@@ -1 +1 @@
-export { default as AlertV2 } from "./Alert";
+export { default as AlertV2 } from './Alert';

package/dist/esm/src/components/alertV2/types/index.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentType } from 'react';
+type AlertType = 'info' | 'error' | 'warning' | 'success' | 'danger';
+type AlertPosition = 'bottom-right' | 'bottom-center' | 'top-right' | 'top-center';
+export interface AlertProps {
+    showIcon?: boolean;
+    shadow?: boolean;
+    position?: AlertPosition;
+    animation?: boolean;
+    className?: string;
+}
+export interface AlertConfig {
+    title: string | null | undefined;
+    description: string | null | undefined;
+    icon?: ComponentType<{
+        className?: string;
+    }> | undefined;
+    type: AlertType;
+    action?: ComponentType | undefined;
+    position?: AlertPosition | null | undefined;
+    onClose?: () => void;
+    autoDismiss?: boolean;
+    dismissTime?: number;
+}
+export interface AlertHandle {
+    alert: (props: Partial<AlertConfig>) => void;
+}
+export {};

package/dist/esm/src/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,29 +1,4 @@
+import React from 'react';
+import type { BreadCrumbsProps } from './types';
+declare const BreadCrumbs: React.FC<BreadCrumbsProps>;
 export default BreadCrumbs;
-declare function BreadCrumbs(props: any): false | import("react/jsx-runtime").JSX.Element;
-declare namespace BreadCrumbs {
-    namespace propTypes {
-        let crumbs: any;
-        let maxItems: any;
-        let itemsBeforeCollapse: any;
-        let itemsAfterCollapse: any;
-        let linkComponent: any;
-        let homeTitle: any;
-        let className: any;
-    }
-    namespace defaultProps {
-        let crumbs_1: never[];
-        export { crumbs_1 as crumbs };
-        let maxItems_1: number;
-        export { maxItems_1 as maxItems };
-        let itemsBeforeCollapse_1: number;
-        export { itemsBeforeCollapse_1 as itemsBeforeCollapse };
-        let itemsAfterCollapse_1: number;
-        export { itemsAfterCollapse_1 as itemsAfterCollapse };
-        let linkComponent_1: string;
-        export { linkComponent_1 as linkComponent };
-        let homeTitle_1: string;
-        export { homeTitle_1 as homeTitle };
-        let className_1: string;
-        export { className_1 as className };
-    }
-}

package/dist/esm/src/components/breadcrumbs/types/index.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+interface Crumb {
+    title: string;
+    value: string | number;
+    icon?: ReactNode;
+    navigate?: () => void;
+    isDisabled?: boolean;
+}
+export interface BreadCrumbsProps {
+    crumbs: Crumb[];
+    className?: string;
+}
+export {};

package/dist/esm/src/components/buttons/button/Button.d.ts

@@ -1,4 +1,3 @@
-import { type RefObject } from 'react';
 import type { ButtonProps } from './types';
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLElement>>;
 export default Button;

package/dist/esm/src/components/callout/Callout.d.ts

@@ -1,14 +1,3 @@
+import type { CalloutProps } from './types';
+declare const Callout: import("react").ForwardRefExoticComponent<CalloutProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Callout;
-/**
- * Renders an alert message with optional icon, title, description, and action button.
- *
- * @param {Object} props - The props object containing the following properties:
- *   - showIcon (boolean): Determines whether to show the alert icon.
- *   - border (string): Specifies the border style of the alert.
- *   - shadow (boolean): Determines whether to apply a shadow effect to the alert.
- *   - position (string): Specifies the position of the alert on the screen.
- *   - animation (boolean): Determines whether to apply the animation effect.
- * @param {Ref} ref - The ref object used to expose the 'alert' function to the parent component.
- * @returns {JSX.Element} - The rendered alert component.
- */
-declare const Callout: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/esm/src/components/callout/index.d.ts

@@ -1 +1 @@
-export { default as Callout } from "./Callout";
+export { default as Callout } from './Callout';

package/dist/esm/src/components/callout/types/index.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentType, ReactNode } from 'react';
+type CalloutType = 'info' | 'error' | 'warning' | 'success' | 'danger';
+export interface CalloutProps {
+    title: ReactNode;
+    className?: string;
+    showIcon?: boolean;
+    shadow?: boolean;
+    description?: ReactNode;
+    icon?: ComponentType<{
+        className: string | undefined;
+    }>;
+    action?: ComponentType;
+    type: CalloutType;
+}
+export {};

package/dist/esm/src/components/chartsV2/BarChart/BaseVerticalBarChart.d.ts

@@ -1,24 +1,4 @@
+import React from 'react';
+import type { BaseBarChartProps } from './types';
+declare const BaseBarChart: React.FC<BaseBarChartProps>;
 export default BaseBarChart;
-declare function BaseBarChart({ loading, seriesData, title, gridOptions, width, height, barThickness, borderRadius, xAxisTitle, yAxisTitle, tooltip, legends, chartOptions, chartDatasets, xAxis, yAxis, styles, vertical, stacked, extra, barColors, }: {
-    loading: any;
-    seriesData: any;
-    title: any;
-    gridOptions: any;
-    width?: string | undefined;
-    height?: string | undefined;
-    barThickness?: number | undefined;
-    borderRadius?: number | undefined;
-    xAxisTitle: any;
-    yAxisTitle: any;
-    tooltip: any;
-    legends: any;
-    chartOptions: any;
-    chartDatasets: any;
-    xAxis: any;
-    yAxis: any;
-    styles: any;
-    vertical?: boolean | undefined;
-    stacked: any;
-    extra: any;
-    barColors: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/chartsV2/BarChart/BaseVerticalBarChartData.d.ts

@@ -0,0 +1,121 @@
+export declare const sampleData: {
+    chartData: {
+        MySql: {
+            x1: number;
+        };
+        PgSql: {
+            x1: number;
+        };
+        Oracle: {
+            x1: number;
+        };
+        Oradcdcle: {
+            x1: number;
+        };
+        Oracdcdcle: {
+            x1: number;
+        };
+    };
+    metaData: {
+        totalControls: {
+            x1: number;
+        };
+    };
+};
+export declare const sampleStackData: {
+    chartData: {
+        Authentication: {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+        Setting: {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+        'High Availability': {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+        Audit: {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+        Authorization: {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+        Patches: {
+            MySql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+            PgSql: {
+                x1: number;
+                x2: number;
+                x3: number;
+            };
+        };
+    };
+    metaData: {
+        controlsApplied: {
+            MySql: {
+                x1: number;
+            };
+            PgSql: {
+                x1: number;
+            };
+            Oracle: {
+                x1: number;
+            };
+        };
+        keyData: {
+            x1: string;
+            x2: string;
+            x3: string;
+        };
+        totalControls: {
+            x1: number;
+        };
+    };
+};

package/dist/esm/src/components/chartsV2/BarChart/index.d.ts

@@ -1 +1 @@
-export { default as BaseBarChartV2 } from "./BaseVerticalBarChart";
+export { default as BaseBarChartV2 } from './BaseVerticalBarChart';

package/dist/esm/src/components/chartsV2/BarChart/types/index.d.ts

@@ -0,0 +1,94 @@
+import type { ChartDataset, ChartOptions, TooltipOptions } from 'chart.js';
+import type { Context } from 'chartjs-plugin-datalabels';
+import React from 'react';
+export type ChartDataItem = Record<string, number | null>;
+interface SeriesData {
+    chartData: Record<string, ChartDataItem>;
+}
+interface TitleConfig {
+    text?: string;
+    left?: number;
+    textStyle?: {
+        fontSize?: number;
+    };
+}
+interface GridOptions {
+    gridContainLabel?: boolean;
+}
+export type AxisOptions = Record<string, string | number | boolean | object | undefined>;
+type BarChartType = 'bar';
+interface CustomFontOptions {
+    size?: number;
+    weight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number;
+    family?: string;
+    lineHeight?: number | string;
+    color?: string;
+}
+interface CustomTooltipOptions {
+    borderWidth?: number;
+    backgroundColor?: string;
+    bodySpacing?: number;
+    displayColors?: boolean;
+    colorBoxWidth?: number;
+    colorBoxHeight?: number;
+    usePointStyle?: boolean;
+    titleColor?: string;
+    bodyColor?: string;
+    bodyFont?: CustomFontOptions;
+    callbacks?: TooltipOptions<BarChartType>['callbacks'];
+}
+export interface ChartDataLabelsOptions {
+    anchor?: 'start' | 'center' | 'end';
+    align?: 'start' | 'center' | 'end' | 'left' | 'right' | 'top' | 'bottom';
+    backgroundColor?: string | CanvasGradient | CanvasPattern | ((context: Context) => string);
+    borderColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    clamp?: boolean;
+    clip?: boolean;
+    color?: string | ((context: Context) => string);
+    display?: boolean | ((context: Context) => boolean);
+    font?: Partial<CustomFontOptions>;
+    formatter?: (value: unknown, context: Context) => string | number;
+    offset?: number;
+    opacity?: number;
+    padding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    rotation?: number;
+    textAlign?: 'left' | 'right' | 'center' | 'start' | 'end';
+    textStrokeColor?: string;
+    textStrokeWidth?: number;
+    textShadowColor?: string;
+    textShadowBlur?: number;
+}
+export interface BaseBarChartProps {
+    loading?: boolean;
+    seriesData: SeriesData;
+    title?: TitleConfig;
+    gridOptions?: GridOptions;
+    width?: string | number;
+    height?: string | number;
+    barThickness?: number;
+    borderRadius?: number;
+    barColor1?: string;
+    barColor2?: string;
+    xAxisTitle?: string;
+    yAxisTitle?: string;
+    tooltip?: CustomTooltipOptions;
+    legends?: object;
+    chartOptions?: ChartOptions<'bar'>;
+    chartDatasets?: Partial<ChartDataset<'bar'>>;
+    xAxis?: AxisOptions;
+    yAxis?: AxisOptions;
+    styles?: React.CSSProperties;
+    vertical?: boolean;
+    stacked?: ChartDataset<'bar'>;
+    extra?: object;
+    dataLabelsOptions?: ChartDataLabelsOptions;
+    barColors?: Record<string, string>;
+}
+export {};

package/dist/esm/src/components/chartsV2/LineChart/BaseAreaChart.d.ts

@@ -28,6 +28,12 @@ interface ChartProps {
         position?: 'top' | 'left' | 'bottom' | 'right';
         icon?: boolean;
         legendStyles?: React.CSSProperties;
+        circle?: boolean;
+        customLabels?: (args: {
+            label: string;
+            index: number;
+            color: string;
+        }) => React.ReactElement;
     };
     xAxisLabelShow?: boolean;
     yAxisLabelShow?: boolean;

package/dist/esm/src/components/chartsV2/pieChart/BasePieChart.d.ts

@@ -1,2 +1,3 @@
+import type { BasePieChartProps } from './types';
+declare const BasePieChart: React.FC<BasePieChartProps>;
 export default BasePieChart;
-declare function BasePieChart(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/chartsV2/pieChart/BasePieChartData.d.ts

@@ -0,0 +1,62 @@
+export declare const sampleData: {
+    chartData: {
+        x1: number;
+        x2: number;
+        x3: number;
+        x4: number;
+        x5: number;
+        x6: number;
+        x7: number;
+        x8: number;
+        x9: number;
+        x10: number;
+        x11: number;
+        x12: number;
+        x13: number;
+    };
+    metaData: {
+        controlsApplied: {
+            x1: {
+                comp: number;
+                count: number;
+            };
+            x2: {
+                comp: number;
+                count: number;
+            };
+            x3: {
+                comp: number;
+                count: number;
+            };
+        };
+        keyData: {
+            x1: string;
+            x2: string;
+            x3: string;
+            x4: string;
+            x5: string;
+            x6: string;
+            x7: string;
+            x8: string;
+            x9: string;
+            x10: string;
+            x11: string;
+            x12: string;
+            x13: string;
+        };
+        totalControls: {
+            x1: number;
+        };
+        totalPercentage: {
+            x1: number;
+        };
+    };
+};
+export declare const iconData: {
+    chartData: {
+        x1: number;
+        x2: number;
+    };
+};
+export declare const iconColor: (data: number) => "green" | "red" | "yellow";
+export declare const piechartRandomColors: string[];

package/dist/esm/src/components/chartsV2/pieChart/index.d.ts

@@ -1 +1 @@
-export { default as BasePieChartV2 } from "./BasePieChart";
+export { default as BasePieChartV2 } from './BasePieChart';

package/dist/esm/src/components/chartsV2/pieChart/types/index.d.ts

@@ -0,0 +1,101 @@
+import type { ChartDataset, ChartOptions, ChartType, TooltipCallbacks } from 'chart.js';
+import React from 'react';
+interface ChartSeriesOption {
+    itemStyle: {
+        color: string;
+    };
+}
+interface SeriesData {
+    chartData: Record<string, number>;
+    metaData?: {
+        keyData: Record<string, string>;
+    };
+}
+export interface TooltipCallbackContext {
+    label: string;
+    raw: number;
+    dataset: ChartDataset<'bar'>;
+    radius?: string;
+}
+export interface LegendItem {
+    index?: number;
+}
+interface CustomLabel {
+    id?: string;
+    title?: string;
+    value?: number;
+    margin?: number;
+    labelStyles?: {
+        fontStyle: string;
+        fontSize: string;
+        color: string;
+        position?: number;
+    };
+    valueStyles?: {
+        fontStyle: string;
+        fontSize: string;
+        color: string;
+    };
+}
+interface StripProps {
+    stripSize?: number;
+    stripWidth?: number;
+    circumference?: number;
+    startColor?: string;
+    endColor?: string;
+}
+interface TooltipFontOptions {
+    titleColor?: string;
+    color?: string;
+    size?: number;
+    family?: string;
+}
+export interface TooltipProps<TType extends ChartType = 'bar'> {
+    borderWidth?: number;
+    displayTitle?: boolean;
+    callbacks?: Partial<TooltipCallbacks<TType>>;
+    bodySpacing?: number;
+    displayColors?: boolean;
+    colorBoxWidth?: number;
+    colorBoxHeight?: number;
+    usePointStyle?: boolean;
+    bodyFont?: TooltipFontOptions;
+    extraOptions?: Record<string, unknown>;
+}
+interface LegendProps {
+    display?: boolean;
+    icon?: boolean;
+    legendStyles?: string;
+    circle?: boolean;
+    customLabels?: (args: {
+        label: string;
+        value: string;
+        index: number;
+        color: string;
+    }) => React.ReactNode;
+}
+export interface BasePieChartProps {
+    loading?: boolean;
+    fallback?: boolean;
+    title?: string;
+    tittleSize?: number;
+    seriesData: SeriesData;
+    cursor?: string;
+    legend?: LegendProps;
+    style?: React.CSSProperties;
+    className?: string;
+    theme?: string;
+    seriesOption?: ChartSeriesOption[];
+    options?: ChartOptions<'pie'>;
+    tooltip?: TooltipProps<'pie'>;
+    width?: string | number;
+    height?: string | number;
+    customLabel?: CustomLabel;
+    strip?: StripProps;
+    doughnut?: [string, string];
+    hoverBorderWidth?: number;
+    dataSetOptions?: Record<string, unknown>;
+    extra?: React.ReactNode;
+    radius?: string;
+}
+export {};

package/dist/esm/src/components/chartsV2/utils/index.d.ts

@@ -1 +1,2 @@
-export function getColorGradient(ctx: any, gradientString: any): any;
+import type { ChartType, ScriptableContext } from 'chart.js';
+export declare const getColorGradient: (ctx: ScriptableContext<ChartType>, gradientString: string) => CanvasGradient | string;

package/dist/esm/src/components/index.d.ts

@@ -2,7 +2,6 @@ export * from './accordion';
 export * from './alert';
 export * from './alertV2';
 export * from './breadcrumbs';
-export * from './breadcrumbsv2';
 export * from './buttons';
 export * from './callout';
 export * from './cell';
@@ -17,14 +16,12 @@ export * from './input';
 export * from './link';
 export * from './modal';
 export * from './modal/dialogBox';
-export * from './pageHeader';
 export * from './paginationv2';
 export * from './popover';
 export * from './popper';
 export * from './sidePanel';
 export * from './skeleton';
 export * from './stepper';
-export * from './table';
 export * from './tableV2';
 export * from './tabs';
 export * from './text';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.29",
+	"version": "2.0.30",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",

package/dist/esm/src/components/breadcrumbsv2/Breadcrumbs.d.ts

@@ -1,8 +0,0 @@
-export default BreadCrumbs;
-declare function BreadCrumbs(props: any): import("react/jsx-runtime").JSX.Element | null;
-declare namespace BreadCrumbs {
-    namespace propTypes {
-        let crumbs: any;
-        let className: any;
-    }
-}

package/dist/esm/src/components/breadcrumbsv2/index.d.ts

@@ -1 +0,0 @@
-export { default as BreadCrumbsv2 } from "./Breadcrumbs";

package/dist/esm/src/components/chartsV2/BarChart/Skeleton/BaseVerticalBarChart.skeleton.d.ts

@@ -1,5 +0,0 @@
-export default ChartSkeleton;
-declare function ChartSkeleton({ theme, fallback }: {
-    theme: any;
-    fallback: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/chartsV2/BarChart/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { default as Skeleton } from "./BaseVerticalBarChart.skeleton";

package/dist/esm/src/components/chartsV2/pieChart/Skeleton/BasePieChart.skeleton.d.ts

@@ -1,5 +0,0 @@
-export default ChartSkeleton;
-declare function ChartSkeleton({ theme, fallback }: {
-    theme: any;
-    fallback: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/chartsV2/pieChart/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { default as Skeleton } from "./BasePieChart.skeleton";

package/dist/esm/src/components/pageHeader/PageHeader.d.ts

@@ -1,23 +0,0 @@
-export default PageHeader;
-declare function PageHeader(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace PageHeader {
-    namespace propTypes {
-        let title: any;
-        let theme: any;
-        let crumbsProps: any;
-        let rightAction: any;
-        let className: any;
-    }
-    namespace defaultProps {
-        let title_1: string;
-        export { title_1 as title };
-        let theme_1: string;
-        export { theme_1 as theme };
-        let crumbsProps_1: {};
-        export { crumbsProps_1 as crumbsProps };
-        let rightAction_1: null;
-        export { rightAction_1 as rightAction };
-        let className_1: string;
-        export { className_1 as className };
-    }
-}

package/dist/esm/src/components/pageHeader/index.d.ts

@@ -1 +0,0 @@
-export { default as PageHeader } from "./PageHeader";