@banyan_cloud/roots 2.0.42 → 2.0.44

package/dist/esm/src/components/buttons/baseButton/types/index.d.ts

@@ -7,7 +7,7 @@ export interface BaseButtonProps extends BaseCellProps<'button', false> {
     disabled?: boolean | undefined;
     id?: string | undefined;
     type?: ButtonType;
-    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
+    onClick?: ((event: MouseEvent<HTMLElement>) => void | Promise<void>) | undefined;
     blurOnClick?: boolean;
     variant?: ButtonVariant;
 }

package/dist/esm/src/components/codeSnippet/CodeSnippet.d.ts

@@ -1,14 +1,3 @@
+import type { CodeSnippetProps } from './types';
+declare const CodeSnippet: (props: CodeSnippetProps) => import("react/jsx-runtime").JSX.Element;
 export default CodeSnippet;
-declare function CodeSnippet(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace CodeSnippet {
-    namespace propTypes {
-        let copy: any;
-        let code: any;
-        let language: any;
-        let showLineNumbers: any;
-        let theme: any;
-        let className: any;
-        let onClick: any;
-        let parentKeyToSelect: any;
-    }
-}

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

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

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

@@ -0,0 +1,29 @@
+import type { MotionProps } from 'framer-motion';
+import type { ComponentPropsWithoutRef } from 'react';
+export interface CodeSnippetProps {
+    /**
+    Show Copy Button if true
+    */
+    copy?: boolean;
+    /**
+     *  Code snippet in string format
+     */
+    code: string;
+    /**
+     * Code's programming language
+     */
+    language: string;
+    /**
+     * Show Line numbers in the left if true
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Theme of Code Snippet
+     */
+    theme: 'light' | 'dark';
+    /**
+     *  class name to style the code ("pre" tag). Not the container.
+     */
+    className?: string | undefined;
+}
+export type MotionSpanProps = ComponentPropsWithoutRef<'span'> & MotionProps;

package/dist/esm/src/components/icons/Clock/Clock.d.ts

@@ -1,4 +1,6 @@
+declare const Clock: ({ className, width, height, }: {
+    className?: string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Clock;
-declare function Clock({ className }: {
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;

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

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

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/input/textField/TextField.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { MiddlewareOptions, Placement } from '../../popover/Popover';
 type InputType = 'text' | 'email' | 'password' | 'textarea' | (string & {});
 interface Feedback {
     error?: string | undefined;
@@ -10,16 +11,12 @@ interface LeftRightIconProps {
 type LeftComponentType = React.ComponentType<LeftRightIconProps>;
 type RightComponentType = React.ComponentType<LeftRightIconProps>;
 interface AutocompleteOptions {
-    /** Whether popover is open */
-    open?: boolean;
-    /** Control open state */
-    setOpen?: (open: boolean) => void;
     /** Decide when to open based on the current input */
     predicate?: (input: string) => boolean;
     /** Popover placement (kept broad to avoid coupling to the popper types) */
-    placement?: string;
+    placement?: Placement;
     /** Popover middleware options (library-specific) */
-    middlewareOptions?: unknown;
+    middlewareOptions?: MiddlewareOptions;
     /** Renderer for the autocomplete content */
     render?: React.ComponentType<{
         name?: string | undefined;
@@ -51,7 +48,6 @@ export interface TextFieldProps {
     maxLength?: number;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Whether to enable autocomplete popover */
-    autocomplete?: boolean | undefined;
     autocompleteOptions?: AutocompleteOptions | undefined;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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/popover/Popover.d.ts

@@ -1,12 +1,12 @@
 import { flip, offset, shift } from '@floating-ui/react-dom-interactions';
 import React from 'react';
-type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-type VirtualElement = {
+export type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+interface VirtualElement {
     getBoundingClientRect: () => DOMRect;
     contextElement?: Element | null;
-};
+}
 type ReferenceEl = Element | VirtualElement | null;
-interface MiddlewareOptions {
+export interface MiddlewareOptions {
     offset?: Parameters<typeof offset>[0];
     shift?: Parameters<typeof shift>[0];
     flip?: Parameters<typeof flip>[0];
@@ -14,14 +14,16 @@ interface MiddlewareOptions {
 export interface PopoverProps {
     children: React.ReactNode;
     anchorEl: ReferenceEl;
-    open: boolean;
-    setOpen: (open: boolean) => void;
+    open?: boolean | undefined;
+    setOpen?: ((open: boolean) => void) | undefined;
     className?: string;
     transparent?: boolean;
     onClose?: () => void;
-    placement?: Placement;
+    placement?: Placement | undefined;
     theme?: 'light' | 'dark';
-    middlewareOptions?: MiddlewareOptions;
+    middlewareOptions?: MiddlewareOptions | undefined;
+    lockScroll?: boolean;
+    withOverlay?: boolean;
 }
 declare const Popover: React.FC<PopoverProps>;
 export default Popover;

package/dist/esm/src/components/popper/Popper.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 export interface PopperProps {
-    open: boolean;
+    open?: boolean | undefined;
     children: React.ReactNode;
     wrapperId?: string;
     backdrop?: boolean;
-    className?: string;
+    className?: string | undefined;
     transparent?: boolean;
+    lockScroll?: boolean | undefined;
+    withOverlay?: boolean | undefined;
 }
 declare const Popper: React.FC<PopperProps>;
 export default Popper;

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/table/types/index.d.ts

@@ -23,6 +23,7 @@ export interface TableColumn {
     columnFilter?: boolean;
     html?: boolean;
     json?: boolean;
+    formatter?: ((value: string, index: number | undefined, datum: Record<string, unknown>) => string) | undefined;
 }
 export interface TableDrawerData {
     datum: Record<string, unknown>;

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.42",
+	"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"
@@ -74,6 +69,7 @@
 		"@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-plugin-named-exports-order": "^0.0.2",

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;