@abgov/react-components 4.0.0-alpha.163 → 4.0.0-alpha.165

package/index.d.ts

@@ -1,6 +1,7 @@
 import "@abgov/web-components";
-export * from "./lib/sidebar-group/sidebar-group";
-export * from "./lib/sidebar/sidebar";
+export * from "./lib/side-menu-group/side-menu-group";
+export * from "./lib/side-menu/side-menu";
+export * from "./lib/app-header-menu/app-header-menu";
 export * from "./lib/pages/pages";
 export * from "./lib/file-upload-card/file-upload-card";
 export * from "./lib/file-upload-input/file-upload-input";

package/lib/app-header-menu/app-header-menu.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+import { GoAIconType } from "../icon/icon";
+interface WCProps {
+    heading: string;
+    leadingicon?: GoAIconType;
+}
+export interface GoAAppHeaderMenuProps {
+    heading: string;
+    leadingIcon?: GoAIconType;
+    children?: ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-header-menu": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare function GoAAppHeaderMenu(props: GoAAppHeaderMenuProps): JSX.Element;
+export default GoAAppHeaderMenu;

package/lib/popover/popover.d.ts

@@ -1,8 +1,10 @@
 import React, { FC, ReactNode } from "react";
 import { Margins } from "../../common/styling";
+declare type Position = "above" | "below" | "auto";
 interface WCProps extends Margins {
     maxwidth?: string;
     padded?: boolean;
+    position?: Position;
 }
 declare global {
     namespace JSX {
@@ -16,6 +18,7 @@ interface Props extends Margins {
     testId?: string;
     maxWidth?: string;
     padded?: boolean;
+    position?: Position;
 }
 export declare const GoAPopover: FC<Props>;
 export default GoAPopover;

package/lib/side-menu/side-menu.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface SideMenuProps {
+    children: ReactNode;
+}
+export declare function GoASideMenu(props: SideMenuProps): JSX.Element;
+export default GoASideMenu;

package/lib/side-menu-group/side-menu-group.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    heading: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface SideMenuGroupProps {
+    heading: string;
+    children?: ReactNode;
+}
+export declare function GoASideMenuGroup(props: SideMenuGroupProps): JSX.Element;
+export default GoASideMenuGroup;

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

@@ -15,10 +15,11 @@ interface Props {
     leftColumnWidth?: string;
     rightColumnWidth?: string;
     maxContentWidth?: string;
-    header: ReactNode;
-    footer: ReactNode;
-    nav: ReactNode;
-    sidebar: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+    nav?: ReactNode;
+    sidebar?: ReactNode;
+    sideMenu?: ReactNode;
     children: ReactNode;
 }
 export declare function GoAThreeColumnLayout(props: Props): JSX.Element;

package/package.json

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