@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/components/fields/switch/types.d.ts

@@ -1,10 +1,10 @@
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-import { ToggleProps } from "@lifesg/react-design-system/toggle";
-type TCustomOptions = {
-    border?: boolean | undefined;
-};
-export interface ISwitchSchema<V = undefined> extends IBaseFieldSchema<"switch", V>, TComponentOmitProps<ToggleProps> {
-    customOptions?: TCustomOptions | undefined;
-}
-export {};
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+import { ToggleProps } from "@lifesg/react-design-system/toggle";
+type TCustomOptions = {
+    border?: boolean | undefined;
+};
+export interface ISwitchSchema<V = undefined> extends IBaseFieldSchema<"switch", V>, TComponentOmitProps<ToggleProps> {
+    customOptions?: TCustomOptions | undefined;
+}
+export {};

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

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

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

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

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

@@ -1,37 +1,37 @@
-import { FormInputProps } from "@lifesg/react-design-system/form/types";
-import { InputGroupAddonPosition } from "@lifesg/react-design-system/input-group";
-import * as Icons from "@lifesg/react-icons";
-import { IYupValidationRule, TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-type TCustomOptions = {
-    preventCopyAndPaste?: boolean | undefined;
-    preventDragAndDrop?: boolean | undefined;
-    addOn?: TIconAddOn | TLabelAddOn | undefined;
-};
-type TIconAddOn = {
-    type: "icon";
-    icon: keyof typeof Icons;
-    color?: string | undefined;
-    position?: InputGroupAddonPosition | undefined;
-};
-type TLabelAddOn = {
-    type: "label";
-    value: string;
-    position?: InputGroupAddonPosition | undefined;
-};
-export type TCustomOptionsText = TCustomOptions & {
-    textTransform?: "uppercase" | undefined;
-};
-export interface ITextFieldSchema<V = undefined> extends IBaseFieldSchema<"text-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
-    customOptions?: TCustomOptionsText | undefined;
-}
-export interface IEmailFieldSchema<V = undefined> extends IBaseFieldSchema<"email-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
-    customOptions?: TCustomOptions | undefined;
-}
-export interface INumericFieldValidationRule extends IYupValidationRule {
-    decimals?: number | undefined;
-}
-export interface INumericFieldSchema<V = undefined> extends IBaseFieldSchema<"numeric-field", V, INumericFieldValidationRule>, TComponentOmitProps<FormInputProps, "type" | "max" | "min"> {
-    customOptions?: TCustomOptions | undefined;
-}
-export {};
+import { FormInputProps } from "@lifesg/react-design-system/form/types";
+import { InputGroupAddonPosition } from "@lifesg/react-design-system/input-group";
+import * as Icons from "@lifesg/react-icons";
+import { IYupValidationRule, TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+type TCustomOptions = {
+    preventCopyAndPaste?: boolean | undefined;
+    preventDragAndDrop?: boolean | undefined;
+    addOn?: TIconAddOn | TLabelAddOn | undefined;
+};
+type TIconAddOn = {
+    type: "icon";
+    icon: keyof typeof Icons;
+    color?: string | undefined;
+    position?: InputGroupAddonPosition | undefined;
+};
+type TLabelAddOn = {
+    type: "label";
+    value: string;
+    position?: InputGroupAddonPosition | undefined;
+};
+export type TCustomOptionsText = TCustomOptions & {
+    textTransform?: "uppercase" | undefined;
+};
+export interface ITextFieldSchema<V = undefined> extends IBaseFieldSchema<"text-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
+    customOptions?: TCustomOptionsText | undefined;
+}
+export interface IEmailFieldSchema<V = undefined> extends IBaseFieldSchema<"email-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
+    customOptions?: TCustomOptions | undefined;
+}
+export interface INumericFieldValidationRule extends IYupValidationRule {
+    decimals?: number | undefined;
+}
+export interface INumericFieldSchema<V = undefined> extends IBaseFieldSchema<"numeric-field", V, INumericFieldValidationRule>, TComponentOmitProps<FormInputProps, "type" | "max" | "min"> {
+    customOptions?: TCustomOptions | undefined;
+}
+export {};

package/components/fields/textarea/index.d.ts

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

package/components/fields/textarea/textarea.d.ts

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

package/components/fields/textarea/textarea.styles.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-interface ITextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    $resizable?: boolean | undefined;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
-    $chipPosition?: "top" | "bottom" | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
-    $chipPosition?: "top" | "bottom" | undefined;
-}, never>>> & string;
-export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
-    $chipPosition?: "top" | "bottom" | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
-    $chipPosition?: "top" | "bottom" | undefined;
-}, never>>> & string;
-export declare const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLTextAreaElement>;
-}, keyof ITextareaProps> & ITextareaProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLTextAreaElement>;
-}, keyof ITextareaProps> & ITextareaProps, never>>> & string & Omit<(props: import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
-export {};
+interface ITextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    $resizable?: boolean | undefined;
+}
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
+    $chipPosition?: "top" | "bottom" | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
+    $chipPosition?: "top" | "bottom" | undefined;
+}, never>>> & string;
+export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
+    $chipPosition?: "top" | "bottom" | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$chipPosition"> & {
+    $chipPosition?: "top" | "bottom" | undefined;
+}, never>>> & string;
+export declare const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLTextAreaElement>;
+}, keyof ITextareaProps> & ITextareaProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLTextAreaElement>;
+}, keyof ITextareaProps> & ITextareaProps, never>>> & string & Omit<(props: import("@lifesg/react-design-system/form/types").FormTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>) => React.ReactElement | null, keyof import("react").Component<any, {}, any>>;
+export {};

package/components/fields/textarea/types.d.ts

@@ -1,8 +1,8 @@
-import { FormTextareaProps } from "@lifesg/react-design-system/form/types";
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-export interface ITextareaSchema<V = undefined> extends IBaseFieldSchema<"textarea", V>, TComponentOmitProps<FormTextareaProps, "maxLength"> {
-    chipTexts?: string[] | undefined;
-    chipPosition?: "top" | "bottom" | undefined;
-    resizable?: boolean | undefined;
-}
+import { FormTextareaProps } from "@lifesg/react-design-system/form/types";
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+export interface ITextareaSchema<V = undefined> extends IBaseFieldSchema<"textarea", V>, TComponentOmitProps<FormTextareaProps, "maxLength"> {
+    chipTexts?: string[] | undefined;
+    chipPosition?: "top" | "bottom" | undefined;
+    resizable?: boolean | undefined;
+}

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { TimepickerProps } from "@lifesg/react-design-system/timepicker";
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-export interface ITimeFieldSchema<V = undefined> extends IBaseFieldSchema<"time-field", V>, TComponentOmitProps<TimepickerProps> {
-    useCurrentTime?: boolean | undefined;
-    is24HourFormat?: boolean | undefined;
-}
+import { TimepickerProps } from "@lifesg/react-design-system/timepicker";
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+export interface ITimeFieldSchema<V = undefined> extends IBaseFieldSchema<"time-field", V>, TComponentOmitProps<TimepickerProps> {
+    useCurrentTime?: boolean | undefined;
+    is24HourFormat?: boolean | undefined;
+}

package/components/fields/types.d.ts

@@ -1,122 +1,122 @@
-import { FormLabelProps } from "@lifesg/react-design-system/form/types";
-import { ControllerFieldState, ControllerRenderProps } from "react-hook-form";
-import { IYupValidationRule, TRenderRules } from "../../context-providers";
-import { IColumns, IV3Columns } from "../frontend-engine";
-import { IButtonSchema, TButtonEvents } from "./button";
-import { TCheckboxGroupSchema } from "./checkbox-group";
-import { IChipsSchema } from "./chips";
-import { IContactFieldSchema } from "./contact-field";
-import { IDateFieldSchema } from "./date-field";
-import { TDateRangeFieldSchema } from "./date-range-field";
-import { IESignatureFieldSchema } from "./e-signature-field/types";
-import { IOtpVerificationFieldSchema } from "./otp-verification-field";
-import { IErrorFieldSchema } from "./error-field";
-import { IFileUploadSchema, TFileUploadEvents } from "./file-upload";
-import { THiddenFieldSchema } from "./hidden-field";
-import { IHistogramSliderSchema } from "./histogram-slider";
-import { IImageUploadSchema, TImageUploadEvents, TImageUploadTriggers } from "./image-upload";
-import { ILocationFieldSchema, TLocationEvents, TLocationFieldTriggers } from "./location-field";
-import { IMaskedFieldSchema } from "./masked-field";
-import { IMultiSelectSchema } from "./multi-select";
-import { INestedMultiSelectSchema } from "./nested-multi-select";
-import { TRadioButtonGroupSchema } from "./radio-button";
-import { IRangeSelectSchema } from "./range-select";
-import { IResetButtonSchema } from "./reset-button";
-import { ISelectSchema } from "./select";
-import { ISelectHistogramSchema } from "./select-histogram/types";
-import { ISliderSchema } from "./slider";
-import { ISubmitButtonSchema } from "./submit-button";
-import { ISwitchSchema } from "./switch";
-import { IEmailFieldSchema, INumericFieldSchema, ITextFieldSchema } from "./text-field";
-import { ITextareaSchema } from "./textarea";
-import { ITimeFieldSchema } from "./time-field";
-import { IUnitNumberFieldSchema } from "./unit-number-field";
-import { TTabEvents } from "../elements";
-/**
- * field types
- * - components that can contain values that can get submitted
- * - comes with validation config
- */
-export declare enum EFieldType {
-    BUTTON = "ButtonField",
-    CHECKBOX = "CheckboxGroup",
-    CHIPS = "Chips",
-    "CONTACT-FIELD" = "ContactField",
-    "DATE-FIELD" = "DateField",
-    "DATE-RANGE-FIELD" = "DateRangeField",
-    "EMAIL-FIELD" = "TextField",
-    "E-SIGNATURE-FIELD" = "ESignatureField",
-    "ERROR-FIELD" = "ErrorField",
-    "FILE-UPLOAD" = "FileUpload",
-    "HIDDEN-FIELD" = "HiddenField",
-    "HISTOGRAM-SLIDER" = "HistogramSlider",
-    "IMAGE-UPLOAD" = "ImageUpload",
-    "LOCATION-FIELD" = "LocationField",
-    "MASKED-FIELD" = "MaskedField",
-    "MULTI-SELECT" = "MultiSelect",
-    "NESTED-MULTI-SELECT" = "NestedMultiSelect",
-    "RANGE-SELECT" = "RangeSelect",
-    "NUMERIC-FIELD" = "TextField",
-    "OTP-VERIFICATION-FIELD" = "OtpVerificationField",
-    RADIO = "RadioButtonGroup",
-    RESET = "ResetButton",
-    SELECT = "Select",
-    "SELECT-HISTOGRAM" = "SelectHistogram",
-    SLIDER = "Slider",
-    SUBMIT = "SubmitButton",
-    SWITCH = "Switch",
-    TEXTAREA = "Textarea",
-    "TEXT-FIELD" = "TextField",
-    "TIME-FIELD" = "TimeField",
-    "UNIT-NUMBER-FIELD" = "UnitNumberField"
-}
-/**
- * union type to represent all field schemas
- */
-export type TFieldSchema<V = undefined, C = undefined> = IButtonSchema | IChipsSchema<V> | IContactFieldSchema<V> | IDateFieldSchema<V> | IEmailFieldSchema<V> | IESignatureFieldSchema<V> | IErrorFieldSchema | IFileUploadSchema<V> | THiddenFieldSchema<V> | IHistogramSliderSchema<V> | IImageUploadSchema<V> | ILocationFieldSchema<V> | IMaskedFieldSchema<V> | IMultiSelectSchema<V> | IRangeSelectSchema | INestedMultiSelectSchema<V> | INumericFieldSchema<V> | IOtpVerificationFieldSchema<V> | IResetButtonSchema | ISelectSchema<V> | ISelectHistogramSchema<V> | ISliderSchema<V> | ISubmitButtonSchema | ISwitchSchema<V> | ITextareaSchema<V> | ITextFieldSchema<V> | ITimeFieldSchema<V> | IUnitNumberFieldSchema<V> | TCheckboxGroupSchema<V, C> | TDateRangeFieldSchema<V> | TRadioButtonGroupSchema<V, C>;
-/**
- * intersection type to represent all field events
- */
-export type TFieldEvents = TButtonEvents & TFileUploadEvents & TImageUploadEvents & TLocationEvents & TTabEvents;
-/**
- * intersection type to represent all field triggers
- */
-export type TFieldTriggers = TImageUploadTriggers & TLocationFieldTriggers;
-export interface IBaseFieldSchema<T, V = undefined, U = undefined> {
-    /** defines what kind of component to be rendered */
-    uiType: T;
-    /** caption for the field */
-    label: string | IComplexLabel;
-    /** render conditions
-     * - need to fulfil at least 1 object in array (OR condition)
-     * - in order for an object to be valid, need to fulfil all conditions in that object (AND condition) */
-    showIf?: TRenderRules[] | undefined;
-    /** validation config, can be customised by passing generics */
-    validation?: (V | U | IYupValidationRule<V, U>)[];
-    /** escape hatch for other form / frontend engines to have unsupported attributes */
-    customOptions?: Record<string, unknown> | undefined;
-    /** set responsive columns */
-    columns?: IColumns | IV3Columns | undefined;
-}
-/**
- * for displaying sub label and popover
- */
-export interface IComplexLabel {
-    mainLabel: string;
-    subLabel?: string | undefined;
-    hint?: IComplexLabelHint | undefined;
-}
-interface IComplexLabelHint {
-    content: string;
-    zIndex?: number | undefined;
-}
-/**
- * common props for all fields
- */
-export interface IGenericFieldProps<T> extends Partial<ControllerFieldState>, Partial<ControllerRenderProps> {
-    id: string;
-    formattedLabel?: string | FormLabelProps | undefined;
-    schema: T;
-    warning?: string | undefined;
-}
-export {};
+import { FormLabelProps } from "@lifesg/react-design-system/form/types";
+import { ControllerFieldState, ControllerRenderProps } from "react-hook-form";
+import { IYupValidationRule, TRenderRules } from "../../context-providers";
+import { IColumns, IV3Columns } from "../frontend-engine";
+import { IButtonSchema, TButtonEvents } from "./button";
+import { TCheckboxGroupSchema } from "./checkbox-group";
+import { IChipsSchema } from "./chips";
+import { IContactFieldSchema } from "./contact-field";
+import { IDateFieldSchema } from "./date-field";
+import { TDateRangeFieldSchema } from "./date-range-field";
+import { IESignatureFieldSchema } from "./e-signature-field/types";
+import { IOtpVerificationFieldSchema } from "./otp-verification-field";
+import { IErrorFieldSchema } from "./error-field";
+import { IFileUploadSchema, TFileUploadEvents } from "./file-upload";
+import { THiddenFieldSchema } from "./hidden-field";
+import { IHistogramSliderSchema } from "./histogram-slider";
+import { IImageUploadSchema, TImageUploadEvents, TImageUploadTriggers } from "./image-upload";
+import { ILocationFieldSchema, TLocationEvents, TLocationFieldTriggers } from "./location-field";
+import { IMaskedFieldSchema } from "./masked-field";
+import { IMultiSelectSchema } from "./multi-select";
+import { INestedMultiSelectSchema } from "./nested-multi-select";
+import { TRadioButtonGroupSchema } from "./radio-button";
+import { IRangeSelectSchema } from "./range-select";
+import { IResetButtonSchema } from "./reset-button";
+import { ISelectSchema } from "./select";
+import { ISelectHistogramSchema } from "./select-histogram/types";
+import { ISliderSchema } from "./slider";
+import { ISubmitButtonSchema } from "./submit-button";
+import { ISwitchSchema } from "./switch";
+import { IEmailFieldSchema, INumericFieldSchema, ITextFieldSchema } from "./text-field";
+import { ITextareaSchema } from "./textarea";
+import { ITimeFieldSchema } from "./time-field";
+import { IUnitNumberFieldSchema } from "./unit-number-field";
+import { TTabEvents } from "../elements";
+/**
+ * field types
+ * - components that can contain values that can get submitted
+ * - comes with validation config
+ */
+export declare enum EFieldType {
+    BUTTON = "ButtonField",
+    CHECKBOX = "CheckboxGroup",
+    CHIPS = "Chips",
+    "CONTACT-FIELD" = "ContactField",
+    "DATE-FIELD" = "DateField",
+    "DATE-RANGE-FIELD" = "DateRangeField",
+    "EMAIL-FIELD" = "TextField",
+    "E-SIGNATURE-FIELD" = "ESignatureField",
+    "ERROR-FIELD" = "ErrorField",
+    "FILE-UPLOAD" = "FileUpload",
+    "HIDDEN-FIELD" = "HiddenField",
+    "HISTOGRAM-SLIDER" = "HistogramSlider",
+    "IMAGE-UPLOAD" = "ImageUpload",
+    "LOCATION-FIELD" = "LocationField",
+    "MASKED-FIELD" = "MaskedField",
+    "MULTI-SELECT" = "MultiSelect",
+    "NESTED-MULTI-SELECT" = "NestedMultiSelect",
+    "RANGE-SELECT" = "RangeSelect",
+    "NUMERIC-FIELD" = "TextField",
+    "OTP-VERIFICATION-FIELD" = "OtpVerificationField",
+    RADIO = "RadioButtonGroup",
+    RESET = "ResetButton",
+    SELECT = "Select",
+    "SELECT-HISTOGRAM" = "SelectHistogram",
+    SLIDER = "Slider",
+    SUBMIT = "SubmitButton",
+    SWITCH = "Switch",
+    TEXTAREA = "Textarea",
+    "TEXT-FIELD" = "TextField",
+    "TIME-FIELD" = "TimeField",
+    "UNIT-NUMBER-FIELD" = "UnitNumberField"
+}
+/**
+ * union type to represent all field schemas
+ */
+export type TFieldSchema<V = undefined, C = undefined> = IButtonSchema | IChipsSchema<V> | IContactFieldSchema<V> | IDateFieldSchema<V> | IEmailFieldSchema<V> | IESignatureFieldSchema<V> | IErrorFieldSchema | IFileUploadSchema<V> | THiddenFieldSchema<V> | IHistogramSliderSchema<V> | IImageUploadSchema<V> | ILocationFieldSchema<V> | IMaskedFieldSchema<V> | IMultiSelectSchema<V> | IRangeSelectSchema | INestedMultiSelectSchema<V> | INumericFieldSchema<V> | IOtpVerificationFieldSchema<V> | IResetButtonSchema | ISelectSchema<V> | ISelectHistogramSchema<V> | ISliderSchema<V> | ISubmitButtonSchema | ISwitchSchema<V> | ITextareaSchema<V> | ITextFieldSchema<V> | ITimeFieldSchema<V> | IUnitNumberFieldSchema<V> | TCheckboxGroupSchema<V, C> | TDateRangeFieldSchema<V> | TRadioButtonGroupSchema<V, C>;
+/**
+ * intersection type to represent all field events
+ */
+export type TFieldEvents = TButtonEvents & TFileUploadEvents & TImageUploadEvents & TLocationEvents & TTabEvents;
+/**
+ * intersection type to represent all field triggers
+ */
+export type TFieldTriggers = TImageUploadTriggers & TLocationFieldTriggers;
+export interface IBaseFieldSchema<T, V = undefined, U = undefined> {
+    /** defines what kind of component to be rendered */
+    uiType: T;
+    /** caption for the field */
+    label: string | IComplexLabel;
+    /** render conditions
+     * - need to fulfil at least 1 object in array (OR condition)
+     * - in order for an object to be valid, need to fulfil all conditions in that object (AND condition) */
+    showIf?: TRenderRules[] | undefined;
+    /** validation config, can be customised by passing generics */
+    validation?: (V | U | IYupValidationRule<V, U>)[];
+    /** escape hatch for other form / frontend engines to have unsupported attributes */
+    customOptions?: Record<string, unknown> | undefined;
+    /** set responsive columns */
+    columns?: IColumns | IV3Columns | undefined;
+}
+/**
+ * for displaying sub label and popover
+ */
+export interface IComplexLabel {
+    mainLabel: string;
+    subLabel?: string | undefined;
+    hint?: IComplexLabelHint | undefined;
+}
+interface IComplexLabelHint {
+    content: string;
+    zIndex?: number | undefined;
+}
+/**
+ * common props for all fields
+ */
+export interface IGenericFieldProps<T> extends Partial<ControllerFieldState>, Partial<ControllerRenderProps> {
+    id: string;
+    formattedLabel?: string | FormLabelProps | undefined;
+    schema: T;
+    warning?: string | undefined;
+}
+export {};

package/components/fields/unit-number-field/index.d.ts

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

package/components/fields/unit-number-field/types.d.ts

@@ -1,8 +1,8 @@
-import { UnitNumberInputProps } from "@lifesg/react-design-system/unit-number";
-import { TComponentOmitProps } from "../../frontend-engine";
-import { IBaseFieldSchema } from "../types";
-export interface IUnitNumberFieldValidationRule {
-    unitNumberFormat?: boolean | undefined;
-}
-export interface IUnitNumberFieldSchema<V = undefined> extends IBaseFieldSchema<"unit-number-field", V, IUnitNumberFieldValidationRule>, TComponentOmitProps<UnitNumberInputProps> {
-}
+import { UnitNumberInputProps } from "@lifesg/react-design-system/unit-number";
+import { TComponentOmitProps } from "../../frontend-engine";
+import { IBaseFieldSchema } from "../types";
+export interface IUnitNumberFieldValidationRule {
+    unitNumberFormat?: boolean | undefined;
+}
+export interface IUnitNumberFieldSchema<V = undefined> extends IBaseFieldSchema<"unit-number-field", V, IUnitNumberFieldValidationRule>, TComponentOmitProps<UnitNumberInputProps> {
+}

package/components/fields/unit-number-field/unit-number-field.d.ts

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

package/components/frontend-engine/frontend-engine.d.ts

@@ -1,23 +1,23 @@
-import { ReactElement, Ref } from "react";
-import { IYupValidationRule } from "../../context-providers";
-import { TNoInfer } from "../../utils";
-import { IFrontendEngineProps, IFrontendEngineRef } from "./types";
-/**
- * The one and only component needed to create your form
- *
- * Minimally you will need to set the `data` props which is the JSON schema to define the form
- *
- * Generics
- * - V = custom validation types
- * - C = custom component types
- */
-export declare const FrontendEngine: <V = undefined, C = undefined>(props: IFrontendEngineProps<TNoInfer<V, IYupValidationRule<undefined, undefined>>, C> & {
-    ref?: Ref<IFrontendEngineRef>;
-}) => ReactElement;
-/**
- * casting as a function with generics as a way to define generics with forwardRef
- * the generics are a way to set custom definition of Yup validation config
- * `NoInfer` typing is to ensure validation config is either the default `IYupValidationRule` or explicitly typed
- * this prevent inferring from the data props entered by devs
- * can refer to `Add Custom Validation` story for more info
- */
+import { ReactElement, Ref } from "react";
+import { IYupValidationRule } from "../../context-providers";
+import { TNoInfer } from "../../utils";
+import { IFrontendEngineProps, IFrontendEngineRef } from "./types";
+/**
+ * The one and only component needed to create your form
+ *
+ * Minimally you will need to set the `data` props which is the JSON schema to define the form
+ *
+ * Generics
+ * - V = custom validation types
+ * - C = custom component types
+ */
+export declare const FrontendEngine: <V = undefined, C = undefined>(props: IFrontendEngineProps<TNoInfer<V, IYupValidationRule>, C> & {
+    ref?: Ref<IFrontendEngineRef>;
+}) => ReactElement;
+/**
+ * casting as a function with generics as a way to define generics with forwardRef
+ * the generics are a way to set custom definition of Yup validation config
+ * `NoInfer` typing is to ensure validation config is either the default `IYupValidationRule` or explicitly typed
+ * this prevent inferring from the data props entered by devs
+ * can refer to `Add Custom Validation` story for more info
+ */

package/components/frontend-engine/index.d.ts

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