@banyan_cloud/roots 2.0.42 → 2.0.43

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/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/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/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/package.json

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