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

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

@@ -1,6 +1,6 @@
 import * as Yup from "yup";
 export declare const YUP_TYPES: readonly ["string", "number", "boolean", "array", "object"];
-export declare const YUP_CONDITIONS: readonly ["required", "length", "min", "max", "matches", "email", "url", "uuid", "positive", "negative", "integer", "lessThan", "moreThan", "when", "filled", "empty", "equals", "notEquals", "includes", "excludes", "uinfin"];
+export declare const YUP_CONDITIONS: readonly ["required", "length", "min", "max", "matches", "email", "url", "uuid", "positive", "negative", "integer", "lessThan", "moreThan", "when", "filled", "empty", "equals", "notEquals", "includes", "excludes", "uinfin", "equalsField"];
 export type TYupSchemaType = (typeof YUP_TYPES)[number];
 export type TYupCondition = (typeof YUP_CONDITIONS)[number];
 interface IYupRule {
@@ -22,6 +22,7 @@ interface IYupRule {
     includes?: unknown | undefined;
     excludes?: unknown | undefined;
     uinfin?: boolean | undefined;
+    equalsField?: unknown | undefined;
 }
 export interface IYupValidationRule extends IYupRule {
     required?: boolean | undefined;

package/components/shared/drag-upload/drag-upload.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IDragUploadProps, IDragUploadRef } from "./types";
+export declare const DragUpload: import("react").ForwardRefExoticComponent<IDragUploadProps & import("react").RefAttributes<IDragUploadRef>>;

package/components/shared/drag-upload/drag-upload.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const HintContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HintText: import("styled-components").StyledComponent<"p", any, import("@lifesg/react-design-system/text").TextProps, never>;

package/components/shared/drag-upload/index.d.ts

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

package/components/shared/drag-upload/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type TFileCapture = boolean | "user" | "environment" | undefined;
+export interface IDragUploadRef {
+    fileDialog: () => unknown;
+}
+export interface IDragUploadProps {
+    id?: string | undefined;
+    capture?: TFileCapture;
+    className?: string | undefined;
+    /** applies to input field only and not for drag & drop */
+    accept?: string[] | undefined;
+    children: React.ReactNode;
+    hint?: string | undefined;
+    onInput: (files: File[]) => void;
+}

package/components/shared/error-messages.d.ts

@@ -1,14 +1,13 @@
+import { ReactNode } from "react";
 export declare const ERROR_MESSAGES: {
     COMMON: {
         REQUIRED_OPTION: string;
+        REQUIRED_OPTIONS: string;
     };
     CONTACT: {
         INVALID_SINGAPORE_NUMBER: string;
         INVALID_INTERNATIONAL_NUMBER: string;
     };
-    EMAIL: {
-        INVALID: string;
-    };
     DATE: {
         MUST_BE_FUTURE: string;
         MUST_BE_PAST: string;
@@ -18,11 +17,36 @@ export declare const ERROR_MESSAGES: {
         MAX_DATE: (date: string) => string;
         INVALID: string;
     };
-    UNIT_NUMBER: {
+    EMAIL: {
         INVALID: string;
     };
     GENERIC: {
         INVALID: string;
         UNSUPPORTED: string;
     };
+    UPLOAD: (unit?: string, unitPlural?: string) => {
+        REQUIRED: string;
+        MAX_FILES: (max: number) => string;
+        MAX_FILES_WITH_REMAINING: (remaining: number) => string;
+        MAX_FILE_SIZE: (maxSize: number) => string;
+        GENERIC: string;
+        FILE_TYPE: (acceptedFileTypes: string[]) => string;
+        MODAL: {
+            FILE_TYPE: {
+                TITLE: string;
+                DESCRIPTION: (filename: ReactNode, acceptedFileTypes: string[]) => import("react/jsx-runtime").JSX.Element;
+            };
+            GENERIC_ERROR: {
+                TITLE: string;
+                DESCRIPTION: (filename: ReactNode) => import("react/jsx-runtime").JSX.Element;
+            };
+            MAX_FILE_SIZE: {
+                TITLE: string;
+                DESCRIPTION: (filename: ReactNode, maxSize: number) => import("react/jsx-runtime").JSX.Element;
+            };
+        };
+    };
+    UNIT_NUMBER: {
+        INVALID: string;
+    };
 };

package/components/shared/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./chip";
+export * from "./drag-upload";
 export * from "./error-messages";
+export * from "./prompt";
 export * from "./sanitize";

package/components/shared/prompt/index.d.ts

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

package/components/shared/prompt/prompt.d.ts

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

package/components/shared/prompt/prompt.styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface SizeProps {
+    size?: "large";
+    width?: string;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", any, SizeProps, never>;
+export declare const PromptImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const PromptButton: import("styled-components").StyledComponent<(props: import("@lifesg/react-design-system/button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, SizeProps, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, SizeProps, never>;
+export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, SizeProps, never>;
+export declare const Description: import("styled-components").StyledComponent<"h4", any, import("@lifesg/react-design-system/text").TextProps, never>;
+export declare const Title: import("styled-components").StyledComponent<"h4", any, import("@lifesg/react-design-system/text").TextProps & SizeProps, never>;
+export {};

package/components/shared/prompt/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from "react";
+export interface IPromptProps {
+    id?: string;
+    show: boolean;
+    size?: "large";
+    title?: string;
+    description?: string | ReactElement;
+    image?: string | ReactElement;
+    buttons?: TPromptButton[];
+}
+export type TPromptButton = {
+    id?: string;
+    title: string;
+    onClick: () => void;
+    buttonStyle?: "secondary" | "light";
+};