@lifesg/web-frontend-engine 1.0.0-alpha.3 → 1.0.0-alpha.5

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,3 +1,4 @@
+import { ReactNode } from "react";
 export declare const ERROR_MESSAGES: {
     COMMON: {
         REQUIRED_OPTION: string;
@@ -6,9 +7,6 @@ export declare const ERROR_MESSAGES: {
         INVALID_SINGAPORE_NUMBER: string;
         INVALID_INTERNATIONAL_NUMBER: string;
     };
-    EMAIL: {
-        INVALID: string;
-    };
     DATE: {
         MUST_BE_FUTURE: string;
         MUST_BE_PAST: string;
@@ -18,8 +16,36 @@ export declare const ERROR_MESSAGES: {
         MAX_DATE: (date: string) => string;
         INVALID: string;
     };
+    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,15 @@
+/// <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 CallButton: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const BoldLetters: import("styled-components").StyledComponent<"strong", any, {}, 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";
+};

package/components/shared/sanitize/sanitize.d.ts

@@ -3,5 +3,5 @@ interface IProps {
     id?: string;
     children: string | React.ReactNode;
 }
-export declare const Sanitize: (props: IProps) => JSX.Element;
+export declare const Sanitize: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};