@banyan_cloud/roots 2.0.19 → 2.0.21

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

@@ -1,35 +1,22 @@
-export default Toggle;
-declare function Toggle(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Toggle {
-    namespace propTypes {
-        let loading: any;
-        let fallback: any;
-        let className: any;
-        let theme: any;
-        let options: any;
-        let value: any;
-        let multi: any;
-        let smooth: any;
-        let v2: any;
-    }
-    namespace defaultProps {
-        let loading_1: boolean;
-        export { loading_1 as loading };
-        let fallback_1: boolean;
-        export { fallback_1 as fallback };
-        let className_1: string;
-        export { className_1 as className };
-        let theme_1: string;
-        export { theme_1 as theme };
-        let options_1: never[];
-        export { options_1 as options };
-        let value_1: undefined;
-        export { value_1 as value };
-        let multi_1: boolean;
-        export { multi_1 as multi };
-        let smooth_1: boolean;
-        export { smooth_1 as smooth };
-        let v2_1: boolean;
-        export { v2_1 as v2 };
-    }
+import React from 'react';
+interface ToggleOption {
+    title: string;
+    value: string;
+    leftComponent?: React.ReactNode;
+    rightComponent?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+interface ToggleProps {
+    options?: ToggleOption[];
+    multi?: boolean;
+    defaultValue?: string | string[];
+    theme?: 'light' | 'dark';
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    className?: string;
+    smooth?: boolean;
+    secondary?: boolean;
 }
+declare const Toggle: ({ options, multi, defaultValue, theme, value, onChange, className, smooth, secondary, }: ToggleProps) => React.ReactElement;
+export default Toggle;

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

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

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

@@ -1,115 +1,51 @@
-export default BaseAreaChart;
-declare function BaseAreaChart(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BaseAreaChart {
-    namespace propTypes {
-        let title: any;
-        let gridOptions: any;
-        let xAxis: any;
-        let yAxis: any;
-        let gridContainLabel: any;
-        let tooltip: any;
-        let legend: any;
-        let xAxisLabelShow: any;
-        let xSplitLineShow: any;
-        let xAxisLineShow: any;
-        let xAxisTickShow: any;
-        let xAxisLabel: any;
-        let axisLabelColor: any;
-        let axisSplitColor: any;
-        let splitType: any;
-        let seriesData: any;
-        let stacked: any;
-        let yAxisLabelShow: any;
-        let ySplitLineShow: any;
-        let yAxisLineShow: any;
-        let yAxisTickShow: any;
-        let yAxisLabel: any;
-        let cursor: any;
-        let seriesOption: any;
-        let lineStyleWidth: any;
-        let lineStyleType: any;
-        let lineStyleCap: any;
-        let lineStyleJoin: any;
-        let smooth: any;
-        let opacity: any;
-        let style: any;
-        let className: any;
-        let theme: any;
-    }
-    namespace defaultProps {
-        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 };
-        let xAxis_1: {};
-        export { xAxis_1 as xAxis };
-        let yAxis_1: {};
-        export { yAxis_1 as yAxis };
-        let gridContainLabel_1: boolean;
-        export { gridContainLabel_1 as gridContainLabel };
-        let tooltip_1: {};
-        export { tooltip_1 as tooltip };
-        let stacked_1: boolean;
-        export { stacked_1 as stacked };
-        let legend_1: {};
-        export { legend_1 as legend };
-        let xAxisLabelShow_1: boolean;
-        export { xAxisLabelShow_1 as xAxisLabelShow };
-        let xSplitLineShow_1: boolean;
-        export { xSplitLineShow_1 as xSplitLineShow };
-        let xAxisLineShow_1: boolean;
-        export { xAxisLineShow_1 as xAxisLineShow };
-        let xAxisTickShow_1: boolean;
-        export { xAxisTickShow_1 as xAxisTickShow };
-        let xAxisLabel_1: {};
-        export { xAxisLabel_1 as xAxisLabel };
-        let axisLabelColor_1: string;
-        export { axisLabelColor_1 as axisLabelColor };
-        let axisSplitColor_1: string;
-        export { axisSplitColor_1 as axisSplitColor };
-        let splitType_1: string;
-        export { splitType_1 as splitType };
-        let seriesData_1: {};
-        export { seriesData_1 as seriesData };
-        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 yAxisLabel_1: {};
-        export { yAxisLabel_1 as yAxisLabel };
-        let cursor_1: string;
-        export { cursor_1 as cursor };
-        let seriesOption_1: never[];
-        export { seriesOption_1 as seriesOption };
-        let lineStyleWidth_1: number;
-        export { lineStyleWidth_1 as lineStyleWidth };
-        let lineStyleType_1: string;
-        export { lineStyleType_1 as lineStyleType };
-        let lineStyleCap_1: string;
-        export { lineStyleCap_1 as lineStyleCap };
-        let lineStyleJoin_1: string;
-        export { lineStyleJoin_1 as lineStyleJoin };
-        let smooth_1: boolean;
-        export { smooth_1 as smooth };
-        let opacity_1: number;
-        export { opacity_1 as opacity };
-        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 };
-    }
+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/index.d.ts

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

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

@@ -1,2 +1,59 @@
+import { type ChartData, type ChartOptions, type TooltipCallbacks } from 'chart.js';
+import React from 'react';
+interface ChartDataType {
+    metaData: {
+        xAxisData: string[];
+    };
+    chartData: Record<string, number[]>;
+}
+interface TooltipConfig {
+    bodySpacing?: number;
+    displayColors?: boolean;
+    colorBoxWidth?: number;
+    colorBoxHeight?: number;
+    usePointStyle?: boolean;
+    displayTitle?: boolean;
+    bodyFont?: Record<string, string>;
+    titleColor?: string;
+    bodyColor?: string;
+    borderWidth?: number;
+    callbacks?: Partial<TooltipCallbacks<'line'>>;
+}
+interface ChartProps {
+    title?: string;
+    seriesData: ChartDataType;
+    tooltip?: TooltipConfig;
+    legend?: {
+        display?: boolean;
+        position?: 'top' | 'left' | 'bottom' | 'right';
+        icon?: boolean;
+        legendStyles?: React.CSSProperties;
+    };
+    xAxisLabelShow?: boolean;
+    yAxisLabelShow?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    axisLabelColor?: string;
+    stacked?: boolean;
+    smooth?: boolean;
+    theme?: string;
+    isLineChart?: boolean;
+    xAxisPosition?: 'top' | 'bottom';
+    xSplitLineShow?: boolean;
+    xAxisLineShow?: boolean;
+    axisSplitColor?: string;
+    cursor?: string;
+    xAxis?: Record<string, string>;
+    yAxis?: Record<string, string>;
+    width?: string | number;
+    height?: string | number;
+    chartOptions?: Partial<ChartOptions<'line'>>;
+    chartOptionsProps?: Partial<ChartOptions<'line'>>;
+    extra?: Record<string, string>;
+    dataSetOptions?: Partial<ChartData<'line'>>;
+    lineColors?: string[];
+    borderColors?: string[];
+    style?: React.CSSProperties;
+}
+declare const BaseAreaChart: React.FC<ChartProps>;
 export default BaseAreaChart;
-declare function BaseAreaChart(props: any): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,2 +1,39 @@
+import { type ChartData, type ChartOptions } from 'chart.js';
+import React, { type FC } from 'react';
+interface SeriesData {
+    chartData: Record<string, {
+        x1: number;
+        x2: number;
+    }>;
+    metaData?: {
+        keyData?: {
+            x1: string;
+            x2: string;
+        };
+    };
+}
+interface TooltipConfig {
+    bodySpacing?: number;
+    displayColors?: boolean;
+    colorBoxWidth?: number;
+    colorBoxHeight?: number;
+    usePointStyle?: boolean;
+    displayTitle?: boolean;
+    bodyFont?: Record<string, string>;
+    titleColor?: string;
+    bodyColor?: string;
+    borderWidth?: number;
+}
+interface CapsuleChartProps {
+    seriesData: SeriesData;
+    showLegends?: boolean;
+    tooltip?: TooltipConfig;
+    chartOptions?: Partial<ChartOptions<'bar'>>;
+    extra?: Record<string, string>;
+    dataSetsOptions?: Partial<ChartData<'bar'>>;
+    xAxis?: Record<string, string>;
+    yAxis?: Record<string, string>;
+    styles?: React.CSSProperties;
+}
+declare const CapsuleChart: FC<CapsuleChartProps>;
 export default CapsuleChart;
-declare function CapsuleChart(props: any): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/src/components/datePicker/DatePicker.d.ts

@@ -20,6 +20,7 @@ declare namespace DatePicker {
         let defaultHourDiff: any;
         let limitHours: any;
         let showTime: any;
+        let v2: any;
         let enableFutureDates: any;
     }
     namespace defaultProps {
@@ -59,5 +60,7 @@ declare namespace DatePicker {
         export { showTime_1 as showTime };
         let enableFutureDates_1: boolean;
         export { enableFutureDates_1 as enableFutureDates };
+        let v2_1: boolean;
+        export { v2_1 as v2 };
     }
 }

package/dist/esm/src/components/datePickerV2/DatePicker.d.ts

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

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

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

package/dist/esm/src/components/hierarchy/browser/HierarchyBrowser.d.ts

@@ -1,23 +1,16 @@
-import type { ReactElement } from 'react';
-interface Item {
-    id?: string;
-    title?: string;
-    count?: number;
-    list?: Item[] | boolean;
-    [key: string]: any;
-}
-interface HierarchyBrowserProps {
-    className?: string;
-    metadata?: Item[];
-    onItemClick?: (item: Item, pathString: string, open?: boolean) => void;
-    onItemDoubleClick?: (item: Item, pathString: string, open?: boolean) => void;
-    minWidth?: number;
-    maxWidth?: number;
-    borderSize?: number;
-    resizable?: boolean;
-    setItemProps?: (item: Item, pathString: string) => Record<string, any>;
-    title?: string;
-    count?: string;
-}
-declare const HierarchyBrowser: ({ className, metadata, onItemClick, onItemDoubleClick, minWidth, maxWidth, borderSize, resizable, setItemProps, title, }: HierarchyBrowserProps) => ReactElement;
 export default HierarchyBrowser;
+declare function HierarchyBrowser(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace HierarchyBrowser {
+    namespace propTypes {
+        let className: any;
+        let metadata: any;
+        let onItemClick: any;
+        let onItemDoubleClick: any;
+        let borderSize: any;
+        let minWidth: any;
+        let maxWidth: any;
+        let resizable: any;
+        let setItemProps: any;
+        let title: any;
+    }
+}

package/dist/esm/src/components/hierarchy/item/HierarchyItem.d.ts

@@ -1,23 +1,11 @@
-import type { ReactElement, ReactNode } from 'react';
-type IconPlacement = 'left' | 'right' | 'none';
-interface HierarchyItemProps {
-    defaultOpen?: boolean;
-    iconPlacement?: IconPlacement;
-    title: ReactNode;
-    count: string;
-    children: ReactNode;
-    onClick?: (state: boolean) => void;
-    onDoubleClick?: (state: boolean) => void;
-    active?: boolean;
-    isLastItem?: boolean;
-    isSingleItem?: boolean;
-    leftComponent: ReactNode;
-    name: string;
-    onSearchSubmit?: (text: string, path: string) => void;
-    pathString: string;
-    lastActive?: boolean;
-    isSearching: boolean;
-    onSearchStart?: () => void;
-}
-declare const HierarchyItem: (props: HierarchyItemProps) => ReactElement;
 export default HierarchyItem;
+declare function HierarchyItem(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace HierarchyItem {
+    namespace propTypes {
+        let iconPlacement: any;
+        let title: any;
+        let defaultOpen: any;
+        let onClick: any;
+        let active: any;
+    }
+}

package/dist/esm/src/hooks/useOutsideClickListener.d.ts

@@ -1,3 +1,3 @@
 import { type RefObject } from 'react';
-declare const useOutsideClickListener: (ref: RefObject<HTMLElement>, callback: () => void) => void;
+declare const useOutsideClickListener: (callback: () => void, ref: RefObject<HTMLElement | null>) => void;
 export default useOutsideClickListener;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.19",
+	"version": "2.0.21",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -13,21 +13,6 @@
 		"registry": "https://registry.npmjs.org"
 	},
 	"peerDependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"framer-motion": "^10.16.4",
-		"d3": "^7.8.5",
-		"chart.js": "^4.4.4",
-		"react-chartjs-2": "^5.2.0",
-		"chartjs-plugin-annotation": "^3.0.1",
-		"chartjs-plugin-datalabels": "^2.2.0",
-		"echarts": "^5.6.0",
-		"echarts-for-react": "^3.0.2",
-		"@tiptap/starter-kit": "^2.10.3",
-		"@tiptap/pm": "^2.11.7",
-		"@tiptap/react": "^2.11.7",
-		"react-error-boundary": "^4.0.10",
-		"fast-equals": "^4.0.3",
 		"@tiptap/extension-color": "^2.11.7",
 		"@tiptap/extension-highlight": "^2.11.7",
 		"@tiptap/extension-link": "^2.11.7",
@@ -35,6 +20,21 @@
 		"@tiptap/extension-text-align": "^2.11.7",
 		"@tiptap/extension-text-style": "^2.11.7",
 		"@tiptap/extension-underline": "^2.11.7",
+		"@tiptap/pm": "^2.11.7",
+		"@tiptap/react": "^2.11.7",
+		"@tiptap/starter-kit": "^2.10.3",
+		"chart.js": "^4.4.4",
+		"chartjs-plugin-annotation": "^3.0.1",
+		"chartjs-plugin-datalabels": "^2.2.0",
+		"d3": "^7.8.5",
+		"echarts": "^5.6.0",
+		"echarts-for-react": "^3.0.2",
+		"fast-equals": "^4.0.3",
+		"framer-motion": "^10.16.4",
+		"react": "^18.2.0",
+		"react-chartjs-2": "^5.2.0",
+		"react-dom": "^18.2.0",
+		"react-error-boundary": "^4.0.10",
 		"react-syntax-highlighter": "^15.6.1"
 	},
 	"dependencies": {

package/dist/esm/src/components/Toggle/Skeleton/Toggle.skeleton.d.ts

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

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

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

package/dist/esm/src/components/Toggle/Togglev2.d.ts

@@ -1,14 +0,0 @@
-export default Togglev2;
-declare function Togglev2(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Togglev2 {
-    namespace propTypes {
-        let loading: any;
-        let fallback: any;
-        let className: any;
-        let theme: any;
-        let options: any;
-        let value: any;
-        let multi: any;
-        let smooth: any;
-    }
-}

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

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

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

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

package/dist/esm/src/components/chartsV2/capsuleChart/Skeleton/CapsuleChart.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/capsuleChart/Skeleton/index.d.ts

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

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

@@ -1 +0,0 @@
-export * from './themedContainer';

package/dist/esm/src/components/helpers/themedContainer/ThemedContainer.d.ts

@@ -1,10 +0,0 @@
-import { type CSSProperties, type ReactElement } from 'react';
-type ThemeType = 'light' | 'dark';
-interface ThemedContainerProps {
-    theme?: ThemeType;
-    style?: CSSProperties;
-    className?: string;
-    children: ReactElement;
-}
-declare const ThemedContainer: (props: ThemedContainerProps) => ReactElement;
-export default ThemedContainer;

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

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