@banyan_cloud/roots 2.0.60 → 2.0.62

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

@@ -2,10 +2,14 @@ import type { BaseButtonProps } from 'components/buttons/baseButton/types';
 import type { ComponentType } from 'react';
 export type ButtonColors = 'primary' | 'success' | 'danger' | 'warning';
 export type ButtonTextSize = 'sm' | 'md';
+export type ButtonVariant = 'primary' | 'secondary' | 'Soft' | 'outlined' | 'ghost';
 export interface ButtonProps extends BaseButtonProps {
     color?: ButtonColors;
     leftComponent?: ComponentType | undefined;
     rightComponent?: ComponentType | undefined;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     textSize?: ButtonTextSize;
     dataTestId?: string | undefined;
+    v2?: boolean;
+    v2ButtonVariant?: ButtonVariant;
 }

package/dist/esm/src/components/buttons/chip/Chip.d.ts

@@ -1,4 +1,3 @@
-import { type RefObject } from 'react';
 import type { ChipProps } from './types';
-declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
+declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Chip;

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

@@ -6,7 +6,7 @@ import type { ComponentProps, JSX, ReactElement } from 'react';
  * - 'lg': Large size
  * - 'auto': Automatic sizing based on content
  */
-export type ElementSizeTypes = 'sm' | 'md' | 'lg' | 'auto';
+export type ElementSizeTypes = 'xs' | 'sm' | 'md' | 'lg' | 'auto';
 /**
  * Specifies the allowed root DOM element types for the cell.
  * - 'div': Standard block-level container

package/dist/esm/src/components/datePicker/ranges/Ranges.d.ts

@@ -1,7 +1,7 @@
 export default CustomRanges;
-declare function CustomRanges({ customRanges, selectedRange, setSelectedRange, setFixedRange }: {
+declare function CustomRanges({ customRanges, setSelectedRange, setFixedRange, fixedRange }: {
     customRanges: any;
-    selectedRange: any;
     setSelectedRange: any;
     setFixedRange: any;
+    fixedRange: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/datePicker/ranges/utils/index.d.ts

@@ -1,11 +1,11 @@
-export function getDateAndUnixRange(duration: any): {
-    dates: [string, string];
+export function getDateAndUnixRange(rangeObj?: {}): {
+    dates: Date[];
     unix: number[];
 };
 export function dateRanges(customRanges?: any[]): {
     title: any;
     dateRange: {
-        dates: [string, string];
+        dates: Date[];
         unix: number[];
     };
 }[];

package/dist/esm/src/components/errorBoundary/ErrorBoundaryWrapper.d.ts

@@ -1,9 +1,8 @@
-export default ErrorBoundaryWrapper;
-declare function ErrorBoundaryWrapper(props: any): any;
-declare namespace ErrorBoundaryWrapper {
-    namespace defaultProps {
-        let custom: null;
-        let className: string;
-        function resetErrorBoundary(): void;
-    }
+interface ErrorBoundaryWrapperProps {
+    resetErrorBoundary: () => void;
+    className?: string;
+    custom?: React.ReactNode;
+    error: Error;
 }
+declare const ErrorBoundaryWrapper: ({ resetErrorBoundary, className, custom, error, }: ErrorBoundaryWrapperProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+export default ErrorBoundaryWrapper;

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

@@ -1,6 +1,11 @@
-export function CapsuleChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
-export function BarChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
-export function AreaChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
-export function LineChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
-export function PieChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
-export function StackedPieChartIcon(props: any): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+interface ChartIconProps {
+    className?: string;
+}
+export declare const CapsuleChartIcon: React.FC<ChartIconProps>;
+export declare const BarChartIcon: React.FC<ChartIconProps>;
+export declare const AreaChartIcon: React.FC<ChartIconProps>;
+export declare const LineChartIcon: React.FC<ChartIconProps>;
+export declare const PieChartIcon: React.FC<ChartIconProps>;
+export declare const StackedPieChartIcon: React.FC<ChartIconProps>;
+export {};

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

@@ -1,7 +1,6 @@
-export default MagnifyingGlass;
-declare function MagnifyingGlass(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace MagnifyingGlass {
-    namespace defaultProps {
-        let className: string;
-    }
+import React from 'react';
+interface MagnifyingGlassProps {
+    className?: string;
 }
+declare const MagnifyingGlass: React.FC<MagnifyingGlassProps>;
+export default MagnifyingGlass;

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

@@ -1,2 +1,6 @@
-declare const SearchButton: (props: any) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+interface SearchButtonProps {
+    className?: string;
+}
+declare const SearchButton: React.FC<SearchButtonProps>;
 export default SearchButton;

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

@@ -1,7 +1,6 @@
-export default Server;
-declare function Server(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Server {
-    namespace defaultProps {
-        let className: string;
-    }
+import React from 'react';
+interface ServerProps {
+    className?: string;
 }
+declare const Server: React.FC<ServerProps>;
+export default Server;

package/dist/esm/src/components/popover/Popover.d.ts

@@ -16,7 +16,7 @@ export interface PopoverProps {
     anchorEl: ReferenceEl;
     open?: boolean | undefined;
     setOpen?: ((open: boolean) => void) | undefined;
-    className?: string;
+    className?: string | undefined;
     transparent?: boolean;
     onClose?: () => void;
     placement?: Placement | undefined;

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

@@ -2,11 +2,11 @@ import type { CSSProperties } from 'react';
 interface SkeletonProps {
     height?: number | string | undefined;
     width?: number | string | undefined;
-    variant: 'text' | 'circle' | 'rounded' | 'ellipse';
-    theme: 'light' | 'dark';
+    variant?: 'text' | 'circle' | 'rounded' | 'ellipse';
+    theme?: 'light' | 'dark';
     className?: string | undefined;
-    style: CSSProperties;
-    noAnimation: boolean;
+    style?: CSSProperties;
+    noAnimation?: boolean;
 }
 declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
 export default Skeleton;

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

@@ -4,8 +4,8 @@ export type ButtonVariant = 'primary' | 'secondary' | 'Soft' | 'outlined' | 'gho
 export type ButtonTextSize = 'sm' | 'md';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 export interface ButtonProps extends Omit<BaseButtonProps, 'variant' | 'size' | 'component1'> {
-    variant?: ButtonVariant;
+    variant?: ButtonVariant | undefined;
     size?: ButtonSize;
     textSize?: ButtonTextSize;
-    rightComponent?: ComponentType;
+    rightComponent?: ComponentType | undefined;
 }

package/dist/esm/src/components/v2/tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { TabsProps } from './types';
+declare const Tabs: (props: TabsProps) => ReactElement;
+export default Tabs;

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

@@ -0,0 +1,2 @@
+export { default as Tabs } from './Tabs';
+export * from './types';

package/dist/esm/src/components/v2/tabs/types/index.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentType, ReactNode } from 'react';
+interface TabProps {
+    id: string;
+    title: string;
+    disabled?: boolean;
+    leftIcon?: ComponentType | {
+        Active?: ComponentType;
+        InActive?: ComponentType;
+    };
+    rightIcon?: ComponentType<{
+        className?: string | undefined;
+    }>;
+    dropdown?: boolean;
+    dropdownItems?: {
+        title: string;
+        id: string;
+    }[];
+}
+type TabDirection = 'horizontal' | 'vertical';
+export interface TabsProps {
+    tabs: TabProps[];
+    className?: string;
+    selectedTab: string;
+    setSelectedTab: (id: string) => void;
+    /** OPTIONAL because component provides a default */
+    direction?: TabDirection;
+    /** allow <div>, text, fragments, etc */
+    children?: ReactNode;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.60",
+	"version": "2.0.62",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -26,7 +26,7 @@
 		"echarts": "^5.6.0",
 		"echarts-for-react": "^3.0.2",
 		"fast-equals": "^4.0.3",
-		"framer-motion": "12.23.12",
+		"framer-motion": "^12.34.3",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-error-boundary": "^4.0.10",

package/dist/esm/src/components/datePickerV2/DatePicker.d.ts

@@ -1,33 +0,0 @@
-import { type ReactElement } from 'react';
-interface CustomRange {
-    title: string;
-    dateRange: {
-        dates: string[];
-        unix: number[];
-    };
-}
-interface DatePickerProps {
-    placeholder?: string;
-    range?: boolean;
-    value?: number | number[] | null;
-    disabled?: boolean;
-    className?: string;
-    customRanges?: CustomRange[] | null;
-    showCustomRanges?: boolean;
-    custom?: boolean;
-    highlightOnSelect?: boolean;
-    limitHours?: number | null;
-    timeRange?: boolean;
-    onClear?: () => void;
-    onApply?: (value: number | number[], fixedRange: string | null, tag?: string) => void;
-    enableFutureDates?: boolean;
-    maxRange?: number | null;
-    disabledDates?: string[];
-    disableDatesBefore?: number[];
-    disableDatesAfter?: number[];
-    defaultHourDiff?: number;
-    valueAsRange?: boolean;
-    startingYear?: number;
-}
-declare const DatePicker: (props: DatePickerProps) => ReactElement;
-export default DatePicker;

package/dist/esm/src/components/datePickerV2/calender/Calender.d.ts

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

package/dist/esm/src/components/datePickerV2/calender/body/Body.d.ts

@@ -1,35 +0,0 @@
-import { type ReactElement } from 'react';
-interface SelectedMonth {
-    month: string;
-    monthAsNumber: number;
-    year: number;
-}
-interface SelectedDate {
-    month?: string;
-    year?: number;
-    date?: number;
-    unix?: number;
-}
-interface SelectedRange {
-    dates?: string[];
-    unix?: number[];
-}
-interface BodyProps {
-    selectedMonth: SelectedMonth;
-    setSelectedMonth: (month: SelectedMonth) => void;
-    displayMonthRight: SelectedMonth;
-    setDisplayMonthRight: (month: SelectedMonth) => void;
-    selectedDate: SelectedDate;
-    setSelectedDate: (date: SelectedDate) => void;
-    range: boolean;
-    selectedRange: SelectedRange;
-    setSelectedRange: (range: SelectedRange) => void;
-    disabledDates: string[];
-    disableDatesBefore: number[];
-    enableFutureDates: boolean;
-    disableDatesAfter: number[];
-    setFixedTime: (time: number) => void;
-    setFixedTimeRange: (range: [number, number]) => void;
-}
-declare const Body: (props: BodyProps) => ReactElement;
-export default Body;

package/dist/esm/src/components/datePickerV2/calender/body/dates/Dates.d.ts

@@ -1,35 +0,0 @@
-import { type ReactElement } from 'react';
-interface SelectedMonth {
-    month: string;
-    monthAsNumber: number;
-    year: number;
-}
-interface SelectedDate {
-    month?: string;
-    year?: number;
-    date?: number;
-    unix?: number;
-}
-interface SelectedRange {
-    dates?: string[];
-    unix?: number[];
-}
-interface DatesProps {
-    selectedMonth: SelectedMonth;
-    setSelectedMonth: (month: SelectedMonth) => void;
-    selectedDate: SelectedDate;
-    setSelectedDate: (date: SelectedDate) => void;
-    range: boolean;
-    selectedRange: SelectedRange;
-    setSelectedRange: (range: SelectedRange) => void;
-    disabledDates: string[];
-    disableDatesBefore: number[];
-    enableFutureDates: boolean;
-    disableDatesAfter: number[];
-    hoveredEndingDate: number | null;
-    setHoveredEndingDate: (date: number | null) => void;
-    setFixedTime: (time: number) => void;
-    setFixedTimeRange: (range: [number, number]) => void;
-}
-declare const Dates: (props: DatesProps) => ReactElement;
-export default Dates;

package/dist/esm/src/components/datePickerV2/calender/body/dates/assets/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface TodayIndicatorProps {
-    className?: string;
-}
-export declare const TodayIndicator: ({ className }: TodayIndicatorProps) => React.ReactElement;
-export {};

package/dist/esm/src/components/datePickerV2/calender/body/dates/index.d.ts

@@ -1 +0,0 @@
-export { default as Dates } from './Dates';

package/dist/esm/src/components/datePickerV2/calender/body/dates/utils/index.d.ts

@@ -1,21 +0,0 @@
-interface GetDatesToDisplayParams {
-    monthAsNumber: number;
-    year: number;
-    days: number[];
-    dateObj: Date[];
-}
-interface DateRange {
-    dates: string[];
-    unix: number[];
-}
-interface SelectedRange {
-    dates?: string[];
-    unix?: number[];
-}
-interface RangeSelectionParams {
-    selectedRange: SelectedRange;
-    date: Date;
-}
-export declare const getDatesToDisplay: ({ monthAsNumber, year, days, dateObj, }: GetDatesToDisplayParams) => Date[];
-export declare const rangeSelection: ({ selectedRange, date }: RangeSelectionParams) => DateRange;
-export {};

package/dist/esm/src/components/datePickerV2/calender/body/days/Days.d.ts

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

package/dist/esm/src/components/datePickerV2/calender/body/days/index.d.ts

@@ -1 +0,0 @@
-export { default as Days } from './Days';

package/dist/esm/src/components/datePickerV2/calender/body/index.d.ts

@@ -1 +0,0 @@
-export { default as CalenderBody } from './Body';

package/dist/esm/src/components/datePickerV2/calender/header/Header.d.ts

@@ -1,26 +0,0 @@
-import { type ReactElement } from 'react';
-interface SelectedMonth {
-    month: string;
-    monthAsNumber: number;
-    year: number;
-}
-interface SelectedDate {
-    month?: string;
-    year?: number;
-    date?: number;
-    unix?: number;
-}
-interface HeaderProps {
-    range?: boolean;
-    dateSelectionView?: boolean;
-    defaultHourDiff?: number;
-    timeSelectionView?: boolean;
-    selectedDate: SelectedDate;
-    selectedMonth: SelectedMonth;
-    setSelectedMonth: (month: SelectedMonth) => void;
-    setSelectedDate: (date: SelectedDate) => void;
-    displayMonthRight: SelectedMonth;
-    onMonthChange: (direction: 'prev' | 'next') => void;
-}
-declare const Header: (props: HeaderProps) => ReactElement;
-export default Header;

package/dist/esm/src/components/datePickerV2/calender/header/index.d.ts

@@ -1 +0,0 @@
-export { default as CalenderHeader } from './Header';

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

@@ -1 +0,0 @@
-export { default as Calender } from './Calender';

package/dist/esm/src/components/datePickerV2/dateSwitcher/DateSwitcher.d.ts

@@ -1,20 +0,0 @@
-import { type ReactElement } from 'react';
-interface SelectedMonth {
-    month: string;
-    monthAsNumber: number;
-    year: number;
-}
-interface SelectedDate {
-    month?: string;
-    year?: number;
-    date?: number;
-    unix?: number;
-}
-interface DateSwitcherProps {
-    selectedMonth: SelectedMonth;
-    setSelectedMonth: (month: SelectedMonth) => void;
-    setSelectedDate: (date: SelectedDate) => void;
-    selectedDate: SelectedDate;
-}
-declare const DateSwitcher: (props: DateSwitcherProps) => ReactElement;
-export default DateSwitcher;

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

@@ -1 +0,0 @@
-export { default as DateSwitcher } from './DateSwitcher';

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

@@ -1 +0,0 @@
-export { default as DatePickerV2 } from './DatePicker';