@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chunks/index.6a929030.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/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-icons/exclamation-circle-fill"),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/uneditable-section"),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.c2370225.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/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-icons/exclamation-circle-fill"),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/uneditable-section"),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/custom/array-field/array-field-element.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { TErrorPayload } from "../../frontend-engine";
-import { IFrontendEngineRef, TFrontendEngineFieldSchema, TFrontendEngineValues } from "../../types";
-interface ArrayFieldElementProps {
-    onChange: (data: TFrontendEngineValues, isFormValid: boolean) => void;
-    schema: Record<string, TFrontendEngineFieldSchema>;
-    formValues?: TFrontendEngineValues;
-    error?: TErrorPayload;
-}
-export declare const ArrayFieldElement: import("react").ForwardRefExoticComponent<ArrayFieldElementProps & import("react").RefAttributes<IFrontendEngineRef>>;
-export {};
+import { TErrorPayload } from "../../frontend-engine";
+import { IFrontendEngineRef, TFrontendEngineFieldSchema, TFrontendEngineValues } from "../../types";
+interface ArrayFieldElementProps {
+    onChange: (data: TFrontendEngineValues, isFormValid: boolean) => void;
+    schema: Record<string, TFrontendEngineFieldSchema>;
+    formValues?: TFrontendEngineValues;
+    error?: TErrorPayload;
+}
+export declare const ArrayFieldElement: import("react").ForwardRefExoticComponent<ArrayFieldElementProps & import("react").RefAttributes<IFrontendEngineRef>>;
+export {};

package/components/custom/array-field/array-field.d.ts

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

package/components/custom/array-field/array-field.styles.d.ts

@@ -1,23 +1,22 @@
-/// <reference types="react" />
-interface InsetStyleProps {
-    $inset?: string | number;
-}
-interface RemoveButtonStyleProps {
-    $alignment?: "left" | "right";
-}
-export declare const Inset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inset"> & InsetStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inset"> & InsetStyleProps, never>>> & string;
-export declare const SectionHeader: 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 RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "$alignment"> & RemoveButtonStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, "$alignment"> & RemoveButtonStyleProps, never>>> & string & Omit<(props: import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const AddButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLButtonElement>;
-}, never>>> & string & Omit<(props: import("@lifesg/react-design-system/button-with-icon").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export declare const SectionDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/divider").DividerProps, never> & Partial<Pick<import("@lifesg/react-design-system/divider").DividerProps, never>>> & string & Omit<({ thickness, lineStyle, layoutType, color, className, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, mobileCols, tabletCols, desktopCols, ...otherProps }: import("@lifesg/react-design-system/divider").DividerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const WarningAlert: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../shared").IWarningProps, never> & Partial<Pick<import("../../shared").IWarningProps, never>>> & string & Omit<({ id, message, className }: import("../../shared").IWarningProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const CustomErrorDisplay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/error-display").ErrorDisplayProps, never> & Partial<Pick<import("@lifesg/react-design-system/error-display").ErrorDisplayProps, never>>> & string & Omit<({ type, img, title, description, actionButton, additionalProps, imageOnly, illustrationScheme, ...otherProps }: import("@lifesg/react-design-system/error-display").ErrorDisplayProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export {};
+interface InsetStyleProps {
+    $inset?: string | number;
+}
+interface RemoveButtonStyleProps {
+    $alignment?: "left" | "right";
+}
+export declare const Inset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inset"> & InsetStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$inset"> & InsetStyleProps, never>>> & string;
+export declare const SectionHeader: 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 RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "$alignment"> & RemoveButtonStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, "$alignment"> & RemoveButtonStyleProps, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ButtonWithIconProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const AddButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never> & Partial<Pick<Omit<import("@lifesg/react-design-system").ButtonWithIconProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLButtonElement>;
+}, never>>> & string & Omit<(props: import("@lifesg/react-design-system").ButtonWithIconProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export declare const SectionDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").DividerProps, never> & Partial<Pick<import("@lifesg/react-design-system").DividerProps, never>>> & string & Omit<({ thickness, lineStyle, layoutType, color, className, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, mobileCols, tabletCols, desktopCols, ...otherProps }: import("@lifesg/react-design-system").DividerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const WarningAlert: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../shared").IWarningProps, never> & Partial<Pick<import("../../shared").IWarningProps, never>>> & string & Omit<({ id, message, className }: import("../../shared").IWarningProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const CustomErrorDisplay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").ErrorDisplayProps, never> & Partial<Pick<import("@lifesg/react-design-system").ErrorDisplayProps, never>>> & string & Omit<({ type, img, title, description, actionButton, additionalProps, imageOnly, illustrationScheme, ...otherProps }: import("@lifesg/react-design-system").ErrorDisplayProps) => import("react/jsx-runtime").JSX.Element | null, keyof import("react").Component<any, {}, any>>;
+export {};

package/components/custom/array-field/index.d.ts

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

package/components/custom/array-field/types.d.ts

@@ -1,39 +1,39 @@
-import { ButtonStyleType } from "@lifesg/react-design-system/button/types";
-import * as Icons from "@lifesg/react-icons";
-import { IYupValidationRule, TFrontendEngineFieldSchema } from "../../frontend-engine/types";
-import { IBaseCustomFieldSchema } from "../types";
-export interface IArrayFieldUniqueItemRule {
-    field: string;
-    errorMessage?: string | undefined;
-}
-export interface IArrayFieldValidationRule extends IYupValidationRule {
-    /** for customising error message when one section is invalid */
-    valid?: boolean | undefined;
-    /** Specify child fields that must be unique across all array items, with a custom error message per field. */
-    unique?: IArrayFieldUniqueItemRule[] | undefined;
-}
-export interface IArrayFieldButton {
-    label?: string | undefined;
-    icon?: keyof typeof Icons | undefined;
-    styleType?: ButtonStyleType | undefined;
-}
-export interface IArrayFieldRemoveButton extends IArrayFieldButton {
-    position?: "top" | "bottom" | undefined;
-    alignment?: "left" | "right" | undefined;
-}
-export type IArrayFieldRemoveConfirmationModal = {
-    skip: true;
-} | {
-    skip?: false | undefined;
-    title?: string | undefined;
-};
-export interface IArrayFieldSchema<V = undefined, C = undefined> extends IBaseCustomFieldSchema<"array-field", V, IArrayFieldValidationRule> {
-    fieldSchema: Record<string, TFrontendEngineFieldSchema<V, C>>;
-    initialEntries?: number | undefined;
-    sectionInset?: number | string | undefined;
-    sectionTitle?: string | undefined;
-    showDivider?: boolean | undefined;
-    addButton?: IArrayFieldButton | undefined;
-    removeButton?: IArrayFieldRemoveButton | undefined;
-    removeConfirmationModal?: IArrayFieldRemoveConfirmationModal | undefined;
-}
+import { ButtonStyleType } from "@lifesg/react-design-system/button/types";
+import * as Icons from "@lifesg/react-icons";
+import { IYupValidationRule, TFrontendEngineFieldSchema } from "../../frontend-engine/types";
+import { IBaseCustomFieldSchema } from "../types";
+export interface IArrayFieldUniqueItemRule {
+    field: string;
+    errorMessage?: string | undefined;
+}
+export interface IArrayFieldValidationRule extends IYupValidationRule {
+    /** for customising error message when one section is invalid */
+    valid?: boolean | undefined;
+    /** Specify child fields that must be unique across all array items, with a custom error message per field. */
+    unique?: IArrayFieldUniqueItemRule[] | undefined;
+}
+export interface IArrayFieldButton {
+    label?: string | undefined;
+    icon?: keyof typeof Icons | undefined;
+    styleType?: ButtonStyleType | undefined;
+}
+export interface IArrayFieldRemoveButton extends IArrayFieldButton {
+    position?: "top" | "bottom" | undefined;
+    alignment?: "left" | "right" | undefined;
+}
+export type IArrayFieldRemoveConfirmationModal = {
+    skip: true;
+} | {
+    skip?: false | undefined;
+    title?: string | undefined;
+};
+export interface IArrayFieldSchema<V = undefined, C = undefined> extends IBaseCustomFieldSchema<"array-field", V, IArrayFieldValidationRule> {
+    fieldSchema: Record<string, TFrontendEngineFieldSchema<V, C>>;
+    initialEntries?: number | undefined;
+    sectionInset?: number | string | undefined;
+    sectionTitle?: string | undefined;
+    showDivider?: boolean | undefined;
+    addButton?: IArrayFieldButton | undefined;
+    removeButton?: IArrayFieldRemoveButton | undefined;
+    removeConfirmationModal?: IArrayFieldRemoveConfirmationModal | undefined;
+}

package/components/custom/filter/filter/filter.d.ts

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

package/components/custom/filter/filter/types.d.ts

@@ -1,12 +1,12 @@
-import { ButtonStyleType } from "@lifesg/react-design-system/button";
-import { ICustomElementJsonSchema } from "../../types";
-import { IFilterCheckboxSchema } from "../filter-checkbox/types";
-import { IFilterItemSchema } from "../filter-item/types";
-export interface IFilterSchema<V = undefined, C = undefined> extends ICustomElementJsonSchema<"filter"> {
-    label?: string | undefined;
-    toggleFilterButtonLabel?: string | undefined;
-    toggleFilterButtonStyle?: ButtonStyleType | undefined;
-    children: Record<string, IFilterItemSchema<V, C> | IFilterCheckboxSchema>;
-    clearButtonDisabled?: boolean | undefined;
-}
-export type TClearBehavior = "clear" | "revert" | "retain";
+import { ButtonStyleType } from "@lifesg/react-design-system/button";
+import { ICustomElementJsonSchema } from "../../types";
+import { IFilterCheckboxSchema } from "../filter-checkbox/types";
+import { IFilterItemSchema } from "../filter-item/types";
+export interface IFilterSchema<V = undefined, C = undefined> extends ICustomElementJsonSchema<"filter"> {
+    label?: string | undefined;
+    toggleFilterButtonLabel?: string | undefined;
+    toggleFilterButtonStyle?: ButtonStyleType | undefined;
+    children: Record<string, IFilterItemSchema<V, C> | IFilterCheckboxSchema>;
+    clearButtonDisabled?: boolean | undefined;
+}
+export type TClearBehavior = "clear" | "revert" | "retain";

package/components/custom/filter/filter-checkbox/filter-checkbox.d.ts

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

package/components/custom/filter/filter-checkbox/types.d.ts

@@ -1,23 +1,23 @@
-import { IBaseCustomFieldSchema } from "../../types";
-import { TClearBehavior } from "../filter/types";
-import { IFilterItemLabel } from "../types";
-export interface IFilterCheckboxSchema<V = undefined> extends IBaseCustomFieldSchema<"filter-checkbox", V> {
-    label: string | IFilterItemLabel;
-    options: IOption[];
-    collapsible?: boolean | undefined;
-    showDivider?: boolean | undefined;
-    showMobileDivider?: boolean | undefined;
-    clearBehavior?: TClearBehavior | undefined;
-    expanded?: boolean | undefined;
-    useToggleContentWidth?: boolean | undefined;
-}
-export interface IParentOption {
-    label: string;
-    key: string;
-    options: IOption[];
-}
-export interface ILeafOption {
-    label: string;
-    value: string;
-}
-export type IOption = IParentOption | ILeafOption;
+import { IBaseCustomFieldSchema } from "../../types";
+import { TClearBehavior } from "../filter/types";
+import { IFilterItemLabel } from "../types";
+export interface IFilterCheckboxSchema<V = undefined> extends IBaseCustomFieldSchema<"filter-checkbox", V> {
+    label: string | IFilterItemLabel;
+    options: IOption[];
+    collapsible?: boolean | undefined;
+    showDivider?: boolean | undefined;
+    showMobileDivider?: boolean | undefined;
+    clearBehavior?: TClearBehavior | undefined;
+    expanded?: boolean | undefined;
+    useToggleContentWidth?: boolean | undefined;
+}
+export interface IParentOption {
+    label: string;
+    key: string;
+    options: IOption[];
+}
+export interface ILeafOption {
+    label: string;
+    value: string;
+}
+export type IOption = IParentOption | ILeafOption;

package/components/custom/filter/filter-helper.d.ts

@@ -1,8 +1,8 @@
-import { FormLabelAddonProps } from "@lifesg/react-design-system/form/types";
-import { IFilterItemLabel } from "./types";
-export declare namespace FilterHelper {
-    const constructFormattedLabel: (label: string | IFilterItemLabel, id: string) => {
-        title: string;
-        addon?: FormLabelAddonProps;
-    };
-}
+import { FormLabelAddonProps } from "@lifesg/react-design-system/form/types";
+import { IFilterItemLabel } from "./types";
+export declare namespace FilterHelper {
+    const constructFormattedLabel: (label: string | IFilterItemLabel, id: string) => {
+        title: string;
+        addon?: FormLabelAddonProps;
+    };
+}

package/components/custom/filter/filter-item/filter-item.d.ts

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

package/components/custom/filter/filter-item/types.d.ts

@@ -1,13 +1,13 @@
-import { TFrontendEngineFieldSchema } from "../../../frontend-engine";
-import { ICustomElementJsonSchema } from "../../types";
-import { TClearBehavior } from "../filter/types";
-import { IFilterItemLabel } from "../types";
-export interface IFilterItemSchema<V = undefined, C = undefined> extends ICustomElementJsonSchema<"filter-item"> {
-    label: string | IFilterItemLabel;
-    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
-    collapsible?: boolean | undefined;
-    showDivider?: boolean | undefined;
-    showMobileDivider?: boolean | undefined;
-    clearBehavior?: TClearBehavior | undefined;
-    expanded?: boolean | undefined;
-}
+import { TFrontendEngineFieldSchema } from "../../../frontend-engine";
+import { ICustomElementJsonSchema } from "../../types";
+import { TClearBehavior } from "../filter/types";
+import { IFilterItemLabel } from "../types";
+export interface IFilterItemSchema<V = undefined, C = undefined> extends ICustomElementJsonSchema<"filter-item"> {
+    label: string | IFilterItemLabel;
+    children: Record<string, TFrontendEngineFieldSchema<V, C>>;
+    collapsible?: boolean | undefined;
+    showDivider?: boolean | undefined;
+    showMobileDivider?: boolean | undefined;
+    clearBehavior?: TClearBehavior | undefined;
+    expanded?: boolean | undefined;
+}

package/components/custom/filter/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./filter/filter";
-export * from "./filter-item/filter-item";
-export * from "./filter-checkbox/filter-checkbox";
+export * from "./filter/filter";
+export * from "./filter-item/filter-item";
+export * from "./filter-checkbox/filter-checkbox";

package/components/custom/filter/types.d.ts

@@ -1,11 +1,11 @@
-import { FormLabelAddonProps } from "@lifesg/react-design-system/form/types";
-import { TBlockElementSchema, TInlineElementSchema } from "../../elements/types";
-import { TWrapperSchema } from "../../elements/wrapper/types";
-interface IPopoverHint extends Pick<FormLabelAddonProps, "zIndex"> {
-    content: string | Record<string, TBlockElementSchema | TInlineElementSchema | TWrapperSchema>;
-}
-export interface IFilterItemLabel {
-    mainLabel: string;
-    hint?: IPopoverHint | undefined;
-}
-export {};
+import { FormLabelAddonProps } from "@lifesg/react-design-system/form/types";
+import { TBlockElementSchema, TInlineElementSchema } from "../../elements/types";
+import { TWrapperSchema } from "../../elements/wrapper/types";
+interface IPopoverHint extends Pick<FormLabelAddonProps, "zIndex"> {
+    content: string | Record<string, TBlockElementSchema | TInlineElementSchema | TWrapperSchema>;
+}
+export interface IFilterItemLabel {
+    mainLabel: string;
+    hint?: IPopoverHint | undefined;
+}
+export {};

package/components/custom/iframe/iframe.d.ts

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

package/components/custom/iframe/index.d.ts

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

package/components/custom/iframe/types.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import { TFieldEventListener } from "../../../utils";
-import { IBaseCustomFieldSchema } from "../types";
-export interface IIframeSchema extends Omit<IBaseCustomFieldSchema<"iframe">, "validation">, React.IframeHTMLAttributes<HTMLIFrameElement> {
-    src: string;
-    /** defaults to 2000, set -1 to skip validation */
-    validationTimeout?: number | undefined;
-    "data-testid"?: string | undefined;
-}
-export declare enum EPostMessageEvent {
-    RESIZE = "frontendEngine.resize",
-    /** initiate sync of field state from child to parent */
-    TRIGGER_SYNC = "frontendEngine.triggerSync",
-    /** passing of field state from parent to child */
-    SYNC = "frontendEngine.sync",
-    SET_VALUE = "frontendEngine.setValue",
-    SUBMIT = "frontendEngine.submit",
-    /** initiate validation from parent to child */
-    VALIDATE = "frontendEngine.validate",
-    /** validation response from child to parent */
-    VALIDATION_RESULT = "frontendEngine.validationResult",
-    /** load complete */
-    LOADED = "frontendEngine.loaded"
-}
-/** fired when button is clicked */
-declare function iframeEvent(referenceKey: "iframe", type: "loading", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-declare function iframeEvent(referenceKey: "iframe", type: "loaded", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
-export type TIframeEvents = typeof iframeEvent;
-export {};
+import { TFieldEventListener } from "../../../utils";
+import { IBaseCustomFieldSchema } from "../types";
+export interface IIframeSchema extends Omit<IBaseCustomFieldSchema<"iframe">, "validation">, React.IframeHTMLAttributes<HTMLIFrameElement> {
+    src: string;
+    /** defaults to 2000, set -1 to skip validation */
+    validationTimeout?: number | undefined;
+    "data-testid"?: string | undefined;
+}
+export declare enum EPostMessageEvent {
+    RESIZE = "frontendEngine.resize",
+    /** initiate sync of field state from child to parent */
+    TRIGGER_SYNC = "frontendEngine.triggerSync",
+    /** passing of field state from parent to child */
+    SYNC = "frontendEngine.sync",
+    SET_VALUE = "frontendEngine.setValue",
+    SUBMIT = "frontendEngine.submit",
+    /** initiate validation from parent to child */
+    VALIDATE = "frontendEngine.validate",
+    /** validation response from child to parent */
+    VALIDATION_RESULT = "frontendEngine.validationResult",
+    /** load complete */
+    LOADED = "frontendEngine.loaded"
+}
+/** fired when button is clicked */
+declare function iframeEvent(referenceKey: "iframe", type: "loading", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+declare function iframeEvent(referenceKey: "iframe", type: "loaded", id: string, listener: TFieldEventListener, options?: boolean | AddEventListenerOptions | undefined): void;
+export type TIframeEvents = typeof iframeEvent;
+export {};

package/components/custom/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./array-field";
-export * from "./filter";
-export * from "./iframe";
-export * from "./review";
-export * from "./timeline";
-export * from "./types";
+export * from "./array-field";
+export * from "./filter";
+export * from "./iframe";
+export * from "./review";
+export * from "./timeline";
+export * from "./types";

package/components/custom/review/index.d.ts

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

package/components/custom/review/review.d.ts

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

package/components/custom/review/review.styles.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-export declare const CustomUneditableSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps, never> & Partial<Pick<import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps, never>>> & string & Omit<(({ items, title, description, topSection, bottomSection, children, background, stretch, fullWidth, onMask, onUnmask, onTryAgain, ...otherProps }: import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps) => import("react/jsx-runtime").JSX.Element) & {
-    ItemSection: (props: import("@lifesg/react-design-system/uneditable-section").UneditableSectionItemSectionProps & import("react").RefAttributes<HTMLUListElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    Item: ({ label, value, displayWidth, maskState, maskLoadingState, maskChar, maskRange, unmaskRange, maskRegex, disableMaskUnmask, alert, maskTransformer, onMask, onUnmask, onTryAgain, fullWidth, }: import("@lifesg/react-design-system/uneditable-section/section-item").UneditableSectionItemComponentProps) => import("react/jsx-runtime").JSX.Element;
-}, keyof import("react").Component<any, {}, any>>;
-interface IBoxUneditableSectionProps {
-    $rowGap?: string | undefined;
-}
-export declare const BoxUneditableSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps, "$rowGap"> & IBoxUneditableSectionProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps, "$rowGap"> & IBoxUneditableSectionProps, never>>> & string & Omit<(({ items, title, description, topSection, bottomSection, children, background, stretch, fullWidth, onMask, onUnmask, onTryAgain, ...otherProps }: import("@lifesg/react-design-system/uneditable-section").UneditableSectionProps) => import("react/jsx-runtime").JSX.Element) & {
-    ItemSection: (props: import("@lifesg/react-design-system/uneditable-section").UneditableSectionItemSectionProps & import("react").RefAttributes<HTMLUListElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    Item: ({ label, value, displayWidth, maskState, maskLoadingState, maskChar, maskRange, unmaskRange, maskRegex, disableMaskUnmask, alert, maskTransformer, onMask, onUnmask, onTryAgain, fullWidth, }: import("@lifesg/react-design-system/uneditable-section/section-item").UneditableSectionItemComponentProps) => import("react/jsx-runtime").JSX.Element;
-}, keyof import("react").Component<any, {}, any>>;
-export {};
+export declare const CustomUneditableSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@lifesg/react-design-system").UneditableSectionProps, never> & Partial<Pick<import("@lifesg/react-design-system").UneditableSectionProps, never>>> & string & Omit<(({ items, title, description, topSection, bottomSection, children, background, stretch, fullWidth, onMask, onUnmask, onTryAgain, ...otherProps }: import("@lifesg/react-design-system").UneditableSectionProps) => import("react/jsx-runtime").JSX.Element) & {
+    ItemSection: (props: import("@lifesg/react-design-system").UneditableSectionItemSectionProps & import("react").RefAttributes<HTMLUListElement>) => React.ReactElement | null;
+    Item: ({ label, value, displayWidth, maskState, maskLoadingState, maskChar, maskRange, unmaskRange, maskRegex, disableMaskUnmask, alert, maskTransformer, onMask, onUnmask, onTryAgain, fullWidth, }: import("@lifesg/react-design-system/uneditable-section/section-item").UneditableSectionItemComponentProps) => import("react/jsx-runtime").JSX.Element;
+}, keyof import("react").Component<any, {}, any>>;
+interface IBoxUneditableSectionProps {
+    $rowGap?: string | undefined;
+}
+export declare const BoxUneditableSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@lifesg/react-design-system").UneditableSectionProps, "$rowGap"> & IBoxUneditableSectionProps, never> & Partial<Pick<import("styled-components").FastOmit<import("@lifesg/react-design-system").UneditableSectionProps, "$rowGap"> & IBoxUneditableSectionProps, never>>> & string & Omit<(({ items, title, description, topSection, bottomSection, children, background, stretch, fullWidth, onMask, onUnmask, onTryAgain, ...otherProps }: import("@lifesg/react-design-system").UneditableSectionProps) => import("react/jsx-runtime").JSX.Element) & {
+    ItemSection: (props: import("@lifesg/react-design-system").UneditableSectionItemSectionProps & import("react").RefAttributes<HTMLUListElement>) => React.ReactElement | null;
+    Item: ({ label, value, displayWidth, maskState, maskLoadingState, maskChar, maskRange, unmaskRange, maskRegex, disableMaskUnmask, alert, maskTransformer, onMask, onUnmask, onTryAgain, fullWidth, }: import("@lifesg/react-design-system/uneditable-section/section-item").UneditableSectionItemComponentProps) => import("react/jsx-runtime").JSX.Element;
+}, keyof import("react").Component<any, {}, any>>;
+export {};