@banyan_cloud/roots 2.0.49 → 2.0.50

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

@@ -1,9 +1 @@
-export * from "./areaChart";
-export * from "./capsuleChart";
 export * from "./heatMapChart";
-export * from "./horizontalBarChart";
-export * from "./nestedPieChart";
-export * from "./pieChart";
-export * from "./regionChart";
-export * from "./stackedPieChart";
-export * from "./verticalBarChart";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.49",
+	"version": "2.0.50",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -57,6 +57,7 @@
 		"@storybook/addon-essentials": "^6.5.12",
 		"@storybook/addon-interactions": "^6.5.12",
 		"@storybook/addon-links": "^6.5.12",
+		"@storybook/addon-storyshots": "^7.6.17",
 		"@storybook/addons": "^6.5.12",
 		"@storybook/builder-webpack5": "^6.5.12",
 		"@storybook/manager-webpack5": "^6.5.12",
@@ -65,13 +66,18 @@
 		"@storybook/react": "^6.5.12",
 		"@storybook/testing-library": "^0.0.13",
 		"@storybook/theming": "^6.5.12",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/react": "^16.3.0",
+		"@testing-library/user-event": "^14.6.1",
 		"@types/glob": "^9.0.0",
+		"@types/jest": "^30.0.0",
 		"@types/minimatch": "^6.0.0",
 		"@types/react": "^19.1.2",
 		"@types/react-dom": "^19.1.3",
 		"@types/react-syntax-highlighter": "^15.5.13",
 		"@typescript-eslint/eslint-plugin": "^8.32.1",
 		"@typescript-eslint/parser": "^8.32.1",
+		"babel-jest": "^30.2.0",
 		"babel-plugin-named-exports-order": "^0.0.2",
 		"babel-plugin-syntax-dynamic-import": "^6.18.0",
 		"css-loader": "^6.8.1",
@@ -84,6 +90,9 @@
 		"eslint-plugin-prettier": "^5.4.0",
 		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^5.2.0",
+		"identity-obj-proxy": "^3.0.0",
+		"jest": "^30.2.0",
+		"jest-environment-jsdom": "^30.2.0",
 		"prettier": "^3.5.3",
 		"prop-types": "^15.8.1",
 		"rollup": "^3.2.3",
@@ -96,11 +105,12 @@
 		"storybook-addon-designs": "^6.3.1",
 		"storybook-dark-mode": "^1.1.2",
 		"style-loader": "^3.3.3",
+		"ts-jest": "^29.4.6",
 		"tslib": "^2.8.1",
 		"typescript": "^5.8.3"
 	},
 	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1",
+		"test": "jest",
 		"start": "start-storybook -p 6006 -s ./src/components",
 		"build-storybook": "build-storybook -s ./src/components",
 		"lint": "eslint --ext js,jsx,ts,tsx .",

package/dist/esm/src/components/charts/areaChart/BaseAreaChart.d.ts

@@ -1,51 +0,0 @@
-import { CSSProperties } from 'react';
-interface BaseAreaChartProps {
-    title?: string;
-    gridOptions?: Record<string, any>;
-    gridContainLabel?: boolean;
-    seriesData: {
-        chartData: Record<string, number[]>;
-        metaData?: {
-            xAxisData?: string[];
-        };
-    };
-    tooltip?: Record<string, any>;
-    legend?: Record<string, any>;
-    xAxis?: Record<string, any>;
-    yAxis?: Record<string, any>;
-    xAxisLabelShow?: boolean;
-    xSplitLineShow?: boolean;
-    xAxisLineShow?: boolean;
-    xAxisTickShow?: boolean;
-    xAxisLabel?: Record<string, any>;
-    yAxisLabelShow?: boolean;
-    ySplitLineShow?: boolean;
-    yAxisLineShow?: boolean;
-    yAxisTickShow?: boolean;
-    yAxisTick?: Record<string, any>;
-    yAxisLabel?: Record<string, any>;
-    axisLabelColor?: string;
-    axisSplitColor?: string;
-    splitType?: 'dashed' | 'solid' | 'dotted';
-    seriesOption?: Array<Record<string, any>>;
-    lineStyleWidth?: number;
-    lineStyleType?: 'dashed' | 'solid' | 'dotted';
-    lineStyleCap?: 'butt' | 'round' | 'square';
-    lineStyleJoin?: 'round' | 'bevel' | 'miter';
-    stacked?: boolean | string;
-    cursor?: string;
-    smooth?: boolean;
-    opacity?: number;
-    style?: CSSProperties;
-    className?: string;
-    theme?: 'light' | 'dark';
-    isEmpty?: {
-        show: boolean;
-        className?: string;
-        title?: string;
-        description?: string;
-        type?: 'line' | 'area';
-    };
-}
-declare const BaseAreaChart: ({ title, gridOptions, gridContainLabel, seriesData, tooltip, legend, xAxis, yAxis, xAxisLabelShow, xSplitLineShow, xAxisLineShow, xAxisTickShow, xAxisLabel, yAxisLabelShow, ySplitLineShow, yAxisLineShow, yAxisTickShow, yAxisTick, yAxisLabel, axisLabelColor, axisSplitColor, splitType, seriesOption, lineStyleWidth, lineStyleType, lineStyleCap, lineStyleJoin, stacked, cursor, smooth, opacity, style, className, theme, isEmpty, }: BaseAreaChartProps) => import("react/jsx-runtime").JSX.Element;
-export default BaseAreaChart;

package/dist/esm/src/components/charts/areaChart/BaseAreaChartData.d.ts

@@ -1,81 +0,0 @@
-export declare const datum1: {
-    chartData: {
-        IAM: number[];
-        Networking: number[];
-        Compute: number[];
-        RDS: number[];
-        Storage: number[];
-    };
-    metaData: {
-        seriesData: {
-            IAM: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Networking: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Compute: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            RDS: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Storage: {
-                Default: number[];
-                New_CTG: number[];
-            };
-        };
-        xAxisData: number[];
-    };
-};
-export declare const datumV2: {
-    chartData: {
-        'Compute 600': number[];
-        'IAM 2': number[];
-        'Networking 439': number[];
-        'Storage 20': number[];
-    };
-    metaData: {
-        seriesData: {
-            IAM: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Networking: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Compute: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            RDS: {
-                Default: number[];
-                New_CTG: number[];
-            };
-            Storage: {
-                Default: number[];
-                New_CTG: number[];
-            };
-        };
-        xAxisData: number[];
-    };
-};
-export declare const datum2: {
-    chartData: {
-        IAM: number[];
-    };
-    metaData: {
-        seriesData: {
-            IAM: {
-                Default: number[];
-                New_CTG: number[];
-            };
-        };
-        xAxisData: number[];
-    };
-};

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

@@ -1 +0,0 @@
-export { default as BaseAreaChart } from './BaseAreaChart';

package/dist/esm/src/components/charts/capsuleChart/CapsuleChart.d.ts

@@ -1,2 +0,0 @@
-export default CapsuleChart;
-declare function CapsuleChart(props: any): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/src/components/charts/horizontalBarChart/BaseHorizontalBarChart.d.ts

@@ -1,97 +0,0 @@
-export default BaseHorizontalBarChart;
-declare function BaseHorizontalBarChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BaseHorizontalBarChart {
-    namespace propTypes {
-        let loading: any;
-        let fallback: any;
-        let title: any;
-        let titleOptions: any;
-        let gridContainLabel: any;
-        let gridOptions: any;
-        let tooltip: any;
-        let xAxisShow: any;
-        let inverse: any;
-        let seriesData: any;
-        let onEvents: any;
-        let yAxisLabelShow: any;
-        let ySplitLineShow: any;
-        let yAxisLineShow: any;
-        let yAxisTickShow: any;
-        let barWidth: any;
-        let legend: any;
-        let seriesName: any;
-        let cursor: any;
-        let minBarHeight: any;
-        let stacked: any;
-        let seriesOption: any;
-        let style: any;
-        let className: any;
-        let theme: any;
-    }
-    namespace defaultProps {
-        let loading_1: boolean;
-        export { loading_1 as loading };
-        let fallback_1: boolean;
-        export { fallback_1 as fallback };
-        let title_1: string;
-        export { title_1 as title };
-        let titleOptions_1: {};
-        export { titleOptions_1 as titleOptions };
-        let gridContainLabel_1: boolean;
-        export { gridContainLabel_1 as gridContainLabel };
-        export namespace gridOptions_1 {
-            let left: number;
-            let right: number;
-            let bottom: number;
-            let top: number;
-        }
-        export { gridOptions_1 as gridOptions };
-        let xAxisShow_1: boolean;
-        export { xAxisShow_1 as xAxisShow };
-        let inverse_1: boolean;
-        export { inverse_1 as inverse };
-        export namespace tooltip_1 {
-            let trigger: string;
-        }
-        export { tooltip_1 as tooltip };
-        let seriesData_1: {};
-        export { seriesData_1 as seriesData };
-        export function onEvents_1(): void;
-        export { onEvents_1 as onEvents };
-        let yAxisLabelShow_1: boolean;
-        export { yAxisLabelShow_1 as yAxisLabelShow };
-        let ySplitLineShow_1: boolean;
-        export { ySplitLineShow_1 as ySplitLineShow };
-        let yAxisLineShow_1: boolean;
-        export { yAxisLineShow_1 as yAxisLineShow };
-        let yAxisTickShow_1: boolean;
-        export { yAxisTickShow_1 as yAxisTickShow };
-        let minBarHeight_1: number;
-        export { minBarHeight_1 as minBarHeight };
-        let barWidth_1: string;
-        export { barWidth_1 as barWidth };
-        export function seriesName_1(): void;
-        export { seriesName_1 as seriesName };
-        export namespace legend_1 {
-            let show: boolean;
-        }
-        export { legend_1 as legend };
-        let cursor_1: string;
-        export { cursor_1 as cursor };
-        let stacked_1: boolean;
-        export { stacked_1 as stacked };
-        let seriesOption_1: {
-            stackIndex: number;
-        }[];
-        export { seriesOption_1 as seriesOption };
-        export namespace style_1 {
-            let width: string;
-            let height: string;
-        }
-        export { style_1 as style };
-        let className_1: string;
-        export { className_1 as className };
-        let theme_1: string;
-        export { theme_1 as theme };
-    }
-}

package/dist/esm/src/components/charts/horizontalBarChart/Skeleton/BaseHorizontalBarChart.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/charts/horizontalBarChart/Skeleton/index.d.ts

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

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

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

package/dist/esm/src/components/charts/nestedPieChart/NestedPieChart.d.ts

@@ -1,78 +0,0 @@
-export default NestedPieChart;
-declare function NestedPieChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace NestedPieChart {
-    namespace propTypes {
-        let loading: any;
-        let fallback: any;
-        let title: any;
-        let gridOptions: any;
-        let tooltip: any;
-        let seriesData: any;
-        let cursor: any;
-        let radius: any;
-        let center: any;
-        let showLabelLine: any;
-        let itemStyle: any;
-        let legend: any;
-        let pieSeries: any;
-        let style: any;
-        let className: any;
-        let theme: any;
-    }
-    namespace defaultProps {
-        let loading_1: boolean;
-        export { loading_1 as loading };
-        let fallback_1: boolean;
-        export { fallback_1 as fallback };
-        let title_1: string;
-        export { title_1 as title };
-        export namespace gridOptions_1 {
-            let left: number;
-            let right: number;
-            let bottom: number;
-            let top: number;
-        }
-        export { gridOptions_1 as gridOptions };
-        export namespace tooltip_1 {
-            let trigger: string;
-        }
-        export { tooltip_1 as tooltip };
-        let seriesData_1: {};
-        export { seriesData_1 as seriesData };
-        let cursor_1: string;
-        export { cursor_1 as cursor };
-        let radius_1: string[];
-        export { radius_1 as radius };
-        let center_1: string[];
-        export { center_1 as center };
-        let showLabelLine_1: boolean;
-        export { showLabelLine_1 as showLabelLine };
-        export namespace itemStyle_1 {
-            let borderWidth: number;
-        }
-        export { itemStyle_1 as itemStyle };
-        export namespace legend_1 {
-            let top_1: string;
-            export { top_1 as top };
-            let left_1: string;
-            export { left_1 as left };
-            export let orient: string;
-        }
-        export { legend_1 as legend };
-        let pieSeries_1: {
-            seriesOption: {
-                stackIndex: number;
-            };
-        }[];
-        export { pieSeries_1 as pieSeries };
-        export namespace style_1 {
-            let width: string;
-            let height: string;
-        }
-        export { style_1 as style };
-        let className_1: string;
-        export { className_1 as className };
-        let theme_1: string;
-        export { theme_1 as theme };
-    }
-}

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

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

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

@@ -1,22 +0,0 @@
-export default BasePieChart;
-declare function BasePieChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BasePieChart {
-    namespace propTypes {
-        let title: any;
-        let gridOptions: any;
-        let tooltip: any;
-        let seriesData: any;
-        let startAngle: any;
-        let semiDoughnut: any;
-        let cursor: any;
-        let radius: any;
-        let center: any;
-        let showLabelLine: any;
-        let itemStyle: any;
-        let legend: any;
-        let onEvents: any;
-        let seriesOption: any;
-        let style: any;
-        let className: any;
-    }
-}

package/dist/esm/src/components/charts/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/charts/pieChart/Skeleton/index.d.ts

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

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

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

package/dist/esm/src/components/charts/regionChart/BaseRegionChart.d.ts

@@ -1,71 +0,0 @@
-export default BaseRegionChart;
-declare function BaseRegionChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BaseRegionChart {
-    namespace propTypes {
-        let geoJson: any;
-        let specialAreas: any;
-        let regionData: any;
-        let tooltip: any;
-        let visualMap: any;
-        let seriesOption: any;
-        let onEvents: any;
-        let style: any;
-        let className: any;
-    }
-    namespace defaultProps {
-        let geoJson_1: {};
-        export { geoJson_1 as geoJson };
-        let specialAreas_1: {};
-        export { specialAreas_1 as specialAreas };
-        let regionData_1: never[];
-        export { regionData_1 as regionData };
-        export namespace tooltip_1 {
-            let backgroundColor: string;
-            namespace textStyle {
-                let fontStyle: string;
-                let fontWeight: string;
-                let fontFamily: string;
-                let color: string;
-                let fontSize: number;
-            }
-            let trigger: string;
-            let transitionDuration: number;
-            let extraCssText: string;
-            let formatter: string;
-        }
-        export { tooltip_1 as tooltip };
-        export namespace visualMap_1 {
-            let show: boolean;
-            let min: number;
-            let max: number;
-            namespace inRange {
-                let color_1: string[];
-                export { color_1 as color };
-            }
-        }
-        export { visualMap_1 as visualMap };
-        export namespace seriesOption_1 {
-            let name: string;
-            let type: string;
-            let roam: boolean;
-            let map: string;
-            namespace scaleLimit {
-                let min_1: number;
-                export { min_1 as min };
-                let max_1: number;
-                export { max_1 as max };
-            }
-            let aspectScale: string;
-        }
-        export { seriesOption_1 as seriesOption };
-        export function onEvents_1(): void;
-        export { onEvents_1 as onEvents };
-        export namespace style_1 {
-            let width: string;
-            let height: string;
-        }
-        export { style_1 as style };
-        let className_1: string;
-        export { className_1 as className };
-    }
-}

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

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

package/dist/esm/src/components/charts/stackedPieChart/StackedPieChart.d.ts

@@ -1,2 +0,0 @@
-export default StackedPieChart;
-declare function StackedPieChart(props: any): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/src/components/charts/verticalBarChart/BaseVerticalBarChart.d.ts

@@ -1,116 +0,0 @@
-export default BaseVerticalBarChart;
-declare function BaseVerticalBarChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BaseVerticalBarChart {
-    namespace propTypes {
-        let title: any;
-        let gridContainLabel: any;
-        let gridOptions: any;
-        let xAxis: any;
-        let yAxis: any;
-        let xAxisShow: any;
-        let xAxisLabel: any;
-        let tooltip: any;
-        let dataZoom: any;
-        let seriesData: any;
-        let onEvents: any;
-        let yAxisLabelShow: any;
-        let ySplitLineShow: any;
-        let yAxisLineShow: any;
-        let yAxisTickShow: any;
-        let xSplitLineShow: any;
-        let axisColor: any;
-        let splitType: any;
-        let xSplitType: any;
-        let barWidth: any;
-        let legend: any;
-        let xAxisTick: any;
-        let seriesName: any;
-        let cursor: any;
-        let stackCount: any;
-        let seriesOption: any;
-        let style: any;
-        let className: any;
-        let theme: any;
-    }
-    namespace defaultProps {
-        let title_1: string;
-        export { title_1 as title };
-        let gridContainLabel_1: boolean;
-        export { gridContainLabel_1 as gridContainLabel };
-        export namespace gridOptions_1 {
-            let left: number;
-            let right: number;
-            let bottom: number;
-            let top: number;
-        }
-        export { gridOptions_1 as gridOptions };
-        let xAxis_1: {};
-        export { xAxis_1 as xAxis };
-        let yAxis_1: {};
-        export { yAxis_1 as yAxis };
-        let xAxisShow_1: boolean;
-        export { xAxisShow_1 as xAxisShow };
-        export namespace xAxisLabel_1 {
-            let show: boolean;
-            let rotate: number;
-            let inside: boolean;
-            let verticalAlign: string;
-            let padding: number[];
-        }
-        export { xAxisLabel_1 as xAxisLabel };
-        export namespace tooltip_1 {
-            let trigger: string;
-        }
-        export { tooltip_1 as tooltip };
-        let dataZoom_1: {};
-        export { dataZoom_1 as dataZoom };
-        let seriesData_1: {};
-        export { seriesData_1 as seriesData };
-        export function onEvents_1(): void;
-        export { onEvents_1 as onEvents };
-        let yAxisLabelShow_1: boolean;
-        export { yAxisLabelShow_1 as yAxisLabelShow };
-        let ySplitLineShow_1: boolean;
-        export { ySplitLineShow_1 as ySplitLineShow };
-        let yAxisLineShow_1: boolean;
-        export { yAxisLineShow_1 as yAxisLineShow };
-        let yAxisTickShow_1: boolean;
-        export { yAxisTickShow_1 as yAxisTickShow };
-        let xSplitLineShow_1: boolean;
-        export { xSplitLineShow_1 as xSplitLineShow };
-        let axisColor_1: string;
-        export { axisColor_1 as axisColor };
-        let xSplitType_1: string;
-        export { xSplitType_1 as xSplitType };
-        let splitType_1: string;
-        export { splitType_1 as splitType };
-        let barWidth_1: string;
-        export { barWidth_1 as barWidth };
-        export function seriesName_1(): void;
-        export { seriesName_1 as seriesName };
-        export namespace legend_1 {
-            let show_1: boolean;
-            export { show_1 as show };
-        }
-        export { legend_1 as legend };
-        let xAxisTick_1: {};
-        export { xAxisTick_1 as xAxisTick };
-        let cursor_1: string;
-        export { cursor_1 as cursor };
-        let stackCount_1: number;
-        export { stackCount_1 as stackCount };
-        let seriesOption_1: {
-            stackIndex: number;
-        }[];
-        export { seriesOption_1 as seriesOption };
-        export namespace style_1 {
-            let width: string;
-            let height: string;
-        }
-        export { style_1 as style };
-        let className_1: string;
-        export { className_1 as className };
-        let theme_1: string;
-        export { theme_1 as theme };
-    }
-}

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

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