@abgov/react-components 4.8.0 → 4.10.0

package/index.d.ts

@@ -1,5 +1,7 @@
 import "@abgov/web-components";
 export * from "./lib/pages/pages";
+export * from "./lib/file-upload-card/file-upload-card";
+export * from "./lib/file-upload-input/file-upload-input";
 export type { GoAIconType } from "./lib/icon/icon";
 export type { GoABadgeType } from "./lib/badge/badge";
 export * from "./lib/accordion/accordion";
@@ -43,3 +45,4 @@ export * from "./lib/spinner/spinner";
 export * from "./lib/table/table";
 export * from "./lib/textarea/textarea";
 export * from "./lib/two-column-layout/two-column-layout";
+export * from "./lib/three-column-layout/three-column-layout";

package/lib/callout/callout.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { Margins } from "../../common/styling";
 declare type CalloutType = "important" | "information" | "event" | "success" | "emergency";
+declare type CalloutSize = "medium" | "large";
 interface WCProps extends Margins {
     heading?: string;
     type?: CalloutType;
+    size?: CalloutSize;
 }
 declare global {
     namespace JSX {
@@ -15,8 +17,9 @@ declare global {
 export interface CalloutProps extends Margins {
     heading?: string;
     type?: CalloutType;
+    size?: CalloutSize;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare const GoACallout: ({ heading, type, testId, children, mt, mr, mb, ml, }: CalloutProps) => JSX.Element;
+export declare const GoACallout: ({ heading, type, size, testId, children, mt, mr, mb, ml, }: CalloutProps) => JSX.Element;
 export default GoACallout;

package/lib/file-upload-card/file-upload-card.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+interface WCProps {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface FileUploadCardProps {
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}
+export declare function GoAFileUploadCard({ filename, size, type, progress, error, onDelete, onCancel, }: FileUploadCardProps): JSX.Element;
+export default GoAFileUploadCard;

package/lib/file-upload-input/file-upload-input.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+declare type Variant = "dragdrop" | "button";
+interface WCProps {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    variant?: Variant;
+    accept?: string;
+    maxfilesize?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface FileUploadInputProps {
+    variant?: Variant;
+    accept?: string;
+    maxFileSize?: string;
+    onSelectFile: (file: File) => void;
+}
+export declare function GoAFileUploadInput({ variant, accept, maxFileSize, onSelectFile, }: FileUploadInputProps): JSX.Element;
+export default GoAFileUploadInput;

package/lib/hero-banner/hero-banner.d.ts

@@ -3,6 +3,7 @@ interface WCProps {
     heading: string;
     backgroundurl: string;
     minheight?: string;
+    maxcontentwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -17,6 +18,7 @@ interface Props {
     minHeight?: string;
     testId?: string;
     children?: React.ReactNode;
+    maxContentWidth?: string;
 }
 export declare const GoAHeroBanner: FC<Props>;
 export default GoAHeroBanner;

package/lib/microsite-header/microsite-header.d.ts

@@ -11,12 +11,14 @@ interface WebComponentProps {
     type: ServiceLevel;
     version?: string;
     feedbackurl?: string;
+    maxcontentwidth?: string;
 }
 export interface HeaderProps {
     type: ServiceLevel;
     version?: string;
     feedbackUrl?: string;
     testId?: string;
+    maxContentWidth?: string;
 }
 export declare const GoAMicrositeHeader: FC<HeaderProps>;
 export default GoAMicrositeHeader;

package/lib/notification/notification.d.ts

@@ -3,6 +3,7 @@ export declare type NotificationType = "important" | "information" | "event" | "
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
     type: NotificationType;
+    maxcontentwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -13,9 +14,10 @@ declare global {
 }
 interface Props {
     type?: NotificationType;
+    maxContentWidth?: string;
     children?: React.ReactNode;
     onDismiss?: () => void;
     testId?: string;
 }
-export declare const GoANotification: ({ type, children, testId, onDismiss, }: Props) => JSX.Element;
+export declare const GoANotification: ({ type, maxContentWidth, children, testId, onDismiss, }: Props) => JSX.Element;
 export default GoANotification;

package/lib/popover/popover.d.ts

@@ -1,5 +1,6 @@
 import React, { FC, ReactNode } from "react";
-interface WCProps {
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
     maxwidth?: string;
     padded?: boolean;
 }
@@ -10,7 +11,7 @@ declare global {
         }
     }
 }
-interface Props {
+interface Props extends Margins {
     target?: ReactNode;
     testId?: string;
     maxWidth?: string;

package/lib/three-column-layout/three-column-layout.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    leftcolumnwidth?: string;
+    maxcontentwidth?: string;
+    rightcolumnwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-three-column-layout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    leftColumnWidth?: string;
+    rightColumnWidth?: string;
+    maxContentWidth?: string;
+    header: ReactNode;
+    footer: ReactNode;
+    nav: ReactNode;
+    sidebar: ReactNode;
+    children: ReactNode;
+}
+export declare function GoAThreeColumnLayout(props: Props): JSX.Element;
+export default GoAThreeColumnLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.8.0",
+  "version": "4.10.0",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"