@ambuj.bhaskar/react-component-library 0.24.20-alpha → 0.25.0-alpha

package/dist/index.d.ts

@@ -1,14 +1,13 @@
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
-import { Dispatch } from 'react';
+import { DropdownProps as DropdownProps_2 } from 'antd';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MenuProps as MenuProps_2 } from 'antd';
 import { PopoverProps as PopoverProps_2 } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
-import { RefObject } from 'react';
 import { Resolver } from 'react-hook-form';
-import { SetStateAction } from 'react';
 import { TableProps as TableProps_2 } from 'antd';
 import { TimeRangePickerProps } from 'antd';
 
@@ -136,46 +135,6 @@ export declare type AnnotationStatus = "approved" | "rejected" | "pending" | "co
 
 export declare type AnnotationType = "rectangle" | "circle" | "polygon" | "dot";
 
-declare function areAllValuesEmpty(obj: any): boolean;
-
-export declare const AWI_ALL_GLOBALS: {
-    MAX_TOASTS_COUNT: number;
-    DISPLAY_SEARCH_MINIMUM_RECORDS: number;
-    SAM_MODEL_NAME: string;
-    SAM_MODEL_CONFIDENCE: number;
-    SAM_MODEL_MAX_RESULTS: number;
-    SAM_MODEL_MAX_RESULTS_MIN: number;
-    SAM_MODEL_MAX_RESULTS_MAX: number;
-    SAM_MODEL_DATA: {
-        awi_id: string;
-        awi_label: string;
-        value: string;
-    }[];
-    INITIAL_ZOOM_PROPERTIES: {
-        scale: number;
-        x: number;
-        y: number;
-    };
-    INITIAL_ZOOM_LEVEL: number;
-    HOVER_TO_SELECT_ON_ALREADY_SELECTED: boolean;
-    DEFAULT_CANVAS_RATION: {
-        w: number;
-        h: number;
-    };
-    MAX_ANNOTATIONS_TO_HOVER: number;
-    TWO_PIE: number;
-    POLYGON_POINT_REMOVE_CONFIRM_PROMPT: boolean;
-    MAX_ANNOTATIONS_TO_RUN_FAST: number;
-    STATUS_COLOR_MAP: Record<string, string>;
-};
-
-/**
- * File for handling and returning background images
- */
-export declare const AWI_IMAGE_VALIDITY_HELPER: {
-    checkImageValidity: (url: string, setBackgroundImage: any, contentKey: string | undefined, annotationViewType: string | undefined, fallbackImageUrl: any, defaultImage?: string) => Promise<void>;
-};
-
 export declare const AwiAnnotationHotkeys: default_2.FC<AwiAnnotationHotkeysProps>;
 
 export declare type AwiAnnotationHotkeysProps = {
@@ -330,39 +289,6 @@ export declare type AwiEmptyStateProps = {
     stateTitle?: string;
 };
 
-export declare const AwiGenerateHeader: default_2.FC<AwiGenerateHeaderProps>;
-
-declare type AwiGenerateHeaderProps = {
-    list: string[];
-    headerClass?: string;
-    type?: string;
-};
-
-export declare const AwiHelperMethods: {
-    getStatusDisplayText: (status: string, user: any) => any;
-    displayVersion: (branch: any, commitId: any, buildDate: any, buildNumber: any) => void;
-    toAPIQueryString: (params: any) => string;
-    isSAMAllowed: (type: string | undefined, requestFor?: string) => boolean;
-    checkValidPassword: (val: any) => boolean;
-    getRelativeTime: (inputDate: Date) => string;
-    randomVibrantColor: () => string;
-    chunkArray: typeof chunkArray;
-    isValidMobileNumber: (val: any) => boolean;
-    sleepSystem: (time: number) => Promise<void>;
-    secondDelayDisplayMessage: (time: number) => string;
-    areAllValuesEmpty: typeof areAllValuesEmpty;
-    isEighteenOrOlder: typeof isEighteenOrOlder;
-    displayTimeAndDateInfo: (date?: any) => string;
-    hasMoreRecords: (allPages: any) => any;
-    checkOnboardingComplete: (myDetails: any) => boolean;
-    checkBillingAvailable: (myDetails: any) => boolean;
-    capitalizeFirstChar: typeof capitalizeFirstChar;
-    sendEmptyLabelStatus: (labels: any) => any;
-    isImageKitURL: (src?: string) => boolean;
-    byteToSize: (bytes: number) => string;
-    useThrottle: (func: any, limit: any) => (...args: any) => void;
-};
-
 export declare const AwiInput: React.FC<AwiInputProps>;
 
 export declare type AwiInputProps = {
@@ -484,15 +410,6 @@ export declare type AwiPaginationProps = {
     isLoading: boolean;
 };
 
-export declare const AwiSafeLocalStorage: {
-    getItem: (key: any) => string | null;
-    setItem: (key: any, value: any) => void;
-    removeItem: (key: any) => void;
-    getToken: () => string;
-    removeToken: () => void;
-    removeLogout: () => void;
-};
-
 export declare const AwiSamModal: React.FC<AwiSamModalProps>;
 
 export declare type AwiSamModalProps = {
@@ -614,11 +531,6 @@ export declare const AwiToastMessage: {
     }) => void;
 };
 
-export declare const AwiUseKeyChecker: () => {
-    isCtrlPressedFunc: () => boolean;
-    isAltPressedFunc: () => boolean;
-};
-
 export declare const Backdrop: default_2.FC<BackdropProps>;
 
 export declare interface BackdropProps extends ComponentProps<"div"> {
@@ -702,15 +614,6 @@ export declare type ButtonProps = HTMLButtonProps & {
 
 declare type ButtonVariant = "primary" | "secondary" | "tertiary" | "nav";
 
-declare function calculateCentroid(coordinates: any): {
-    x: number;
-    y: number;
-}[];
-
-declare function calculateCircleFromCoordinates(coordinates: any): any;
-
-declare function capitalizeFirstChar(str: any): any;
-
 export declare const Chart: React.FC<ChartProps>;
 
 declare type ChartData = {
@@ -741,13 +644,6 @@ export declare type ChartProps = {
 
 declare type ChartType = "line" | "bar" | "doughnut" | "pie";
 
-/**
- * All Helper methods will be defined here
- */
-declare function chunkArray<T>(arr: T[], chunkSize?: number): T[][];
-
-declare function clampValue(value: any, min: any, max: any): number;
-
 declare type Color = string;
 
 export declare const CompactEventCard: React.FC<CompactEventCardPropsType>;
@@ -843,8 +739,6 @@ export declare type DateRangePickerProps = {
 
 declare type DateTimeFormat = string;
 
-export declare const DEFAULT_THEME: ThemeObject;
-
 export declare const DetectionCarousel: React.FC<DetectionCarouselProps>;
 
 export declare type DetectionCarouselProps = {
@@ -854,6 +748,63 @@ export declare type DetectionCarouselProps = {
     data: BlobType[];
 };
 
+export declare const Dropdown: default_2.FC<DropdownProps>;
+
+export declare interface DropdownProps extends Omit<DropdownProps_2, "style" | "className"> {
+    /**
+     * Custom CSS class name
+     */
+    className?: string;
+    /**
+     * Custom style object
+     */
+    style?: React.CSSProperties;
+    /**
+     * The content to trigger the dropdown
+     */
+    children?: ReactNode;
+    /**
+     * Theme configuration for the dropdown
+     * Pass simple color and style properties, component handles the rest internally
+     */
+    theme?: DropdownTheme;
+}
+
+declare interface DropdownTheme {
+    /**
+     * Button styling
+     */
+    button?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        color?: string;
+        hoverBackgroundColor?: string;
+        hoverBorderColor?: string;
+        hoverColor?: string;
+    };
+    /**
+     * Menu styling
+     */
+    menu?: {
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: string;
+        boxShadow?: string;
+        /**
+         * Menu items styling
+         */
+        item?: {
+            color?: string;
+            backgroundColor?: string;
+            hoverColor?: string;
+            hoverBackgroundColor?: string;
+            selectedColor?: string;
+            selectedBackgroundColor?: string;
+            disabledColor?: string;
+        };
+    };
+}
+
 declare type EventElement = "app" | "source" | "severity" | "date" | "time";
 
 export declare const EventPreview: React.FC<EventPreviewProps>;
@@ -986,8 +937,6 @@ export declare type InputProps = HTMLInputProps & {
     borderColor?: Color;
 };
 
-declare function isEighteenOrOlder(birthDate: any): boolean;
-
 declare type JustifyContent = "center" | "start" | "end" | "flex-start" | "flex-end" | "left" | "right" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";
 
 declare type LineVariant = "fill" | "line";
@@ -1085,74 +1034,18 @@ export declare type MapViewProps = {
     onFocusedIndexChange?: (index: number) => void;
 };
 
-export declare const MathAnnotationHelper: {
-    gcd: any;
-    getDistance: (x1: number, y1: number, x2: number, y2: number) => number;
-    isLeft: (P0: any, P1: any, P2: any) => number;
-    windingNumber: (P: any, polygon: any, sensitivity?: number) => number;
-    getDiameter: (coords: {
-        x: number;
-        y: number;
-    }[]) => number;
-    checkPointInsidePolygon: (x: number, y: number, polygon: any, pos_sensitivity: number, neg_sensitivity: number, request: any, scale?: number) => boolean;
-    isAnnotationCoordinatesValid: (request: any, coords: {
-        x: number;
-        y: number;
-    }[], usingSamFunction?: boolean, scale?: number) => boolean;
-    distanceToSegment: (px: any, py: any, x1: any, y1: any, x2: any, y2: any) => number;
-    findClosestSegment: (polygon: any, px: any, py: any) => {
-        insertIndex: number;
-        minDistance: number;
-    };
-    transformCoordinatesCheck: (newXTransform: any, newYTransform: any, widthIncreased: any, heightIncreased: any) => {
-        newXTransform: any;
-        newYTransform: any;
-    };
-    getBoundingBox: (points: any) => {
-        x: number;
-        y: number;
-    }[];
-    translateCoordinatesWithFixedWidth: typeof translateCoordinatesWithFixedWidth;
-    clampValue: typeof clampValue;
-    calculateCircleFromCoordinates: typeof calculateCircleFromCoordinates;
-    calculateCentroid: typeof calculateCentroid;
-    minDistanceToPolygon: (point: Point, polygon: Polygon) => number;
-    closestCoordinates: (point: Point, polygon: Polygon) => {
-        minDistance: number;
-        insertIndex: number;
-    };
-    fineTuneCoordinates: (coordinateList: any) => any;
-    zoomLevelValue: (value: any, scale: any) => number;
-    createPolygonLoop: (outline: {
-        x: number;
-        y: number;
-    }[]) => {
-        x: number;
-        y: number;
-    }[];
-    breakPointCount: (coordinate: any) => number;
-    getBoundingBoxValues: (points: Point[]) => {
-        minX: number;
-        minY: number;
-        maxX: number;
-        maxY: number;
-    };
-    shiftPolygon: typeof shiftPolygon;
-    getPerfectPointValue: (coordinatePoint?: number) => number;
-    adjustToCircle: (coords: any) => any;
-    getMousePos: (canvas: any, evt: any) => {
-        x: number;
-        y: number;
-    };
-    getMousePosAbsolute: (canvas: any, evt: any) => {
-        x: number;
-        y: number;
-    };
-    getUpdatedCoordinates: (canvasRef: any, event: any, initialCoords: any) => {
-        x: number;
-        y: number;
-    }[];
-};
+export declare const Menu: default_2.FC<MenuProps>;
+
+export declare interface MenuProps extends Omit<MenuProps_2, "style" | "className"> {
+    /**
+     * Custom CSS class name
+     */
+    className?: string;
+    /**
+     * Custom style object
+     */
+    style?: React.CSSProperties;
+}
 
 export declare interface MiniData {
     awi_id: number;
@@ -1161,15 +1054,6 @@ export declare interface MiniData {
     awi_creation?: Date;
 }
 
-export declare const MockImageGenerationHelper: {
-    HARDCODED_FALL_BACK_IMAGE: string;
-    HARDCODED_FALL_BACK_BIG_IMAGE: string;
-    DEFAULT_AVATAR_IMAGE: string;
-    generateImageUrl: (url: string | undefined | null, _serverLink?: boolean) => string;
-    getImageKitUrl: (url: string, _width?: number, _height?: number, _q?: number) => string;
-    getUserAvatar: (user: any) => string;
-};
-
 export declare const Modal: default_2.FC<ModalProps>;
 
 export declare interface ModalButtonProps {
@@ -1242,16 +1126,6 @@ export declare type PaginationProps = {
     className?: string;
 };
 
-/**
- * Mathematics helpers for our system, majorly for annotations
- */
-declare type Point = {
-    x: number;
-    y: number;
-};
-
-declare type Polygon = Point[];
-
 export declare const Popover: React.FC<PopoverProps>;
 
 export declare type PopoverProps = PopoverProps_2 & {
@@ -1322,18 +1196,8 @@ export declare type SelectProps = {
     textSize?: "xs" | "s" | "m" | "l" | "xl";
 };
 
-declare function shiftPolygon(polygon: any): any;
-
 export declare type ShowAnnotationStatus = "approved" | "rejected" | "pending" | "corrected" | "all";
 
-export declare const showToast: ({ type, title, body, }: ShowToastType) => void;
-
-declare type ShowToastType = {
-    type: ToastType;
-    title?: string;
-    body?: string;
-};
-
 export declare const Sidebar: React.FC<SidebarProps>;
 
 export declare type SidebarConfig = {
@@ -1452,29 +1316,6 @@ export declare type TCoordinateType = {
 
 declare type TextSize = "xs" | "s" | "m" | "l" | "xl";
 
-export declare type ThemeObject = {
-    name?: string;
-    colors?: ThemeSection;
-    sizes?: ThemeSection;
-    weights?: ThemeSection;
-};
-
-export declare const ThemeProvider: ({ theme, log, children, }: {
-    theme?: ThemeObject;
-    log?: boolean;
-    children: ReactNode;
-}) => JSX_2.Element;
-
-export declare type ThemeProviderProps = {
-    theme: ThemeObject;
-    log?: boolean;
-    children: ReactNode;
-};
-
-export declare type ThemeSection = {
-    [key: string]: string | ThemeSection;
-};
-
 export declare const Toast: default_2.FC<ToastProps>;
 
 declare type ToastProps = {
@@ -1487,41 +1328,23 @@ declare type ToastProps = {
     onClose?: () => void;
 };
 
-export declare const ToastProvider: () => JSX_2.Element;
-
 declare type ToastType = "success" | "error" | "info" | "warning";
 
-export declare type TPositionType = {
-    lat: number;
-    lng: number;
-};
+export declare const Topbar: React.FC<TopbarProps>;
 
-declare function translateCoordinatesWithFixedWidth(coordinates: any, shiftAmount?: number, targetCoordinate?: any): any;
-
-export declare function usePagination(initialPage?: number, initialTotalPages?: number): {
-    currentPage: number;
-    setPage: (newPage: number) => void;
-    nextPage: () => void;
-    prevPage: () => void;
-    totalPages: number;
-    setTotalPages: Dispatch<SetStateAction<number>>;
+export declare type TopbarProps = {
+    title?: string;
+    width?: CSSstring;
+    height?: CSSstring;
+    style?: React.CSSProperties;
+    className?: string;
 };
 
-export declare const useResize: () => {
-    width: number;
-    height: number;
-    containerRef: RefObject<HTMLDivElement>;
+export declare type TPositionType = {
+    lat: number;
+    lng: number;
 };
 
 export declare type userLevel = "awi_root" | "awi_admin" | "awi_manager" | "awi_developer" | "awi_supervisor" | "awi_verifier" | "awi_annotator";
 
-export declare const useTheme: () => Record<string, string>;
-
-export declare const useToast: () => {
-    success: (body: string) => void;
-    error: (body: string) => void;
-    info: (body: string) => void;
-    warning: (body: string) => void;
-};
-
 export { }