@banyan_cloud/roots 2.0.62 → 2.0.64

package/package.json

@@ -1,10 +1,30 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.62",
+	"version": "2.0.64",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
 	"types": "dist/esm/src/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/esm/index.js",
+			"require": "./dist/cjs/index.js",
+			"types": "./dist/esm/src/index.d.ts"
+		},
+		"./v2": {
+			"import": "./dist/esm/v2/index.js",
+			"require": "./dist/cjs/v2/index.js",
+			"types": "./dist/esm/src/components/v2/index.d.ts"
+		},
+		"./styles": {
+			"import": "./src/styles/index.ts",
+			"require": "./src/styles/index.ts",
+			"types": "./dist/esm/src/styles/index.d.ts"
+		},
+		"./package.json": "./package.json",
+		"./dist/*": null,
+		"./src/*": null
+	},
 	"files": [
 		"dist",
 		"src/styles"
@@ -72,8 +92,8 @@
 		"@types/glob": "^9.0.0",
 		"@types/jest": "^30.0.0",
 		"@types/minimatch": "^6.0.0",
-		"@types/react": "^19.1.2",
-		"@types/react-dom": "^19.1.3",
+		"@types/react": "^19.2.14",
+		"@types/react-dom": "^19.2.3",
 		"@types/react-syntax-highlighter": "^15.5.13",
 		"@typescript-eslint/eslint-plugin": "^8.32.1",
 		"@typescript-eslint/parser": "^8.32.1",

package/src/styles/main.css

@@ -21,14 +21,6 @@ body {
   background-color: #ffffff;
 }
 
-/**************************************************************
-                     font-family- Poppins
-   Incase of adding new font follow the steps:
-   ---> Download the respective font from Google fonts
-   ---> Save to assets/font
-   ---> Add the font face in this page
-   ---> Create a variable in scss/_common.scss
- **************************************************************/
 @font-face {
   font-family: Poppins;
   font-style: normal;
@@ -83,6 +75,60 @@ body {
   font-weight: 900;
   src: url("../../fonts/Poppins-Black.ttf") format("truetype");
 }
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../fonts/Jakarta-Regular.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../fonts/Jakarta-Regular.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 500;
+  src: url("../../fonts/Jakarta-Medium.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 600;
+  src: url("../../fonts/Jakarta-SemiBold.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 700;
+  src: url("../../fonts/Jakarta-Bold.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../fonts/Jakarta-Regular.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 500;
+  src: url("../../fonts/Jakarta-Medium.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 600;
+  src: url("../../fonts/Jakarta-SemiBold.ttf") format("truetype");
+}
+@font-face {
+  font-family: Jakarta;
+  font-style: normal;
+  font-weight: 700;
+  src: url("../../fonts/Jakarta-Bold.ttf") format("truetype");
+}
 .app-container {
   display: flex;
   height: 100%;

package/src/styles/main.scss

@@ -21,15 +21,6 @@ body {
 	background-color: #ffffff;
 }
 
-/**************************************************************
-                     font-family- Poppins
-   Incase of adding new font follow the steps:
-   ---> Download the respective font from Google fonts
-   ---> Save to assets/font
-   ---> Add the font face in this page
-   ---> Create a variable in scss/_common.scss
- **************************************************************/
-
 @font-face {
 	font-family: Poppins;
 	font-style: normal;
@@ -92,7 +83,40 @@ body {
 	font-weight: 900;
 	src: url('../../fonts/Poppins-Black.ttf') format('truetype');
 }
+@font-face {
+	font-family: Jakarta;
+	font-style: normal;
+	font-weight: 400;
+	src: url('../../fonts/Jakarta-Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: Jakarta;
+	font-style: normal;
+	font-weight: 400;
+	src: url('../../fonts/Jakarta-Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: Jakarta;
+	font-style: normal;
+	font-weight: 500;
+	src: url('../../fonts/Jakarta-Medium.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: Jakarta;
+	font-style: normal;
+	font-weight: 600;
+	src: url('../../fonts/Jakarta-SemiBold.ttf') format('truetype');
+}
 
+@font-face {
+	font-family: Jakarta;
+	font-style: normal;
+	font-weight: 700;
+	src: url('../../fonts/Jakarta-Bold.ttf') format('truetype');
+}
 .app-container {
 	display: flex;
 	height: 100%;

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

@@ -1,66 +0,0 @@
-export default DatePicker;
-declare function DatePicker(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace DatePicker {
-    namespace propTypes {
-        let placeholder: any;
-        let label: any;
-        let range: any;
-        let onApply: any;
-        let onClear: any;
-        let value: any;
-        let disabled: any;
-        let disabledDates: any;
-        let maxRange: any;
-        let className: any;
-        let disableDatesBefore: any;
-        let disableDatesAfter: any;
-        let defaultRangeSelection: any;
-        let customRanges: any;
-        let valueAsRange: any;
-        let defaultHourDiff: any;
-        let limitHours: any;
-        let showTime: any;
-        let v2: any;
-        let enableFutureDates: any;
-    }
-    namespace defaultProps {
-        let placeholder_1: string;
-        export { placeholder_1 as placeholder };
-        let label_1: string;
-        export { label_1 as label };
-        let range_1: boolean;
-        export { range_1 as range };
-        let onApply_1: null;
-        export { onApply_1 as onApply };
-        let disabled_1: boolean;
-        export { disabled_1 as disabled };
-        let disabledDates_1: never[];
-        export { disabledDates_1 as disabledDates };
-        let maxRange_1: null;
-        export { maxRange_1 as maxRange };
-        let value_1: null;
-        export { value_1 as value };
-        let className_1: string;
-        export { className_1 as className };
-        let disableDatesBefore_1: never[];
-        export { disableDatesBefore_1 as disableDatesBefore };
-        let customRanges_1: null;
-        export { customRanges_1 as customRanges };
-        let defaultRangeSelection_1: null;
-        export { defaultRangeSelection_1 as defaultRangeSelection };
-        export function onClear_1(): void;
-        export { onClear_1 as onClear };
-        let valueAsRange_1: boolean;
-        export { valueAsRange_1 as valueAsRange };
-        let defaultHourDiff_1: null;
-        export { defaultHourDiff_1 as defaultHourDiff };
-        let limitHours_1: null;
-        export { limitHours_1 as limitHours };
-        let showTime_1: boolean;
-        export { showTime_1 as showTime };
-        let enableFutureDates_1: boolean;
-        export { enableFutureDates_1 as enableFutureDates };
-        let v2_1: boolean;
-        export { v2_1 as v2 };
-    }
-}

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-export function TodayIndicator({ className }: {
-    className: any;
-}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,13 +0,0 @@
-export function getDatesToDisplay({ monthAsNumber, year, days, dateObj }: {
-    monthAsNumber: any;
-    year: any;
-    days: any;
-    dateObj: any;
-}): any[];
-export function rangeSelection({ selectedRange, date }: {
-    selectedRange: any;
-    date: any;
-}): {
-    dates: any[];
-    unix: any[];
-};

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

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

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

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

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

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

package/dist/esm/src/components/datePicker/calender/footer/Footer.d.ts

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

package/dist/esm/src/components/datePicker/calender/footer/index.d.ts

@@ -1 +0,0 @@
-export { default as CalenderFooter } from "./Footer";

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

@@ -1,7 +0,0 @@
-export function dateRanges(customRanges?: any[]): {
-    title: any;
-    dateRange: {
-        dates: [string, string];
-        unix: number[];
-    };
-}[];

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

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

package/dist/esm/src/components/datePicker/calender/header/dateAndTimeSelection/DateAndTimeSelection.d.ts

@@ -1,11 +0,0 @@
-export default DateAndTimeSelection;
-declare function DateAndTimeSelection({ selectedDate, setActiveGoToSelection, activeGoToSelection, showDateSelectionView, showTimeSelectionView, timeRangeSelection, showTime, valueAsRange, }: {
-    selectedDate: any;
-    setActiveGoToSelection: any;
-    activeGoToSelection: any;
-    showDateSelectionView: any;
-    showTimeSelectionView: any;
-    timeRangeSelection?: {} | undefined;
-    showTime: any;
-    valueAsRange: any;
-}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1 +0,0 @@
-export { default as DateAndTimeSelection } from "./DateAndTimeSelection";

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

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

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

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

package/dist/esm/src/components/datePicker/clockView/ClockView.d.ts

@@ -1,2 +0,0 @@
-export default ClockView;
-declare function ClockView(props?: {}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/datePicker/clockView/config/index.d.ts

@@ -1,50 +0,0 @@
-export const clockConfig: {
-    0: {
-        top: string;
-        left: string;
-    };
-    1: {
-        top: string;
-        left: string;
-    };
-    2: {
-        top: string;
-        left: string;
-    };
-    3: {
-        top: string;
-        left: string;
-    };
-    4: {
-        top: string;
-        left: string;
-    };
-    5: {
-        top: string;
-        left: string;
-    };
-    6: {
-        top: string;
-        left: string;
-    };
-    7: {
-        top: string;
-        right: string;
-    };
-    8: {
-        top: string;
-        right: string;
-    };
-    9: {
-        top: string;
-        right: string;
-    };
-    10: {
-        top: string;
-        right: string;
-    };
-    11: {
-        top: string;
-        right: string;
-    };
-};

package/dist/esm/src/components/datePicker/clockView/index.d.ts

@@ -1 +0,0 @@
-export { default as ClockView } from "./ClockView";

package/dist/esm/src/components/datePicker/customRanges/CustomRanges.d.ts

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

package/dist/esm/src/components/datePicker/customRanges/index.d.ts

@@ -1 +0,0 @@
-export { default as DateAndTimeCustomRanges } from "./CustomRanges";

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

@@ -1,7 +0,0 @@
-export function dateRanges(customRanges?: any[]): {
-    title: any;
-    dateRange: {
-        dates: [string, string];
-        unix: number[];
-    };
-}[];

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-export { default as CustomDateRanges } from "./Ranges";

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

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

package/dist/esm/src/components/datePicker/timeSwitcher/TimeSwitcher.d.ts

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

package/dist/esm/src/components/datePicker/timeSwitcher/index.d.ts

@@ -1 +0,0 @@
-export { default as TimeSwitcher } from "./TimeSwitcher";

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

@@ -1,25 +0,0 @@
-export function getFloatingReferences(open: any, onOpenChange: any): {
-    open: any;
-    onOpenChange: any;
-    whileElementsMounted: typeof autoUpdate;
-    middleware: {
-        name: string;
-        options?: any;
-        fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
-    }[];
-};
-export function isMaxRangeExceeded({ maxRange, selectedRange }: {
-    maxRange: any;
-    selectedRange: any;
-}): boolean;
-export function getDateRangeTag(dates?: any[]): "minute" | "hour" | "month" | "day";
-export function calculateZeroHours(hours: any, meridian: any): any;
-export function calculateMeridian(prev: any, next: any): any;
-export function getDatePickerDisplayValue({ value, rangePicker, singlePicker, timeRange, limitHours, }: {
-    value: any;
-    rangePicker: any;
-    singlePicker: any;
-    timeRange: any;
-    limitHours: any;
-}): any;
-import { autoUpdate } from '@floating-ui/react-dom-interactions';

package/dist/esm/src/components/input/checkbox/v2/CheckBox.d.ts

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

package/dist/esm/src/components/input/checkbox/v2/index.d.ts

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

package/dist/esm/src/components/input/dropdown/v2/Dropdown.d.ts

@@ -1,52 +0,0 @@
-import React, { type ReactNode, type SyntheticEvent } from 'react';
-type FeedbackType = 'success' | 'warning' | 'info' | 'error';
-interface Feedback {
-    type: FeedbackType;
-    message?: string;
-}
-type LeftComponentWithVariants = React.ComponentType | {
-    Active?: React.ComponentType;
-    InActive?: React.ComponentType;
-};
-export interface DropdownProps {
-    className?: string | undefined;
-    popperClassName?: string | undefined;
-    /** Controlled value: string for single, string[] for multi. Omit for uncontrolled */
-    value?: string | string[];
-    onChange: (event: SyntheticEvent, value: string | string[] | null | undefined) => void;
-    leftComponent?: LeftComponentWithVariants;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Children must be DropdownItem elements */
-    children?: ReactNode;
-    highlightOnSelect?: boolean;
-    label?: string;
-    placeholder?: ReactNode;
-    multi?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /** string shows tooltip + error state; boolean acts as a flag only */
-    error?: string | boolean;
-    warning?: string | boolean;
-    id?: string;
-    name?: string;
-    feedback?: Feedback;
-    /** Format the summary text when multiple values are selected */
-    formatter?: (totalSelected: number) => ReactNode;
-    required?: boolean;
-    multiSelectActionTitle?: string;
-    /** When true, always show count for a single selected value in multi mode */
-    valueAsCount?: boolean;
-    /** Show caret as up/down variant */
-    caretAsUpDown?: boolean;
-    search?: {
-        placeholder: string;
-        value: string | number;
-        onChange: (value: string | number) => void;
-    };
-}
-/** What parent components can call on the ref */
-export interface DropdownRef {
-    value: () => string | string[] | null;
-}
-declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
-export default Dropdown;

package/dist/esm/src/components/input/dropdown/v2/index.d.ts

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

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

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

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

@@ -1,11 +0,0 @@
-import type { BaseButtonProps } from 'components/buttons/baseButton/types';
-import type { ComponentType } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'Soft' | 'outlined' | 'ghost';
-export type ButtonTextSize = 'sm' | 'md';
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
-export interface ButtonProps extends Omit<BaseButtonProps, 'variant' | 'size' | 'component1'> {
-    variant?: ButtonVariant | undefined;
-    size?: ButtonSize;
-    textSize?: ButtonTextSize;
-    rightComponent?: ComponentType | undefined;
-}

package/dist/esm/src/components/v2/checkbox/CheckBox.d.ts

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

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

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

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

@@ -1,2 +0,0 @@
-export * from './textField';
-export * from './toggle';

package/dist/esm/src/components/v2/input/textField/TextField.d.ts

@@ -1,59 +0,0 @@
-import React from 'react';
-import type { MiddlewareOptions, Placement } from '../../../popover/Popover';
-type InputType = 'text' | 'textarea' | (string & {});
-interface Feedback {
-    error?: string | undefined;
-    info?: string | undefined;
-}
-interface LeftRightIconProps {
-    className?: string | undefined;
-}
-type LeftComponentType = React.ComponentType<LeftRightIconProps>;
-type RightComponentType = React.ComponentType<LeftRightIconProps>;
-interface AutocompleteOptions {
-    /** Decide when to open based on the current input */
-    predicate?: (input: string) => boolean;
-    open?: (input: string) => boolean;
-    /** Popover placement (kept broad to avoid coupling to the popper types) */
-    placement?: Placement;
-    /** Popover middleware options (library-specific) */
-    middlewareOptions?: MiddlewareOptions;
-    /** Renderer for the autocomplete content */
-    render?: React.ComponentType<{
-        name?: string | undefined;
-        value?: string | number | undefined;
-    }>;
-}
-export interface TextFieldProps {
-    id?: string;
-    name?: string;
-    label?: string;
-    placeholder?: string;
-    type?: InputType;
-    value?: string | number;
-    required?: boolean;
-    defaultValue?: string;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value?: string) => void;
-    size?: 'sm' | 'md' | 'lg' | (string & {});
-    border?: 'default' | 'none' | (string & {});
-    theme?: 'light' | 'dark' | (string & {});
-    LeftComponent?: LeftComponentType;
-    RightComponent?: RightComponentType;
-    className?: string | undefined;
-    disabled?: boolean;
-    /** Extra HTML attributes to forward to the input/textarea */
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-    feedback?: Feedback | undefined;
-    maxLength?: number;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Whether to enable autocomplete popover */
-    autocompleteOptions?: AutocompleteOptions | undefined;
-    helperText?: string;
-    linkAction?: string | (() => void);
-    readOnly?: boolean;
-    linkText?: string;
-}
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-export default TextField;

package/dist/esm/src/components/v2/input/textField/index.d.ts

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