@ambuj.bhaskar/react-component-library 0.9.0 → 0.10.0

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">;
@@ -153,18 +213,22 @@ declare type IconProps = SVGprops & {
 declare const IconRegistry: Record<string, any>;
 
 /**
- * Input component props.
+ * Input component.
  *
- * @prop {string} [className] - Additional class names for styling.
- * @prop {string | number} [value] - The value of the input.
- * @prop {"s" | "m" | "l"} [height] - The height of the input.
- * @prop {CSSstring} [width] - The width of the input.
- * @prop {"flex-start" | "center" | "flex-end"} [placement] - The placement of the content inside the input.
+ * @prop {string} [className=""] - Additional class names for styling.
+ * @prop {string | number | undefined} [value] - The current value of the input.
+ * @prop {"s" | "m" | "l"} [height="m"] - Height of the input field.
+ * @prop {CSSstring} [width="24rem"] - Width of the component.
+ * @prop {JustifyContent} [placement="flex-start"] - Placement of the content inside the input.
  * @prop {IconName} [icon] - The icon to display inside the input.
- * @prop {"before" | "after"} [iconPosition] - The position of the icon relative to the input.
- * @prop {Color} [iconColor] - The color of the icon.
+ * @prop {string} [backgroundColor="#2929291a"] - Background color of the input.
+ * @prop {string} [textColor="#292929"] - Color of the text inside the input.
+ * @prop {string} [borderColor="#292929"] - Border color of the input.
+ * @prop {"before" | "after"} [iconPosition="after"] - Position of the icon relative to the text.
+ * @prop {string} [iconColor="#292929"] - Color of the icon inside the input.
  * @prop {boolean} [disabled=false] - If true, the input is disabled.
- * @prop {(value: string) => void} [onChange] - The callback function when the input changes.
+ * @prop {(val: string) => void} [onChange=() => {}] - Callback when the input value changes.
+ * @prop {React.ComponentProps<HTMLInputElement>} ...props - Additional props to pass to the input element.
  */
 export declare const Input: React.FC<InputProps>;
 
@@ -178,6 +242,9 @@ declare type InputProps = HTMLInputProps & {
     iconPosition?: "before" | "after";
     iconColor?: Color;
     disabled?: boolean;
+    backgroundColor?: Color;
+    textColor?: Color;
+    borderColor?: Color;
 };
 
 declare type JustifyContent = "center" | "start" | "end" | "flex-start" | "flex-end" | "left" | "right" | "baseline" | "first baseline" | "last baseline" | "space-between" | "space-around" | "space-evenly" | "stretch";