@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/fields/file-upload/types.d.ts

@@ -1,78 +1,78 @@
-import { FileItemProps, FileUploadProps } from "@lifesg/react-design-system/file-upload";
-import { AxiosRequestConfig } from "axios";
-import { IYupValidationRule } from "../../../context-providers";
-import { TFieldEventListener } from "../../../utils";
-import { TErrorMessage } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-export type TUploadType = "base64" | "multipart";
-export interface IFileUploadValidationRule extends IYupValidationRule {
-    /** for customising upload error message */
-    upload?: boolean | undefined;
-    /** accepted file types */
-    fileType?: string[] | undefined;
-    /** max acceptable file size in kb */
-    maxSizeInKb?: number | undefined;
-    /** To be used with file types. When TRUE, checks that uploaded file extensions are within accepted file types  */
-    fileExtension?: string[] | undefined;
-}
-export interface IFileUploadSchema<V = undefined> extends IBaseFieldSchema<"file-upload", V, IFileUploadValidationRule>, Pick<FileUploadProps, "capture" | "data-testid" | "disabled" | "readOnly" | "styleType"> {
-    className?: string | undefined;
-    description?: string | undefined;
-    label: string;
-    hideThumbnail?: boolean | undefined;
-    uploadOnAddingFile: {
-        type: TUploadType;
-        url: string;
-        headers?: AxiosRequestConfig["headers"] | undefined;
-        sessionId?: string | undefined;
-    };
-    warning?: string | undefined;
-    compressImages?: boolean | undefined;
-}
-export declare enum EFileStatus {
-    INJECTED = -99,
-    INJECTING = -98,
-    TO_DELETE = -4,
-    ERROR_FORMAT = -3,
-    ERROR_GENERIC = -2,
-    ERROR_SIZE = -1,
-    NONE = 0,
-    UPLOAD_READY = 4,
-    UPLOADING = 5,
-    UPLOADED = 6
-}
-export interface IFile {
-    addedFrom: "input" | "schema";
-    dataURL?: string | undefined;
-    fileItem?: FileItemProps | undefined;
-    fileUrl?: string | undefined;
-    rawFile: File;
-    slot: number;
-    status: EFileStatus;
-    uploadResponse?: unknown | undefined;
-}
-export interface IFileUploadValue {
-    dataURL?: string | undefined;
-    fileId: string;
-    fileName: string;
-    fileUrl?: string | undefined;
-    uploadResponse?: unknown | undefined;
-}
-type Implements<T, U extends T> = U;
-export type TFileUploadErrorObject = {
-    message?: string | undefined;
-    fileErrors?: {
-        [fileId: string]: string;
-    } | undefined;
-};
-export type TFileUploadErrorMessage = Implements<TErrorMessage, string | TFileUploadErrorObject>;
-export type TUploadErrorDetail = {
-    fileId: string;
-    errorData: unknown;
-};
-/** fired when field is mounted */
-declare function fileUploadEvent(uiType: "file-upload", type: "mount", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired when file upload throws error */
-declare function fileUploadEvent(uiType: "file-upload", type: "upload-error", id: string, listener: TFieldEventListener<TUploadErrorDetail>, options?: boolean | AddEventListenerOptions | undefined): void;
-export type TFileUploadEvents = typeof fileUploadEvent;
-export {};
+import { FileItemProps, FileUploadProps } from "@lifesg/react-design-system/file-upload";
+import { AxiosRequestConfig } from "axios";
+import { IYupValidationRule } from "../../../context-providers";
+import { TFieldEventListener } from "../../../utils";
+import { TErrorMessage } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+export type TUploadType = "base64" | "multipart";
+export interface IFileUploadValidationRule extends IYupValidationRule {
+    /** for customising upload error message */
+    upload?: boolean | undefined;
+    /** accepted file types */
+    fileType?: string[] | undefined;
+    /** max acceptable file size in kb */
+    maxSizeInKb?: number | undefined;
+    /** To be used with file types. When TRUE, checks that uploaded file extensions are within accepted file types  */
+    fileExtension?: string[] | undefined;
+}
+export interface IFileUploadSchema<V = undefined> extends IBaseFieldSchema<"file-upload", V, IFileUploadValidationRule>, Pick<FileUploadProps, "capture" | "data-testid" | "disabled" | "readOnly" | "styleType"> {
+    className?: string | undefined;
+    description?: string | undefined;
+    label: string;
+    hideThumbnail?: boolean | undefined;
+    uploadOnAddingFile: {
+        type: TUploadType;
+        url: string;
+        headers?: AxiosRequestConfig["headers"] | undefined;
+        sessionId?: string | undefined;
+    };
+    warning?: string | undefined;
+    compressImages?: boolean | undefined;
+}
+export declare enum EFileStatus {
+    INJECTED = -99,
+    INJECTING = -98,
+    TO_DELETE = -4,
+    ERROR_FORMAT = -3,
+    ERROR_GENERIC = -2,
+    ERROR_SIZE = -1,
+    NONE = 0,
+    UPLOAD_READY = 4,
+    UPLOADING = 5,
+    UPLOADED = 6
+}
+export interface IFile {
+    addedFrom: "input" | "schema";
+    dataURL?: string | undefined;
+    fileItem?: FileItemProps | undefined;
+    fileUrl?: string | undefined;
+    rawFile: File;
+    slot: number;
+    status: EFileStatus;
+    uploadResponse?: unknown | undefined;
+}
+export interface IFileUploadValue {
+    dataURL?: string | undefined;
+    fileId: string;
+    fileName: string;
+    fileUrl?: string | undefined;
+    uploadResponse?: unknown | undefined;
+}
+type Implements<T, U extends T> = U;
+export type TFileUploadErrorObject = {
+    message?: string | undefined;
+    fileErrors?: {
+        [fileId: string]: string;
+    } | undefined;
+};
+export type TFileUploadErrorMessage = Implements<TErrorMessage, string | TFileUploadErrorObject>;
+export type TUploadErrorDetail = {
+    fileId: string;
+    errorData: unknown;
+};
+/** fired when field is mounted */
+declare function fileUploadEvent(uiType: "file-upload", type: "mount", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired when file upload throws error */
+declare function fileUploadEvent(uiType: "file-upload", type: "upload-error", id: string, listener: TFieldEventListener<TUploadErrorDetail>, options?: boolean | AddEventListenerOptions | undefined): void;
+export type TFileUploadEvents = typeof fileUploadEvent;
+export {};

package/components/fields/hidden-field/hidden-field.d.ts

@@ -1,3 +1,3 @@
-import { IGenericFieldProps } from "..";
-import { THiddenFieldSchema } from "./types";
-export declare const HiddenField: (props: IGenericFieldProps<THiddenFieldSchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericFieldProps } from "..";
+import { THiddenFieldSchema } from "./types";
+export declare const HiddenField: (props: IGenericFieldProps<THiddenFieldSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/hidden-field/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./hidden-field";
-export * from "./types";
+export * from "./hidden-field";
+export * from "./types";

package/components/fields/hidden-field/types.d.ts

@@ -1,29 +1,29 @@
-import { IYupValidationRule } from "../../types";
-import { IBaseFieldSchema } from "../types";
-export interface IHiddenFieldValidationRule extends IYupValidationRule {
-    /** for customising error message when submitted value does not match schema value */
-    equalsSchemaValue?: boolean | undefined;
-}
-type TStringField = {
-    valueType: "string";
-    value?: string | undefined;
-};
-type TNumberField = {
-    valueType: "number";
-    value?: number | undefined;
-};
-type TBooleanField = {
-    valueType: "boolean";
-    value?: boolean | undefined;
-};
-type TNullField = {
-    valueType: "null";
-    value?: null | undefined;
-};
-type TNoValueField = {
-    valueType?: never | undefined;
-    value?: never | undefined;
-};
-type TFieldType = TStringField | TNumberField | TBooleanField | TNullField | TNoValueField;
-export type THiddenFieldSchema<V = undefined> = Pick<IBaseFieldSchema<"hidden-field", V, IHiddenFieldValidationRule>, "showIf" | "validation" | "uiType"> & TFieldType;
-export {};
+import { IYupValidationRule } from "../../types";
+import { IBaseFieldSchema } from "../types";
+export interface IHiddenFieldValidationRule extends IYupValidationRule {
+    /** for customising error message when submitted value does not match schema value */
+    equalsSchemaValue?: boolean | undefined;
+}
+type TStringField = {
+    valueType: "string";
+    value?: string | undefined;
+};
+type TNumberField = {
+    valueType: "number";
+    value?: number | undefined;
+};
+type TBooleanField = {
+    valueType: "boolean";
+    value?: boolean | undefined;
+};
+type TNullField = {
+    valueType: "null";
+    value?: null | undefined;
+};
+type TNoValueField = {
+    valueType?: never | undefined;
+    value?: never | undefined;
+};
+type TFieldType = TStringField | TNumberField | TBooleanField | TNullField | TNoValueField;
+export type THiddenFieldSchema<V = undefined> = Pick<IBaseFieldSchema<"hidden-field", V, IHiddenFieldValidationRule>, "showIf" | "validation" | "uiType"> & TFieldType;
+export {};

package/components/fields/histogram-slider/histogram-slider.d.ts

@@ -1,3 +1,3 @@
-import { IGenericFieldProps } from "..";
-import { IHistogramSliderSchema } from "./types";
-export declare const HistogramSlider: (props: IGenericFieldProps<IHistogramSliderSchema>) => import("react/jsx-runtime").JSX.Element;
+import { IGenericFieldProps } from "..";
+import { IHistogramSliderSchema } from "./types";
+export declare const HistogramSlider: (props: IGenericFieldProps<IHistogramSliderSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/histogram-slider/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./histogram-slider";
-export * from "./types";
+export * from "./histogram-slider";
+export * from "./types";

package/components/fields/histogram-slider/types.d.ts

@@ -1,20 +1,20 @@
-import { HistogramSliderProps } from "@lifesg/react-design-system/histogram-slider";
-import { IYupValidationRule, TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-type TCustomOptions = Pick<HistogramSliderProps, "showRangeLabels" | "rangeLabelPrefix" | "rangeLabelSuffix">;
-export interface IHistogramValidationRule extends IYupValidationRule {
-    /** to customise error message if the values match bins and interval */
-    bin?: boolean | undefined;
-    /** to customise error message if the values are not incremental */
-    incremental?: boolean | undefined;
-    /** to customise error message if the values out of range */
-    withinRange?: boolean | undefined;
-}
-export interface IHistogramSliderValue {
-    from: number | undefined;
-    to: number | undefined;
-}
-export interface IHistogramSliderSchema<V = undefined> extends IBaseFieldSchema<"histogram-slider", V, IHistogramValidationRule>, TComponentOmitProps<Pick<HistogramSliderProps, "className" | "disabled" | "readOnly" | "bins" | "interval" | "ariaLabels">> {
-    customOptions?: TCustomOptions | undefined;
-}
-export {};
+import { HistogramSliderProps } from "@lifesg/react-design-system/histogram-slider";
+import { IYupValidationRule, TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+type TCustomOptions = Pick<HistogramSliderProps, "showRangeLabels" | "rangeLabelPrefix" | "rangeLabelSuffix">;
+export interface IHistogramValidationRule extends IYupValidationRule {
+    /** to customise error message if the values match bins and interval */
+    bin?: boolean | undefined;
+    /** to customise error message if the values are not incremental */
+    incremental?: boolean | undefined;
+    /** to customise error message if the values out of range */
+    withinRange?: boolean | undefined;
+}
+export interface IHistogramSliderValue {
+    from: number | undefined;
+    to: number | undefined;
+}
+export interface IHistogramSliderSchema<V = undefined> extends IBaseFieldSchema<"histogram-slider", V, IHistogramValidationRule>, TComponentOmitProps<Pick<HistogramSliderProps, "className" | "disabled" | "readOnly" | "bins" | "interval" | "ariaLabels">> {
+    customOptions?: TCustomOptions | undefined;
+}
+export {};

package/components/fields/image-upload/image-context/image-context.d.ts

@@ -1,16 +1,16 @@
-import { Dispatch, SetStateAction } from "react";
-import { IImage } from "../types";
-interface IImageContext {
-    images: IImage[];
-    setImages: Dispatch<SetStateAction<IImage[]>>;
-    errorCount: number;
-    setErrorCount: Dispatch<SetStateAction<number>>;
-    currentFileIds: string[];
-    setCurrentFileIds: Dispatch<SetStateAction<string[]>>;
-}
-interface Props {
-    children: (string | boolean | JSX.Element)[] | (string | boolean | JSX.Element);
-}
-export declare const ImageContext: import("react").Context<IImageContext>;
-export declare const ImageProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { Dispatch, SetStateAction } from "react";
+import { IImage } from "../types";
+interface IImageContext {
+    images: IImage[];
+    setImages: Dispatch<SetStateAction<IImage[]>>;
+    errorCount: number;
+    setErrorCount: Dispatch<SetStateAction<number>>;
+    currentFileIds: string[];
+    setCurrentFileIds: Dispatch<SetStateAction<string[]>>;
+}
+interface Props {
+    children: (string | boolean | JSX.Element)[] | (string | boolean | JSX.Element);
+}
+export declare const ImageContext: import("react").Context<IImageContext>;
+export declare const ImageProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/image-upload/image-context/index.d.ts

@@ -1 +1 @@
-export * from "./image-context";
+export * from "./image-context";

package/components/fields/image-upload/image-input/drag-upload/drag-upload.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IDragUploadProps, IDragUploadRef } from "./types";
-export declare const DragUpload: import("react").ForwardRefExoticComponent<IDragUploadProps & import("react").RefAttributes<IDragUploadRef>>;
+import { IDragUploadProps, IDragUploadRef } from "./types";
+export declare const DragUpload: import("react").ForwardRefExoticComponent<IDragUploadProps & import("react").RefAttributes<IDragUploadRef>>;

package/components/fields/image-upload/image-input/drag-upload/drag-upload.styles.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const HintContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const HintText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+export declare const HintContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const HintText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;

package/components/fields/image-upload/image-input/drag-upload/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./drag-upload";
-export * from "./types";
+export * from "./drag-upload";
+export * from "./types";

package/components/fields/image-upload/image-input/drag-upload/types.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { TFileCapture, TImageUploadAcceptedFileType } from "../../types";
-export interface IDragUploadRef {
-    fileDialog: () => unknown;
-}
-export interface IDragUploadProps {
-    id?: string | undefined;
-    capture?: TFileCapture;
-    className?: string | undefined;
-    /** applies to input field only and not for drag & drop */
-    accept?: TImageUploadAcceptedFileType[] | undefined;
-    children: React.ReactNode;
-    hint?: string | undefined;
-    onInput: (files: File[]) => void;
-    multiple?: boolean | undefined;
-}
+import { TFileCapture, TImageUploadAcceptedFileType } from "../../types";
+export interface IDragUploadRef {
+    fileDialog: () => unknown;
+}
+export interface IDragUploadProps {
+    id?: string | undefined;
+    capture?: TFileCapture;
+    className?: string | undefined;
+    /** applies to input field only and not for drag & drop */
+    accept?: TImageUploadAcceptedFileType[] | undefined;
+    children: React.ReactNode;
+    hint?: string | undefined;
+    onInput: (files: File[]) => void;
+    multiple?: boolean | undefined;
+}

package/components/fields/image-upload/image-input/file-item/file-item.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { IImage, IImageUploadValidationRule, ISharedImageProps } from "../../types";
-interface IProps extends Omit<ISharedImageProps, "maxFiles"> {
-    id?: string;
-    index: number;
-    fileItem: IImage;
-    validation: IImageUploadValidationRule[];
-    onDelete: (index: number) => (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const FileItem: ({ id, index, fileItem, maxSizeInKb, accepts, onDelete, validation }: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from "react";
+import { IImage, IImageUploadValidationRule, ISharedImageProps } from "../../types";
+interface IProps extends Omit<ISharedImageProps, "maxFiles"> {
+    id?: string;
+    index: number;
+    fileItem: IImage;
+    validation: IImageUploadValidationRule[];
+    onDelete: (index: number) => (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const FileItem: ({ id, index, fileItem, maxSizeInKb, accepts, onDelete, validation }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/image-upload/image-input/file-item/file-item.styles.d.ts

@@ -1,49 +1,48 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isError" | "$isCustomMuted"> & {
-    $isError?: boolean;
-    $isCustomMuted?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isError" | "$isCustomMuted"> & {
-    $isError?: boolean;
-    $isCustomMuted?: boolean;
-}, never>>> & string;
-export declare const CellInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CellFileSize: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CellProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const CellDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Thumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$src"> & {
-    $src: string;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$src"> & {
-    $src: string;
-}, never>>> & string;
-export declare const TextBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const FileNameWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const MobileTextBodyDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DesktopTextBodyDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, never>>> & string;
-export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("@lifesg/react-design-system/typography").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement>;
-} & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
-export declare const DeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const ErrorCustomMutedThumbnailContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isError" | "$isCustomMuted"> & {
+    $isError?: boolean;
+    $isCustomMuted?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isError" | "$isCustomMuted"> & {
+    $isError?: boolean;
+    $isCustomMuted?: boolean;
+}, never>>> & string;
+export declare const CellInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CellFileSize: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CellProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const CellDeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Thumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$src"> & {
+    $src: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$src"> & {
+    $src: string;
+}, never>>> & string;
+export declare const TextBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const FileNameWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const MobileTextBodyDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const DesktopTextBodyDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, never>>> & string;
+export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("@lifesg/react-design-system").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
+} & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+export declare const DeleteButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").IconButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const ErrorCustomMutedThumbnailContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/components/fields/image-upload/image-input/file-item/index.d.ts

@@ -1 +1 @@
-export * from "./file-item";
+export * from "./file-item";

package/components/fields/image-upload/image-input/image-input.d.ts

@@ -1,26 +1,26 @@
-import * as Icons from "@lifesg/react-icons";
-import { IImageUploadValidationRule, ISharedImageProps, TFileCapture } from "../types";
-interface IImageInputProps extends ISharedImageProps {
-    buttonLabel?: string | undefined;
-    capture?: TFileCapture | undefined;
-    className?: string | undefined;
-    description?: string | undefined;
-    dimensions: {
-        width: number;
-        height: number;
-    };
-    errorMessage?: string | undefined;
-    label: string;
-    validation: IImageUploadValidationRule[];
-    multiple?: boolean | undefined;
-    warning?: string | undefined;
-    tooltip?: {
-        label?: string | undefined;
-        icon?: keyof typeof Icons | undefined;
-    } | undefined;
-}
-/**
- * handles adding of image(s) through drag & drop or file dialog
- */
-export declare const ImageInput: (props: IImageInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import * as Icons from "@lifesg/react-icons";
+import { IImageUploadValidationRule, ISharedImageProps, TFileCapture } from "../types";
+interface IImageInputProps extends ISharedImageProps {
+    buttonLabel?: string | undefined;
+    capture?: TFileCapture | undefined;
+    className?: string | undefined;
+    description?: string | undefined;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    errorMessage?: string | undefined;
+    label: string;
+    validation: IImageUploadValidationRule[];
+    multiple?: boolean | undefined;
+    warning?: string | undefined;
+    tooltip?: {
+        label?: string | undefined;
+        icon?: keyof typeof Icons | undefined;
+    } | undefined;
+}
+/**
+ * handles adding of image(s) through drag & drop or file dialog
+ */
+export declare const ImageInput: (props: IImageInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};