@ambuj.bhaskar/react-component-library 0.9.1 → 0.10.1

package/dist/index.d.ts

@@ -1,10 +1,25 @@
 import { ComponentProps } from 'react';
+import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { TimeRangePickerProps } from 'antd';
 
+declare type BlobType = {
+    detection?: {
+        image: string;
+    };
+    match?: {
+        image: string;
+    };
+    attributes?: {
+        [key: string]: string;
+    };
+    labels?: string[];
+    score?: number;
+};
+
 /**
  * The Button component.
  *
@@ -65,6 +80,17 @@ declare type ColorStatesType = {
     active?: Color;
 };
 
+export declare const CompactEventCard: React.FC<CompactEventCardPropsType>;
+
+declare type CompactEventCardPropsType = {
+    data: EventType;
+    className?: string;
+    focusedClassName?: string;
+    isFocused?: boolean;
+    width?: CSSstring;
+    height?: CSSstring;
+};
+
 /**
  * ContactInput component.
  *
@@ -98,6 +124,8 @@ declare type CustomOption = {
     value: any;
 };
 
+declare type DateCompare = (() => boolean) | ((current: Dayjs) => boolean);
+
 export declare const DateRangePicker: default_2.FC<DateRangePickerProps>;
 
 declare type DateRangePickerProps = {
@@ -114,10 +142,42 @@ declare type DateRangePickerProps = {
     pickerRangeColor?: Color;
     pickerBackgroundColor?: Color;
     pickerBorderColor?: Color;
+    disabledDate?: DateCompare;
+    disableFutureDates?: boolean;
 };
 
 declare type DateTimeFormat = string;
 
+export declare const DetectionCarousel: React.FC<DetectionCarouselProps>;
+
+declare type DetectionCarouselProps = {
+    title?: string;
+    height?: CSSstring;
+    width?: CSSstring;
+    data: BlobType[];
+};
+
+export declare const EventPreview: React.FC<EventPreviewProps>;
+
+declare type EventPreviewProps = {
+    title?: string;
+    icon?: string;
+    width?: CSSstring;
+    height?: CSSstring;
+    data: EventType[];
+};
+
+declare type EventType = {
+    id: number;
+    frameUrl: string;
+    severity: string;
+    location: string;
+    timeStamp: Date;
+    color: Color;
+    blobs: BlobType[];
+    appName: string;
+};
+
 declare type HTMLButtonProps = ComponentProps<"button">;
 
 declare type HTMLInputProps = ComponentProps<"input">;
@@ -217,11 +277,11 @@ export declare const Multiselect: default_2.FC<MultiselectProps>;
 
 declare type MultiselectProps = {
     options: Option_2[];
-    onChange: (value: string[]) => void;
+    onChange: (value: Option_2["value"][]) => void;
     placeholder?: string;
     searchable?: boolean;
     maxTagCount?: "responsive" | number;
-    value?: string[];
+    value?: Option_2["value"][];
     width?: CSSstring;
     height?: string;
     className?: string;
@@ -238,7 +298,7 @@ declare type MultiselectProps = {
 
 declare type Option_2 = {
     label: string;
-    value: string;
+    value: string | number;
 };
 
 /**
@@ -259,11 +319,11 @@ export declare const Select: React.FC<SelectProps>;
 
 declare type SelectProps = {
     options: Option_2[] | CustomOption[];
-    onChange: (value: string) => void;
+    onChange: (value: Option_2["value"]) => void;
     placeholder?: string;
     searchable?: boolean;
     placement?: "start" | "center" | "end";
-    value?: string;
+    value?: Option_2["value"];
     className?: string;
     triggerBackgroundColor?: Color;
     menuBackgroundColor?: Color;