@banyan_cloud/roots 2.0.65 → 2.0.67

package/dist/esm/components/v2/pagination/types/index.d.ts

@@ -0,0 +1,39 @@
+import type { Dispatch } from 'react';
+type Nullable<T> = T | null;
+export interface PaginationState {
+    totalPages: Nullable<number>;
+    currentPage: Nullable<number>;
+    step: number;
+    totalData: Nullable<number>;
+}
+export type PaginationAction = {
+    type: 'NEXT_PAGE';
+} | {
+    type: 'PREV_PAGE';
+} | {
+    type: 'SET_PAGE';
+    payload: number | undefined;
+} | {
+    type: 'SET_STEP';
+    payload: number;
+} | {
+    type: 'SET_TOTAL_PAGES';
+    payload: Nullable<number>;
+} | {
+    type: 'SET_TOTAL_DATA';
+    payload: Nullable<number>;
+};
+export interface PaginationProps {
+    className?: string;
+    floating?: boolean;
+    paginationState?: Pick<PaginationState, 'totalPages' | 'currentPage' | 'step' | 'totalData'>;
+    paginationDispatch?: Dispatch<PaginationAction>;
+    loading?: boolean;
+    dataLabel?: string | undefined;
+    onChange?: (args: {
+        currentPage: number;
+        step: number;
+        totalPages: number | null;
+    }) => void;
+}
+export {};

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

@@ -1,12 +1,3 @@
-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;
-}
+import type { SkeletonProps } from '../skeleton/types/index';
 declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export default Skeleton;

package/dist/esm/components/v2/skeleton/Story/SkeletonDoc.d.ts

@@ -0,0 +1,2 @@
+declare const SkeletonDoc: () => import("react/jsx-runtime").JSX.Element;
+export default SkeletonDoc;

package/dist/esm/components/v2/skeleton/index.d.ts

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

package/dist/esm/components/v2/skeleton/types/index.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+export type SkeletonVariant = 'text' | 'circle' | 'rounded' | 'ellipse';
+export type SkeletonTheme = 'light' | 'dark';
+export interface SkeletonProps {
+    height?: number | string;
+    width?: number | string;
+    variant?: SkeletonVariant;
+    theme?: SkeletonTheme;
+    className?: string;
+    style?: CSSProperties;
+    noAnimation?: boolean;
+}

package/dist/esm/components/v2/stepper/Story/StepperDocs.d.ts

@@ -0,0 +1,2 @@
+declare const StepperDoc: () => import("react/jsx-runtime").JSX.Element;
+export default StepperDoc;

package/dist/esm/components/v2/table/baseTable/Story/BaseTableDoc.d.ts

@@ -0,0 +1,2 @@
+declare const BaseTableDoc: () => import("react/jsx-runtime").JSX.Element;
+export default BaseTableDoc;

package/dist/esm/components/v2/table/body/Story/TableBodyDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TableBodyDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TableBodyDoc;

package/dist/esm/components/v2/table/body/TableBody.d.ts

@@ -1,13 +1,3 @@
-import { type ReactElement } from 'react';
-import type { TableProps } from '../types';
-interface TableBodyProps extends Pick<TableProps, 'headerData' | 'customCells' | 'tableData' | 'className' | 'loading' | 'onRowClick' | 'onSort' | 'sortValue' | 'rowHeight' | 'defaultActiveIndex' | 'emptyPlaceholder' | 'onCheck' | 'uniqueKey' | 'checkAsRadio' | 'disableCheck' | 'hideColumnLines'> {
-    expandable?: ((params: {
-        datum: Record<number, unknown>;
-        index: number | undefined;
-    }) => ReactElement) | undefined;
-    checkedRows: Record<string, unknown>[];
-    setCheckedRows: (rows: Record<string, unknown>[]) => void;
-    toggleDrawer?: (props: object) => void;
-}
+import type { TableBodyProps } from './types';
 declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;

package/dist/esm/components/v2/table/body/types/index.d.ts

@@ -0,0 +1,28 @@
+import type { ReactElement } from 'react';
+export interface TableProps {
+    headerData?: any[];
+    customCells?: Record<string, any>;
+    tableData?: any[];
+    className?: string;
+    loading?: boolean;
+    onRowClick?: (row: any) => void;
+    onSort?: (key: string, direction: 'asc' | 'desc') => void;
+    sortValue?: string;
+    rowHeight?: number;
+    defaultActiveIndex?: number;
+    emptyPlaceholder?: ReactElement;
+    onCheck?: (row: any) => void;
+    uniqueKey?: string;
+    checkAsRadio?: boolean;
+    disableCheck?: boolean;
+    hideColumnLines?: boolean;
+}
+export interface TableBodyProps extends Pick<TableProps, 'headerData' | 'customCells' | 'tableData' | 'className' | 'loading' | 'onRowClick' | 'onSort' | 'sortValue' | 'rowHeight' | 'defaultActiveIndex' | 'emptyPlaceholder' | 'onCheck' | 'uniqueKey' | 'checkAsRadio' | 'disableCheck' | 'hideColumnLines'> {
+    expandable?: (params: {
+        datum: Record<string | number, any>;
+        index: number;
+    }) => ReactElement;
+    checkedRows: Record<string, unknown>[];
+    setCheckedRows: (rows: Record<string, unknown>[]) => void;
+    toggleDrawer?: (props: object) => void;
+}

package/dist/esm/components/v2/table/cell/Story/CellDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TableCellDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TableCellDoc;

package/dist/esm/components/v2/table/header/Story/TableHeaderDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TableHeaderDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TableHeaderDoc;

package/dist/esm/components/v2/table/row/Story/RowDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TableRowDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TableRowDoc;

package/dist/esm/components/v2/table/table/Story/TableDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TableDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TableDoc;

package/dist/esm/components/v2/tabs/Story/TabsDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TabsDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TabsDoc;

package/dist/esm/components/v2/tags/Story/TagsDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TagDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TagDoc;

package/dist/esm/components/v2/tags/Tags.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TagProps } from '../tags/types';
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLInputElement>>;
+export default Tag;

package/dist/esm/components/v2/tags/assets/Indicator/Indicator.d.ts

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

package/dist/esm/components/v2/tags/assets/Indicator/types/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type IndicatorType = 'warning' | 'error' | 'success';
+export interface IndicatorProps extends React.SVGProps<SVGSVGElement> {
+    type: IndicatorType;
+    size?: number | string;
+}
+export interface StatusStyle {
+    fill: string;
+    stroke: string;
+}

package/dist/esm/components/v2/tags/assets/TagCloser/TagCloserLg.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TagCloserLgProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    color?: string;
+}
+declare const TagCloserLg: React.FC<TagCloserLgProps>;
+export default TagCloserLg;

package/dist/esm/components/v2/tags/assets/TagCloser/TagCloserMd.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TagCloserMdProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    color?: string;
+}
+declare const TagCloserMd: React.FC<TagCloserMdProps>;
+export default TagCloserMd;

package/dist/esm/components/v2/tags/assets/TagCloser/TagCloserSm.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TagCloserSmProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    color?: string;
+}
+declare const TagCloserSm: React.FC<TagCloserSmProps>;
+export default TagCloserSm;

package/dist/esm/components/v2/tags/assets/TagCount/TagCountLg.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TagCountLgProps {
+    count?: number | undefined;
+    bgColor?: string | undefined;
+    textColor?: string | undefined;
+}
+declare const TagCountLg: React.FC<TagCountLgProps>;
+export default TagCountLg;

package/dist/esm/components/v2/tags/assets/TagCount/TagCountMd.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TagCountMdProps {
+    count?: number | undefined;
+    bgColor?: string | undefined;
+    textColor?: string | undefined;
+}
+declare const TagCountMd: React.FC<TagCountMdProps>;
+export default TagCountMd;

package/dist/esm/components/v2/tags/assets/TagCount/TagCountSm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TagCountSmProps {
+    count?: number | undefined;
+    bgColor?: string | undefined;
+    textColor?: string | undefined;
+}
+declare const TagCountSm: React.FC<TagCountSmProps>;
+export default TagCountSm;

package/dist/esm/components/v2/tags/types/index.d.ts

@@ -0,0 +1,31 @@
+import type { IndicatorType } from '../assets/Indicator/types/index';
+export type TagSize = 'sm' | 'md' | 'lg';
+export interface TagProps {
+    label?: string | undefined;
+    size?: TagSize | undefined;
+    closable?: boolean | undefined;
+    checkbox?: boolean | undefined;
+    indicator?: boolean | undefined;
+    indicatorType?: IndicatorType | undefined;
+    count?: number | undefined;
+    checkboxIndicator?: boolean | undefined;
+    checkboxIndicatorClosable?: boolean | undefined;
+    checkboxIndicatorCount?: boolean | undefined;
+    onlyCount?: boolean | undefined;
+    checkboxCloser?: boolean | undefined;
+    checkboxCount?: boolean | undefined;
+    logo?: boolean | undefined;
+    checkboxLogo?: boolean | undefined;
+    checkboxLogoClosable?: boolean | undefined;
+    checkboxLogoCount?: boolean | undefined;
+    textField?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    inputValue?: string | undefined;
+    onInputChange?: ((value: string, event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onInputBlur?: (() => void) | undefined;
+    onInputEnter?: (() => void) | undefined;
+    defaultInputValue?: string | undefined;
+    inputPlaceholder?: string | undefined;
+    onClick?: (() => void) | undefined;
+    onInputClear?: (() => void) | undefined;
+}

package/dist/esm/components/v2/text/Story/TextDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TextDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TextDoc;

package/dist/esm/components/v2/tooltip/Story/TooltipDoc.d.ts

@@ -0,0 +1,2 @@
+declare const TooltipDoc: () => import("react/jsx-runtime").JSX.Element;
+export default TooltipDoc;

package/dist/esm/components/v2/tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TooltipProps } from './types';
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<React.RefObject<HTMLElement>>>;

package/dist/esm/components/v2/tooltip/index.d.ts

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

package/dist/esm/components/v2/tooltip/types/index.d.ts

@@ -0,0 +1,42 @@
+import type { ReactElement, ReactNode, Ref } from 'react';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipPointerPosition = 'start' | 'center' | 'end';
+export type ReactElementWithRef<T = unknown> = ReactElement & {
+    ref?: Ref<T> | null;
+};
+export interface TooltipProps {
+    /**
+     * The target element that triggers the tooltip on hover or focus.
+     */
+    children: ReactElement;
+    /**
+     * The string or interactive React node to display inside the tooltip body.
+     */
+    content: ReactNode;
+    /**
+     * Standard position directive around the target element.
+     * @default "top"
+     */
+    position?: TooltipPosition | undefined;
+    /**
+     * Controls where the pointer sits along the active edge.
+     * Useful for matching design variants that need pointer start/end alignment.
+     * @default "center"
+     */
+    pointerPosition?: TooltipPointerPosition | undefined;
+    /**
+     * By default, tooltips let the mouse pass through them (pointer-events: none).
+     * If true, enables pointer events so links or buttons inside the tooltip can be clicked.
+     * @default false
+     */
+    interactive?: boolean | undefined;
+    /**
+     * Toggles the rendering of the small directional pointer arrow pointing back to the target.
+     * @default true
+     */
+    showPointer?: boolean | undefined;
+    /**
+     * Standard custom class name overrides.
+     */
+    className?: string | undefined;
+}

package/dist/esm/components/widget/BaseWidgetStoriesData.d.ts

@@ -0,0 +1,54 @@
+export const CHART_DATA: {
+    1: {
+        'Networking Services': {
+            x1: number;
+            x2: number;
+        };
+        'IAM&Admin': {
+            x1: number;
+            x2: number;
+        };
+        'Cloud SQL': {
+            x1: number;
+            x2: number;
+        };
+        'VPC Network': {
+            x1: number;
+            x2: number;
+        };
+        'Compute Engine': {
+            x1: number;
+            x2: number;
+        };
+        'Cloud Storage': {
+            x1: number;
+            x2: number;
+        };
+    };
+    2: {
+        'Networking Services': {
+            x1: number;
+            x2: number;
+        };
+        'IAM&Admin': {
+            x1: number;
+            x2: number;
+        };
+        'Cloud SQL': {
+            x1: number;
+            x2: number;
+        };
+        'VPC Network': {
+            x1: number;
+            x2: number;
+        };
+        'Compute Engine': {
+            x1: number;
+            x2: number;
+        };
+        'Cloud Storage': {
+            x1: number;
+            x2: number;
+        };
+    };
+};