@ambuj.bhaskar/react-component-library 0.24.21-alpha → 0.25.1-alpha

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 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';
@@ -138,44 +140,6 @@ 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,14 +294,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;
@@ -702,13 +658,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>;
@@ -746,10 +695,14 @@ declare type ChartType = "line" | "bar" | "doughnut" | "pie";
  */
 declare function chunkArray<T>(arr: T[], chunkSize?: number): T[][];
 
-declare function clampValue(value: any, min: any, max: any): number;
-
 declare type Color = string;
 
+declare type ColorStatesType = {
+    default: Color;
+    hover?: Color;
+    active?: Color;
+};
+
 export declare const CompactEventCard: React.FC<CompactEventCardPropsType>;
 
 export declare type CompactEventCardPropsType = {
@@ -854,6 +807,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;
+}
+
+export 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>;
@@ -1085,74 +1095,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 +1115,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 +1187,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 +1257,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 = {
@@ -1487,17 +1412,23 @@ declare type ToastProps = {
     onClose?: () => void;
 };
 
-export declare const ToastProvider: () => JSX_2.Element;
-
 declare type ToastType = "success" | "error" | "info" | "warning";
 
+export declare const Topbar: React.FC<TopbarProps>;
+
+export declare type TopbarProps = {
+    title?: string;
+    width?: CSSstring;
+    height?: CSSstring;
+    style?: React.CSSProperties;
+    className?: string;
+};
+
 export declare type TPositionType = {
     lat: number;
     lng: number;
 };
 
-declare function translateCoordinatesWithFixedWidth(coordinates: any, shiftAmount?: number, targetCoordinate?: any): any;
-
 export declare function usePagination(initialPage?: number, initialTotalPages?: number): {
     currentPage: number;
     setPage: (newPage: number) => void;
@@ -1507,6 +1438,14 @@ export declare function usePagination(initialPage?: number, initialTotalPages?:
     setTotalPages: Dispatch<SetStateAction<number>>;
 };
 
+export declare const usePointerState: () => {
+    pointerState: keyof ColorStatesType;
+    pointerEnter: () => void;
+    pointerLeave: () => void;
+    pointerDown: () => void;
+    pointerUp: () => void;
+};
+
 export declare const useResize: () => {
     width: number;
     height: number;