@australiangreens/ag-internal-components 0.0.29 → 0.0.30

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { NavBarLink } from './types';
+export interface NavBarProps {
+    open: boolean;
+    offsetTop?: number;
+    widthOpen: number;
+    widthClosed: number;
+    /** Set the datatest-id on the root element for using reactdom's getByTestId()
+     * function */
+    'data-testid'?: string;
+    /** The contents to be displayed at the top, specified to the current page */
+    top?: ReactNode;
+    /** Display be below the top section, always the same regardless of page. Can
+     * be provided either as a node directly, or an array of objects that will be
+     * used to generate a standard navbar menu.
+     *
+     * @example
+     *
+     * ```
+     * // As a ReactNode
+     * <NavBar open: {open} middle={<TheContent}/>
+     * ```
+     *
+     * @example
+     *
+     * ```
+     * // As an Array
+     * <NavBar open: {open} middle={[
+     *  {label: 'foo', destPathname: '/foo', icon: {FooIcon}},
+     *  {label: 'bar', destPathname: '/bar', icon: {BarIcon}},
+     * ]}/>
+     * ```
+     */
+    middle: ReactNode | NavBarLink[];
+    /** The contents aligned against bottom of view port, user info etc */
+    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, bottom, }: NavBarProps): JSX.Element;
+//# sourceMappingURL=NavBar.d.ts.map

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

@@ -0,0 +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,MAAM,SAAS,CAAC;AAOrC,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,sEAAsE;IACtE,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,GACP,EAAE,WAAW,eAgCb"}

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

@@ -1,19 +1,18 @@
 /// <reference types="react" />
+import { Theme } from '@mui/material/styles';
 export declare const classes: {
     root: string;
     menuButton: string;
     hide: string;
     content: string;
-    userInfoHolder: string;
-    settings: string;
-    pieChartIcon: string;
 };
-export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
 interface NavDrawerProps {
     open: boolean;
     widthOpen: number;
     widthClosed: number;
+    offsetTop: number;
 }
-export declare const NavDrawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & NavDrawerProps, {}, {}>;
+export declare const NavDrawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<Theme> & NavDrawerProps, {}, {}>;
 export {};
 //# sourceMappingURL=Styling.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styling.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/Styling.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,IAAI,wVAuBd,CAAC;AAwBJ,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,mMAenB,CAAC"}
+{"version":3,"file":"Styling.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/Styling.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKhE,eAAO,MAAM,OAAO;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,IAAI,yTAuBd,CAAC;AA+BJ,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,oKAgBnB,CAAC"}

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

@@ -1,20 +1,4 @@
-import { PropsWithChildren } from 'react';
-export type NavbarProps = {
-    open: boolean;
-    widthOpen: number;
-    widthClosed: number;
-    /** Set the datatest-id on the root element for using reactdom's getByTestId()
-     * function */
-    'data-testid'?: string;
-};
-/**
- * A styled navigation bar. At this point in time its pretty unopinionated, it
- * just renders whatever children it is given. The NavBarDarkStyledList
- * component can be used for consistent styling against the background. We'll be
- * changing the way we use NavBars soon anyway, so not much point solidying the
- * patterns yet.
- */
-export default function NavBar({ open, widthOpen, widthClosed, 'data-testid': dataTestId, children, }: PropsWithChildren<NavbarProps>): JSX.Element;
-export * from './NavBarDarkStyledList';
-export { classes as navBarClasses } from './Styling';
+export * from './types';
+export * from './NavBar';
+export { default } from './NavBar';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IAEpB;kBACc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAKF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,aAAa,EAAE,UAAU,EACzB,QAAQ,GACT,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAiBhC;AAED,cAAc,wBAAwB,CAAC;AAGvC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface NavBarLink {
+    label: string;
+    destPathname: string;
+    icon?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAElB"}

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

@@ -1,14 +1,7 @@
-/// <reference types="react" />
-/** Just a simple styled container applying our spacings*/
-declare const PageContainer: import("@emotion/styled").StyledComponent<Pick<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ContainerClasses> | undefined;
-    disableGutters?: boolean | undefined;
-    fixed?: boolean | undefined;
-    maxWidth?: false | import("@mui/material").Breakpoint | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "maxWidth" | "children" | "sx" | "fixed" | "disableGutters">, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "maxWidth" | "translate" | "children" | "sx" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { PropsWithChildren } from 'react';
+interface PageContainerProps {
+    topBarHeight: number;
+}
+declare function PageContainer({ children, topBarHeight }: PropsWithChildren<PageContainerProps>): JSX.Element;
 export default PageContainer;
 //# sourceMappingURL=PageContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/PageContainer.tsx"],"names":[],"mappings":";AAEA,0DAA0D;AAC1D,QAAA,MAAM,aAAa;;;;;;;;;y1JAMhB,CAAC;AAEJ,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA4B1C,UAAU,kBAAkB;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,eAoBvF;AAED,eAAe,aAAa,CAAC"}

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

@@ -1,19 +1,15 @@
 export interface TopBarProps {
     titleText?: string;
+    height: number;
     'data-testid'?: string;
 }
 export declare const classes: {
-    topStripe: string;
-    titleBar: string;
-    titleSlider: string;
     titleText: string;
 };
 /**
- * Goes at the top of every page. Wasn't feeling creative in naming it.
- *
- * This differs from the more complex TopBar used in the PageLayout component
- * that it has to interact with a sliding side panel that is not the main
- * navbar.
+ * Top bar of every page, above the content. Works a bit like MUI's AppBar but
+ * the scroll bar will not appear for the whole page, instead just the page
+ * content
  */
-export default function TopBar({ titleText, 'data-testid': dataTestId }: TopBarProps): JSX.Element;
+export default function TopBar({ titleText, height, 'data-testid': dataTestId }: TopBarProps): JSX.Element;
 //# sourceMappingURL=TopBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/TopBar.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;;;;CAMnB,CAAC;AAwCF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAc,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,WAAW,eAaxF"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/TopBar.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,WAAW,eA6BhG"}

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

@@ -4,9 +4,21 @@ type Action = {
 } | {
     type: 'setNavBarOpen';
     payload: AppLayoutContextState['navBarOpen'];
+} | {
+    type: 'setTopBarHeight';
+    payload: AppLayoutContextState['topBarHeight'];
+} | {
+    type: 'setNavBarWidthOpen';
+    payload: AppLayoutContextState['navBarWidthOpen'];
+} | {
+    type: 'setNavBarWidthClosed';
+    payload: AppLayoutContextState['navBarWidthClosed'];
 } | {
     type: 'setTitleText';
     payload: AppLayoutContextState['titleText'];
+} | {
+    type: 'setNavBarTop';
+    payload: AppLayoutContextState['navBarTop'];
 };
 export declare const INITIAL_PAGE_LAYOUT_CONTEXT_STATE: AppLayoutContextState;
 export declare function appLayoutContextStateReducer(state: AppLayoutContextState, action: Action): AppLayoutContextState;

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

@@ -1 +1 @@
-{"version":3,"file":"appLayoutContextStateReducer.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/appLayoutContextStateReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,KAAK,MAAM,GACP;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAE1E,eAAO,MAAM,iCAAiC,EAAE,qBAK/C,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,MAAM,GACb,qBAAqB,CAuBvB"}
+{"version":3,"file":"appLayoutContextStateReducer.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/appLayoutContextStateReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAO3D,KAAK,MAAM,GACP;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,GAC5B;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;CAAE,GAC3E;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;CAAE,GACjF;IAAE,IAAI,EAAE,sBAAsB,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;CAAE,GACrF;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;AAE1E,eAAO,MAAM,iCAAiC,EAAE,qBAO/C,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,MAAM,GACb,qBAAqB,CAyCvB"}

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

@@ -1,21 +1,5 @@
-export declare const SIDE_PANEL_DEFAULTS: {
-    titleText: string;
-    flavour: string;
-    width: number;
-    arrowButtons: string;
-    startOpen: boolean;
-    open: undefined;
-    onChangeOpen: undefined;
-    content: JSX.Element;
-    onOpened: undefined;
-    onClosed: undefined;
-    dataTestId: undefined;
-};
-export declare const INITIAL_LEFT_PANEL_OPEN = false;
-export declare const INITIAL_RIGHT_PANEL_OPEN = false;
-export declare const NAVBAR_DEFAULTS: {
-    content: JSX.Element;
-    widthOpen: number;
-    widthClosed: number;
-};
+export declare const DEFAULT_INITIAL_NAV_BAR_OPEN = true;
+export declare const DEFAULT_TOP_BAR_HEIGHT = 64;
+export declare const DEFAULT_NAV_BAR_WIDTH_CLOSED = 64;
+export declare const DEFAULT_NAV_BAR_WIDTH_OPEN = 256;
 //# sourceMappingURL=defaults.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/defaults.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAY/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAQ,CAAC;AAC7C,eAAO,MAAM,wBAAwB,QAAQ,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;CAI3B,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/defaults.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,4BAA4B,OAAO,CAAC;AAEjD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,0BAA0B,MAAM,CAAC"}

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

@@ -1,4 +1,3 @@
-import { AppLayoutProps } from './types';
-export default function AppLayoutWithProvider(props: AppLayoutProps): JSX.Element;
+export { default } from './AppLayout';
 export * from './AppLayoutContext';
 //# sourceMappingURL=index.d.ts.map

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":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2CzC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,cAAc,eAMlE;AAED,cAAc,oBAAoB,CAAC"}
+{"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,oBAAoB,CAAC"}

package/dist/providers/index.d.ts

@@ -1,5 +1,3 @@
-export { default as AgThemeProvider } from './AgTheme';
-export * from './AgTheme';
 export { default as SaladBarProvider } from './SaladBar';
 export * from './SaladBar';
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,WAAW,CAAC;AACvD,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACzD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACzD,cAAc,YAAY,CAAC"}

package/dist/themes/types.d.ts

@@ -0,0 +1,13 @@
+/** Various components in the library require the theme to provide certain
+ * non-standard values like navBar.*/
+export interface AgCustomTheme {
+    /** When using PageLayout, there is always a NavBar component on the left of
+     * the view port, which can be opened and closed (minimised) by a button in
+     * the TopBar */
+    navBar: {
+        /** In our design the background of the navbar doesn't match anything on
+         * the pallete, so we define it separately */
+        backgroundColor: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"AAAA;qCACqC;AACrC,MAAM,WAAW,aAAa;IAC5B;;oBAEgB;IAChB,MAAM,EAAE;QACN;qDAC6C;QAC7C,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;CACH"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.30",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",
@@ -50,6 +50,7 @@
     "@mui/icons-material": "5.11.0",
     "@mui/material": "5.11.0",
     "@mui/styles": "5.11.0",
+    "jotai": "^2.2.3",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
@@ -98,8 +99,8 @@
     "prop-types": "^15.8.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-router": "^6.14.1",
-    "react-router-dom": "^6.14.0",
+    "react-router": "^6.14.2",
+    "react-router-dom": "^6.14.2",
     "storybook": "^7.0.27",
     "typescript": "^5.0.2",
     "vite": "^4.3.9",

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

@@ -1,2 +0,0 @@
-export declare const NavBarDarkStyledList: import("@mui/material/List").ExtendList<import("@mui/material/List").ListTypeMap<{}, "ul">>;
-//# sourceMappingURL=NavBarDarkStyledList.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavBarDarkStyledList.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/AppLayout/NavBar/NavBarDarkStyledList.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,6FA8Cf,CAAC"}

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

@@ -1,23 +0,0 @@
-import { ReactNode, ComponentProps, PropsWithChildren } from 'react';
-import PageContainer from './PageContainer';
-import { AppLayoutContextActions, AppLayoutContextState } from './AppLayoutContext';
-export interface NavBarProps {
-    content?: ReactNode;
-    widthOpen?: number;
-    widthClosed?: number;
-}
-export interface BaseAppLayoutProps {
-    navBar?: NavBarProps;
-    /** Props applied to the PageContainer component, which is a styled MUI Container */
-    pageContainerProps?: ComponentProps<typeof PageContainer>;
-    topBarDataTestId?: string;
-    pageContentDataTestId?: string;
-    /** Allow overriding the context state (navBarOpen etc) for tests,
-     * particularly with souvlaki */
-    overrideContextState?: Partial<AppLayoutContextState>;
-    /** Allow overriding the context actions (setNavBarOpen etc) for tests,
-     * particularly with souvlaki */
-    overrideContextActions?: Partial<AppLayoutContextActions>;
-}
-export type AppLayoutProps = PropsWithChildren<BaseAppLayoutProps>;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;oCACgC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAEtD;oCACgC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC3D;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/providers/AgTheme/index.d.ts

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-export type AgThemeName = 'internal' | 'fed21';
-export interface AgThemeProviderProps {
-    name?: AgThemeName;
-}
-export default function AgThemeProvider({ name, children, }: PropsWithChildren<AgThemeProviderProps>): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/AgTheme/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/AgTheme/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAGD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAQzC"}

package/dist/providers/AgTheme/themes.d.ts

@@ -1,3 +0,0 @@
-export declare const internalAGSystemsTheme: import("@mui/material/styles").Theme;
-export declare const fed21Theme: import("@mui/material/styles").Theme;
-//# sourceMappingURL=themes.d.ts.map

package/dist/providers/AgTheme/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/providers/AgTheme/themes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,sCAwFjC,CAAC;AAEH,eAAO,MAAM,UAAU,sCAgDrB,CAAC"}