@banyan_cloud/roots 2.0.43 → 2.0.44

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

@@ -5,7 +5,6 @@ export * from './buttons';
 export * from './callout';
 export * from './cell';
 export * from './charts';
-export * from './chartsV2';
 export * from './codeSnippet';
 export * from './datePicker';
 export * from './displayPicture';

package/dist/esm/src/components/input/richEditor/RichEditor.d.ts

@@ -1,9 +1,4 @@
+import React from 'react';
+import type { RichEditorProps } from './types';
+declare const RichEditor: React.FC<RichEditorProps>;
 export default RichEditor;
-declare function RichEditor({ className, defaultContent, setContent, placeholder, hiddenMenu, editable, }: {
-    className?: string | undefined;
-    defaultContent?: string | undefined;
-    setContent?: (() => void) | undefined;
-    placeholder?: string | undefined;
-    hiddenMenu?: {} | undefined;
-    editable?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/input/richEditor/assets/index.d.ts

@@ -1,23 +1,23 @@
-export function ColorPalletteIcon({ color }: {
+export declare const ColorPalletteIcon: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorHighlightIcon: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TextTransformIcon: ({ color }: {
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TextAlignIcon: {
+    Left: ({ color }: {
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Center: ({ color }: {
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Right: ({ color }: {
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TextLinkIcon: ({ color }: {
     color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export function ColorHighlightIcon({ color }: {
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export function TextTransformIcon({ color }: {
-    color?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace TextAlignIcon {
-    function Left({ color }: {
-        color: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    function Center({ color }: {
-        color: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    function Right({ color }: {
-        color: any;
-    }): import("react/jsx-runtime").JSX.Element;
-}
-export function TextLinkIcon({ color }: {
-    color: any;
-}): import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/input/richEditor/types/index.d.ts

@@ -0,0 +1,28 @@
+import type { Editor } from '@tiptap/core';
+import type React from 'react';
+export type TextType = 'p' | 'h1' | 'h2' | 'h3';
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HiddenMenuKey = 'bold' | 'italic' | 'underline' | 'strike' | 'color' | 'textType' | 'align' | 'link';
+export type HiddenMenu = Partial<Record<HiddenMenuKey, boolean>>;
+export interface RichEditorProps {
+    className?: string;
+    defaultContent?: string;
+    setContent?: (html: string) => void;
+    placeholder?: string;
+    hiddenMenu?: HiddenMenu;
+    editable?: boolean;
+}
+export interface ToolBarProps {
+    editor: Editor | null;
+    textType: TextType;
+    onTextTypeDropdownChange: (e: React.SyntheticEvent, value: string | string[] | null | undefined) => void;
+    setLink: () => void;
+    hiddenMenu: HiddenMenu;
+}
+/** Small context so the dialog body can read/update the link draft
+ *  without defining components inside render.
+ */
+export interface LinkDialogContextValue {
+    linkDraft: string;
+    setLinkDraft: (v: string) => void;
+}

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

@@ -1,21 +1,21 @@
 export declare const DEFAULT_ANIMATION_PROPS: {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly scale: 0;
-        readonly x: "-50%";
-        readonly y: "-50%";
+    initial: {
+        opacity: number;
+        scale: number;
+        x: string;
+        y: string;
     };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly scale: 1;
-        readonly x: "-50%";
-        readonly y: "-50%";
+    animate: {
+        opacity: number;
+        scale: number;
+        x: string;
+        y: string;
     };
-    readonly exit: {
-        readonly scale: 0;
-        readonly opacity: 0;
+    exit: {
+        scale: number;
+        opacity: number;
     };
-    readonly transition: {
-        readonly duration: 0.15;
+    transition: {
+        duration: number;
     };
 };

package/dist/esm/src/components/modal/dialogBox/DialogBox.d.ts

@@ -7,6 +7,7 @@ export interface DialogBoxProps {
 }
 export interface DialogActionHandlers {
     dismiss: () => void;
+    setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
 }
 export type DialogActionCallback = (handlers: DialogActionHandlers) => void;
 export interface DialogOpenOptions {
@@ -21,7 +22,7 @@ export interface DialogOpenOptions {
     customAction?: ComponentType<DialogActionHandlers> | null;
     body?: ComponentType<{
         dismiss: () => void;
-        setNoDismissEnabled: (enabled: boolean) => void;
+        setNoDismissEnabled?: (enabled: boolean) => void;
     }> | null;
     hideCancel?: boolean;
     noDismiss?: boolean;

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

@@ -1,6 +1,5 @@
 import type { MotionProps } from 'framer-motion';
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import type { DEFAULT_ANIMATION_PROPS } from '../constants';
 /**
  * Footer props available for the default `ModalFooter` component.
  */
@@ -33,6 +32,6 @@ export interface BaseModalProps {
     hideCrossDismiss?: boolean | undefined;
     footerProps?: ModalFooterProps | undefined;
     animation?: boolean | undefined;
-    animationProperties?: typeof DEFAULT_ANIMATION_PROPS;
+    animationProperties?: Record<string, object>;
 }
 export type FooterProps = ComponentPropsWithoutRef<'footer'> & MotionProps;

package/dist/esm/src/components/sidePanel/BaseSidePanel.d.ts

@@ -1,14 +1,34 @@
-export default BaseSidePanel;
-declare function BaseSidePanel(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace BaseSidePanel {
-    namespace propTypes {
-        let className: any;
-        let renderHeader: any;
-        let renderFooter: any;
-        let open: any;
-        let isModal: any;
-        let toggle: any;
-        let noDismiss: any;
-        let animation: any;
-    }
+import React from 'react';
+type TabsConfig = {
+    /** Passed straight through to <Tabs>. Kept intentionally broad. */
+    tabs?: unknown[];
+    className?: string;
+};
+type ToggleTableDrawer = {
+    data?: {
+        index?: number;
+    } & Record<string, unknown>;
+} & Record<string, unknown>;
+export interface BaseSidePanelProps {
+    className?: string;
+    renderHeader?: React.ReactNode;
+    renderFooter?: React.ReactNode;
+    children?: React.ReactNode;
+    /** When true, render inside BaseModal; otherwise render as a drawer div */
+    isModal?: boolean;
+    /** Open/close controls */
+    open?: boolean;
+    toggle?: () => void;
+    noDismiss?: boolean;
+    /** Slide-in animation (both for modal and drawer) */
+    animation?: boolean;
+    /** External state that tracks which table drawer/tab is open */
+    toggleTableDrawer?: ToggleTableDrawer;
+    setToggleTableDrawer?: (next: ToggleTableDrawer) => void;
+    /** Zero-based active tab index to sync from parent */
+    activeTab?: number;
+    /** Tabs configuration passed to <Tabs> */
+    tabsConfig?: TabsConfig;
 }
+declare const BaseSidePanel: React.FC<BaseSidePanelProps>;
+export default BaseSidePanel;

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

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

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

@@ -1,29 +1,12 @@
-export default Skeleton;
-declare function Skeleton(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Skeleton {
-    namespace propTypes {
-        let className: any;
-        let theme: any;
-        let height: any;
-        let width: any;
-        let variant: any;
-        let noAnimation: any;
-        let style: any;
-    }
-    namespace defaultProps {
-        let className_1: string;
-        export { className_1 as className };
-        let theme_1: string;
-        export { theme_1 as theme };
-        let height_1: null;
-        export { height_1 as height };
-        let width_1: string;
-        export { width_1 as width };
-        let variant_1: string;
-        export { variant_1 as variant };
-        let noAnimation_1: boolean;
-        export { noAnimation_1 as noAnimation };
-        let style_1: {};
-        export { style_1 as style };
-    }
+import type { CSSProperties } from 'react';
+interface SkeletonProps {
+    height?: number | string | undefined;
+    width?: number | string | undefined;
+    variant: 'text' | 'circle' | 'rounded' | 'ellipse';
+    theme: 'light' | 'dark';
+    className?: string | undefined;
+    style: CSSProperties;
+    noAnimation: boolean;
 }
+declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

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

@@ -7,7 +7,7 @@ interface ToggleOption {
     disabled?: boolean;
     className?: string;
 }
-interface ToggleProps {
+export interface ToggleProps {
     options?: ToggleOption[];
     multi?: boolean;
     defaultValue?: string | string[];

package/dist/esm/src/components/widget/BaseWidget.d.ts

@@ -1,2 +1,81 @@
+import React, { type CSSProperties, type MouseEvent, type ReactNode, type TouchEvent } from 'react';
+interface SelectOption {
+    title: string;
+    value: string;
+}
+interface ToggleOption {
+    title: string;
+    value: string;
+}
+interface BaseOptionData {
+    id: string;
+    title?: string;
+    placeholder?: string;
+    value?: string | number | boolean | Date | null;
+    className?: string;
+}
+interface DropdownOptionData extends BaseOptionData {
+    id: 'dropdown';
+    onChange: (event: React.SyntheticEvent, value: string | string[] | null | undefined) => void;
+    selectOption: SelectOption[];
+}
+interface ExpandOptionData extends BaseOptionData {
+    id: 'expand';
+    onClick: () => void;
+}
+interface DatePickerOptionData extends BaseOptionData {
+    id: 'datepicker';
+    range?: boolean;
+    onApply: (date: Date | Date[] | null) => void;
+    onClear: () => void;
+    date: Date | Date[] | null;
+}
+interface FilterOptionData extends BaseOptionData {
+    id: 'filter';
+}
+interface ToggleOptionData extends BaseOptionData {
+    id: 'toggle';
+    options: ToggleOption[];
+    onChange?: (value: string | number | boolean) => void;
+}
+interface CustomOptionData extends BaseOptionData {
+    id: 'custom';
+    render: () => ReactNode;
+}
+type OptionData = DropdownOptionData | ExpandOptionData | DatePickerOptionData | FilterOptionData | ToggleOptionData | CustomOptionData;
+interface ToggleDrawerData {
+    index: number;
+    [key: string]: unknown;
+}
+interface BodyProps {
+    toggle: (params?: {
+        data?: ToggleDrawerData;
+    }) => void;
+}
+interface BaseWidgetProps {
+    loading?: boolean;
+    title?: string;
+    titleOptions?: ReactNode;
+    showBack?: boolean;
+    onBack?: () => void;
+    options?: OptionData[];
+    className?: string;
+    children?: ReactNode;
+    drawerClassName?: string;
+    overlayClassName?: string;
+    setFallback?: (value: boolean) => void;
+    style?: CSSProperties;
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
+    onTouchEnd?: (event: TouchEvent<HTMLDivElement>) => void;
+    titleDesc?: string;
+    body?: React.ComponentType<BodyProps>;
+    headerOptions?: OptionData[];
+    rightActions?: (toggleDrawerParams: {
+        toggleDrawer: (params?: {
+            data?: ToggleDrawerData;
+        }) => void;
+    }) => ReactNode;
+}
+declare const BaseWidget: React.ForwardRefExoticComponent<BaseWidgetProps & React.RefAttributes<HTMLDivElement>>;
 export default BaseWidget;
-declare const BaseWidget: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.43",
+	"version": "2.0.44",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -23,16 +23,11 @@
 		"@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": "12.23.12",
 		"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"

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { BaseBarChartProps } from './types';
-declare const BaseBarChart: React.FC<BaseBarChartProps>;
-export default BaseBarChart;

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

@@ -1,121 +0,0 @@
-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 +0,0 @@
-export { default as BaseBarChartV2 } from './BaseVerticalBarChart';

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

@@ -1,94 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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;
-        circle?: boolean;
-        customLabels?: (args: {
-            label: string;
-            index: number;
-            color: string;
-        }) => React.ReactElement;
-    };
-    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;
-    hoverEffect?: boolean;
-}
-declare const BaseAreaChart: React.FC<ChartProps>;
-export default BaseAreaChart;