@banyan_cloud/roots 2.0.43 → 2.0.45

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

@@ -1,34 +1,3 @@
-import { type ComponentType } from 'react';
-import { type ButtonColors } from '../../buttons';
-export type DialogSize = 'sm' | 'md';
-export interface DialogBoxProps {
-    className?: string;
-    size?: DialogSize;
-}
-export interface DialogActionHandlers {
-    dismiss: () => void;
-}
-export type DialogActionCallback = (handlers: DialogActionHandlers) => void;
-export interface DialogOpenOptions {
-    title?: string | null;
-    description?: string | null;
-    actionText?: string;
-    cancelText?: string;
-    variant?: ButtonColors;
-    onAction?: DialogActionCallback | null;
-    onCancel?: (() => void) | null;
-    size?: DialogSize;
-    customAction?: ComponentType<DialogActionHandlers> | null;
-    body?: ComponentType<{
-        dismiss: () => void;
-        setNoDismissEnabled: (enabled: boolean) => void;
-    }> | null;
-    hideCancel?: boolean;
-    noDismiss?: boolean;
-    hideCrossDismiss?: boolean;
-}
-export interface DialogBoxHandle {
-    dialog: (options: DialogOpenOptions) => void;
-}
+import type { DialogBoxHandle, DialogBoxProps } from './types';
 declare const DialogBox: import("react").ForwardRefExoticComponent<DialogBoxProps & import("react").RefAttributes<DialogBoxHandle>>;
 export default DialogBox;

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

@@ -0,0 +1,47 @@
+import type { ButtonColors } from 'components/buttons';
+import type { ComponentType } from 'react';
+export type DialogSize = 'sm' | 'md';
+export interface DialogBoxProps {
+    className?: string;
+    size?: DialogSize;
+}
+export interface DialogActionHandlers {
+    dismiss: () => void;
+    setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+}
+export type DialogActionCallback = (handlers: DialogActionHandlers) => void;
+export interface DialogOpenOptions {
+    title?: string | null;
+    description?: string | null;
+    actionText?: string;
+    cancelText?: string;
+    variant?: ButtonColors;
+    onAction?: DialogActionCallback | null;
+    onCancel?: (() => void) | null;
+    size?: DialogSize;
+    customAction?: ComponentType<DialogActionHandlers> | null;
+    body?: ComponentType<{
+        dismiss: () => void;
+        setNoDismissEnabled?: (enabled: boolean) => void;
+    }> | null;
+    hideCancel?: boolean;
+    noDismiss?: boolean;
+    hideCrossDismiss?: boolean;
+}
+export interface DialogBoxHandle {
+    dialog: (options: DialogOpenOptions) => void;
+}
+export interface FooterInnerProps {
+    action: string;
+    cancel: string;
+    variant: ButtonColors;
+    customAction?: ComponentType<{
+        dismiss: () => void;
+        setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+    }> | null | undefined;
+    setOpen: (open: boolean) => void;
+    hideCancel: boolean;
+    onAction?: DialogActionCallback | undefined;
+    onCancel?: (() => void) | undefined;
+    setNoDismissEnabled?: ((enabled: boolean) => void) | undefined;
+}

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,12 +7,12 @@ interface ToggleOption {
     disabled?: boolean;
     className?: string;
 }
-interface ToggleProps {
+export interface ToggleProps {
     options?: ToggleOption[];
     multi?: boolean;
     defaultValue?: string | string[];
     theme?: 'light' | 'dark';
-    value?: string | string[];
+    value?: string | string[] | number | null;
     onChange?: (value: string | string[]) => void;
     className?: string;
     smooth?: boolean;

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 | string[] | number | 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 | string[]) => 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.45",
 	"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';