@abgov/react-components 4.7.0 → 4.9.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";

package/lib/container/container.d.ts

@@ -18,6 +18,7 @@ declare global {
 interface Props extends Margins {
     accent?: Accent;
     type?: ContainerType;
+    heading?: ReactNode;
     title?: ReactNode;
     padding?: ContainerPadding;
     actions?: ReactNode;

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/icon-button/icon-button.d.ts

@@ -1,12 +1,12 @@
 import React, { FC } from "react";
 import { Margins } from "../../common/styling";
 import { IconSize, GoAIconType } from "../icon/icon";
-declare type IconVariant = "color" | "nocolor" | "dark";
+export declare type IconButtonVariant = "color" | "nocolor" | "dark" | "destructive";
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     icon: GoAIconType;
     size?: IconSize;
-    variant?: IconVariant;
+    variant?: IconButtonVariant;
     title?: string;
     disabled?: boolean;
 }
@@ -20,7 +20,7 @@ declare global {
 interface Props extends Margins {
     icon: GoAIconType;
     size?: IconSize;
-    variant?: IconVariant;
+    variant?: IconButtonVariant;
     title?: string;
     disabled?: boolean;
     children?: React.ReactNode;

package/package.json

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