@lifesg/web-frontend-engine 2.2.0 → 2.2.2

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chunks/index.17761159.js");require("react/jsx-runtime"),require("@lifesg/react-design-system/box-container"),require("@lifesg/react-design-system/button"),require("react"),require("@lifesg/react-design-system/theme"),require("styled-components"),require("@lifesg/react-design-system/alert"),require("@lifesg/react-design-system/typography"),require("@lifesg/react-icons"),require("@lifesg/react-icons/plus-circle-fill"),require("@lifesg/react-design-system/markup"),require("react-dom/server"),require("@lifesg/react-design-system/filter"),require("@lifesg/react-design-system/uneditable-section"),require("@lifesg/react-design-system/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-design-system/toggle"),require("@lifesg/react-design-system/layout"),require("@lifesg/react-design-system/v2_layout"),require("@lifesg/react-design-system/text-list"),require("@lifesg/react-design-system/popover-v2"),require("@lifesg/react-design-system/tab"),require("@lifesg/react-design-system/modal"),require("@lifesg/react-design-system/divider"),require("@lifesg/react-design-system/v2_media"),require("@lifesg/react-design-system/button-with-icon"),require("@lifesg/react-design-system/error-display"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-icons/cross"),require("@lifesg/react-design-system/icon-button"),require("@lifesg/react-icons/bin"),require("@lifesg/react-icons/eraser"),require("@lifesg/react-icons/pencil"),require("@lifesg/react-icons/pencil-stroke"),require("@lifesg/react-icons/plus"),require("@lifesg/react-icons/exclamation-triangle"),require("@lifesg/react-icons/pin-fill"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button"),Object.defineProperty(exports,"EElementType",{enumerable:!0,get:function(){return e.EElementType}}),Object.defineProperty(exports,"EFieldType",{enumerable:!0,get:function(){return e.EFieldType}}),exports.FrontendEngine=e.FrontendEngine,exports.useFrontendEngineComponent=e.useFrontendEngineComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chunks/index.00d4458f.js");require("react/jsx-runtime"),require("@lifesg/react-design-system/box-container"),require("@lifesg/react-design-system/button"),require("react"),require("@lifesg/react-design-system/theme"),require("styled-components"),require("@lifesg/react-design-system/alert"),require("@lifesg/react-design-system/typography"),require("@lifesg/react-icons"),require("@lifesg/react-icons/plus-circle-fill"),require("@lifesg/react-design-system/markup"),require("react-dom/server"),require("@lifesg/react-design-system/filter"),require("@lifesg/react-design-system/uneditable-section"),require("@lifesg/react-design-system/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-design-system/toggle"),require("@lifesg/react-design-system/layout"),require("@lifesg/react-design-system/v2_layout"),require("@lifesg/react-design-system/text-list"),require("@lifesg/react-design-system/popover-v2"),require("@lifesg/react-design-system/tab"),require("@lifesg/react-design-system/modal"),require("@lifesg/react-design-system/divider"),require("@lifesg/react-design-system/v2_media"),require("@lifesg/react-design-system/button-with-icon"),require("@lifesg/react-design-system/error-display"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-icons/cross"),require("@lifesg/react-design-system/icon-button"),require("@lifesg/react-icons/bin"),require("@lifesg/react-icons/eraser"),require("@lifesg/react-icons/pencil"),require("@lifesg/react-icons/pencil-stroke"),require("@lifesg/react-icons/plus"),require("@lifesg/react-icons/exclamation-triangle"),require("@lifesg/react-icons/pin-fill"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button"),Object.defineProperty(exports,"EElementType",{enumerable:!0,get:function(){return e.EElementType}}),Object.defineProperty(exports,"EFieldType",{enumerable:!0,get:function(){return e.EFieldType}}),exports.FrontendEngine=e.FrontendEngine,exports.useFrontendEngineComponent=e.useFrontendEngineComponent;
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
+import * as Icons from "@lifesg/react-icons";
 import { IImageUploadValidationRule, ISharedImageProps, TFileCapture } from "../types";
 interface IImageInputProps extends ISharedImageProps {
     buttonLabel?: string | undefined;
@@ -13,6 +14,10 @@ interface IImageInputProps extends ISharedImageProps {
     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

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

@@ -6,6 +6,11 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
 export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("@lifesg/react-design-system/typography").TypographyProps & {
     ref?: import("react").RefObject<HTMLParagraphElement>;
 }, SubtitleProps>> & string;
+export declare const TooltipWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TooltipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TooltipLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/typography").TypographyProps & {
+    ref?: import("react").RefObject<HTMLParagraphElement>;
+}, never>> & string;
 export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const UploadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AddButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {

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

@@ -1,3 +1,4 @@
+import * as Icons from "@lifesg/react-icons";
 import { FabricObject } from "fabric";
 import { IBaseFieldSchema } from "../types";
 import { IYupValidationRule } from "../../../context-providers";
@@ -33,6 +34,10 @@ export interface IImageUploadSchema<V = undefined> extends IBaseFieldSchema<"ima
     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;
@@ -133,6 +138,8 @@ declare function imageUploadEvent(uiType: "image-upload", type: "save-review-ima
 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;

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

@@ -4,5 +4,5 @@ import { ILocationModalProps } from "./types";
  * Mobile or tablet - single panel
  * Desktop - double panel
  */
-declare const LocationModal: ({ id, className, formValues, showLocationModal, mapPanZoom, interactiveMapPinIconUrl, mapApi, gettingCurrentLocationFetchMessage, mapBannerText, mustHavePostalCode, locationModalStyles, onClose, onConfirm, updateFormValues, locationListTitle, locationSelectionMode, disableSearch, addressFieldPlaceholder, searchBarIcon, bufferRadius, pinsOnlyIndicateCurrentLocation, }: ILocationModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const LocationModal: ({ id, className, formValues, showLocationModal, mapPanZoom, interactiveMapPinIconUrl, mapApi, gettingCurrentLocationFetchMessage, mapBannerText, mustHavePostalCode, locationModalStyles, onClose, onConfirm, updateFormValues, locationListTitle, locationSelectionMode, disableSearch, addressFieldPlaceholder, searchBarIcon, bufferRadius, pinsOnlyIndicateCurrentLocation, legendItems, }: ILocationModalProps) => import("react/jsx-runtime").JSX.Element;
 export default LocationModal;

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

@@ -9,7 +9,7 @@ interface IModalBoxStyle {
 export declare const ModalBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, IModalBoxStyle>> & string & Omit<(props: import("@lifesg/react-design-system/modal").ModalBoxProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledLocationPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("./location-picker/types").ILocationPickerProps, ISinglePanelStyle>> & string & Omit<({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, }: import("./location-picker/types").ILocationPickerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const StyledLocationPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("./location-picker/types").ILocationPickerProps, ISinglePanelStyle>> & string & Omit<({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, }: import("./location-picker/types").ILocationPickerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const ErrorImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export declare const PrefetchImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
 export {};

package/components/fields/location-field/location-modal/location-picker/legend/index.d.ts

@@ -0,0 +1 @@
+export * from "./legend";

package/components/fields/location-field/location-modal/location-picker/legend/legend.d.ts

@@ -0,0 +1,8 @@
+import { ILegendItem } from "../../../types";
+interface ILegendProps {
+    onClose?: (() => void) | undefined;
+    items?: ILegendItem[] | undefined;
+    id?: string | undefined;
+}
+export declare const Legend: ({ onClose, items, id }: ILegendProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/fields/location-field/location-modal/location-picker/legend/legend.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const LegendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const CloseButton: 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>> & 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>>;

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

@@ -1,3 +1,3 @@
 import "leaflet/dist/leaflet.css";
 import { ILocationPickerProps } from "./types";
-export declare const LocationPicker: ({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, }: ILocationPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LocationPicker: ({ id, className, mapPanZoom, panelInputMode, showLocationModal, selectedLocationCoord, interactiveMapPinIconUrl, getCurrentLocation, locationAvailable, gettingCurrentLocation, onMapCenterChange, mapBannerText, disableSelectionFromMap, disableSelectedLocationMarker, selectablePins, pinsOnlyIndicateCurrentLocation, currentLocation, legendItems, }: ILocationPickerProps) => import("react/jsx-runtime").JSX.Element;

package/components/fields/location-field/location-modal/location-picker/location-picker.styles.d.ts

@@ -2,6 +2,9 @@
 export declare const LocationPickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const LeafletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ButtonLocation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ButtonLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>> & string;
 export declare const ButtonLocationImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const BannerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Banner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/card/types").CardProps, never>> & string & Omit<({ children, ...otherProps }: import("@lifesg/react-design-system/card/types").CardProps) => JSX.Element, keyof import("react").Component<any, {}, any>>;

package/components/fields/location-field/location-modal/location-picker/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TPanelInputMode } from "../..";
+import { ILegendItem, TPanelInputMode } from "../..";
 import { ILocationCoord } from "../../types";
 export interface IMapPin extends ILocationCoord {
     address?: string | undefined;
@@ -30,4 +30,5 @@ export interface ILocationPickerProps extends React.InputHTMLAttributes<HTMLDivE
     selectablePins: IMapPin[];
     pinsOnlyIndicateCurrentLocation?: boolean | undefined;
     currentLocation?: ILocationCoord | undefined;
+    legendItems?: ILegendItem[] | undefined;
 }

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

@@ -1,7 +1,7 @@
 import { ILocationFieldValues } from "../types";
 import { ILocationPickerProps } from "./location-picker/types";
 import { ILocationSearchProps } from "./location-search/types";
-export interface ILocationModalProps extends Pick<ILocationPickerProps, "mapPanZoom" | "interactiveMapPinIconUrl">, Pick<ILocationSearchProps, "mapApi" | "mustHavePostalCode" | "gettingCurrentLocationFetchMessage" | "disableSearch" | "addressFieldPlaceholder" | "searchBarIcon" | "bufferRadius"> {
+export interface ILocationModalProps extends Pick<ILocationPickerProps, "mapPanZoom" | "interactiveMapPinIconUrl" | "legendItems">, Pick<ILocationSearchProps, "mapApi" | "mustHavePostalCode" | "gettingCurrentLocationFetchMessage" | "disableSearch" | "addressFieldPlaceholder" | "searchBarIcon" | "bufferRadius"> {
     id: string;
     className: string;
     showLocationModal: boolean;

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

@@ -9,6 +9,11 @@ import { ILocationModalProps } from "./location-modal/types";
 export interface ILocationFieldValidation extends IYupValidationRule {
     postalCode?: boolean | undefined;
 }
+export interface ILegendItem {
+    id: string;
+    label: string;
+    icon: string;
+}
 export interface ILocationMapApi {
     reverseGeocode?: string | undefined;
     convertLatLngToXY?: string | undefined;
@@ -21,6 +26,7 @@ export interface ILocationFieldSchema<V = undefined> extends IBaseFieldSchema<"l
     locationListTitle?: string | undefined;
     mapBannerText?: string | undefined;
     pinsOnlyIndicateCurrentLocation?: boolean | undefined;
+    legendItems?: ILegendItem[] | undefined;
 }
 export type TSinglePanelInputMode = "search" | "map";
 export type TExplicitEditMode = "show" | "explicit";
@@ -62,6 +68,7 @@ export interface TLocationFieldDetail<T = unknown> {
 export type TSetCurrentLocationDetail = TLocationFieldDetail<ILocationCoord>;
 export type TLocationFieldErrorDetail = TLocationFieldDetail<TErrorType>;
 export type TLocationFieldEvents = {
+    "show-location-modal-ready": CustomEvent;
     "get-current-location": CustomEvent;
     "set-current-location": CustomEvent<TSetCurrentLocationDetail>;
     error: CustomEvent<TLocationFieldErrorDetail>;
@@ -75,6 +82,8 @@ export declare class GeolocationPositionErrorWrapper extends Error {
     message: any;
     constructor(error: GeolocationPositionError);
 }
+/** fired after the location field registers the `show-location-modal` event listener and is ready for external triggers */
+declare function locationFieldEvent(uiType: "location-field", type: "show-location-modal-ready", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
 /** fired on showing location modal */
 declare function locationFieldEvent(uiType: "location-field", type: "show-location-modal", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
 /** fired on dismissing location modal */

package/context-providers/yup/custom-conditions/html-safe.d.ts

@@ -0,0 +1 @@
+export {};

package/context-providers/yup/custom-conditions/index.d.ts

@@ -1,2 +1,3 @@
+import "./html-safe";
 import "./uinfin";
 import "./uen";

package/context-providers/yup/types.d.ts

@@ -1,6 +1,6 @@
 import * as Yup from "yup";
 export declare const YUP_TYPES: readonly ["string", "number", "boolean", "array", "object"];
-export declare const YUP_CONDITIONS: readonly ["required", "length", "min", "max", "matches", "email", "url", "uuid", "positive", "negative", "integer", "lessThan", "moreThan", "when", "filled", "empty", "equals", "notEquals", "includes", "excludes", "uinfin", "equalsField", "withinDays"];
+export declare const YUP_CONDITIONS: readonly ["required", "length", "min", "max", "matches", "email", "url", "uuid", "positive", "negative", "integer", "lessThan", "moreThan", "when", "filled", "empty", "equals", "notEquals", "includes", "excludes", "uinfin", "equalsField", "withinDays", "htmlSafe"];
 export type TYupSchemaType = (typeof YUP_TYPES)[number];
 export type TYupCondition = (typeof YUP_CONDITIONS)[number];
 interface IYupRule {
@@ -27,6 +27,7 @@ interface IYupRule {
     equalsField?: string | undefined;
     notEqualsField?: string | undefined;
     whitespace?: boolean | IWhitespaceRule | undefined;
+    htmlSafe?: boolean | undefined;
     /**
      * @deprecated Use `whitespace` rule instead.
      */

package/index.js

@@ -1,2 +1,2 @@
-export{p as EElementType,q as EFieldType,o as FrontendEngine,n as useFrontendEngineComponent}from"./chunks/index.2d28e824.js";import"react/jsx-runtime";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/button";import"react";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/typography";import"@lifesg/react-icons";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/v2_layout";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-design-system/tab";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";
+export{p as EElementType,q as EFieldType,o as FrontendEngine,n as useFrontendEngineComponent}from"./chunks/index.8cc1cf41.js";import"react/jsx-runtime";import"@lifesg/react-design-system/box-container";import"@lifesg/react-design-system/button";import"react";import"@lifesg/react-design-system/theme";import"styled-components";import"@lifesg/react-design-system/alert";import"@lifesg/react-design-system/typography";import"@lifesg/react-icons";import"@lifesg/react-icons/plus-circle-fill";import"@lifesg/react-design-system/markup";import"react-dom/server";import"@lifesg/react-design-system/filter";import"@lifesg/react-design-system/uneditable-section";import"@lifesg/react-design-system/timeline";import"@lifesg/react-design-system/form";import"@lifesg/react-design-system/toggle";import"@lifesg/react-design-system/layout";import"@lifesg/react-design-system/v2_layout";import"@lifesg/react-design-system/text-list";import"@lifesg/react-design-system/popover-v2";import"@lifesg/react-design-system/tab";import"@lifesg/react-design-system/modal";import"@lifesg/react-design-system/divider";import"@lifesg/react-design-system/v2_media";import"@lifesg/react-design-system/button-with-icon";import"@lifesg/react-design-system/error-display";import"@lifesg/react-design-system/checkbox";import"@lifesg/react-design-system/file-upload";import"@lifesg/react-icons/cross";import"@lifesg/react-design-system/icon-button";import"@lifesg/react-icons/bin";import"@lifesg/react-icons/eraser";import"@lifesg/react-icons/pencil";import"@lifesg/react-icons/pencil-stroke";import"@lifesg/react-icons/plus";import"@lifesg/react-icons/exclamation-triangle";import"@lifesg/react-icons/pin-fill";import"@lifesg/react-design-system/image-button";import"@lifesg/react-design-system/radio-button";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/web-frontend-engine",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "A frontend engine for LifeSG React apps",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -43,7 +43,7 @@
   },
   "peerDependencies": {
     "@floating-ui/react": ">=0.26.23 <1.0.0",
-    "@lifesg/react-design-system": "^3.3.0-canary.7",
+    "@lifesg/react-design-system": "^3.4.0-canary.1",
     "@lifesg/react-icons": "^1.9.0",
     "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",