@lifesg/web-frontend-engine 1.0.0-alpha.3 → 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/section.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISectionsProps } from "./types";
 /**
  * this component is meant to render "pages" which consists of individual Section component
@@ -12,4 +11,4 @@ import { ISectionsProps } from "./types";
  * - render pages properly
  * - handle validation and errors in each section before navigating away
  */
-export declare const Sections: (props: ISectionsProps) => JSX.Element;
+export declare const Sections: (props: ISectionsProps) => import("react/jsx-runtime").JSX.Element;

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,16 +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;
+    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, schema }: 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,4 +1,6 @@
 /// <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" | "header" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
@@ -11,6 +13,6 @@ export interface IWrapperProps {
     id?: string | undefined;
     schema?: IWrapperSchema | undefined;
     /** only used internally by FrontendEngine */
-    children?: Record<string, TFrontendEngineFieldSchema> | undefined;
+    children?: Record<string, TFrontendEngineFieldSchema> | Record<string, IFilterItemSchema | IFilterCheckboxSchema> | undefined;
     warnings?: Record<string, string> | undefined;
 }

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

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

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

@@ -1,215 +1,5 @@
-export declare const InternationalCallingCodeMap: {
-    Singapore: string;
-    Afghanistan: string;
-    Albania: string;
-    Algeria: string;
-    Andorra: string;
-    Angola: string;
-    "Antigua and Barbuda": string;
-    Argentina: string;
-    Armenia: string;
-    Aruba: string;
-    Australia: string;
-    Austria: string;
-    Azerbaijan: string;
-    Bahamas: string;
-    Bahrain: string;
-    Bangladesh: string;
-    Barbados: string;
-    Belarus: string;
-    Belgium: string;
-    Belize: string;
-    Benin: string;
-    Bhutan: string;
-    Bolivia: string;
-    "Bosnia and Herzegovina": string;
-    Botswana: string;
-    Brazil: string;
-    "British Indian Ocean Territory": string;
-    Brunei: string;
-    Bulgaria: string;
-    "Burkina Faso": string;
-    Burundi: string;
-    Cambodia: string;
-    Cameroon: string;
-    Canada: string;
-    "Cape Verde": string;
-    "Caribbean Netherlands": string;
-    "Central African Republic": string;
-    Chad: string;
-    Chile: string;
-    China: string;
-    Colombia: string;
-    Comoros: string;
-    Congo: string;
-    "Costa Rica": string;
-    "C\u00F4te d\u2019Ivoire": string;
-    Croatia: string;
-    Cuba: string;
-    Curaçao: string;
-    Cyprus: string;
-    "Czech Republic": string;
-    Denmark: string;
-    Djibouti: string;
-    Dominica: string;
-    "Dominican Republic": string;
-    Ecuador: string;
-    Egypt: string;
-    "El Salvador": string;
-    "Equatorial Guinea": string;
-    Eritrea: string;
-    Estonia: string;
-    Ethiopia: string;
-    Fiji: string;
-    Finland: string;
-    France: string;
-    "French Guiana": string;
-    "French Polynesia": string;
-    Gabon: string;
-    Gambia: string;
-    Georgia: string;
-    Germany: string;
-    Ghana: string;
-    Greece: string;
-    Grenada: string;
-    Guadeloupe: string;
-    Guam: string;
-    Guatemala: string;
-    Guinea: string;
-    "Guinea-Bissau": string;
-    Guyana: string;
-    Haiti: string;
-    Honduras: string;
-    "Hong Kong": string;
-    Hungary: string;
-    Iceland: string;
-    India: string;
-    Indonesia: string;
-    Iran: string;
-    Iraq: string;
-    Ireland: string;
-    Israel: string;
-    Italy: string;
-    Jamaica: string;
-    Japan: string;
-    Jordan: string;
-    Kazakhstan: string;
-    Kenya: string;
-    Kiribati: string;
-    Kosovo: string;
-    Kuwait: string;
-    Kyrgyzstan: string;
-    Laos: string;
-    Latvia: string;
-    Lebanon: string;
-    Lesotho: string;
-    Liberia: string;
-    Libya: string;
-    Liechtenstein: string;
-    Lithuania: string;
-    Luxembourg: string;
-    Macau: string;
-    Macedonia: string;
-    Madagascar: string;
-    Malawi: string;
-    Malaysia: string;
-    Maldives: string;
-    Mali: string;
-    Malta: string;
-    "Marshall Islands": string;
-    Martinique: string;
-    Mauritania: string;
-    Mauritius: string;
-    Mexico: string;
-    Micronesia: string;
-    Moldova: string;
-    Monaco: string;
-    Mongolia: string;
-    Montenegro: string;
-    Morocco: string;
-    Mozambique: string;
-    Myanmar: string;
-    Namibia: string;
-    Nauru: string;
-    Nepal: string;
-    Netherlands: string;
-    "New Caledonia": string;
-    "New Zealand": string;
-    Nicaragua: string;
-    Niger: string;
-    Nigeria: string;
-    "North Korea": string;
-    Norway: string;
-    Oman: string;
-    Pakistan: string;
-    Palau: string;
-    Palestine: string;
-    Panama: string;
-    "Papua New Guinea": string;
-    Paraguay: string;
-    Peru: string;
-    Philippines: string;
-    Poland: string;
-    Portugal: string;
-    "Puerto Rico": string;
-    Qatar: string;
-    Réunion: string;
-    Romania: string;
-    Russia: string;
-    Rwanda: string;
-    "Saint Kitts and Nevis": string;
-    "Saint Lucia": string;
-    "Saint Vincent and the Grenadines": string;
-    Samoa: string;
-    "San Marino": string;
-    "S\u00E3o Tom\u00E9 and Pr\u00EDncipe": string;
-    "Saudi Arabia": string;
-    Senegal: string;
-    Serbia: string;
-    Seychelles: string;
-    "Sierra Leone": string;
-    Slovakia: string;
-    Slovenia: string;
-    "Solomon Islands": string;
-    Somalia: string;
-    "South Africa": string;
-    "South Korea": string;
-    "South Sudan": string;
-    Spain: string;
-    "Sri Lanka": string;
-    Sudan: string;
-    Suriname: string;
-    Swaziland: string;
-    Sweden: string;
-    Switzerland: string;
-    Syria: string;
-    Taiwan: string;
-    Tajikistan: string;
-    Tanzania: string;
-    Thailand: string;
-    "Timor-Leste": string;
-    Togo: string;
-    Tonga: string;
-    "Trinidad and Tobago": string;
-    Tunisia: string;
-    Turkey: string;
-    Turkmenistan: string;
-    Tuvalu: string;
-    Uganda: string;
-    Ukraine: string;
-    "United Arab Emirates": string;
-    "United Kingdom": string;
-    "United States": string;
-    Uruguay: string;
-    Uzbekistan: string;
-    Vanuatu: string;
-    "Vatican City": string;
-    Venezuela: string;
-    Vietnam: string;
-    Yemen: string;
-    Zambia: string;
-    Zimbabwe: string;
-};
+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 getPrefix: (country: string) => string;
-export declare const getCountryFromPrefix: (prefix: string) => string | undefined;
+export declare const getCountryFromPrefix: (prefix: string, country: Map<TCountry, string>) => TCountry | undefined;

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

@@ -1,15 +1,16 @@
-import { FormInputProps } from "@lifesg/react-design-system/form/types";
 import { IFrontendEngineBaseFieldJsonSchema, TComponentOmitProps } from "../../frontend-engine/types";
-import { InternationalCallingCodeMap } from "./data";
-export type TCountry = keyof typeof InternationalCallingCodeMap;
-interface IContactFieldProps extends FormInputProps {
-    country?: TCountry;
+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: true;
+        internationalNumber: boolean | Omit<TCountry, "Singapore">;
         singaporeNumber?: never;
     } | {
         internationalNumber?: never;
@@ -17,7 +18,7 @@ export interface IContactFieldValidationRule {
     };
 }
 export interface ISelectedCountry {
-    prefix: string;
+    prefix: string | undefined;
     name: TCountry;
 }
 export interface IParsedPhoneNumber {

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

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

package/components/fields/index.d.ts

@@ -9,3 +9,5 @@ export * from "./submit-button";
 export * from "./text-field";
 export * from "./textarea";
 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/text-field.d.ts

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