@australiangreens/ag-internal-components 0.0.22 → 0.0.24

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var W=Object.defineProperty,G=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var F=(e,t,r)=>t in e?W(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&F(e,r,t[r]);if(g)for(var r of g(t))T.call(t,r)&&F(e,r,t[r]);return e},v=(e,t)=>G(e,X(t));var _=(e,t)=>{var r={};for(var o in e)P.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&g)for(var o of g(e))t.indexOf(o)<0&&T.call(e,o)&&(r[o]=e[o]);return r};var b=(e,t,r)=>(F(e,typeof t!="symbol"?t+"":t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("react"),Q=require("@mui/material/Button"),V=require("@mui/material/Paper"),$=require("@mui/material/Typography"),f=require("@mui/material/styles"),K=require("@mui/material/Snackbar"),J=require("@mui/material/Alert"),Y=require("@mui/material/LinearProgress"),Z=require("@mui/material/CircularProgress"),ee=require("@australiangreens/ag-error"),d=e=>e&&e.__esModule?e:{default:e},te=d(Q),re=d(V),A=d($),ne=d(K),oe=d(J),ae=d(Y),ie=d(Z);function se({text:e}){const[t,r]=u.useState(0);return n.jsxs(n.Fragment,{children:[n.jsx(A.default,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),n.jsx(A.default,{variant:"caption",display:"block",children:n.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),n.jsx(te.default,{variant:"outlined",onClick:()=>r(o=>o+1),"aria-label":"Increment",children:"Hello I am a button"}),n.jsxs("p",{children:["This is some text: ",n.jsx("span",{children:e})]}),n.jsxs(re.default,{children:["This number will incremember when button pressed: ",t]})]})}const ce=f.createTheme({palette:{primary:{main:"#007236",dark:"#005221",light:"#00A04E",contrastText:"#FFFFFF"},secondary:{main:"#662D91",dark:"#440E62",light:"#93268F",contrastText:"#FFFFFF"},error:{main:"#D32F2F",dark:"#C62828",light:"#EF5350"},info:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"},success:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"}},components:{MuiTextField:{defaultProps:{color:"secondary"}},MuiToggleButtonGroup:{defaultProps:{color:"secondary"}},MuiCheckbox:{defaultProps:{color:"secondary"}},MuiSelect:{defaultProps:{color:"secondary"}},MuiSwitch:{defaultProps:{color:"secondary"}},MuiFormControl:{defaultProps:{color:"secondary"}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({"&.Mui-selected":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),le=f.createTheme({palette:{primary:{dark:"#00A651",light:"#A3D39C",main:"#007236",contrastText:"#FFF"},warning:{main:"#F5871F",light:"#FCC589",dark:"#A2590A",contrastText:"#FFF"},secondary:{main:"#662D91",light:"#BD8CBF",dark:"#440E62",contrastText:"#FFF"},error:{main:"#D43C95",light:"#8F2064",dark:"#F9CDE0",contrastText:"#FFF"},info:{main:"#00A88D",light:"#ADDCCF",dark:"#005243",contrastText:"#FFF"},success:{main:"#00A651",light:"#A3D39C",dark:"#007236",contrastText:"#FFF"}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"}}});function ue({name:e="internal",children:t}){const r=e==="internal"?ce:e==="fed21"?le:void 0;return n.jsx(f.ThemeProvider,{theme:r,children:t})}class x extends ee.AgError{}b(x,"errorName","ContextError");const h=()=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},de=e=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},fe={enqueueNotification:h,enqueueSuccessNotification:h,enqueueInfoNotification:h,enqueueWarningNotification:h,enqueueErrorNotification:h,removeNotification:de},N=u.createContext(fe),pe={autoHideDuration:6e3,anchorOrigin:{vertical:"top",horizontal:"center"},disableWindowBlurListener:!1},q={message:"",severity:"info",variant:"standard",progressIndicator:void 0},B=100,D=2e3,he=2e3,me=(()=>{let e=0;return()=>(e+=1,e)})(),ge={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"};function xe(r){var o=r,{children:e}=o,t=_(o,["children"]);var E;const[j,m]=u.useState(!1),c=u.useRef([]),S=u.useRef(Date.now()),y=u.useRef(0),p=(i={})=>{y.current+=1,c.current.length>=B&&Date.now()-S.current>=D&&(S.current=Date.now(),console.error(`SaladBarProvider: MAX_QUEUE_LENGTH (${B}) hit ${y.current} times in last ${D}ms)`),y.current=0);const a=s(v(s({},q),{key:me()}),i);return c.current.push(a),c.current.length===1&&m(!0),a.key},w=(i="",a={})=>p(s({message:i,severity:"success"},a)),M=(i="",a={})=>p(s({message:i,severity:"info"},a)),I=(i="",a={})=>p(s({message:i,severity:"warning"},a)),R=(i="",a={})=>p(s({message:i,severity:"error"},a)),H=i=>{const a=c.current.findIndex(U=>U.key===i);if(a!==-1)return a===0?(m(!1),c.current[0]):c.current.splice(a,1)},C=i=>{m(!1)},L=()=>{},O=()=>{c.current.shift(),c.current.length>0&&m(!0)},l=(E=c.current[0])!=null?E:s({},q),k={};"autoHideDuration"in l&&(k.autoHideDuration=l.autoHideDuration);const z=s(s({},pe),t);return n.jsxs(N.Provider,{value:{enqueueNotification:p,enqueueSuccessNotification:w,enqueueInfoNotification:M,enqueueWarningNotification:I,enqueueErrorNotification:R,removeNotification:H},children:[e,n.jsx(ne.default,v(s(s({},z),k),{open:j,onClose:C,TransitionProps:{onExited:O,onExit:L},sx:{zIndex:he},children:n.jsxs("div",{children:[n.jsx(oe.default,{onClose:C,severity:l.severity,variant:"filled",icon:l.progressIndicator==="circular"?n.jsx(ie.default,{size:"1em"}):void 0,style:l.progressIndicator==="linear"?ge:void 0,children:l.message}),l.progressIndicator==="linear"&&n.jsx(ae.default,{color:"primary"})]})}))]})}function ye(){return u.useContext(N)}exports.AgThemeProvider=ue;exports.ContextError=x;exports.ExampleComponent=se;exports.SaladBarProvider=xe;exports.useSaladBar=ye;
+"use strict";var G=Object.defineProperty,X=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var F=(e,t,r)=>t in e?G(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))T.call(t,r)&&F(e,r,t[r]);if(g)for(var r of g(t))_.call(t,r)&&F(e,r,t[r]);return e},v=(e,t)=>X(e,Q(t));var A=(e,t)=>{var r={};for(var i in e)T.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(e!=null&&g)for(var i of g(e))t.indexOf(i)<0&&_.call(e,i)&&(r[i]=e[i]);return r};var b=(e,t,r)=>(F(e,typeof t!="symbol"?t+"":t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),V=require("@mui/material/Button"),$=require("@mui/material/Paper"),K=require("@mui/material/Typography"),f=require("@mui/material/styles"),J=require("@mui/material/Snackbar"),Y=require("@mui/material/Alert"),Z=require("@mui/material/LinearProgress"),ee=require("@mui/material/CircularProgress"),te=require("@australiangreens/ag-error"),d=e=>e&&e.__esModule?e:{default:e},re=d(V),ne=d($),B=d(K),oe=d(J),ae=d(Y),ie=d(Z),se=d(ee);function ce({text:e}){const[t,r]=u.useState(0);return o.jsxs(o.Fragment,{children:[o.jsx(B.default,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),o.jsx(B.default,{variant:"caption",display:"block",children:o.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),o.jsx(re.default,{variant:"outlined",onClick:()=>r(i=>i+1),"aria-label":"Increment",children:"Hello I am a button"}),o.jsxs("p",{children:["This is some text: ",o.jsx("span",{children:e})]}),o.jsxs(ne.default,{children:["This number will incremember when button pressed: ",t]})]})}const le=f.createTheme({palette:{primary:{main:"#007236",dark:"#005221",light:"#00A04E",contrastText:"#FFFFFF"},secondary:{main:"#662D91",dark:"#440E62",light:"#93268F",contrastText:"#FFFFFF"},error:{main:"#D32F2F",dark:"#C62828",light:"#EF5350"},info:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"},success:{main:"#0288D1",dark:"#01579B",light:"#03A9F4"}},components:{MuiTextField:{defaultProps:{color:"secondary"}},MuiToggleButtonGroup:{defaultProps:{color:"secondary"}},MuiCheckbox:{defaultProps:{color:"secondary"}},MuiSelect:{defaultProps:{color:"secondary"}},MuiSwitch:{defaultProps:{color:"secondary"}},MuiFormControl:{defaultProps:{color:"secondary"}},MuiMenuItem:{styleOverrides:{root:({theme:e})=>({"&.Mui-selected":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:f.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),ue=f.createTheme({palette:{primary:{dark:"#00A651",light:"#A3D39C",main:"#007236",contrastText:"#FFF"},warning:{main:"#F5871F",light:"#FCC589",dark:"#A2590A",contrastText:"#FFF"},secondary:{main:"#662D91",light:"#BD8CBF",dark:"#440E62",contrastText:"#FFF"},error:{main:"#D43C95",light:"#8F2064",dark:"#F9CDE0",contrastText:"#FFF"},info:{main:"#00A88D",light:"#ADDCCF",dark:"#005243",contrastText:"#FFF"},success:{main:"#00A651",light:"#A3D39C",dark:"#007236",contrastText:"#FFF"}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"}}});function de({name:e="internal",children:t}){const r=e==="internal"?le:e==="fed21"?ue:void 0;return o.jsx(f.ThemeProvider,{theme:r,children:t})}class x extends te.AgError{}b(x,"errorName","ContextError");const h=()=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},fe=e=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},pe={enqueueNotification:h,enqueueSuccessNotification:h,enqueueInfoNotification:h,enqueueWarningNotification:h,enqueueErrorNotification:h,removeNotification:fe},j=u.createContext(pe),he={autoHideDuration:6e3,anchorOrigin:{vertical:"top",horizontal:"center"},disableWindowBlurListener:!1},me={shouldClose:(e,t)=>t!=="clickaway"},q={message:"",severity:"info",variant:"standard",progressIndicator:void 0},D=100,N=2e3,ge=2e3,xe=(()=>{let e=0;return()=>(e+=1,e)})(),ye={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"};function Fe(i){var C=i,{children:e,shouldClose:t=me.shouldClose}=C,r=A(C,["children","shouldClose"]);var P;const[w,m]=u.useState(!1),c=u.useRef([]),S=u.useRef(Date.now()),y=u.useRef(0),p=(a={})=>{y.current+=1,c.current.length>=D&&Date.now()-S.current>=N&&(S.current=Date.now(),console.error(`SaladBarProvider: MAX_QUEUE_LENGTH (${D}) hit ${y.current} times in last ${N}ms)`),y.current=0);const n=s(v(s({},q),{key:xe()}),a);return c.current.push(n),c.current.length===1&&m(!0),n.key},M=(a="",n={})=>p(s({message:a,severity:"success"},n)),I=(a="",n={})=>p(s({message:a,severity:"info"},n)),R=(a="",n={})=>p(s({message:a,severity:"warning"},n)),H=(a="",n={})=>p(s({message:a,severity:"error"},n)),L=a=>{const n=c.current.findIndex(W=>W.key===a);if(n!==-1)return n===0?(m(!1),c.current[0]):c.current.splice(n,1)},k=(a,n)=>{t(a,n)&&m(!1)},O=()=>{},z=()=>{c.current.shift(),c.current.length>0&&m(!0)},l=(P=c.current[0])!=null?P:s({},q),E={};"autoHideDuration"in l&&(E.autoHideDuration=l.autoHideDuration);const U=s(s({},he),r);return o.jsxs(j.Provider,{value:{enqueueNotification:p,enqueueSuccessNotification:M,enqueueInfoNotification:I,enqueueWarningNotification:R,enqueueErrorNotification:H,removeNotification:L},children:[e,o.jsx(oe.default,v(s(s({},U),E),{open:w,onClose:k,TransitionProps:{onExited:z,onExit:O},sx:{zIndex:ge},children:o.jsxs("div",{children:[o.jsx(ae.default,{onClose:a=>k(a,"closeAlert"),severity:l.severity,variant:"filled",icon:l.progressIndicator==="circular"?o.jsx(se.default,{size:"1em"}):void 0,style:l.progressIndicator==="linear"?ye:void 0,children:l.message}),l.progressIndicator==="linear"&&o.jsx(ie.default,{color:"primary"})]})}))]})}function ve(){return u.useContext(j)}exports.AgThemeProvider=de;exports.ContextError=x;exports.ExampleComponent=ce;exports.SaladBarProvider=Fe;exports.useSaladBar=ve;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n  name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n  static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n  key: number;\n  message: string;\n  severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n  variant: 'standard' | 'outlined' | 'filled' | undefined;\n  progressIndicator: string | undefined;\n  autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n  enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n  // where options include message and severity of 'error' ,'warning', 'info' or\n  // 'success'\n  enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueSuccessNotification(msg),\n  enqueueInfoNotification: SaladBarContextFunction; //  Call as const key =\n  // enqueueInfoNotification(msg),\n  enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueWarningNotification(msg),\n  enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueErrorNotification(msg),\n  removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n  enqueueNotification: stub,\n  enqueueSuccessNotification: stub,\n  enqueueInfoNotification: stub,\n  enqueueWarningNotification: stub,\n  enqueueErrorNotification: stub,\n  removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n  autoHideDuration: 6000,\n  anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n  // The default is false. If we prefer timer to continue when window loses\n  // focus, change to true\n  disableWindowBlurListener: false,\n};\n\nexport const defaultEnqueueNotificationOptions = {\n  message: '',\n  severity: 'info',\n  variant: 'standard',\n  progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar, { SnackbarProps } from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport { defaultSnackbarProps, defaultEnqueueNotificationOptions } from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n  let previousKey = 0;\n  return () => {\n    previousKey += 1;\n    return previousKey;\n  };\n})();\n\nconst alertWithLinearProgressStyle = {\n  borderBottomLeftRadius: '0px',\n  borderBottomRightRadius: '0px',\n};\n\nexport interface SaladBarProviderProps extends SnackbarProps {}\n\nexport default function SaladBarProvider({ children, ...snackbarProps }: SaladBarProviderProps) {\n  const [open, setOpen] = useState(false);\n\n  // We use a ref instead of a state to store the actual data, because we want\n  // queue to be persistent across the whole lifetime of component. I considered\n  // using yocto-queue because it would be O(1) instead of O(n), but its not\n  // designed to access the head without removing it and its not going to make\n  // much difference anyway.\n  const queueRef = useRef<NotificationType[]>([]);\n\n  const limitLastHitAt = useRef(Date.now());\n  const limitHitCountSinceLastReport = useRef(0);\n\n  const enqueueNotification = (notification = {}) => {\n    limitHitCountSinceLastReport.current += 1;\n    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n      // If the queue length is hit, probably stuck in some sort of loop, so\n      // don't want to spam logs instantly so space it out\n      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n        limitLastHitAt.current = Date.now();\n        console.error(\n          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n        );\n        limitHitCountSinceLastReport.current = 0;\n      }\n    }\n\n    const newNotification = {\n      ...defaultEnqueueNotificationOptions,\n      key: generateNotificationKey(), // Can be overridden.\n      ...notification, // This could result in collisons, but unlikely.\n    };\n\n    // Add to the end of queue\n    queueRef.current.push(newNotification as NotificationType);\n\n    // If the queue was previously empty, then open the snackbar. We don't do it\n    // whenever enqueueNotification is called since it will mess up transitions\n    if (queueRef.current.length === 1) setOpen(true);\n\n    return newNotification.key;\n  };\n\n  const enqueueSuccessNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'success', ...options });\n\n  const enqueueInfoNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'info', ...options });\n\n  const enqueueWarningNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'warning', ...options });\n\n  const enqueueErrorNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'error', ...options });\n\n  /**\n   * Remove the notification with specified key from the queue. If the key is\n   * not found, immediately returns null.\n   *\n   * @param key - The key as returned from enqueue...() function.\n   *\n   * @returns The removed notification\n   */\n  const removeNotification = (key: unknown) => {\n    const index = queueRef.current.findIndex((x) => x.key === key);\n    if (index === -1) return;\n\n    if (index === 0) {\n      // If its at the front of the queue, it is either currently being\n      // displayed or in process of being closed. Either way, we can just set\n      // open to false\n      setOpen(false);\n      return queueRef.current[0];\n    }\n    // Otherwise we just remove it from the queue, it won't need to transition\n    return queueRef.current.splice(index, 1);\n  };\n\n  // Callback fired when the component requests to be closed\n  // const handleClose = (_event, reason) => {\n  //   // We ignore click away, letting user continue with UI while its still\n  //   // displayed\n  //   if (reason === 'clickaway') return;\n\n  //   setOpen(false);\n  // };\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleClose = (_event: Event | React.SyntheticEvent<Element, Event>) => {\n    // We ignore click away, letting user continue with UI while its still\n    // displayed\n\n    setOpen(false);\n  };\n\n  // Callback fired before the transition is exiting.\n  const handleExit = () => {};\n\n  // Callback fired when the transition has exited.\n  const handleExited = () => {\n    // Remove head of queue\n    queueRef.current.shift();\n\n    // If there is still something on the queue, then re-open\n    if (queueRef.current.length > 0) setOpen(true);\n  };\n\n  // The notification to display is the one at head of queue\n  const currentNotification = queueRef.current[0] ?? {\n    ...defaultEnqueueNotificationOptions,\n  };\n\n  // Can also override certain props on a notification level\n  const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n  // Probably a better way of doing this\n  if ('autoHideDuration' in currentNotification) {\n    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n  }\n\n  // Note the order of props in Snackbar, we don't allow overriding open and\n  // onClose.\n\n  const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n  return (\n    // Should be resolved when we move to React >= 18\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <SaladBarContext.Provider\n      value={{\n        enqueueNotification,\n        enqueueSuccessNotification,\n        enqueueInfoNotification,\n        enqueueWarningNotification,\n        enqueueErrorNotification,\n        removeNotification,\n      }}\n    >\n      {children}\n      <Snackbar\n        {...snackbarFinalProps}\n        {...currentNotificationSnackbarProps}\n        open={open}\n        onClose={handleClose}\n        TransitionProps={{\n          onExited: handleExited,\n          onExit: handleExit,\n        }}\n        sx={{ zIndex: SALADBAR_INDEX }}\n      >\n        <div>\n          <Alert\n            onClose={handleClose}\n            severity={currentNotification.severity}\n            variant={'filled'}\n            icon={\n              currentNotification.progressIndicator === 'circular' ? (\n                <CircularProgress size=\"1em\" />\n              ) : undefined\n            }\n            style={\n              currentNotification.progressIndicator === 'linear'\n                ? alertWithLinearProgressStyle\n                : undefined\n            }\n          >\n            {currentNotification.message}\n          </Alert>\n          {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n        </div>\n      </Snackbar>\n    </SaladBarContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n *   enqueueNotification,\n *   enqueueSuccessNotification,\n *   enqueueInfoNotification,\n *   enqueueWarningNotification,\n *   enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n  return useContext(SaladBarContext);\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider","ContextError","AgError","__publicField","stub","notstub","key","defaultValue","SaladBarContext","createContext","defaultSnackbarProps","defaultEnqueueNotificationOptions","MAX_QUEUE_LENGTH","MAX_QUEUE_HIT_REPORT_INTERVAL","SALADBAR_INDEX","generateNotificationKey","previousKey","alertWithLinearProgressStyle","SaladBarProvider","_a","_b","snackbarProps","__objRest","open","setOpen","queueRef","useRef","limitLastHitAt","limitHitCountSinceLastReport","enqueueNotification","notification","newNotification","__spreadValues","__spreadProps","enqueueSuccessNotification","message","options","enqueueInfoNotification","enqueueWarningNotification","enqueueErrorNotification","removeNotification","index","x","handleClose","_event","handleExit","handleExited","currentNotification","currentNotificationSnackbarProps","snackbarFinalProps","Snackbar","Alert","CircularProgress","LinearProgress","useSaladBar","useContext"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n  name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n  static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n  key: number;\n  message: string;\n  severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n  variant: 'standard' | 'outlined' | 'filled' | undefined;\n  progressIndicator: string | undefined;\n  autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n  enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n  // where options include message and severity of 'error' ,'warning', 'info' or\n  // 'success'\n  enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueSuccessNotification(msg),\n  enqueueInfoNotification: SaladBarContextFunction; //  Call as const key =\n  // enqueueInfoNotification(msg),\n  enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueWarningNotification(msg),\n  enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueErrorNotification(msg),\n  removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n  enqueueNotification: stub,\n  enqueueSuccessNotification: stub,\n  enqueueInfoNotification: stub,\n  enqueueWarningNotification: stub,\n  enqueueErrorNotification: stub,\n  removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n  autoHideDuration: 6000,\n  anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n  // The default is false. If we prefer timer to continue when window loses\n  // focus, change to true\n  disableWindowBlurListener: false,\n};\n\nexport const defaultSaladBarProps = {\n  shouldClose: (_event: Event | React.SyntheticEvent<Element, Event>, reason: string) => {\n    return reason !== 'clickaway';\n  },\n};\n\nexport const defaultEnqueueNotificationOptions = {\n  message: '',\n  severity: 'info',\n  variant: 'standard',\n  progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar, { SnackbarProps, SnackbarCloseReason } from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport {\n  defaultSaladBarProps,\n  defaultSnackbarProps,\n  defaultEnqueueNotificationOptions,\n} from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n  let previousKey = 0;\n  return () => {\n    previousKey += 1;\n    return previousKey;\n  };\n})();\n\nconst alertWithLinearProgressStyle = {\n  borderBottomLeftRadius: '0px',\n  borderBottomRightRadius: '0px',\n};\n\nexport type SaladBarCloseReason = SnackbarCloseReason | 'closeAlert';\n\nexport interface SaladBarProviderProps extends SnackbarProps {\n  /** Called when an event triggers closing of currently displayed snackbar.\n   * Default implementation returns false if reason is 'clickaway', otherwise\n   * true.*/\n  shouldClose?: (\n    event: Event | React.SyntheticEvent<Element, Event>,\n    reason: SaladBarCloseReason\n  ) => boolean;\n}\n\nexport default function SaladBarProvider({\n  children,\n  shouldClose = defaultSaladBarProps.shouldClose,\n  ...snackbarProps\n}: SaladBarProviderProps) {\n  const [open, setOpen] = useState(false);\n\n  // We use a ref instead of a state to store the actual data, because we want\n  // queue to be persistent across the whole lifetime of component. I considered\n  // using yocto-queue because it would be O(1) instead of O(n), but its not\n  // designed to access the head without removing it and its not going to make\n  // much difference anyway.\n  const queueRef = useRef<NotificationType[]>([]);\n\n  const limitLastHitAt = useRef(Date.now());\n  const limitHitCountSinceLastReport = useRef(0);\n\n  const enqueueNotification = (notification = {}) => {\n    limitHitCountSinceLastReport.current += 1;\n    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n      // If the queue length is hit, probably stuck in some sort of loop, so\n      // don't want to spam logs instantly so space it out\n      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n        limitLastHitAt.current = Date.now();\n        console.error(\n          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n        );\n        limitHitCountSinceLastReport.current = 0;\n      }\n    }\n\n    const newNotification = {\n      ...defaultEnqueueNotificationOptions,\n      key: generateNotificationKey(), // Can be overridden.\n      ...notification, // This could result in collisons, but unlikely.\n    };\n\n    // Add to the end of queue\n    queueRef.current.push(newNotification as NotificationType);\n\n    // If the queue was previously empty, then open the snackbar. We don't do it\n    // whenever enqueueNotification is called since it will mess up transitions\n    if (queueRef.current.length === 1) setOpen(true);\n\n    return newNotification.key;\n  };\n\n  const enqueueSuccessNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'success', ...options });\n\n  const enqueueInfoNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'info', ...options });\n\n  const enqueueWarningNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'warning', ...options });\n\n  const enqueueErrorNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'error', ...options });\n\n  /**\n   * Remove the notification with specified key from the queue. If the key is\n   * not found, immediately returns null.\n   *\n   * @param key - The key as returned from enqueue...() function.\n   *\n   * @returns The removed notification\n   */\n  const removeNotification = (key: unknown) => {\n    const index = queueRef.current.findIndex((x) => x.key === key);\n    if (index === -1) return;\n\n    if (index === 0) {\n      // If its at the front of the queue, it is either currently being\n      // displayed or in process of being closed. Either way, we can just set\n      // open to false\n      setOpen(false);\n      return queueRef.current[0];\n    }\n    // Otherwise we just remove it from the queue, it won't need to transition\n    return queueRef.current.splice(index, 1);\n  };\n\n  const handleClose = (\n    event: Event | React.SyntheticEvent<Element, Event>,\n    reason: SaladBarCloseReason\n  ) => {\n    if (shouldClose(event, reason)) setOpen(false);\n  };\n\n  // Callback fired before the transition is exiting.\n  const handleExit = () => {};\n\n  // Callback fired when the transition has exited.\n  const handleExited = () => {\n    // Remove head of queue\n    queueRef.current.shift();\n\n    // If there is still something on the queue, then re-open\n    if (queueRef.current.length > 0) setOpen(true);\n  };\n\n  // The notification to display is the one at head of queue\n  const currentNotification = queueRef.current[0] ?? {\n    ...defaultEnqueueNotificationOptions,\n  };\n\n  // Can also override certain props on a notification level\n  const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n  // Probably a better way of doing this\n  if ('autoHideDuration' in currentNotification) {\n    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n  }\n\n  // Note the order of props in Snackbar, we don't allow overriding open and\n  // onClose.\n\n  const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n  return (\n    // Should be resolved when we move to React >= 18\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <SaladBarContext.Provider\n      value={{\n        enqueueNotification,\n        enqueueSuccessNotification,\n        enqueueInfoNotification,\n        enqueueWarningNotification,\n        enqueueErrorNotification,\n        removeNotification,\n      }}\n    >\n      {children}\n      <Snackbar\n        {...snackbarFinalProps}\n        {...currentNotificationSnackbarProps}\n        open={open}\n        onClose={handleClose}\n        TransitionProps={{\n          onExited: handleExited,\n          onExit: handleExit,\n        }}\n        sx={{ zIndex: SALADBAR_INDEX }}\n      >\n        <div>\n          <Alert\n            onClose={(event) => handleClose(event, 'closeAlert')}\n            severity={currentNotification.severity}\n            variant={'filled'}\n            icon={\n              currentNotification.progressIndicator === 'circular' ? (\n                <CircularProgress size=\"1em\" />\n              ) : undefined\n            }\n            style={\n              currentNotification.progressIndicator === 'linear'\n                ? alertWithLinearProgressStyle\n                : undefined\n            }\n          >\n            {currentNotification.message}\n          </Alert>\n          {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n        </div>\n      </Snackbar>\n    </SaladBarContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n *   enqueueNotification,\n *   enqueueSuccessNotification,\n *   enqueueInfoNotification,\n *   enqueueWarningNotification,\n *   enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n  return useContext(SaladBarContext);\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider","ContextError","AgError","__publicField","stub","notstub","key","defaultValue","SaladBarContext","createContext","defaultSnackbarProps","defaultSaladBarProps","_event","reason","defaultEnqueueNotificationOptions","MAX_QUEUE_LENGTH","MAX_QUEUE_HIT_REPORT_INTERVAL","SALADBAR_INDEX","generateNotificationKey","previousKey","alertWithLinearProgressStyle","SaladBarProvider","_a","_b","shouldClose","snackbarProps","__objRest","open","setOpen","queueRef","useRef","limitLastHitAt","limitHitCountSinceLastReport","enqueueNotification","notification","newNotification","__spreadValues","__spreadProps","enqueueSuccessNotification","message","options","enqueueInfoNotification","enqueueWarningNotification","enqueueErrorNotification","removeNotification","index","x","handleClose","event","handleExit","handleExited","currentNotification","currentNotificationSnackbarProps","snackbarFinalProps","Snackbar","Alert","CircularProgress","LinearProgress","useSaladBar","useContext"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,61 +1,61 @@
-var Q = Object.defineProperty, V = Object.defineProperties;
-var $ = Object.getOwnPropertyDescriptors;
+var V = Object.defineProperty, $ = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
 var m = Object.getOwnPropertySymbols;
-var T = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var F = (e, t, r) => t in e ? Q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
+var T = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
+var F = (e, t, r) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
   for (var r in t || (t = {}))
     T.call(t, r) && F(e, r, t[r]);
   if (m)
     for (var r of m(t))
-      A.call(t, r) && F(e, r, t[r]);
+      N.call(t, r) && F(e, r, t[r]);
   return e;
-}, g = (e, t) => V(e, $(t));
-var N = (e, t) => {
+}, g = (e, t) => $(e, j(t));
+var P = (e, t) => {
   var r = {};
-  for (var n in e)
-    T.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  for (var i in e)
+    T.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
   if (e != null && m)
-    for (var n of m(e))
-      t.indexOf(n) < 0 && A.call(e, n) && (r[n] = e[n]);
+    for (var i of m(e))
+      t.indexOf(i) < 0 && N.call(e, i) && (r[i] = e[i]);
   return r;
 };
 var b = (e, t, r) => (F(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { jsxs as p, Fragment as j, jsx as c } from "react/jsx-runtime";
-import { useState as I, createContext as K, useRef as y, useContext as J } from "react";
-import Y from "@mui/material/Button";
-import Z from "@mui/material/Paper";
+import { jsxs as p, Fragment as K, jsx as s } from "react/jsx-runtime";
+import { useState as M, createContext as J, useRef as y, useContext as Y } from "react";
+import Z from "@mui/material/Button";
+import ee from "@mui/material/Paper";
 import D from "@mui/material/Typography";
-import { createTheme as M, alpha as x, ThemeProvider as ee } from "@mui/material/styles";
-import te from "@mui/material/Snackbar";
-import re from "@mui/material/Alert";
+import { createTheme as q, alpha as x, ThemeProvider as te } from "@mui/material/styles";
+import re from "@mui/material/Snackbar";
+import oe from "@mui/material/Alert";
 import ne from "@mui/material/LinearProgress";
-import oe from "@mui/material/CircularProgress";
-import { AgError as ie } from "@australiangreens/ag-error";
-function Ae({ text: e }) {
-  const [t, r] = I(0);
-  return /* @__PURE__ */ p(j, { children: [
-    /* @__PURE__ */ c(D, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ c(D, { variant: "caption", display: "block", children: /* @__PURE__ */ c("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
-    /* @__PURE__ */ c(
-      Y,
+import ie from "@mui/material/CircularProgress";
+import { AgError as ae } from "@australiangreens/ag-error";
+function Pe({ text: e }) {
+  const [t, r] = M(0);
+  return /* @__PURE__ */ p(K, { children: [
+    /* @__PURE__ */ s(D, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ s(D, { variant: "caption", display: "block", children: /* @__PURE__ */ s("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ s(
+      Z,
       {
         variant: "outlined",
-        onClick: () => r((n) => n + 1),
+        onClick: () => r((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
     /* @__PURE__ */ p("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ c("span", { children: e })
+      /* @__PURE__ */ s("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(Z, { children: [
+    /* @__PURE__ */ p(ee, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const ae = M({
+const se = q({
   palette: {
     primary: {
       main: "#007236",
@@ -143,7 +143,7 @@ const ae = M({
       fontWeight: 700
     }
   }
-}), ce = M({
+}), ce = q({
   palette: {
     primary: {
       dark: "#00A651",
@@ -192,108 +192,116 @@ const ae = M({
     }
   }
 });
-function Ne({
+function be({
   name: e = "internal",
   children: t
 }) {
-  return /* @__PURE__ */ c(ee, { theme: e === "internal" ? ae : e === "fed21" ? ce : void 0, children: t });
+  return /* @__PURE__ */ s(te, { theme: e === "internal" ? se : e === "fed21" ? ce : void 0, children: t });
 }
-class v extends ie {
+class v extends ae {
 }
 b(v, "errorName", "ContextError");
 const d = () => {
   throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, se = (e) => {
+}, le = (e) => {
   throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, le = {
+}, ue = {
   enqueueNotification: d,
   enqueueSuccessNotification: d,
   enqueueInfoNotification: d,
   enqueueWarningNotification: d,
   enqueueErrorNotification: d,
-  removeNotification: se
-}, q = K(le), ue = {
+  removeNotification: le
+}, H = J(ue), de = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, P = {
+}, pe = {
+  shouldClose: (e, t) => t !== "clickaway"
+}, B = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, B = 100, w = 2e3, de = 2e3, pe = (() => {
+}, w = 100, I = 2e3, fe = 2e3, me = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), fe = {
+})(), he = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
 };
-function be(r) {
-  var n = r, { children: e } = n, t = N(n, ["children"]);
-  var S;
-  const [H, f] = I(!1), s = y([]), k = y(Date.now()), h = y(0), u = (i = {}) => {
-    h.current += 1, s.current.length >= B && Date.now() - k.current >= w && (k.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${B}) hit ${h.current} times in last ${w}ms)`
+function De(i) {
+  var C = i, {
+    children: e,
+    shouldClose: t = pe.shouldClose
+  } = C, r = P(C, [
+    "children",
+    "shouldClose"
+  ]);
+  var A;
+  const [L, f] = M(!1), c = y([]), k = y(Date.now()), h = y(0), u = (n = {}) => {
+    h.current += 1, c.current.length >= w && Date.now() - k.current >= I && (k.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${w}) hit ${h.current} times in last ${I}ms)`
     ), h.current = 0);
-    const o = a(g(a({}, P), {
-      key: pe()
-    }), i);
-    return s.current.push(o), s.current.length === 1 && f(!0), o.key;
-  }, L = (i = "", o = {}) => u(a({ message: i, severity: "success" }, o)), R = (i = "", o = {}) => u(a({ message: i, severity: "info" }, o)), _ = (i = "", o = {}) => u(a({ message: i, severity: "warning" }, o)), O = (i = "", o = {}) => u(a({ message: i, severity: "error" }, o)), z = (i) => {
-    const o = s.current.findIndex((X) => X.key === i);
+    const o = a(g(a({}, B), {
+      key: me()
+    }), n);
+    return c.current.push(o), c.current.length === 1 && f(!0), o.key;
+  }, R = (n = "", o = {}) => u(a({ message: n, severity: "success" }, o)), _ = (n = "", o = {}) => u(a({ message: n, severity: "info" }, o)), O = (n = "", o = {}) => u(a({ message: n, severity: "warning" }, o)), z = (n = "", o = {}) => u(a({ message: n, severity: "error" }, o)), U = (n) => {
+    const o = c.current.findIndex((Q) => Q.key === n);
     if (o !== -1)
-      return o === 0 ? (f(!1), s.current[0]) : s.current.splice(o, 1);
-  }, C = (i) => {
-    f(!1);
-  }, U = () => {
+      return o === 0 ? (f(!1), c.current[0]) : c.current.splice(o, 1);
+  }, S = (n, o) => {
+    t(n, o) && f(!1);
   }, W = () => {
-    s.current.shift(), s.current.length > 0 && f(!0);
-  }, l = (S = s.current[0]) != null ? S : a({}, P), E = {};
+  }, G = () => {
+    c.current.shift(), c.current.length > 0 && f(!0);
+  }, l = (A = c.current[0]) != null ? A : a({}, B), E = {};
   "autoHideDuration" in l && (E.autoHideDuration = l.autoHideDuration);
-  const G = a(a({}, ue), t);
+  const X = a(a({}, de), r);
   return (
     // Should be resolved when we move to React >= 18
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     /* @__PURE__ */ p(
-      q.Provider,
+      H.Provider,
       {
         value: {
           enqueueNotification: u,
-          enqueueSuccessNotification: L,
-          enqueueInfoNotification: R,
-          enqueueWarningNotification: _,
-          enqueueErrorNotification: O,
-          removeNotification: z
+          enqueueSuccessNotification: R,
+          enqueueInfoNotification: _,
+          enqueueWarningNotification: O,
+          enqueueErrorNotification: z,
+          removeNotification: U
         },
         children: [
           e,
-          /* @__PURE__ */ c(
-            te,
-            g(a(a({}, G), E), {
-              open: H,
-              onClose: C,
+          /* @__PURE__ */ s(
+            re,
+            g(a(a({}, X), E), {
+              open: L,
+              onClose: S,
               TransitionProps: {
-                onExited: W,
-                onExit: U
+                onExited: G,
+                onExit: W
               },
-              sx: { zIndex: de },
+              sx: { zIndex: fe },
               children: /* @__PURE__ */ p("div", { children: [
-                /* @__PURE__ */ c(
-                  re,
+                /* @__PURE__ */ s(
+                  oe,
                   {
-                    onClose: C,
+                    onClose: (n) => S(n, "closeAlert"),
                     severity: l.severity,
                     variant: "filled",
-                    icon: l.progressIndicator === "circular" ? /* @__PURE__ */ c(oe, { size: "1em" }) : void 0,
-                    style: l.progressIndicator === "linear" ? fe : void 0,
+                    icon: l.progressIndicator === "circular" ? /* @__PURE__ */ s(ie, { size: "1em" }) : void 0,
+                    style: l.progressIndicator === "linear" ? he : void 0,
                     children: l.message
                   }
                 ),
-                l.progressIndicator === "linear" && /* @__PURE__ */ c(ne, { color: "primary" })
+                l.progressIndicator === "linear" && /* @__PURE__ */ s(ne, { color: "primary" })
               ] })
             })
           )
@@ -302,14 +310,14 @@ function be(r) {
     )
   );
 }
-function De() {
-  return J(q);
+function Be() {
+  return Y(H);
 }
 export {
-  Ne as AgThemeProvider,
+  be as AgThemeProvider,
   v as ContextError,
-  Ae as ExampleComponent,
-  be as SaladBarProvider,
-  De as useSaladBar
+  Pe as ExampleComponent,
+  De as SaladBarProvider,
+  Be as useSaladBar
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n  name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n  static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n  key: number;\n  message: string;\n  severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n  variant: 'standard' | 'outlined' | 'filled' | undefined;\n  progressIndicator: string | undefined;\n  autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n  enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n  // where options include message and severity of 'error' ,'warning', 'info' or\n  // 'success'\n  enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueSuccessNotification(msg),\n  enqueueInfoNotification: SaladBarContextFunction; //  Call as const key =\n  // enqueueInfoNotification(msg),\n  enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueWarningNotification(msg),\n  enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueErrorNotification(msg),\n  removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n  enqueueNotification: stub,\n  enqueueSuccessNotification: stub,\n  enqueueInfoNotification: stub,\n  enqueueWarningNotification: stub,\n  enqueueErrorNotification: stub,\n  removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n  autoHideDuration: 6000,\n  anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n  // The default is false. If we prefer timer to continue when window loses\n  // focus, change to true\n  disableWindowBlurListener: false,\n};\n\nexport const defaultEnqueueNotificationOptions = {\n  message: '',\n  severity: 'info',\n  variant: 'standard',\n  progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar, { SnackbarProps } from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport { defaultSnackbarProps, defaultEnqueueNotificationOptions } from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n  let previousKey = 0;\n  return () => {\n    previousKey += 1;\n    return previousKey;\n  };\n})();\n\nconst alertWithLinearProgressStyle = {\n  borderBottomLeftRadius: '0px',\n  borderBottomRightRadius: '0px',\n};\n\nexport interface SaladBarProviderProps extends SnackbarProps {}\n\nexport default function SaladBarProvider({ children, ...snackbarProps }: SaladBarProviderProps) {\n  const [open, setOpen] = useState(false);\n\n  // We use a ref instead of a state to store the actual data, because we want\n  // queue to be persistent across the whole lifetime of component. I considered\n  // using yocto-queue because it would be O(1) instead of O(n), but its not\n  // designed to access the head without removing it and its not going to make\n  // much difference anyway.\n  const queueRef = useRef<NotificationType[]>([]);\n\n  const limitLastHitAt = useRef(Date.now());\n  const limitHitCountSinceLastReport = useRef(0);\n\n  const enqueueNotification = (notification = {}) => {\n    limitHitCountSinceLastReport.current += 1;\n    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n      // If the queue length is hit, probably stuck in some sort of loop, so\n      // don't want to spam logs instantly so space it out\n      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n        limitLastHitAt.current = Date.now();\n        console.error(\n          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n        );\n        limitHitCountSinceLastReport.current = 0;\n      }\n    }\n\n    const newNotification = {\n      ...defaultEnqueueNotificationOptions,\n      key: generateNotificationKey(), // Can be overridden.\n      ...notification, // This could result in collisons, but unlikely.\n    };\n\n    // Add to the end of queue\n    queueRef.current.push(newNotification as NotificationType);\n\n    // If the queue was previously empty, then open the snackbar. We don't do it\n    // whenever enqueueNotification is called since it will mess up transitions\n    if (queueRef.current.length === 1) setOpen(true);\n\n    return newNotification.key;\n  };\n\n  const enqueueSuccessNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'success', ...options });\n\n  const enqueueInfoNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'info', ...options });\n\n  const enqueueWarningNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'warning', ...options });\n\n  const enqueueErrorNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'error', ...options });\n\n  /**\n   * Remove the notification with specified key from the queue. If the key is\n   * not found, immediately returns null.\n   *\n   * @param key - The key as returned from enqueue...() function.\n   *\n   * @returns The removed notification\n   */\n  const removeNotification = (key: unknown) => {\n    const index = queueRef.current.findIndex((x) => x.key === key);\n    if (index === -1) return;\n\n    if (index === 0) {\n      // If its at the front of the queue, it is either currently being\n      // displayed or in process of being closed. Either way, we can just set\n      // open to false\n      setOpen(false);\n      return queueRef.current[0];\n    }\n    // Otherwise we just remove it from the queue, it won't need to transition\n    return queueRef.current.splice(index, 1);\n  };\n\n  // Callback fired when the component requests to be closed\n  // const handleClose = (_event, reason) => {\n  //   // We ignore click away, letting user continue with UI while its still\n  //   // displayed\n  //   if (reason === 'clickaway') return;\n\n  //   setOpen(false);\n  // };\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const handleClose = (_event: Event | React.SyntheticEvent<Element, Event>) => {\n    // We ignore click away, letting user continue with UI while its still\n    // displayed\n\n    setOpen(false);\n  };\n\n  // Callback fired before the transition is exiting.\n  const handleExit = () => {};\n\n  // Callback fired when the transition has exited.\n  const handleExited = () => {\n    // Remove head of queue\n    queueRef.current.shift();\n\n    // If there is still something on the queue, then re-open\n    if (queueRef.current.length > 0) setOpen(true);\n  };\n\n  // The notification to display is the one at head of queue\n  const currentNotification = queueRef.current[0] ?? {\n    ...defaultEnqueueNotificationOptions,\n  };\n\n  // Can also override certain props on a notification level\n  const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n  // Probably a better way of doing this\n  if ('autoHideDuration' in currentNotification) {\n    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n  }\n\n  // Note the order of props in Snackbar, we don't allow overriding open and\n  // onClose.\n\n  const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n  return (\n    // Should be resolved when we move to React >= 18\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <SaladBarContext.Provider\n      value={{\n        enqueueNotification,\n        enqueueSuccessNotification,\n        enqueueInfoNotification,\n        enqueueWarningNotification,\n        enqueueErrorNotification,\n        removeNotification,\n      }}\n    >\n      {children}\n      <Snackbar\n        {...snackbarFinalProps}\n        {...currentNotificationSnackbarProps}\n        open={open}\n        onClose={handleClose}\n        TransitionProps={{\n          onExited: handleExited,\n          onExit: handleExit,\n        }}\n        sx={{ zIndex: SALADBAR_INDEX }}\n      >\n        <div>\n          <Alert\n            onClose={handleClose}\n            severity={currentNotification.severity}\n            variant={'filled'}\n            icon={\n              currentNotification.progressIndicator === 'circular' ? (\n                <CircularProgress size=\"1em\" />\n              ) : undefined\n            }\n            style={\n              currentNotification.progressIndicator === 'linear'\n                ? alertWithLinearProgressStyle\n                : undefined\n            }\n          >\n            {currentNotification.message}\n          </Alert>\n          {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n        </div>\n      </Snackbar>\n    </SaladBarContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n *   enqueueNotification,\n *   enqueueSuccessNotification,\n *   enqueueInfoNotification,\n *   enqueueWarningNotification,\n *   enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n  return useContext(SaladBarContext);\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider","ContextError","AgError","__publicField","stub","notstub","key","defaultValue","SaladBarContext","createContext","defaultSnackbarProps","defaultEnqueueNotificationOptions","MAX_QUEUE_LENGTH","MAX_QUEUE_HIT_REPORT_INTERVAL","SALADBAR_INDEX","generateNotificationKey","previousKey","alertWithLinearProgressStyle","SaladBarProvider","_a","_b","snackbarProps","__objRest","open","setOpen","queueRef","useRef","limitLastHitAt","limitHitCountSinceLastReport","enqueueNotification","notification","newNotification","__spreadValues","__spreadProps","enqueueSuccessNotification","message","options","enqueueInfoNotification","enqueueWarningNotification","enqueueErrorNotification","removeNotification","index","x","handleClose","_event","handleExit","handleExited","currentNotification","currentNotificationSnackbarProps","snackbarFinalProps","Snackbar","Alert","CircularProgress","LinearProgress","useSaladBar","useContext"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n  text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n  const [num, setNum] = useState(0);\n\n  return (\n    <>\n      <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n        Hello world\n      </Typography>\n\n      <Typography variant=\"caption\" display=\"block\">\n        <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        onClick={() => setNum((oldNum) => oldNum + 1)}\n        aria-label=\"Increment\"\n      >\n        Hello I am a button\n      </Button>\n      <p>\n        This is some text: <span>{text}</span>\n      </p>\n      <Paper>This number will incremember when button pressed: {num}</Paper>\n    </>\n  );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n  palette: {\n    primary: {\n      main: '#007236',\n      dark: '#005221',\n      light: '#00A04E',\n      contrastText: '#FFFFFF',\n    },\n    secondary: {\n      main: '#662D91',\n      dark: '#440E62',\n      light: '#93268F',\n      contrastText: '#FFFFFF',\n    },\n    error: {\n      main: '#D32F2F',\n      dark: '#C62828',\n      light: '#EF5350',\n    },\n    info: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n    success: {\n      main: '#0288D1',\n      dark: '#01579B',\n      light: '#03A9F4',\n    },\n  },\n  components: {\n    MuiTextField: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiToggleButtonGroup: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiCheckbox: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSelect: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiSwitch: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiFormControl: {\n      defaultProps: { color: 'secondary' },\n    },\n    MuiMenuItem: {\n      // Setting defaultProps for color on MenuItem does not work, so update manually\n      styleOverrides: {\n        root: ({ theme }) => ({\n          '&.Mui-selected': {\n            backgroundColor: alpha(\n              theme.palette.secondary.main,\n              theme.palette.action.selectedOpacity\n            ),\n            '&:hover': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.selectedOpacity\n              ),\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: alpha(\n                theme.palette.secondary.main,\n                theme.palette.action.focusOpacity\n              ),\n            },\n          },\n        }),\n      },\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n    h3: {\n      fontSize: '1rem',\n      fontWeight: 700,\n    },\n  },\n});\n\nexport const fed21Theme = createTheme({\n  palette: {\n    primary: {\n      dark: '#00A651',\n      light: '#A3D39C',\n      main: '#007236',\n      contrastText: '#FFF',\n    },\n    warning: {\n      main: '#F5871F',\n      light: '#FCC589',\n      dark: '#A2590A',\n      contrastText: '#FFF',\n    },\n    secondary: {\n      main: '#662D91',\n      light: '#BD8CBF',\n      dark: '#440E62',\n      contrastText: '#FFF',\n    },\n    error: {\n      main: '#D43C95',\n      light: '#8F2064',\n      dark: '#F9CDE0',\n      contrastText: '#FFF',\n    },\n    info: {\n      main: '#00A88D',\n      light: '#ADDCCF',\n      dark: '#005243',\n      contrastText: '#FFF',\n    },\n    success: {\n      main: '#00A651',\n      light: '#A3D39C',\n      dark: '#007236',\n      contrastText: '#FFF',\n    },\n  },\n  typography: {\n    // I couldn't think of what to call this. It is an attempt to match\n    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n    // but not sure if line height should be changed\n    explainer: {\n      fontSize: '14px',\n      marginBlockStart: '1em',\n    },\n  },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n  name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n  name = 'internal',\n  children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n  const theme =\n    name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n  // Should be resolved when we move to React >= 18\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n  static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n  key: number;\n  message: string;\n  severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n  variant: 'standard' | 'outlined' | 'filled' | undefined;\n  progressIndicator: string | undefined;\n  autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n  throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n  enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n  // where options include message and severity of 'error' ,'warning', 'info' or\n  // 'success'\n  enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueSuccessNotification(msg),\n  enqueueInfoNotification: SaladBarContextFunction; //  Call as const key =\n  // enqueueInfoNotification(msg),\n  enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueWarningNotification(msg),\n  enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n  // enqueueErrorNotification(msg),\n  removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n  enqueueNotification: stub,\n  enqueueSuccessNotification: stub,\n  enqueueInfoNotification: stub,\n  enqueueWarningNotification: stub,\n  enqueueErrorNotification: stub,\n  removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n  autoHideDuration: 6000,\n  anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n  // The default is false. If we prefer timer to continue when window loses\n  // focus, change to true\n  disableWindowBlurListener: false,\n};\n\nexport const defaultSaladBarProps = {\n  shouldClose: (_event: Event | React.SyntheticEvent<Element, Event>, reason: string) => {\n    return reason !== 'clickaway';\n  },\n};\n\nexport const defaultEnqueueNotificationOptions = {\n  message: '',\n  severity: 'info',\n  variant: 'standard',\n  progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar, { SnackbarProps, SnackbarCloseReason } from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport {\n  defaultSaladBarProps,\n  defaultSnackbarProps,\n  defaultEnqueueNotificationOptions,\n} from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n  let previousKey = 0;\n  return () => {\n    previousKey += 1;\n    return previousKey;\n  };\n})();\n\nconst alertWithLinearProgressStyle = {\n  borderBottomLeftRadius: '0px',\n  borderBottomRightRadius: '0px',\n};\n\nexport type SaladBarCloseReason = SnackbarCloseReason | 'closeAlert';\n\nexport interface SaladBarProviderProps extends SnackbarProps {\n  /** Called when an event triggers closing of currently displayed snackbar.\n   * Default implementation returns false if reason is 'clickaway', otherwise\n   * true.*/\n  shouldClose?: (\n    event: Event | React.SyntheticEvent<Element, Event>,\n    reason: SaladBarCloseReason\n  ) => boolean;\n}\n\nexport default function SaladBarProvider({\n  children,\n  shouldClose = defaultSaladBarProps.shouldClose,\n  ...snackbarProps\n}: SaladBarProviderProps) {\n  const [open, setOpen] = useState(false);\n\n  // We use a ref instead of a state to store the actual data, because we want\n  // queue to be persistent across the whole lifetime of component. I considered\n  // using yocto-queue because it would be O(1) instead of O(n), but its not\n  // designed to access the head without removing it and its not going to make\n  // much difference anyway.\n  const queueRef = useRef<NotificationType[]>([]);\n\n  const limitLastHitAt = useRef(Date.now());\n  const limitHitCountSinceLastReport = useRef(0);\n\n  const enqueueNotification = (notification = {}) => {\n    limitHitCountSinceLastReport.current += 1;\n    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n      // If the queue length is hit, probably stuck in some sort of loop, so\n      // don't want to spam logs instantly so space it out\n      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n        limitLastHitAt.current = Date.now();\n        console.error(\n          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n        );\n        limitHitCountSinceLastReport.current = 0;\n      }\n    }\n\n    const newNotification = {\n      ...defaultEnqueueNotificationOptions,\n      key: generateNotificationKey(), // Can be overridden.\n      ...notification, // This could result in collisons, but unlikely.\n    };\n\n    // Add to the end of queue\n    queueRef.current.push(newNotification as NotificationType);\n\n    // If the queue was previously empty, then open the snackbar. We don't do it\n    // whenever enqueueNotification is called since it will mess up transitions\n    if (queueRef.current.length === 1) setOpen(true);\n\n    return newNotification.key;\n  };\n\n  const enqueueSuccessNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'success', ...options });\n\n  const enqueueInfoNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'info', ...options });\n\n  const enqueueWarningNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'warning', ...options });\n\n  const enqueueErrorNotification = (message = '', options = {}) =>\n    enqueueNotification({ message, severity: 'error', ...options });\n\n  /**\n   * Remove the notification with specified key from the queue. If the key is\n   * not found, immediately returns null.\n   *\n   * @param key - The key as returned from enqueue...() function.\n   *\n   * @returns The removed notification\n   */\n  const removeNotification = (key: unknown) => {\n    const index = queueRef.current.findIndex((x) => x.key === key);\n    if (index === -1) return;\n\n    if (index === 0) {\n      // If its at the front of the queue, it is either currently being\n      // displayed or in process of being closed. Either way, we can just set\n      // open to false\n      setOpen(false);\n      return queueRef.current[0];\n    }\n    // Otherwise we just remove it from the queue, it won't need to transition\n    return queueRef.current.splice(index, 1);\n  };\n\n  const handleClose = (\n    event: Event | React.SyntheticEvent<Element, Event>,\n    reason: SaladBarCloseReason\n  ) => {\n    if (shouldClose(event, reason)) setOpen(false);\n  };\n\n  // Callback fired before the transition is exiting.\n  const handleExit = () => {};\n\n  // Callback fired when the transition has exited.\n  const handleExited = () => {\n    // Remove head of queue\n    queueRef.current.shift();\n\n    // If there is still something on the queue, then re-open\n    if (queueRef.current.length > 0) setOpen(true);\n  };\n\n  // The notification to display is the one at head of queue\n  const currentNotification = queueRef.current[0] ?? {\n    ...defaultEnqueueNotificationOptions,\n  };\n\n  // Can also override certain props on a notification level\n  const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n  // Probably a better way of doing this\n  if ('autoHideDuration' in currentNotification) {\n    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n  }\n\n  // Note the order of props in Snackbar, we don't allow overriding open and\n  // onClose.\n\n  const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n  return (\n    // Should be resolved when we move to React >= 18\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    <SaladBarContext.Provider\n      value={{\n        enqueueNotification,\n        enqueueSuccessNotification,\n        enqueueInfoNotification,\n        enqueueWarningNotification,\n        enqueueErrorNotification,\n        removeNotification,\n      }}\n    >\n      {children}\n      <Snackbar\n        {...snackbarFinalProps}\n        {...currentNotificationSnackbarProps}\n        open={open}\n        onClose={handleClose}\n        TransitionProps={{\n          onExited: handleExited,\n          onExit: handleExit,\n        }}\n        sx={{ zIndex: SALADBAR_INDEX }}\n      >\n        <div>\n          <Alert\n            onClose={(event) => handleClose(event, 'closeAlert')}\n            severity={currentNotification.severity}\n            variant={'filled'}\n            icon={\n              currentNotification.progressIndicator === 'circular' ? (\n                <CircularProgress size=\"1em\" />\n              ) : undefined\n            }\n            style={\n              currentNotification.progressIndicator === 'linear'\n                ? alertWithLinearProgressStyle\n                : undefined\n            }\n          >\n            {currentNotification.message}\n          </Alert>\n          {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n        </div>\n      </Snackbar>\n    </SaladBarContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n *   enqueueNotification,\n *   enqueueSuccessNotification,\n *   enqueueInfoNotification,\n *   enqueueWarningNotification,\n *   enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n  return useContext(SaladBarContext);\n}\n"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider","ContextError","AgError","__publicField","stub","notstub","key","defaultValue","SaladBarContext","createContext","defaultSnackbarProps","defaultSaladBarProps","_event","reason","defaultEnqueueNotificationOptions","MAX_QUEUE_LENGTH","MAX_QUEUE_HIT_REPORT_INTERVAL","SALADBAR_INDEX","generateNotificationKey","previousKey","alertWithLinearProgressStyle","SaladBarProvider","_a","_b","shouldClose","snackbarProps","__objRest","open","setOpen","queueRef","useRef","limitLastHitAt","limitHitCountSinceLastReport","enqueueNotification","notification","newNotification","__spreadValues","__spreadProps","enqueueSuccessNotification","message","options","enqueueInfoNotification","enqueueWarningNotification","enqueueErrorNotification","removeNotification","index","x","handleClose","event","handleExit","handleExited","currentNotification","currentNotificationSnackbarProps","snackbarFinalProps","Snackbar","Alert","CircularProgress","LinearProgress","useSaladBar","useContext"],"mappings":"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"}

package/dist/providers/SaladBar/SaladBarProvider.d.ts

@@ -1,5 +1,11 @@
-import { SnackbarProps } from '@mui/material/Snackbar';
+import React from 'react';
+import { SnackbarProps, SnackbarCloseReason } from '@mui/material/Snackbar';
+export type SaladBarCloseReason = SnackbarCloseReason | 'closeAlert';
 export interface SaladBarProviderProps extends SnackbarProps {
+    /** Called when an event triggers closing of currently displayed snackbar.
+     * Default implementation returns false if reason is 'clickaway', otherwise
+     * true.*/
+    shouldClose?: (event: Event | React.SyntheticEvent<Element, Event>, reason: SaladBarCloseReason) => boolean;
 }
-export default function SaladBarProvider({ children, ...snackbarProps }: SaladBarProviderProps): JSX.Element;
+export default function SaladBarProvider({ children, shouldClose, ...snackbarProps }: SaladBarProviderProps): JSX.Element;
 //# sourceMappingURL=SaladBarProvider.d.ts.map

package/dist/providers/SaladBar/SaladBarProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaladBarProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/SaladBarProvider.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AA0BjE,MAAM,WAAW,qBAAsB,SAAQ,aAAa;CAAG;AAE/D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,EAAE,qBAAqB,eA6K7F"}
+{"version":3,"file":"SaladBarProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/SaladBarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAiB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA8BtF,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAErE,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;cAEU;IACV,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,mBAAmB,KACxB,OAAO,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,WAA8C,EAC9C,GAAG,aAAa,EACjB,EAAE,qBAAqB,eAmKvB"}

package/dist/providers/SaladBar/defaults.d.ts

@@ -4,6 +4,9 @@ export declare const defaultSnackbarProps: {
     anchorOrigin: SnackbarOrigin;
     disableWindowBlurListener: boolean;
 };
+export declare const defaultSaladBarProps: {
+    shouldClose: (_event: Event | React.SyntheticEvent<Element, Event>, reason: string) => boolean;
+};
 export declare const defaultEnqueueNotificationOptions: {
     message: string;
     severity: string;

package/dist/providers/SaladBar/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/defaults.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,eAAO,MAAM,oBAAoB;;;;CAOhC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;CAK7C,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/defaults.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,eAAO,MAAM,oBAAoB;;;;CAOhC,CAAC;AAEF,eAAO,MAAM,oBAAoB;0BACT,KAAK,GAAG,MAAM,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,MAAM;CAGnF,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;CAK7C,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.24",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",
@@ -56,7 +56,7 @@
     "@mui/material": "5.11.0",
     "@mui/styles": "5.11.0",
     "@testing-library/dom": "9.3.0",
-    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "12.1.2",
     "@testing-library/user-event": "^14.4.3",
     "@types/node": "16.18.0",
@@ -65,7 +65,7 @@
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.8",
     "@typescript-eslint/parser": "^5.59.8",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@vitejs/plugin-react": "^4.0.1",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "@vitest/coverage-c8": "^0.31.4",
     "eslint": "^8.41.0",
@@ -85,6 +85,7 @@
     "prettier": "^2.8.8",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-router-dom": "^6.14.0",
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^2.3.0",