@lifesg/web-frontend-engine 1.0.0-alpha.2 → 1.0.0-alpha.4

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

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

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

@@ -0,0 +1,14 @@
+import { ICustomComponentJsonSchema } from "../../../frontend-engine";
+import { IFilterCheckboxSchema } from "../filter-checkbox/types";
+import { IFilterItemSchema } from "../filter-item/types";
+export interface IFilterSchema extends ICustomComponentJsonSchema<"filter"> {
+    label?: string | undefined;
+    toggleFilterButtonLabel?: string | undefined;
+    children: Record<string, IFilterItemSchema | IFilterCheckboxSchema>;
+    clearButtonDisabled?: boolean | undefined;
+}
+export interface IFilterProps {
+    id: string | undefined;
+    schema: IFilterSchema | undefined;
+    warnings?: Record<string, string> | undefined;
+}

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

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

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

@@ -0,0 +1,12 @@
+import { ICustomFieldJsonSchema } from "../../../frontend-engine";
+export interface IFilterCheckboxSchema<V = undefined> extends Omit<ICustomFieldJsonSchema<"filter-checkbox", V>, "validation"> {
+    label: string;
+    options: IOption[];
+    collapsible?: boolean | undefined;
+    showDivider?: boolean | undefined;
+    showMobileDivider?: boolean | undefined;
+}
+export interface IOption {
+    label: string;
+    value: string;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { ICustomComponentJsonSchema, TFrontendEngineFieldSchema } from "../../../frontend-engine";
+export interface IFilterItemSchema<V = undefined> extends ICustomComponentJsonSchema<"filter-item"> {
+    label: string;
+    children: Record<string, TFrontendEngineFieldSchema<V>>;
+    collapsible?: boolean | undefined;
+    showDivider?: boolean | undefined;
+    showMobileDivider?: boolean | undefined;
+}

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

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

package/components/custom/index.d.ts

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

package/components/elements/alert/alert.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { IAlertSchema } from "./types";
-export declare const Alert: (props: IGenericFieldProps<IAlertSchema>) => JSX.Element;
+export declare const Alert: (props: IGenericFieldProps<IAlertSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/elements/section/index.d.ts

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

package/components/elements/section/section.d.ts

@@ -0,0 +1,2 @@
+import { ISectionProps } from "./types";
+export declare const Section: (props: ISectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/elements/section/types.d.ts

@@ -0,0 +1,10 @@
+import { IFrontendEngineElementJsonSchema, TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
+import { IWrapperSchema } from "../wrapper";
+export interface ISectionSchema<V = undefined> extends IFrontendEngineElementJsonSchema<"section">, TComponentOmitProps<IWrapperSchema> {
+    children: Record<string, TFrontendEngineFieldSchema<V>>;
+}
+export interface ISectionProps {
+    id: string;
+    sectionSchema: ISectionSchema;
+    warnings?: Record<string, string> | undefined;
+}

package/components/elements/sections/index.d.ts

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

package/components/elements/sections/sections.d.ts

@@ -0,0 +1,14 @@
+import { ISectionsProps } from "./types";
+/**
+ * this component is meant to render "pages" which consists of individual Section component
+ * it is not rendering in pages yet because there are no use cases yet
+ * so this is just a placeholder for now
+ *
+ * this component renders the sections object and cannot be defined via `uiType`
+ * i.e. it is used internally only
+ *
+ * TODO:
+ * - render pages properly
+ * - handle validation and errors in each section before navigating away
+ */
+export declare const Sections: (props: ISectionsProps) => import("react/jsx-runtime").JSX.Element;

package/components/elements/sections/types.d.ts

@@ -0,0 +1,5 @@
+import { ISectionSchema } from "../section";
+export interface ISectionsProps {
+    schema?: Record<string, ISectionSchema> | undefined;
+    warnings?: Record<string, string> | undefined;
+}

package/components/elements/text/data.d.ts

@@ -1,14 +1,14 @@
 export declare const TEXT_MAPPING: {
-    "TEXT-D1": import("styled-components").StyledComponent<"h1", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-D2": import("styled-components").StyledComponent<"h1", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-DBODY": import("styled-components").StyledComponent<"h1", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H1": import("styled-components").StyledComponent<"h1", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H2": import("styled-components").StyledComponent<"h2", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H3": import("styled-components").StyledComponent<"h3", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H4": import("styled-components").StyledComponent<"h4", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H5": import("styled-components").StyledComponent<"h5", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-H6": import("styled-components").StyledComponent<"h6", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-BODY": import("styled-components").StyledComponent<"p", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-BODYSMALL": import("styled-components").StyledComponent<"p", any, import("@lifesg/react-design-system/text").TextProps, never>;
-    "TEXT-XSMALL": import("styled-components").StyledComponent<"span", any, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-D1": import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-D2": import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-DBODY": import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H1": import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H2": import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H3": import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H4": import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H5": import("styled-components").StyledComponent<"h5", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-H6": import("styled-components").StyledComponent<"h6", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-BODY": import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-BODYSMALL": import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
+    "TEXT-XSMALL": import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("@lifesg/react-design-system/text").TextProps, never>;
 };

package/components/elements/text/text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { ITextSchema } from "./types";
-export declare const Text: (props: IGenericFieldProps<ITextSchema>) => JSX.Element;
+export declare const Text: (props: IGenericFieldProps<ITextSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/elements/wrapper/conditional-renderer.d.ts

@@ -1,14 +1,18 @@
 import React from "react";
+import { TFrontendEngineFieldSchema } from "../../frontend-engine";
 import { TRenderRules } from "../../frontend-engine/yup";
+import { IFilterItemSchema } from "../../custom/filter/filter-item/types";
+import { IFilterCheckboxSchema } from "../../custom/filter/filter-checkbox/types";
 interface IProps {
     id: string;
     renderRules?: TRenderRules[] | undefined;
     children: React.ReactNode;
+    schema: TFrontendEngineFieldSchema | IFilterItemSchema | IFilterCheckboxSchema;
 }
 /**
  * conditionally render children according to render rules provided
  * render conditions are based on Yup schema and the base schema is derived from corresponding validation config
  * automatically remove validation config on hide / unmount, for more complex fields, it still has to be done via the field itself
  */
-export declare const ConditionalRenderer: ({ id, renderRules, children }: IProps) => JSX.Element;
+export declare const ConditionalRenderer: ({ id, renderRules, children, schema }: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/elements/wrapper/types.d.ts

@@ -1,9 +1,18 @@
 /// <reference types="react" />
+import { IFilterCheckboxSchema } from "../../custom/filter/filter-checkbox/types";
+import { IFilterItemSchema } from "../../custom/filter/filter-item/types";
 import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
 import { TRenderRules } from "../../frontend-engine/yup";
-export type TWrapperType = "div" | "span" | "section" | "header" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
+export type TWrapperType = "div" | "span" | "header" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
 export interface IWrapperSchema extends TComponentOmitProps<React.HTMLAttributes<HTMLElement>, "children"> {
-    fieldType: TWrapperType;
+    uiType: TWrapperType;
     showIf?: TRenderRules[] | undefined;
     children: Record<string, TFrontendEngineFieldSchema> | string;
 }
+export interface IWrapperProps {
+    id?: string | undefined;
+    schema?: IWrapperSchema | undefined;
+    /** only used internally by FrontendEngine */
+    children?: Record<string, TFrontendEngineFieldSchema> | Record<string, IFilterItemSchema | IFilterCheckboxSchema> | undefined;
+    warnings?: Record<string, string> | undefined;
+}

package/components/elements/wrapper/wrapper.d.ts

@@ -1,12 +1,3 @@
 /// <reference types="react" />
-import { TFrontendEngineFieldSchema } from "../../frontend-engine/types";
-import { IWrapperSchema } from "./types";
-interface IWrapperProps {
-    id?: string | undefined;
-    schema?: IWrapperSchema | undefined;
-    /** only used internally by FrontendEngine */
-    children?: Record<string, TFrontendEngineFieldSchema> | undefined;
-    warnings?: Record<string, string> | undefined;
-}
-export declare const Wrapper: (props: IWrapperProps) => JSX.Element;
-export {};
+import { IWrapperProps } from "./types";
+export declare const Wrapper: (props: IWrapperProps) => JSX.Element | null;

package/components/fields/checkbox-group/checkbox-group.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { ICheckboxGroupSchema } from "./types";
-export declare const CheckboxGroup: (props: IGenericFieldProps<ICheckboxGroupSchema>) => JSX.Element;
+export declare const CheckboxGroup: (props: IGenericFieldProps<ICheckboxGroupSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/checkbox-group/checkbox-group.styles.d.ts

@@ -3,6 +3,7 @@ interface ILabelProps {
     disabled?: boolean | undefined;
 }
 export declare const Label: import("styled-components").StyledComponent<"label", any, ILabelProps, never>;
-export declare const StyledCheckbox: import("styled-components").StyledComponent<({ className, checked, disabled, onClick, onKeyPress, displaySize, ...otherProps }: import("@lifesg/react-design-system/checkbox").CheckboxProps) => JSX.Element, any, {}, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<({ className, checked, disabled, onChange, onKeyPress, displaySize, ...otherProps }: import("@lifesg/react-design-system/checkbox").CheckboxProps) => JSX.Element, any, {}, never>;
 export declare const CheckboxContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToggleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/components/fields/checkbox-group/types.d.ts

@@ -3,8 +3,20 @@ import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../f
 interface IOption {
     label: string;
     value: string;
+    disabled?: boolean | undefined;
 }
+interface IToggleOption extends IOption {
+    none?: boolean;
+}
+type TCustomOptions = {
+    styleType: "default";
+} | {
+    styleType: "toggle";
+    indicator?: boolean;
+    border?: boolean;
+};
 export interface ICheckboxGroupSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
-    options: IOption[];
+    options: IToggleOption[];
+    customOptions?: TCustomOptions;
 }
 export {};

package/components/fields/chips/chips.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { IChipsSchema } from "./types";
-export declare const Chips: (props: IGenericFieldProps<IChipsSchema>) => JSX.Element;
+export declare const Chips: (props: IGenericFieldProps<IChipsSchema>) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ import { IYupValidationRule } from "../../frontend-engine/yup/types";
 export interface IChipOption {
     label: string;
     value: string;
+    disabled?: boolean | undefined;
 }
 export interface IChipsSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"chips", V>, TComponentOmitProps<React.ButtonHTMLAttributes<HTMLButtonElement>> {
     options: IChipOption[];

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

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

package/components/fields/contact-field/data.d.ts

@@ -0,0 +1,5 @@
+import { TCallingCodeMap, TCountry } from "./types";
+export declare const CountryData: readonly [readonly ["Afghanistan", readonly ["asia"], "af", "93"], readonly ["Albania", readonly ["europe"], "al", "355"], readonly ["Algeria", readonly ["africa", "north-africa"], "dz", "213"], readonly ["Andorra", readonly ["europe"], "ad", "376"], readonly ["Angola", readonly ["africa"], "ao", "244"], readonly ["Antigua and Barbuda", readonly ["america", "carribean"], "ag", "1268"], readonly ["Argentina", readonly ["america", "south-america"], "ar", "54", "(..) ........"], readonly ["Armenia", readonly ["asia", "ex-ussr"], "am", "374", ".. ......"], readonly ["Aruba", readonly ["america", "carribean"], "aw", "297"], readonly ["Australia", readonly ["oceania"], "au", "61", "(..) .... ...."], readonly ["Austria", readonly ["europe", "eu-union"], "at", "43"], readonly ["Azerbaijan", readonly ["asia", "ex-ussr"], "az", "994", "(..) ... .. .."], readonly ["Bahamas", readonly ["america", "carribean"], "bs", "1242"], readonly ["Bahrain", readonly ["middle-east"], "bh", "973"], readonly ["Bangladesh", readonly ["asia"], "bd", "880"], readonly ["Barbados", readonly ["america", "carribean"], "bb", "1246"], readonly ["Belarus", readonly ["europe", "ex-ussr"], "by", "375", "(..) ... .. .."], readonly ["Belgium", readonly ["europe", "eu-union"], "be", "32", "... .. .. .."], readonly ["Belize", readonly ["america", "central-america"], "bz", "501"], readonly ["Benin", readonly ["africa"], "bj", "229"], readonly ["Bhutan", readonly ["asia"], "bt", "975"], readonly ["Bolivia", readonly ["america", "south-america"], "bo", "591"], readonly ["Bosnia and Herzegovina", readonly ["europe", "ex-yugos"], "ba", "387"], readonly ["Botswana", readonly ["africa"], "bw", "267"], readonly ["Brazil", readonly ["america", "south-america"], "br", "55", "(..) ........."], readonly ["British Indian Ocean Territory", readonly ["asia"], "io", "246"], readonly ["Brunei", readonly ["asia"], "bn", "673"], readonly ["Bulgaria", readonly ["europe", "eu-union"], "bg", "359"], readonly ["Burkina Faso", readonly ["africa"], "bf", "226"], readonly ["Burundi", readonly ["africa"], "bi", "257"], readonly ["Cambodia", readonly ["asia"], "kh", "855"], readonly ["Cameroon", readonly ["africa"], "cm", "237"], readonly ["Canada", readonly ["america", "north-america"], "ca", "1", "(...) ... ...."], readonly ["Cape Verde", readonly ["africa"], "cv", "238"], readonly ["Caribbean Netherlands", readonly ["america", "carribean"], "bq", "599", ""], readonly ["Central African Republic", readonly ["africa"], "cf", "236"], readonly ["Chad", readonly ["africa"], "td", "235"], readonly ["Chile", readonly ["america", "south-america"], "cl", "56"], readonly ["China", readonly ["asia"], "cn", "86", ".. ........."], readonly ["Colombia", readonly ["america", "south-america"], "co", "57", "... ... ...."], readonly ["Comoros", readonly ["africa"], "km", "269"], readonly ["Congo", readonly ["africa"], "cd", "243"], readonly ["Congo", readonly ["africa"], "cg", "242"], readonly ["Costa Rica", readonly ["america", "central-america"], "cr", "506", ".... ...."], readonly ["Côte d’Ivoire", readonly ["africa"], "ci", "225", ".. .. .. .."], readonly ["Croatia", readonly ["europe", "eu-union", "ex-yugos"], "hr", "385"], readonly ["Cuba", readonly ["america", "carribean"], "cu", "53"], readonly ["Curaçao", readonly ["america", "carribean"], "cw", "599", ""], readonly ["Cyprus", readonly ["europe", "eu-union"], "cy", "357", ".. ......"], readonly ["Czech Republic", readonly ["europe", "eu-union"], "cz", "420", "... ... ..."], readonly ["Denmark", readonly ["europe", "eu-union", "baltic"], "dk", "45", ".. .. .. .."], readonly ["Djibouti", readonly ["africa"], "dj", "253"], readonly ["Dominica", readonly ["america", "carribean"], "dm", "1767"], readonly ["Dominican Republic", readonly ["america", "carribean"], "do", "1", ""], readonly ["Ecuador", readonly ["america", "south-america"], "ec", "593"], readonly ["Egypt", readonly ["africa", "north-africa"], "eg", "20"], readonly ["El Salvador", readonly ["america", "central-america"], "sv", "503", ".... ...."], readonly ["Equatorial Guinea", readonly ["africa"], "gq", "240"], readonly ["Eritrea", readonly ["africa"], "er", "291"], readonly ["Estonia", readonly ["europe", "eu-union", "ex-ussr", "baltic"], "ee", "372", ".... ......"], readonly ["Ethiopia", readonly ["africa"], "et", "251"], readonly ["Fiji", readonly ["oceania"], "fj", "679"], readonly ["Finland", readonly ["europe", "eu-union", "baltic"], "fi", "358", ".. ... .. .."], readonly ["France", readonly ["europe", "eu-union"], "fr", "33", ". .. .. .. .."], readonly ["French Guiana", readonly ["america", "south-america"], "gf", "594"], readonly ["French Polynesia", readonly ["oceania"], "pf", "689"], readonly ["Gabon", readonly ["africa"], "ga", "241"], readonly ["Gambia", readonly ["africa"], "gm", "220"], readonly ["Georgia", readonly ["asia", "ex-ussr"], "ge", "995"], readonly ["Germany", readonly ["europe", "eu-union", "baltic"], "de", "49", ".... ........"], readonly ["Ghana", readonly ["africa"], "gh", "233"], readonly ["Greece", readonly ["europe", "eu-union"], "gr", "30"], readonly ["Grenada", readonly ["america", "carribean"], "gd", "1473"], readonly ["Guadeloupe", readonly ["america", "carribean"], "gp", "590", "", 0], readonly ["Guam", readonly ["oceania"], "gu", "1671"], readonly ["Guatemala", readonly ["america", "central-america"], "gt", "502", ".... ...."], readonly ["Guinea", readonly ["africa"], "gn", "224"], readonly ["Guinea-Bissau", readonly ["africa"], "gw", "245"], readonly ["Guyana", readonly ["america", "south-america"], "gy", "592"], readonly ["Haiti", readonly ["america", "carribean"], "ht", "509", ".... ...."], readonly ["Honduras", readonly ["america", "central-america"], "hn", "504"], readonly ["Hong Kong", readonly ["asia"], "hk", "852", ".... ...."], readonly ["Hungary", readonly ["europe", "eu-union"], "hu", "36"], readonly ["Iceland", readonly ["europe"], "is", "354", "... ...."], readonly ["India", readonly ["asia"], "in", "91", "..... ....."], readonly ["Indonesia", readonly ["asia"], "id", "62"], readonly ["Iran", readonly ["middle-east"], "ir", "98", "... ... ...."], readonly ["Iraq", readonly ["middle-east"], "iq", "964"], readonly ["Ireland", readonly ["europe", "eu-union"], "ie", "353", ".. ......."], readonly ["Israel", readonly ["middle-east"], "il", "972", "... ... ...."], readonly ["Italy", readonly ["europe", "eu-union"], "it", "39", "... ......."], readonly ["Jamaica", readonly ["america", "carribean"], "jm", "1876"], readonly ["Japan", readonly ["asia"], "jp", "81", ".. .... ...."], readonly ["Jordan", readonly ["middle-east"], "jo", "962"], readonly ["Kazakhstan", readonly ["asia", "ex-ussr"], "kz", "7", "... ... .. .."], readonly ["Kenya", readonly ["africa"], "ke", "254"], readonly ["Kiribati", readonly ["oceania"], "ki", "686"], readonly ["Kosovo", readonly ["europe", "ex-yugos"], "xk", "383"], readonly ["Kuwait", readonly ["middle-east"], "kw", "965"], readonly ["Kyrgyzstan", readonly ["asia", "ex-ussr"], "kg", "996", "... ... ..."], readonly ["Laos", readonly ["asia"], "la", "856"], readonly ["Latvia", readonly ["europe", "eu-union", "ex-ussr", "baltic"], "lv", "371", ".. ... ..."], readonly ["Lebanon", readonly ["middle-east"], "lb", "961"], readonly ["Lesotho", readonly ["africa"], "ls", "266"], readonly ["Liberia", readonly ["africa"], "lr", "231"], readonly ["Libya", readonly ["africa", "north-africa"], "ly", "218"], readonly ["Liechtenstein", readonly ["europe"], "li", "423"], readonly ["Lithuania", readonly ["europe", "eu-union", "ex-ussr", "baltic"], "lt", "370"], readonly ["Luxembourg", readonly ["europe", "eu-union"], "lu", "352"], readonly ["Macau", readonly ["asia"], "mo", "853"], readonly ["Macedonia", readonly ["europe", "ex-yugos"], "mk", "389"], readonly ["Madagascar", readonly ["africa"], "mg", "261"], readonly ["Malawi", readonly ["africa"], "mw", "265"], readonly ["Malaysia", readonly ["asia"], "my", "60", ".. .... ...."], readonly ["Maldives", readonly ["asia"], "mv", "960"], readonly ["Mali", readonly ["africa"], "ml", "223"], readonly ["Malta", readonly ["europe", "eu-union"], "mt", "356"], readonly ["Marshall Islands", readonly ["oceania"], "mh", "692"], readonly ["Martinique", readonly ["america", "carribean"], "mq", "596"], readonly ["Mauritania", readonly ["africa"], "mr", "222"], readonly ["Mauritius", readonly ["africa"], "mu", "230"], readonly ["Mexico", readonly ["america", "central-america"], "mx", "52", "... ... ...."], readonly ["Micronesia", readonly ["oceania"], "fm", "691"], readonly ["Moldova", readonly ["europe"], "md", "373", "(..) .. .. .."], readonly ["Monaco", readonly ["europe"], "mc", "377"], readonly ["Mongolia", readonly ["asia"], "mn", "976"], readonly ["Montenegro", readonly ["europe", "ex-yugos"], "me", "382"], readonly ["Morocco", readonly ["africa", "north-africa"], "ma", "212"], readonly ["Mozambique", readonly ["africa"], "mz", "258"], readonly ["Myanmar", readonly ["asia"], "mm", "95"], readonly ["Namibia", readonly ["africa"], "na", "264"], readonly ["Nauru", readonly ["africa"], "nr", "674"], readonly ["Nepal", readonly ["asia"], "np", "977"], readonly ["Netherlands", readonly ["europe", "eu-union"], "nl", "31", ".. ........"], readonly ["New Caledonia", readonly ["oceania"], "nc", "687"], readonly ["New Zealand", readonly ["oceania"], "nz", "64", "... ... ...."], readonly ["Nicaragua", readonly ["america", "central-america"], "ni", "505"], readonly ["Niger", readonly ["africa"], "ne", "227"], readonly ["Nigeria", readonly ["africa"], "ng", "234"], readonly ["North Korea", readonly ["asia"], "kp", "850"], readonly ["Norway", readonly ["europe", "baltic"], "no", "47", "... .. ..."], readonly ["Oman", readonly ["middle-east"], "om", "968"], readonly ["Pakistan", readonly ["asia"], "pk", "92", "... ......."], readonly ["Palau", readonly ["oceania"], "pw", "680"], readonly ["Palestine", readonly ["middle-east"], "ps", "970"], readonly ["Panama", readonly ["america", "central-america"], "pa", "507"], readonly ["Papua New Guinea", readonly ["oceania"], "pg", "675"], readonly ["Paraguay", readonly ["america", "south-america"], "py", "595"], readonly ["Peru", readonly ["america", "south-america"], "pe", "51"], readonly ["Philippines", readonly ["asia"], "ph", "63", ".... ......."], readonly ["Poland", readonly ["europe", "eu-union", "baltic"], "pl", "48", "... ... ..."], readonly ["Portugal", readonly ["europe", "eu-union"], "pt", "351"], readonly ["Puerto Rico", readonly ["america", "carribean"], "pr", "1", ""], readonly ["Qatar", readonly ["middle-east"], "qa", "974"], readonly ["Réunion", readonly ["africa"], "re", "262"], readonly ["Romania", readonly ["europe", "eu-union"], "ro", "40"], readonly ["Russia", readonly ["europe", "asia", "ex-ussr", "baltic"], "ru", "7", "(...) ... .. .."], readonly ["Rwanda", readonly ["africa"], "rw", "250"], readonly ["Saint Kitts and Nevis", readonly ["america", "carribean"], "kn", "1869"], readonly ["Saint Lucia", readonly ["america", "carribean"], "lc", "1758"], readonly ["Saint Vincent and the Grenadines", readonly ["america", "carribean"], "vc", "1784"], readonly ["Samoa", readonly ["oceania"], "ws", "685"], readonly ["San Marino", readonly ["europe"], "sm", "378"], readonly ["São Tomé and Príncipe", readonly ["africa"], "st", "239"], readonly ["Saudi Arabia", readonly ["middle-east"], "sa", "966"], readonly ["Senegal", readonly ["africa"], "sn", "221"], readonly ["Serbia", readonly ["europe", "ex-yugos"], "rs", "381"], readonly ["Seychelles", readonly ["africa"], "sc", "248"], readonly ["Sierra Leone", readonly ["africa"], "sl", "232"], readonly ["Singapore", readonly ["asia"], "sg", "65", ".... ...."], readonly ["Slovakia", readonly ["europe", "eu-union"], "sk", "421"], readonly ["Slovenia", readonly ["europe", "eu-union", "ex-yugos"], "si", "386"], readonly ["Solomon Islands", readonly ["oceania"], "sb", "677"], readonly ["Somalia", readonly ["africa"], "so", "252"], readonly ["South Africa", readonly ["africa"], "za", "27"], readonly ["South Korea", readonly ["asia"], "kr", "82", "... .... ...."], readonly ["South Sudan", readonly ["africa", "north-africa"], "ss", "211"], readonly ["Spain", readonly ["europe", "eu-union"], "es", "34", "... ... ..."], readonly ["Sri Lanka", readonly ["asia"], "lk", "94"], readonly ["Sudan", readonly ["africa"], "sd", "249"], readonly ["Suriname", readonly ["america", "south-america"], "sr", "597"], readonly ["Swaziland", readonly ["africa"], "sz", "268"], readonly ["Sweden", readonly ["europe", "eu-union", "baltic"], "se", "46", "(...) ... ..."], readonly ["Switzerland", readonly ["europe"], "ch", "41", ".. ... .. .."], readonly ["Syria", readonly ["middle-east"], "sy", "963"], readonly ["Taiwan", readonly ["asia"], "tw", "886"], readonly ["Tajikistan", readonly ["asia", "ex-ussr"], "tj", "992"], readonly ["Tanzania", readonly ["africa"], "tz", "255"], readonly ["Thailand", readonly ["asia"], "th", "66"], readonly ["Timor-Leste", readonly ["asia"], "tl", "670"], readonly ["Togo", readonly ["africa"], "tg", "228"], readonly ["Tonga", readonly ["oceania"], "to", "676"], readonly ["Trinidad and Tobago", readonly ["america", "carribean"], "tt", "1868"], readonly ["Tunisia", readonly ["africa", "north-africa"], "tn", "216"], readonly ["Turkey", readonly ["europe"], "tr", "90", "... ... .. .."], readonly ["Turkmenistan", readonly ["asia", "ex-ussr"], "tm", "993"], readonly ["Tuvalu", readonly ["asia"], "tv", "688"], readonly ["Uganda", readonly ["africa"], "ug", "256"], readonly ["Ukraine", readonly ["europe", "ex-ussr"], "ua", "380", "(..) ... .. .."], readonly ["United Arab Emirates", readonly ["middle-east"], "ae", "971"], readonly ["United Kingdom", readonly ["europe", "eu-union"], "gb", "44", ".... ......"], readonly ["United States", readonly ["america", "north-america"], "us", "1", "(...) ... ...."], readonly ["Uruguay", readonly ["america", "south-america"], "uy", "598"], readonly ["Uzbekistan", readonly ["asia", "ex-ussr"], "uz", "998", ".. ... .. .."], readonly ["Vanuatu", readonly ["oceania"], "vu", "678"], readonly ["Vatican City", readonly ["europe"], "va", "39", ".. .... ...."], readonly ["Venezuela", readonly ["america", "south-america"], "ve", "58"], readonly ["Vietnam", readonly ["asia"], "vn", "84"], readonly ["Yemen", readonly ["middle-east"], "ye", "967"], readonly ["Zambia", readonly ["africa"], "zm", "260"], readonly ["Zimbabwe", readonly ["africa"], "zw", "263"]];
+export declare const getInternationalCallingCodeMap: () => TCallingCodeMap;
+export declare const getCountries: () => string[];
+export declare const getCountryFromPrefix: (prefix: string, country: Map<TCountry, string>) => TCountry | undefined;

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

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

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

@@ -0,0 +1,30 @@
+import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../frontend-engine/types";
+import { CountryData } from "./data";
+import { PhoneNumberInputProps } from "@lifesg/react-design-system";
+interface IContactFieldProps extends PhoneNumberInputProps {
+    defaultCountry?: TCountry;
+    enableSearch?: boolean | undefined;
+}
+export type TSingaporeNumberRule = "default" | "house" | "mobile";
+export type TCountry = (typeof CountryData)[number][0];
+export type TCallingCodeMap = Map<TCountry, string>;
+export interface IContactFieldValidationRule {
+    contactNumber?: {
+        internationalNumber: boolean | Omit<TCountry, "Singapore">;
+        singaporeNumber?: never;
+    } | {
+        internationalNumber?: never;
+        singaporeNumber: TSingaporeNumberRule;
+    };
+}
+export interface ISelectedCountry {
+    prefix: string | undefined;
+    name: TCountry;
+}
+export interface IParsedPhoneNumber {
+    prefix: string;
+    number: string;
+}
+export interface IContactFieldSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"contact-field", V, IContactFieldValidationRule>, TComponentOmitProps<IContactFieldProps> {
+}
+export {};

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

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

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

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

package/components/fields/{date-input → date-field}/types.d.ts

@@ -1,6 +1,6 @@
 import { DateInputProps } from "@lifesg/react-design-system/date-input";
 import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../frontend-engine/types";
-export interface IDateInputValidationRule {
+export interface IDateFieldValidationRule {
     future?: boolean | undefined;
     past?: boolean | undefined;
     notFuture?: boolean | undefined;
@@ -8,7 +8,7 @@ export interface IDateInputValidationRule {
     minDate?: string | undefined;
     maxDate?: string | undefined;
 }
-export interface IDateInputSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"date", V, IDateInputValidationRule>, TComponentOmitProps<DateInputProps> {
+export interface IDateFieldSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"date-field", V, IDateFieldValidationRule>, TComponentOmitProps<DateInputProps> {
     useCurrentDate?: boolean | undefined;
     dateFormat?: string | undefined;
 }

package/components/fields/index.d.ts

@@ -1,11 +1,13 @@
 export * from "./checkbox-group";
 export * from "./chips";
-export * from "./contact-number";
-export * from "./date-input";
+export * from "./contact-field";
+export * from "./date-field";
 export * from "./multi-select";
 export * from "./radio-button";
 export * from "./select";
 export * from "./submit-button";
+export * from "./text-field";
 export * from "./textarea";
-export * from "./textfield";
-export * from "./time-picker";
+export * from "./time-field";
+export * from "./reset-button";
+export * from "./unit-number-field";

package/components/fields/multi-select/multi-select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { IMultiSelectSchema } from "./types";
-export declare const MultiSelect: (props: IGenericFieldProps<IMultiSelectSchema>) => JSX.Element;
+export declare const MultiSelect: (props: IGenericFieldProps<IMultiSelectSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/radio-button/radio-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { IRadioButtonGroupSchema } from "./types";
-export declare const RadioButtonGroup: (props: IGenericFieldProps<IRadioButtonGroupSchema>) => JSX.Element;
+export declare const RadioButtonGroup: (props: IGenericFieldProps<IRadioButtonGroupSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/radio-button/radio-button.styles.d.ts

@@ -5,4 +5,5 @@ interface ILabelProps {
 export declare const Label: import("styled-components").StyledComponent<"label", any, ILabelProps, never>;
 export declare const StyledRadioButton: import("styled-components").StyledComponent<({ className, checked, disabled, onChange, ...otherProps }: import("@lifesg/react-design-system/radio-button").RadioButtonProps) => JSX.Element, any, {}, never>;
 export declare const RadioContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToggleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/components/fields/radio-button/types.d.ts

@@ -3,8 +3,17 @@ import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../f
 interface IOption {
     label: string;
     value: string;
+    disabled?: boolean | undefined;
 }
+type TCustomOptions = {
+    styleType: "default";
+} | {
+    styleType: "toggle";
+    indicator?: boolean;
+    border?: boolean;
+};
 export interface IRadioButtonGroupSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"radio", V>, TComponentOmitProps<RadioButtonProps> {
     options: IOption[];
+    customOptions?: TCustomOptions;
 }
 export {};

package/components/fields/reset-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./reset-button";
+export * from "./types";

package/components/fields/reset-button/reset-button.d.ts

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

package/components/fields/reset-button/types.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from "@lifesg/react-design-system/button/types";
+import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../frontend-engine";
+export interface IResetButtonSchema extends Omit<IFrontendEngineBaseFieldJsonSchema<"reset">, "validation">, TComponentOmitProps<ButtonProps, "disabled"> {
+    disabled?: boolean | undefined;
+}

package/components/fields/select/select.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { ISelectSchema } from "./types";
-export declare const Select: (props: IGenericFieldProps<ISelectSchema>) => JSX.Element;
+export declare const Select: (props: IGenericFieldProps<ISelectSchema>) => import("react/jsx-runtime").JSX.Element;

package/components/fields/submit-button/submit-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IGenericFieldProps } from "../../frontend-engine";
 import { ISubmitButtonSchema } from "./types";
-export declare const SubmitButton: (props: IGenericFieldProps<ISubmitButtonSchema>) => JSX.Element;
+export declare const SubmitButton: (props: IGenericFieldProps<ISubmitButtonSchema>) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+import { IGenericFieldProps } from "../../frontend-engine";
+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

@@ -0,0 +1,8 @@
+import { FormInputProps } from "@lifesg/react-design-system/form/types";
+import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../frontend-engine";
+export interface ITextFieldSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"text-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
+}
+export interface IEmailFieldSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"email-field", V>, TComponentOmitProps<FormInputProps, "type" | "maxLength"> {
+}
+export interface INumericFieldSchema<V = undefined> extends IFrontendEngineBaseFieldJsonSchema<"numeric-field", V>, TComponentOmitProps<FormInputProps, "type" | "max" | "min"> {
+}

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

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

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

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

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

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

package/components/fields/{time-picker → time-field}/types.d.ts

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { IGenericFieldProps } from "../../frontend-engine";
+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,20 +1,14 @@
 import { ReactElement, Ref } from "react";
-import { IFrontendEngineProps, IFrontendEngineRef } from "./types";
+import { IFrontendEngineProps, IFrontendEngineRef, TNoInfer } from "./types";
 import { IYupValidationRule } from "./yup";
-/**
- * prevents inferrence
- * https://stackoverflow.com/questions/56687668/a-way-to-disable-type-argument-inference-in-generics
- */
-type NoInfer<T, U> = [T][T extends U ? 0 : never];
 /**
  * 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
  */
-export declare const FrontendEngine: <V = undefined>(props: IFrontendEngineProps<NoInfer<V, IYupValidationRule>> & {
+export declare const FrontendEngine: <V = undefined>(props: IFrontendEngineProps<TNoInfer<V, IYupValidationRule>> & {
     ref?: Ref<IFrontendEngineRef>;
 }) => ReactElement;
-export {};
 /**
  * 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