@australiangreens/ag-internal-components 0.0.50 → 0.0.52

package/dist/layouts/AppLayout/AppLayout.d.ts

@@ -5,6 +5,8 @@ export interface BaseAppLayoutProps {
     /** Either an array of objects used to automatically generate the content of
      * the navbar (WIP), or a node to render directly.*/
     navBarMiddle: NavBarProps['middle'];
+    /** A node to render directly.*/
+    navBarBottom: NavBarProps['bottom'];
     /**
      * The initial titleText. Shortcut for calling a setter from useAppLayout()
      * hook since its such a common action.
@@ -32,6 +34,6 @@ export interface BaseAppLayoutProps {
     domainCode?: NavBarProps['domainCode'];
 }
 type AppLayoutProps = PropsWithChildren<BaseAppLayoutProps>;
-export default function AppLayout({ children, initialTitleText, initialNavBarOpen, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarDataTestId, navBarMiddle, user, domainCode, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function AppLayout({ children, initialTitleText, initialNavBarOpen, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarDataTestId, navBarMiddle, navBarBottom, user, domainCode, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AppLayout.d.ts.map

package/dist/layouts/AppLayout/AppLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAW5C,MAAM,WAAW,kBAAkB;IACjC;wDACoD;IACpD,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;mBACe;IACf,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;mCAC+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE3B,oCAAoC;IACpC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACxC;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,UAAU,GACX,EAAE,cAAc,2CAiDhB"}
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAW5C,MAAM,WAAW,kBAAkB;IACjC;wDACoD;IACpD,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC,gCAAgC;IAChC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;mBACe;IACf,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;mCAC+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE3B,oCAAoC;IACpC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACxC;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,UAAU,GACX,EAAE,cAAc,2CAkDhB"}

package/dist/layouts/AppLayout/NavBar/NavBar.d.ts

@@ -37,11 +37,13 @@ export interface NavBarProps {
     user?: User;
     /** Displayed below the user information when available */
     domainCode?: DomainCode;
+    /** The contents to be displayed at the bottom, specified to the current page */
+    bottom?: ReactNode;
 }
 /**
  * A styled navigation bar. At this point in time its pretty unopinionated, it
  * just renders whatever children it is given. The NavBarLightStyledList
  * component can be used for consistent styling against the background.
  */
-export default function NavBar({ open, offsetTop, widthOpen, widthClosed, 'data-testid': dataTestId, top, middle, user, domainCode, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+export default function NavBar({ open, offsetTop, widthOpen, widthClosed, 'data-testid': dataTestId, top, middle, bottom, user, domainCode, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NavBar.d.ts.map

package/dist/layouts/AppLayout/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;IAEpB;kBACc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,CAAC;IAEhB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,CAAC;IAEjC,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,SAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,MAAM,EACN,IAAI,EACJ,UAAU,GACX,EAAE,WAAW,2CAsCb"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;IAEpB;kBACc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,CAAC;IAEhB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,CAAC;IAEjC,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,SAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,UAAU,GACX,EAAE,WAAW,2CAyCb"}

package/dist/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.d.ts

@@ -1,6 +1,2 @@
-interface SettingsEtcPlaceholderProps {
-    navBarOpen: boolean;
-}
-export default function SettingsEtcPlaceholder({ navBarOpen }: SettingsEtcPlaceholderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function SettingsEtcPlaceholder(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SettingsEtcPlaceholder.d.ts.map

package/dist/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsEtcPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.tsx"],"names":[],"mappings":"AAUA,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA0CzF"}
+{"version":3,"file":"SettingsEtcPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CA4D7C"}

package/dist/layouts/AppLayout/NavBar/UserInfo.d.ts

@@ -4,6 +4,8 @@ export interface UserInfoProps {
     user?: User;
     domainCode?: DomainCode;
     open: boolean;
+    navBarWidthClosed: number;
+    navBarWidthOpen: number;
 }
 /**
  * If user has a defined name and a valid url for picture, the picture will for
@@ -15,6 +17,10 @@ export interface UserInfoProps {
  *
  * If user is undefined or the name is undefined, a generic empty avatar image
  * will be displayed.
+ *
+ * ! navBarWidthClosed and navBarWidthOpen are needed to size the avatar
+ * ! correctly. Specifying css in Styling.tsx might
+ * ! be a better approach. See [EVNT-59]
  */
-export default function UserInfo({ user, domainCode, open }: UserInfoProps): import("react/jsx-runtime").JSX.Element;
+export default function UserInfo({ user, domainCode, open, navBarWidthClosed, navBarWidthOpen, }: UserInfoProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UserInfo.d.ts.map

package/dist/layouts/AppLayout/NavBar/UserInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/UserInfo.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,aAAa,2CAyEzE"}
+{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/UserInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAc/B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,iBAAiB,EACjB,eAAe,GAChB,EAAE,aAAa,2CAoEf"}

package/dist/layouts/AppLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,cAAc,CAAC"}

package/dist/layouts/PageLayout/PageLayout.comp.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageLayout.comp.test.d.ts.map

package/dist/layouts/PageLayout/PageLayout.comp.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.comp.test.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/PageLayout.comp.test.tsx"],"names":[],"mappings":""}

package/dist/layouts/PageLayout/PageLayout.d.ts

@@ -0,0 +1,60 @@
+import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
+import PageContainer from './PageContainer';
+export interface SidePanelProps {
+    titleText?: string;
+    content?: ReactNode;
+    flavour?: 'push' | 'overlay';
+    arrowButtons?: 'open' | 'close' | 'both' | 'none';
+    width?: number;
+    startOpen?: boolean;
+    /** Use this and onChangeOpen if you want to use component as a controlled component */
+    open?: boolean;
+    onChangeOpen?: (open: boolean) => void;
+    /** Called when the sliding transition to open has finished */
+    onOpened?: () => void;
+    /** Called when the sliding transition to open has finished */
+    onClosed?: () => void;
+    dataTestId?: string;
+}
+interface BasePageLayoutProps {
+    titleText?: string;
+    leftPanel?: SidePanelProps;
+    rightPanel?: SidePanelProps;
+    /** This will only have an effect for panels whose state is not controlled by
+     * parent */
+    sidePanelsAreMutuallyExclusive?: boolean;
+    /** Temporary, get rid of later */
+    debugOpacity?: boolean;
+    /** Props applied to the PageContainer component, which is a styled MUI Container */
+    pageContainerProps?: ComponentProps<typeof PageContainer>;
+    topBarDataTestId?: string;
+    pageContentDataTestId?: string;
+}
+interface PageLayoutWithNavBarProps extends BasePageLayoutProps {
+    /** Only used by side panels for alignment purposes */
+    navBarOpen: boolean;
+    /** Only used by side panels for alignment purposes */
+    navBarWidthOpen: number;
+    /** Only used by side panels for alignment purposes */
+    navBarWidthClosed: number;
+}
+interface PagelayoutWithoutNavBarProps extends BasePageLayoutProps {
+    navBarOpen?: never;
+    navBarWidthOpen?: never;
+    navBarWidthClosed?: never;
+}
+export type PageLayoutProps = PropsWithChildren<PageLayoutWithNavBarProps | PagelayoutWithoutNavBarProps>;
+/**
+ * To be used by all Page components in our apps to use a standard Top Bar, Left
+ * Panel, Right Panel and Page Contents within the contents for a uniform look.
+ *
+ * At present it is somewhat crudely adapted from the code used in the
+ * ListManager app. It _assumes_ NavBar component on the left.
+ *
+ * It is in the process of being tidied up, and as such is very much in flux.
+ * The end goal is to unify the left most NavBar component with the PageLayout,
+ * but this has to be done incrementally.
+ */
+export default function PageLayout({ children, titleText, leftPanel, rightPanel, sidePanelsAreMutuallyExclusive, debugOpacity, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageLayout.d.ts.map

package/dist/layouts/PageLayout/PageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM1F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;gBACY;IACZ,8BAA8B,CAAC,EAAE,OAAO,CAAC;IAEzC,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,UAAU,yBAA0B,SAAQ,mBAAmB;IAC7D,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA6B,SAAQ,mBAAmB;IAChE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,yBAAyB,GAAG,4BAA4B,CACzD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,SAAc,EACd,SAAS,EACT,UAAU,EACV,8BAAqC,EACrC,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,GAClB,EAAE,eAAe,2CAuLjB"}

package/dist/layouts/PageLayout/index.d.ts

@@ -1,60 +1,3 @@
-import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
-import PageContainer from './PageContainer';
-export interface SidePanelProps {
-    titleText?: string;
-    content?: ReactNode;
-    flavour?: 'push' | 'overlay';
-    arrowButtons?: 'open' | 'close' | 'both' | 'none';
-    width?: number;
-    startOpen?: boolean;
-    /** Use this and onChangeOpen if you want to use component as a controlled component */
-    open?: boolean;
-    onChangeOpen?: (open: boolean) => void;
-    /** Called when the sliding transition to open has finished */
-    onOpened?: () => void;
-    /** Called when the sliding transition to open has finished */
-    onClosed?: () => void;
-    dataTestId?: string;
-}
-interface BasePageLayoutProps {
-    titleText?: string;
-    leftPanel?: SidePanelProps;
-    rightPanel?: SidePanelProps;
-    /** This will only have an effect for panels whose state is not controlled by
-     * parent */
-    sidePanelsAreMutuallyExclusive?: boolean;
-    /** Temporary, get rid of later */
-    debugOpacity?: boolean;
-    /** Props applied to the PageContainer component, which is a styled MUI Container */
-    pageContainerProps?: ComponentProps<typeof PageContainer>;
-    topBarDataTestId?: string;
-    pageContentDataTestId?: string;
-}
-interface PageLayoutWithNavBarProps extends BasePageLayoutProps {
-    /** Only used by side panels for alignment purposes */
-    navBarOpen: boolean;
-    /** Only used by side panels for alignment purposes */
-    navBarWidthOpen: number;
-    /** Only used by side panels for alignment purposes */
-    navBarWidthClosed: number;
-}
-interface PagelayoutWithoutNavBarProps extends BasePageLayoutProps {
-    navBarOpen?: never;
-    navBarWidthOpen?: never;
-    navBarWidthClosed?: never;
-}
-export type PageLayoutProps = PropsWithChildren<PageLayoutWithNavBarProps | PagelayoutWithoutNavBarProps>;
-/**
- * To be used by all Page components in our apps to use a standard Top Bar, Left
- * Panel, Right Panel and Page Contents within the contents for a uniform look.
- *
- * At present it is somewhat crudely adapted from the code used in the
- * ListManager app. It _assumes_ NavBar component on the left.
- *
- * It is in the process of being tidied up, and as such is very much in flux.
- * The end goal is to unify the left most NavBar component with the PageLayout,
- * but this has to be done incrementally.
- */
-export default function PageLayout({ children, titleText, leftPanel, rightPanel, sidePanelsAreMutuallyExclusive, debugOpacity, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export { default } from './PageLayout';
+export * from './PageLayout';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/PageLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM1F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;gBACY;IACZ,8BAA8B,CAAC,EAAE,OAAO,CAAC;IAEzC,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,UAAU,yBAA0B,SAAQ,mBAAmB;IAC7D,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA6B,SAAQ,mBAAmB;IAChE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,yBAAyB,GAAG,4BAA4B,CACzD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,SAAc,EACd,SAAS,EACT,UAAU,EACV,8BAAqC,EACrC,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,GAClB,EAAE,eAAe,2CAuLjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}

package/dist/layouts/PageLayout/index.stories.d.ts

@@ -21,8 +21,8 @@ declare const meta: {
         navBarWidthOpen: number;
         navBarWidthClosed: number;
         titleText?: string | undefined;
-        leftPanel?: import(".").SidePanelProps | undefined;
-        rightPanel?: import(".").SidePanelProps | undefined;
+        leftPanel?: import("./PageLayout").SidePanelProps | undefined;
+        rightPanel?: import("./PageLayout").SidePanelProps | undefined;
         sidePanelsAreMutuallyExclusive?: boolean | undefined;
         debugOpacity?: boolean | undefined;
         pageContainerProps?: (Pick<{
@@ -43,8 +43,8 @@ declare const meta: {
         navBarWidthOpen?: undefined;
         navBarWidthClosed?: undefined;
         titleText?: string | undefined;
-        leftPanel?: import(".").SidePanelProps | undefined;
-        rightPanel?: import(".").SidePanelProps | undefined;
+        leftPanel?: import("./PageLayout").SidePanelProps | undefined;
+        rightPanel?: import("./PageLayout").SidePanelProps | undefined;
         sidePanelsAreMutuallyExclusive?: boolean | undefined;
         debugOpacity?: boolean | undefined;
         pageContainerProps?: (Pick<{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.50",
+  "version": "0.0.52",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "test:watch": "vitest",
     "### LIFECYCLE SCRIPTS ###": "See https://yarnpkg.com/advanced/lifecycle-scripts",
     "prepare": "husky install",
-    "prepublishOnly": "yarn test && yarn build",
+    "prepublishOnly": "yarn build",
     "### HUSKY GIT HOOKS ###": "Called by husky pre-commit and pre-push scripts",
     "prepush": "sh ./scripts/githooks/pre-push.sh",
     "precommit": "sh ./scripts/githooks/pre-commit.sh",
@@ -42,7 +42,9 @@
   "dependencies": {
     "@australiangreens/ag-error": "^0.1.7",
     "@australiangreens/ag-error-jest": "^0.1.9",
+    "@types/react-transition-group": "^4.4.6",
     "jotai": "^2.3.1",
+    "react-transition-group": "^4.4.5",
     "souvlaki": "^0.3.0"
   },
   "peerDependencies": {
@@ -54,8 +56,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.5",
     "@storybook/addon-essentials": "^7.0.26",
@@ -65,7 +67,7 @@
     "@storybook/react": "^7.0.26",
     "@storybook/react-vite": "^7.0.26",
     "@storybook/testing-library": "^0.0.14-next.2",
-    "@testing-library/dom": "9.3.1",
+    "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -102,6 +104,7 @@
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.2",
+    "vite-plugin-linter": "^2.0.2",
     "vite-tsconfig-paths": "^4.2.0",
     "vitest": "^0.34.1"
   },

package/dist/components/ExampleComponent/index.comp.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.comp.test.d.ts.map

package/dist/components/ExampleComponent/index.comp.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.comp.test.d.ts","sourceRoot":"","sources":["../../../src/components/ExampleComponent/index.comp.test.tsx"],"names":[],"mappings":""}

package/dist/components/ExampleComponent/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ExampleComponent/index.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,gBAAgB,MAAM,GAAG,CAAC;AAGjC,QAAA,MAAM,IAAI;;;CAO+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

package/dist/components/NavBar/index.comp.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.comp.test.d.ts.map

package/dist/components/NavBar/index.comp.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.comp.test.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.comp.test.tsx"],"names":[],"mappings":""}

package/dist/layouts/PageLayout/index.comp.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.comp.test.d.ts.map

package/dist/layouts/PageLayout/index.comp.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.comp.test.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/index.comp.test.tsx"],"names":[],"mappings":""}