@lifesg/web-frontend-engine 2.2.4 → 2.2.5

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

@@ -1,151 +1,151 @@
-import * as Icons from "@lifesg/react-icons";
-import { FabricObject } from "fabric";
-import { IBaseFieldSchema } from "../types";
-import { IYupValidationRule } from "../../../context-providers";
-import { TFieldEventListener } from "../../../utils";
-export type TFileCapture = boolean | "user" | "environment" | undefined;
-export type TUploadMethod = "post" | "put" | "patch";
-export declare const ACCEPTED_FILE_TYPES: readonly ["jpg", "gif", "png", "heic", "heif", "webp"];
-export type TImageUploadAcceptedFileType = (typeof ACCEPTED_FILE_TYPES)[number];
-export type TImageUploadOutputFileType = "jpg" | "png";
-export interface IImageUploadValidationRule extends IYupValidationRule {
-    /** for customising upload error message */
-    upload?: boolean | undefined;
-    /** accepted file types */
-    fileType?: TImageUploadAcceptedFileType[] | undefined;
-    /** max acceptable file size in kb */
-    maxSizeInKb?: number | undefined;
-}
-export interface IImageUploadSchema<V = undefined> extends IBaseFieldSchema<"image-upload", V, IImageUploadValidationRule> {
-    buttonLabel?: string | undefined;
-    className?: string | undefined;
-    description?: string | undefined;
-    editImage?: boolean | undefined;
-    label: string;
-    outputType?: TImageUploadOutputFileType | undefined;
-    uploadOnAddingFile?: {
-        method: TUploadMethod;
-        url: string;
-        sessionId?: string | undefined;
-    } | undefined;
-    compress?: boolean | undefined;
-    dimensions?: IImageDimensions | undefined;
-    crop?: boolean | undefined;
-    capture?: TFileCapture | undefined;
-    multiple?: boolean | undefined;
-    imageReviewModalStyles?: string | undefined;
-    tooltip?: {
-        label?: string | undefined;
-        icon?: keyof typeof Icons | undefined;
-    } | undefined;
-}
-export interface ISharedImageProps {
-    id?: string | undefined;
-    accepts: TImageUploadAcceptedFileType[];
-    maxSizeInKb: number;
-    maxFiles: number;
-}
-export declare enum EImageStatus {
-    INJECTED = -99,
-    ERROR_FILENAME = -8,
-    ERROR_CUSTOM_MUTED = -7,
-    ERROR_EXCEED = -6,
-    ERROR_CUSTOM = -5,
-    TO_DELETE = -4,
-    ERROR_FORMAT = -3,
-    ERROR_GENERIC = -2,
-    ERROR_SIZE = -1,
-    NONE = 0,
-    TO_RECOMPRESS = 1,
-    COMPRESSED = 2,
-    RECOMPRESSED = 2,
-    CONVERTED = 2,
-    EDITED = 3,
-    UPLOAD_READY = 4,
-    UPLOADING = 5,
-    UPLOADED = 6,
-    PENDING = 7
-}
-export interface IImage {
-    id: string;
-    file: File;
-    name: string;
-    type?: string | undefined;
-    /** refers to preview dimensions and eventual output dimensions */
-    dimensions: IImageDimensions;
-    dataURL?: string;
-    thumbnailDataURL?: string;
-    drawingDataURL?: string;
-    drawing?: FabricObject[];
-    status: EImageStatus;
-    addedFrom?: "dragInput" | "reviewModal" | "schema";
-    uploadProgress: number;
-    uploadResponse?: any;
-    slot: number;
-    customErrorMessage?: string | undefined;
-    metadata?: IImageMetadata | undefined;
-}
-export interface IImageDimensions {
-    width: number;
-    height: number;
-}
-export interface IUpdateImageStatus {
-    id: string;
-    updatedStatus: EImageStatus;
-    errorMessage?: string | undefined;
-}
-export interface IUploadedImage {
-    dataURL: string;
-    fileId: string;
-    fileName: string;
-    uploadResponse?: any;
-}
-export interface IDismissReviewModalEvent {
-    removePendingImages: boolean;
-}
-export interface IImageMetadata {
-    dateTimeOriginal: string | undefined;
-    lat: number | undefined;
-    lng: number | undefined;
-}
-/** fired when field is mounted */
-declare function imageUploadEvent(uiType: "image-upload", type: "mount", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired when file dialog is shown */
-declare function imageUploadEvent(uiType: "image-upload", type: "file-dialog", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-/**
- * fired when an image is ready to be uploaded
- *
- * `event.preventDefault()` will stop the image from getting uploaded
- * */
-declare function imageUploadEvent(uiType: "image-upload", type: "upload-ready", id: string, listener: TFieldEventListener<{
-    imageData: IImage;
-}>, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired when image review modal is shown */
-declare function imageUploadEvent(uiType: "image-upload", type: "show-review-modal", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired on dismissing image review modal  */
-declare function imageUploadEvent(uiType: "image-upload", type: "hide-review-modal", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-/**
- * fired on clicking save button in image review modal
- *
- * `event.preventDefault()` will stop all pending images from being uploaded
- * */
-declare function imageUploadEvent(uiType: "image-upload", type: "save-review-images", id: string, listener: TFieldEventListener<{
-    images: IImage[];
-    retry: () => void;
-}>, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired when an image is uploaded to the url specified in `uploadOnAddingFile`
- * */
-declare function imageUploadEvent(uiType: "image-upload", type: "uploaded", id: string, listener: TFieldEventListener<{
-    imageData: IImage;
-}>, options?: boolean | AddEventListenerOptions | undefined): void;
-/** fired when the tooltip is clicked */
-declare function imageUploadEvent(uiType: "image-upload", type: "click-tooltip", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-export type TImageUploadEvents = typeof imageUploadEvent;
-/** update status and error message according to id */
-declare function imageUploadTrigger(uiType: "image-upload", type: "update-image-status", id: string, details: IUpdateImageStatus): boolean;
-/** update the status of images added through the image review modal as `UPLOAD_READY` and initiates the uploading of these images */
-declare function imageUploadTrigger(uiType: "image-upload", type: "trigger-save-review-images", id: string): boolean;
-/** hide image review modal, with option to discard images that have not been uploaded yet */
-declare function imageUploadTrigger(uiType: "image-upload", type: "dismiss-review-modal", id: string, details: IDismissReviewModalEvent): boolean;
-export type TImageUploadTriggers = typeof imageUploadTrigger;
-export {};
+import * as Icons from "@lifesg/react-icons";
+import { FabricObject } from "fabric";
+import { IBaseFieldSchema } from "../types";
+import { IYupValidationRule } from "../../../context-providers";
+import { TFieldEventListener } from "../../../utils";
+export type TFileCapture = boolean | "user" | "environment" | undefined;
+export type TUploadMethod = "post" | "put" | "patch";
+export declare const ACCEPTED_FILE_TYPES: readonly ["jpg", "gif", "png", "heic", "heif", "webp"];
+export type TImageUploadAcceptedFileType = (typeof ACCEPTED_FILE_TYPES)[number];
+export type TImageUploadOutputFileType = "jpg" | "png";
+export interface IImageUploadValidationRule extends IYupValidationRule {
+    /** for customising upload error message */
+    upload?: boolean | undefined;
+    /** accepted file types */
+    fileType?: TImageUploadAcceptedFileType[] | undefined;
+    /** max acceptable file size in kb */
+    maxSizeInKb?: number | undefined;
+}
+export interface IImageUploadSchema<V = undefined> extends IBaseFieldSchema<"image-upload", V, IImageUploadValidationRule> {
+    buttonLabel?: string | undefined;
+    className?: string | undefined;
+    description?: string | undefined;
+    editImage?: boolean | undefined;
+    label: string;
+    outputType?: TImageUploadOutputFileType | undefined;
+    uploadOnAddingFile?: {
+        method: TUploadMethod;
+        url: string;
+        sessionId?: string | undefined;
+    } | undefined;
+    compress?: boolean | undefined;
+    dimensions?: IImageDimensions | undefined;
+    crop?: boolean | undefined;
+    capture?: TFileCapture | undefined;
+    multiple?: boolean | undefined;
+    imageReviewModalStyles?: string | undefined;
+    tooltip?: {
+        label?: string | undefined;
+        icon?: keyof typeof Icons | undefined;
+    } | undefined;
+}
+export interface ISharedImageProps {
+    id?: string | undefined;
+    accepts: TImageUploadAcceptedFileType[];
+    maxSizeInKb: number;
+    maxFiles: number;
+}
+export declare enum EImageStatus {
+    INJECTED = -99,
+    ERROR_FILENAME = -8,
+    ERROR_CUSTOM_MUTED = -7,
+    ERROR_EXCEED = -6,
+    ERROR_CUSTOM = -5,
+    TO_DELETE = -4,
+    ERROR_FORMAT = -3,
+    ERROR_GENERIC = -2,
+    ERROR_SIZE = -1,
+    NONE = 0,
+    TO_RECOMPRESS = 1,
+    COMPRESSED = 2,
+    RECOMPRESSED = 2,
+    CONVERTED = 2,
+    EDITED = 3,
+    UPLOAD_READY = 4,
+    UPLOADING = 5,
+    UPLOADED = 6,
+    PENDING = 7
+}
+export interface IImage {
+    id: string;
+    file: File;
+    name: string;
+    type?: string | undefined;
+    /** refers to preview dimensions and eventual output dimensions */
+    dimensions: IImageDimensions;
+    dataURL?: string;
+    thumbnailDataURL?: string;
+    drawingDataURL?: string;
+    drawing?: FabricObject[];
+    status: EImageStatus;
+    addedFrom?: "dragInput" | "reviewModal" | "schema";
+    uploadProgress: number;
+    uploadResponse?: any;
+    slot: number;
+    customErrorMessage?: string | undefined;
+    metadata?: IImageMetadata | undefined;
+}
+export interface IImageDimensions {
+    width: number;
+    height: number;
+}
+export interface IUpdateImageStatus {
+    id: string;
+    updatedStatus: EImageStatus;
+    errorMessage?: string | undefined;
+}
+export interface IUploadedImage {
+    dataURL: string;
+    fileId: string;
+    fileName: string;
+    uploadResponse?: any;
+}
+export interface IDismissReviewModalEvent {
+    removePendingImages: boolean;
+}
+export interface IImageMetadata {
+    dateTimeOriginal: string | undefined;
+    lat: number | undefined;
+    lng: number | undefined;
+}
+/** fired when field is mounted */
+declare function imageUploadEvent(uiType: "image-upload", type: "mount", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired when file dialog is shown */
+declare function imageUploadEvent(uiType: "image-upload", type: "file-dialog", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+/**
+ * fired when an image is ready to be uploaded
+ *
+ * `event.preventDefault()` will stop the image from getting uploaded
+ * */
+declare function imageUploadEvent(uiType: "image-upload", type: "upload-ready", id: string, listener: TFieldEventListener<{
+    imageData: IImage;
+}>, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired when image review modal is shown */
+declare function imageUploadEvent(uiType: "image-upload", type: "show-review-modal", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired on dismissing image review modal  */
+declare function imageUploadEvent(uiType: "image-upload", type: "hide-review-modal", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+/**
+ * fired on clicking save button in image review modal
+ *
+ * `event.preventDefault()` will stop all pending images from being uploaded
+ * */
+declare function imageUploadEvent(uiType: "image-upload", type: "save-review-images", id: string, listener: TFieldEventListener<{
+    images: IImage[];
+    retry: () => void;
+}>, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired when an image is uploaded to the url specified in `uploadOnAddingFile`
+ * */
+declare function imageUploadEvent(uiType: "image-upload", type: "uploaded", id: string, listener: TFieldEventListener<{
+    imageData: IImage;
+}>, options?: boolean | AddEventListenerOptions | undefined): void;
+/** fired when the tooltip is clicked */
+declare function imageUploadEvent(uiType: "image-upload", type: "click-tooltip", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+export type TImageUploadEvents = typeof imageUploadEvent;
+/** update status and error message according to id */
+declare function imageUploadTrigger(uiType: "image-upload", type: "update-image-status", id: string, details: IUpdateImageStatus): boolean;
+/** update the status of images added through the image review modal as `UPLOAD_READY` and initiates the uploading of these images */
+declare function imageUploadTrigger(uiType: "image-upload", type: "trigger-save-review-images", id: string): boolean;
+/** hide image review modal, with option to discard images that have not been uploaded yet */
+declare function imageUploadTrigger(uiType: "image-upload", type: "dismiss-review-modal", id: string, details: IDismissReviewModalEvent): boolean;
+export type TImageUploadTriggers = typeof imageUploadTrigger;
+export {};

package/components/fields/index.d.ts

@@ -1,30 +1,30 @@
-export * from "./button";
-export * from "./checkbox-group";
-export * from "./chips";
-export * from "./contact-field";
-export * from "./date-field";
-export * from "./date-range-field";
-export * from "./e-signature-field";
-export * from "./error-field";
-export * from "./file-upload";
-export * from "./hidden-field";
-export * from "./histogram-slider";
-export * from "./image-upload";
-export * from "./location-field";
-export * from "./masked-field";
-export * from "./multi-select";
-export * from "./otp-verification-field";
-export * from "./nested-multi-select";
-export * from "./radio-button";
-export * from "./range-select";
-export * from "./reset-button";
-export * from "./select";
-export * from "./select-histogram";
-export * from "./slider";
-export * from "./submit-button";
-export * from "./switch";
-export * from "./text-field";
-export * from "./textarea";
-export * from "./time-field";
-export * from "./types";
-export * from "./unit-number-field";
+export * from "./button";
+export * from "./checkbox-group";
+export * from "./chips";
+export * from "./contact-field";
+export * from "./date-field";
+export * from "./date-range-field";
+export * from "./e-signature-field";
+export * from "./error-field";
+export * from "./file-upload";
+export * from "./hidden-field";
+export * from "./histogram-slider";
+export * from "./image-upload";
+export * from "./location-field";
+export * from "./masked-field";
+export * from "./multi-select";
+export * from "./otp-verification-field";
+export * from "./nested-multi-select";
+export * from "./radio-button";
+export * from "./range-select";
+export * from "./reset-button";
+export * from "./select";
+export * from "./select-histogram";
+export * from "./slider";
+export * from "./submit-button";
+export * from "./switch";
+export * from "./text-field";
+export * from "./textarea";
+export * from "./time-field";
+export * from "./types";
+export * from "./unit-number-field";

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

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

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

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

package/components/fields/location-field/location-helper.d.ts

@@ -1,39 +1,38 @@
-/// <reference types="lodash" />
-import { MutableRefObject } from "react";
-import { OneMapBoolean, OneMapGeocodeInfo, OneMapSearchBuildingResult } from "../../../services/onemap/types";
-import { ILocationCoord, IResultListItem, IResultsMetaData } from "./types";
-type TReverseGeocodeParams = {
-    route: string;
-    latitude: number;
-    longitude: number;
-    abortSignal?: AbortSignal;
-    bufferRadius?: number;
-    otherFeatures?: OneMapBoolean;
-    headers?: Record<string, string>;
-    getToken?: (action: string) => Promise<string | undefined>;
-    options?: {
-        excludeNonSG: boolean;
-    };
-};
-export declare namespace LocationHelper {
-    const getMapBounds: () => {
-        lat: number;
-        lng: number;
-    }[];
-    const getStaticMapUrl: (lat: number, lng: number, width: number, height: number, pinColor: import("../../../services/onemap/types").IColor) => string;
-    const searchByAddress: (param: import("../../../services/onemap/types").OneMapSearchParam, route?: string, recaptchaToken?: string, headers?: Record<string, string>) => Promise<import("../../../services/onemap/types").OneMapSearchResults>;
-    const fetchLocationList: (reverseGeoCodeEndpoint: string, lat: number, lng: number, mustHavePostalCode: boolean, reverseGeocodeAborter: MutableRefObject<AbortController>, onError: (error: any) => void, excludeNonSG?: boolean, bufferRadius?: number, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<IResultListItem[]>;
-    const fetchAddress: (query: string, pageNumber: number, onSuccess?: (results: IResultsMetaData) => void, onFail?: (error: unknown) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
-    const checkAndSetPinLocationAsResult: (query: string) => IResultsMetaData;
-    const fetchSingleLocationByAddress: (address: string, onSuccess: (resultListItem: IResultListItem | undefined) => void, onError: (e: any) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
-    const debounceFetchAddress: import("lodash").DebouncedFunc<(query: string, pageNumber: number, onSuccess?: (results: IResultsMetaData) => void, onFail?: (error: unknown) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>>;
-    const reverseGeocode: ({ bufferRadius, headers, getToken, options, ...others }: TReverseGeocodeParams) => Promise<IResultsMetaData>;
-    const fetchSingleLocationByLatLng: (reverseGeoCodeEndpoint: string, convertLatLngToXYEndpoint: string, lat: number, lng: number, onSuccess: (resultListItem: IResultListItem | undefined) => void, onError: (e: any) => void, mustHavePostalCode?: boolean, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
-    const hasGotAddressValue: (value?: string) => boolean;
-    const hasGotPinLocationValue: (value?: string) => boolean;
-    const formatAddressFromGeocodeInfo: (geocodeInfo: OneMapGeocodeInfo | OneMapSearchBuildingResult, fallbackToLatLng?: boolean) => string;
-    const isOneMapSearchBuildingResults: (geoCodeInfo: OneMapGeocodeInfo | OneMapSearchBuildingResult) => geoCodeInfo is OneMapSearchBuildingResult;
-    const isCoordinateInBounds: (coordinate: ILocationCoord) => boolean;
-    const getNearestLocationIndexFromList: (locationList: Partial<IResultListItem>[], latitude: number, longitude: number, mustHavePostalCode?: boolean) => number;
-}
-export {};
+import { MutableRefObject } from "react";
+import { OneMapBoolean, OneMapGeocodeInfo, OneMapSearchBuildingResult } from "../../../services/onemap/types";
+import { ILocationCoord, IResultListItem, IResultsMetaData } from "./types";
+type TReverseGeocodeParams = {
+    route: string;
+    latitude: number;
+    longitude: number;
+    abortSignal?: AbortSignal;
+    bufferRadius?: number;
+    otherFeatures?: OneMapBoolean;
+    headers?: Record<string, string>;
+    getToken?: (action: string) => Promise<string | undefined>;
+    options?: {
+        excludeNonSG: boolean;
+    };
+};
+export declare namespace LocationHelper {
+    const getMapBounds: () => {
+        lat: number;
+        lng: number;
+    }[];
+    const getStaticMapUrl: (lat: number, lng: number, width: number, height: number, pinColor: import("../../../services/onemap/types").IColor) => string;
+    const searchByAddress: (param: import("../../../services/onemap/types").OneMapSearchParam, route?: string, recaptchaToken?: string, headers?: Record<string, string>) => Promise<import("../../../services/onemap/types").OneMapSearchResults>;
+    const fetchLocationList: (reverseGeoCodeEndpoint: string, lat: number, lng: number, mustHavePostalCode: boolean, reverseGeocodeAborter: MutableRefObject<AbortController>, onError: (error: any) => void, excludeNonSG?: boolean, bufferRadius?: number, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<IResultListItem[]>;
+    const fetchAddress: (query: string, pageNumber: number, onSuccess?: (results: IResultsMetaData) => void, onFail?: (error: unknown) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
+    const checkAndSetPinLocationAsResult: (query: string) => IResultsMetaData;
+    const fetchSingleLocationByAddress: (address: string, onSuccess: (resultListItem: IResultListItem | undefined) => void, onError: (e: any) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
+    const debounceFetchAddress: import("lodash").DebouncedFunc<(query: string, pageNumber: number, onSuccess?: (results: IResultsMetaData) => void, onFail?: (error: unknown) => void, searchEndpoint?: string, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>>;
+    const reverseGeocode: ({ bufferRadius, headers, getToken, options, ...others }: TReverseGeocodeParams) => Promise<IResultsMetaData>;
+    const fetchSingleLocationByLatLng: (reverseGeoCodeEndpoint: string, convertLatLngToXYEndpoint: string, lat: number, lng: number, onSuccess: (resultListItem: IResultListItem | undefined) => void, onError: (e: any) => void, mustHavePostalCode?: boolean, getToken?: (action: string) => Promise<string | undefined>, headers?: Record<string, string>) => Promise<void>;
+    const hasGotAddressValue: (value?: string) => boolean;
+    const hasGotPinLocationValue: (value?: string) => boolean;
+    const formatAddressFromGeocodeInfo: (geocodeInfo: OneMapGeocodeInfo | OneMapSearchBuildingResult, fallbackToLatLng?: boolean) => string;
+    const isOneMapSearchBuildingResults: (geoCodeInfo: OneMapGeocodeInfo | OneMapSearchBuildingResult) => geoCodeInfo is OneMapSearchBuildingResult;
+    const isCoordinateInBounds: (coordinate: ILocationCoord) => boolean;
+    const getNearestLocationIndexFromList: (locationList: Partial<IResultListItem>[], latitude: number, longitude: number, mustHavePostalCode?: boolean) => number;
+}
+export {};

package/components/fields/location-field/location-input/dummy-location-field.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-interface IDummyLocationFieldProps {
-    id?: string | undefined;
-    "data-testid"?: string | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    placeholder?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    error?: boolean | undefined;
-    onFocus: React.FocusEventHandler<HTMLElement>;
-    className?: string | undefined;
-}
-export declare const DummyLocationField: (props: IDummyLocationFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+interface IDummyLocationFieldProps {
+    id?: string | undefined;
+    "data-testid"?: string | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    placeholder?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
+    error?: boolean | undefined;
+    onFocus: React.FocusEventHandler<HTMLElement>;
+    className?: string | undefined;
+}
+export declare const DummyLocationField: (props: IDummyLocationFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/location-field/location-input/index.d.ts

@@ -1 +1 @@
-export * from "./location-input";
+export * from "./location-input";

package/components/fields/location-field/location-input/location-input.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { FormInputGroupProps } from "@lifesg/react-design-system/form/types";
-export interface ILocationInputProps extends FormInputGroupProps<string, string> {
-    locationInputPlaceholder?: string | undefined;
-    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-}
-export declare const LocationInput: (props: ILocationInputProps) => import("react/jsx-runtime").JSX.Element;
+import { FormInputGroupProps } from "@lifesg/react-design-system/form/types";
+export interface ILocationInputProps extends FormInputGroupProps<string, string> {
+    locationInputPlaceholder?: string | undefined;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+}
+export declare const LocationInput: (props: ILocationInputProps) => import("react/jsx-runtime").JSX.Element;

package/components/fields/location-field/location-input/location-input.styles.d.ts

@@ -1,23 +1,22 @@
-/// <reference types="react" />
-interface InputWrapperStyleProps {
-    disabled?: boolean | undefined;
-    $error?: boolean | undefined;
-    $readOnly?: boolean | undefined;
-    $focused?: boolean | undefined;
-}
-export declare const DummyLocationInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>>> & string;
-export declare const LocationInputText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$placeholder" | "$disabled"> & {
-    $placeholder?: boolean;
-    $disabled?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$placeholder" | "$disabled"> & {
-    $placeholder?: boolean;
-    $disabled?: boolean;
-}, never>>> & string;
-export declare const LocationIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$readOnly" | "$disabled"> & {
-    $disabled?: boolean;
-    $readOnly?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$readOnly" | "$disabled"> & {
-    $disabled?: boolean;
-    $readOnly?: boolean;
-}, never>>> & string;
-export {};
+interface InputWrapperStyleProps {
+    disabled?: boolean | undefined;
+    $error?: boolean | undefined;
+    $readOnly?: boolean | undefined;
+    $focused?: boolean | undefined;
+}
+export declare const DummyLocationInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof InputWrapperStyleProps> & InputWrapperStyleProps, never>>> & string;
+export declare const LocationInputText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$placeholder" | "$disabled"> & {
+    $placeholder?: boolean;
+    $disabled?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$placeholder" | "$disabled"> & {
+    $placeholder?: boolean;
+    $disabled?: boolean;
+}, never>>> & string;
+export declare const LocationIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$readOnly" | "$disabled"> & {
+    $disabled?: boolean;
+    $readOnly?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$readOnly" | "$disabled"> & {
+    $disabled?: boolean;
+    $readOnly?: boolean;
+}, never>>> & string;
+export {};

package/components/fields/location-field/location-modal/infinite-scroll/index.d.ts

@@ -1 +1 @@
-export * from "./infinite-scroll";
+export * from "./infinite-scroll";

package/components/fields/location-field/location-modal/infinite-scroll/infinite-scroll.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export type InfiniteScrollProp = {
-    loading: boolean;
-    hasNextPage: boolean;
-    loadMore: VoidFunction;
-    items: JSX.Element[];
-    disabled?: boolean;
-    delayInMs?: number;
-    rootMargin?: string;
-    error?: boolean | undefined;
-};
-export declare const InfiniteScrollList: (props: InfiniteScrollProp) => JSX.Element;
+export type InfiniteScrollProp = {
+    loading: boolean;
+    hasNextPage: boolean;
+    loadMore: VoidFunction;
+    items: JSX.Element[];
+    disabled?: boolean;
+    delayInMs?: number;
+    rootMargin?: string;
+    error?: boolean | undefined;
+};
+export declare const InfiniteScrollList: (props: InfiniteScrollProp) => JSX.Element;

package/components/fields/location-field/location-modal/infinite-scroll/infinite-scroll.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const InfiniteListItem: 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 InfiniteListItem: 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/location-field/location-modal/infinite-scroll/loading-indicator/config.d.ts

@@ -1,5 +1,5 @@
-export declare const WIDTH = 24;
-export declare const HEIGHT = 24;
-export declare const BAR_WIDTH = 3;
-export declare const BAR_HEIGHT = 6.5;
-export declare const TOTAL_BARS = 8;
+export declare const WIDTH = 24;
+export declare const HEIGHT = 24;
+export declare const BAR_WIDTH = 3;
+export declare const BAR_HEIGHT = 6.5;
+export declare const TOTAL_BARS = 8;

package/components/fields/location-field/location-modal/infinite-scroll/loading-indicator/index.d.ts

@@ -1 +1 @@
-export { LoadingIndicator } from "./loading-indicator";
+export { LoadingIndicator } from "./loading-indicator";