@australiangreens/ag-internal-components 0.0.17 → 0.0.18

package/dist/cjs/index.js

@@ -1,2 +1,376 @@
-"use strict";var U=Object.defineProperty,W=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var m=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var y=(e,t,r)=>t in e?U(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,s=(e,t)=>{for(var r in t||(t={}))k.call(t,r)&&y(e,r,t[r]);if(m)for(var r of m(t))T.call(t,r)&&y(e,r,t[r]);return e},F=(e,t)=>W(e,G(t));var b=(e,t)=>{var r={};for(var o in e)k.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&m)for(var o of m(e))t.indexOf(o)<0&&T.call(e,o)&&(r[o]=e[o]);return r};var A=(e,t,r)=>(y(e,typeof t!="symbol"?t+"":t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("react"),X=require("@mui/material/Button"),Q=require("@mui/material/Paper"),P=require("@mui/material/Typography"),d=require("@mui/material/styles"),V=require("@mui/material/Snackbar"),$=require("@mui/material/Alert"),K=require("@mui/material/LinearProgress"),J=require("@mui/material/CircularProgress"),Y=require("@australiangreens/ag-error");function Z({text:e}){const[t,r]=u.useState(0);return n.jsxs(n.Fragment,{children:[n.jsx(P,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),n.jsx(P,{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(X,{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(Q,{children:["This number will incremember when button pressed: ",t]})]})}const ee=d.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:d.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:d.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:d.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),te=d.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 re({name:e="internal",children:t}){const r=e==="internal"?ee:e==="fed21"?te:void 0;return n.jsx(d.ThemeProvider,{theme:r,children:t})}class x extends Y.AgError{}A(x,"errorName","ContextError");const f=()=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},ne=e=>{throw new x("SaladBarContext can only be used in a child of a <SaladBarProvider>")},oe={enqueueNotification:f,enqueueSuccessNotification:f,enqueueInfoNotification:f,enqueueWarningNotification:f,enqueueErrorNotification:f,removeNotification:ne},D=u.createContext(oe),ie={autoHideDuration:6e3,anchorOrigin:{vertical:"top",horizontal:"center"},disableWindowBlurListener:!1},q={message:"",severity:"info",variant:"standard",progressIndicator:void 0},N=100,B=2e3,ae=2e3,se=(()=>{let e=0;return()=>(e+=1,e)})(),ce={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},le=r=>{var o=r,{children:e}=o,t=b(o,["children"]);var E;const[j,h]=u.useState(!1),c=u.useRef([]),v=u.useRef(Date.now()),g=u.useRef(0),p=(a={})=>{g.current+=1,c.current.length>=N&&Date.now()-v.current>=B&&(v.current=Date.now(),console.error(`SaladBarProvider: MAX_QUEUE_LENGTH (${N}) hit ${g.current} times in last ${B}ms)`),g.current=0);const i=s(F(s({},q),{key:se()}),a);return c.current.push(i),c.current.length===1&&h(!0),i.key},w=(a="",i={})=>p(s({message:a,severity:"success"},i)),I=(a="",i={})=>p(s({message:a,severity:"info"},i)),M=(a="",i={})=>p(s({message:a,severity:"warning"},i)),R=(a="",i={})=>p(s({message:a,severity:"error"},i)),H=a=>{const i=c.current.findIndex(z=>z.key===a);if(i!==-1)return i===0?(h(!1),c.current[0]):c.current.splice(i,1)},S=a=>{h(!1)},L=()=>{},_=()=>{c.current.shift(),c.current.length>0&&h(!0)},l=(E=c.current[0])!=null?E:s({},q),C={};"autoHideDuration"in l&&(C.autoHideDuration=l.autoHideDuration);const O=s(s({},ie),t);return n.jsxs(D.Provider,{value:{enqueueNotification:p,enqueueSuccessNotification:w,enqueueInfoNotification:I,enqueueWarningNotification:M,enqueueErrorNotification:R,removeNotification:H},children:[e,n.jsx(V,F(s(s({},O),C),{open:j,onClose:S,TransitionProps:{onExited:_,onExit:L},sx:{zIndex:ae},children:n.jsxs("div",{children:[n.jsx($,{onClose:S,severity:l.severity,variant:"filled",icon:l.progressIndicator==="circular"?n.jsx(J,{size:"1em"}):void 0,style:l.progressIndicator==="linear"?ce:void 0,children:l.message}),l.progressIndicator==="linear"&&n.jsx(K,{color:"primary"})]})}))]})};function ue(){return u.useContext(D)}exports.AgThemeProvider=re;exports.ContextError=x;exports.ExampleComponent=Z;exports.SaladBarProvider=le;exports.useSaladBar=ue;
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const Button = require("@mui/material/Button");
+const Paper = require("@mui/material/Paper");
+const Typography = require("@mui/material/Typography");
+const styles = require("@mui/material/styles");
+const Snackbar = require("@mui/material/Snackbar");
+const Alert = require("@mui/material/Alert");
+const LinearProgress = require("@mui/material/LinearProgress");
+const CircularProgress = require("@mui/material/CircularProgress");
+const agError = require("@australiangreens/ag-error");
+function ExampleComponent({ text }) {
+  const [num, setNum] = react.useState(0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", display: "block", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: "outlined",
+        onClick: () => setNum((oldNum) => oldNum + 1),
+        "aria-label": "Increment",
+        children: "Hello I am a button"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+      "This is some text: ",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Paper, { children: [
+      "This number will incremember when button pressed: ",
+      num
+    ] })
+  ] });
+}
+const internalAGSystemsTheme = styles.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: {
+      // Setting defaultProps for color on MenuItem does not work, so update manually
+      styleOverrides: {
+        root: ({ theme }) => ({
+          "&.Mui-selected": {
+            backgroundColor: styles.alpha(
+              theme.palette.secondary.main,
+              theme.palette.action.selectedOpacity
+            ),
+            "&:hover": {
+              backgroundColor: styles.alpha(
+                theme.palette.secondary.main,
+                theme.palette.action.selectedOpacity
+              )
+            },
+            "&.Mui-focusVisible": {
+              backgroundColor: styles.alpha(
+                theme.palette.secondary.main,
+                theme.palette.action.focusOpacity
+              )
+            }
+          }
+        })
+      }
+    }
+  },
+  typography: {
+    // I couldn't think of what to call this. It is an attempt to match
+    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
+    // but not sure if line height should be changed
+    explainer: {
+      fontSize: "14px",
+      marginBlockStart: "1em"
+    },
+    h3: {
+      fontSize: "1rem",
+      fontWeight: 700
+    }
+  }
+});
+const fed21Theme = styles.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: {
+    // I couldn't think of what to call this. It is an attempt to match
+    // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
+    // but not sure if line height should be changed
+    explainer: {
+      fontSize: "14px",
+      marginBlockStart: "1em"
+    }
+  }
+});
+function AgThemeProvider({
+  name = "internal",
+  children
+}) {
+  const theme = name === "internal" ? internalAGSystemsTheme : name === "fed21" ? fed21Theme : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme, children });
+}
+class ContextError extends agError.AgError {
+}
+__publicField(ContextError, "errorName", "ContextError");
+const stub = () => {
+  throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+};
+const notstub = (key) => {
+  throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+};
+const defaultValue = {
+  enqueueNotification: stub,
+  enqueueSuccessNotification: stub,
+  enqueueInfoNotification: stub,
+  enqueueWarningNotification: stub,
+  enqueueErrorNotification: stub,
+  removeNotification: notstub
+};
+const SaladBarContext = react.createContext(defaultValue);
+const defaultSnackbarProps = {
+  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: false
+};
+const defaultEnqueueNotificationOptions = {
+  message: "",
+  severity: "info",
+  variant: "standard",
+  progressIndicator: void 0
+  // Can use 'circular' or 'linear'
+};
+const MAX_QUEUE_LENGTH = 100;
+const MAX_QUEUE_HIT_REPORT_INTERVAL = 2e3;
+const SALADBAR_INDEX = 2e3;
+const generateNotificationKey = (() => {
+  let previousKey = 0;
+  return () => {
+    previousKey += 1;
+    return previousKey;
+  };
+})();
+const alertWithLinearProgressStyle = {
+  borderBottomLeftRadius: "0px",
+  borderBottomRightRadius: "0px"
+};
+const SaladBar = (_a) => {
+  var _b = _a, { children } = _b, snackbarProps = __objRest(_b, ["children"]);
+  var _a2;
+  const [open, setOpen] = react.useState(false);
+  const queueRef = react.useRef([]);
+  const limitLastHitAt = react.useRef(Date.now());
+  const limitHitCountSinceLastReport = react.useRef(0);
+  const enqueueNotification = (notification = {}) => {
+    limitHitCountSinceLastReport.current += 1;
+    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {
+      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {
+        limitLastHitAt.current = Date.now();
+        console.error(
+          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`
+        );
+        limitHitCountSinceLastReport.current = 0;
+      }
+    }
+    const newNotification = __spreadValues(__spreadProps(__spreadValues({}, defaultEnqueueNotificationOptions), {
+      key: generateNotificationKey()
+    }), notification);
+    queueRef.current.push(newNotification);
+    if (queueRef.current.length === 1)
+      setOpen(true);
+    return newNotification.key;
+  };
+  const enqueueSuccessNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "success" }, options));
+  const enqueueInfoNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "info" }, options));
+  const enqueueWarningNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "warning" }, options));
+  const enqueueErrorNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "error" }, options));
+  const removeNotification = (key) => {
+    const index = queueRef.current.findIndex((x) => x.key === key);
+    if (index === -1)
+      return;
+    if (index === 0) {
+      setOpen(false);
+      return queueRef.current[0];
+    }
+    return queueRef.current.splice(index, 1);
+  };
+  const handleClose = (_event) => {
+    setOpen(false);
+  };
+  const handleExit = () => {
+  };
+  const handleExited = () => {
+    queueRef.current.shift();
+    if (queueRef.current.length > 0)
+      setOpen(true);
+  };
+  const currentNotification = (_a2 = queueRef.current[0]) != null ? _a2 : __spreadValues({}, defaultEnqueueNotificationOptions);
+  const currentNotificationSnackbarProps = {};
+  if ("autoHideDuration" in currentNotification) {
+    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;
+  }
+  const snackbarFinalProps = __spreadValues(__spreadValues({}, defaultSnackbarProps), snackbarProps);
+  return (
+    // Should be resolved when we move to React >= 18
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SaladBarContext.Provider,
+      {
+        value: {
+          enqueueNotification,
+          enqueueSuccessNotification,
+          enqueueInfoNotification,
+          enqueueWarningNotification,
+          enqueueErrorNotification,
+          removeNotification
+        },
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Snackbar,
+            __spreadProps(__spreadValues(__spreadValues({}, snackbarFinalProps), currentNotificationSnackbarProps), {
+              open,
+              onClose: handleClose,
+              TransitionProps: {
+                onExited: handleExited,
+                onExit: handleExit
+              },
+              sx: { zIndex: SALADBAR_INDEX },
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Alert,
+                  {
+                    onClose: handleClose,
+                    severity: currentNotification.severity,
+                    variant: "filled",
+                    icon: currentNotification.progressIndicator === "circular" ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, { size: "1em" }) : void 0,
+                    style: currentNotification.progressIndicator === "linear" ? alertWithLinearProgressStyle : void 0,
+                    children: currentNotification.message
+                  }
+                ),
+                currentNotification.progressIndicator === "linear" && /* @__PURE__ */ jsxRuntime.jsx(LinearProgress, { color: "primary" })
+              ] })
+            })
+          )
+        ]
+      }
+    )
+  );
+};
+function useSaladBar() {
+  return react.useContext(SaladBarContext);
+}
+exports.AgThemeProvider = AgThemeProvider;
+exports.ContextError = ContextError;
+exports.ExampleComponent = ExampleComponent;
+exports.SaladBarProvider = SaladBar;
+exports.useSaladBar = useSaladBar;
 //# 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 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\ntype SaladBarProps = {\n  children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\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\nexport default SaladBar;\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","SaladBar","_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 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 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\ntype SaladBarProps = {\n  children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\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\nexport default SaladBar;\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":["useState","jsxs","Fragment","jsx","createTheme","alpha","ThemeProvider","AgError","createContext","useRef","_a","useContext"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,61 +1,74 @@
-var Q = Object.defineProperty, V = Object.defineProperties;
-var $ = 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) => {
-  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]);
-  return e;
-}, g = (e, t) => V(e, $(t));
-var N = (e, t) => {
-  var r = {};
-  for (var n in e)
-    T.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
-  if (e != null && m)
-    for (var n of m(e))
-      t.indexOf(n) < 0 && A.call(e, n) && (r[n] = e[n]);
-  return r;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
-var b = (e, t, r) => (F(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { jsxs as p, Fragment as j, jsx as s } 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 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 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__ */ 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(
-      Y,
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, createContext, useRef, useContext } from "react";
+import Button from "@mui/material/Button";
+import Paper from "@mui/material/Paper";
+import Typography from "@mui/material/Typography";
+import { createTheme, alpha, ThemeProvider } from "@mui/material/styles";
+import Snackbar from "@mui/material/Snackbar";
+import Alert from "@mui/material/Alert";
+import LinearProgress from "@mui/material/LinearProgress";
+import CircularProgress from "@mui/material/CircularProgress";
+import { AgError } from "@australiangreens/ag-error";
+function ExampleComponent({ text }) {
+  const [num, setNum] = useState(0);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", display: "block", children: /* @__PURE__ */ jsx("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ jsx(
+      Button,
       {
         variant: "outlined",
-        onClick: () => r((n) => n + 1),
+        onClick: () => setNum((oldNum) => oldNum + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ jsxs("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ s("span", { children: e })
+      /* @__PURE__ */ jsx("span", { children: text })
     ] }),
-    /* @__PURE__ */ p(Z, { children: [
+    /* @__PURE__ */ jsxs(Paper, { children: [
       "This number will incremember when button pressed: ",
-      t
+      num
     ] })
   ] });
 }
-const ae = M({
+const internalAGSystemsTheme = createTheme({
   palette: {
     primary: {
       main: "#007236",
@@ -107,22 +120,22 @@ const ae = M({
     MuiMenuItem: {
       // Setting defaultProps for color on MenuItem does not work, so update manually
       styleOverrides: {
-        root: ({ theme: e }) => ({
+        root: ({ theme }) => ({
           "&.Mui-selected": {
-            backgroundColor: x(
-              e.palette.secondary.main,
-              e.palette.action.selectedOpacity
+            backgroundColor: alpha(
+              theme.palette.secondary.main,
+              theme.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: x(
-                e.palette.secondary.main,
-                e.palette.action.selectedOpacity
+              backgroundColor: alpha(
+                theme.palette.secondary.main,
+                theme.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: x(
-                e.palette.secondary.main,
-                e.palette.action.focusOpacity
+              backgroundColor: alpha(
+                theme.palette.secondary.main,
+                theme.palette.action.focusOpacity
               )
             }
           }
@@ -143,7 +156,8 @@ const ae = M({
       fontWeight: 700
     }
   }
-}), se = M({
+});
+const fed21Theme = createTheme({
   palette: {
     primary: {
       dark: "#00A651",
@@ -192,107 +206,155 @@ const ae = M({
     }
   }
 });
-function Ne({
-  name: e = "internal",
-  children: t
+function AgThemeProvider({
+  name = "internal",
+  children
 }) {
-  return /* @__PURE__ */ s(ee, { theme: e === "internal" ? ae : e === "fed21" ? se : void 0, children: t });
+  const theme = name === "internal" ? internalAGSystemsTheme : name === "fed21" ? fed21Theme : void 0;
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children });
 }
-class v extends ie {
+class ContextError extends AgError {
 }
-b(v, "errorName", "ContextError");
-const d = () => {
-  throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, ce = (e) => {
-  throw new v("SaladBarContext can only be used in a child of a <SaladBarProvider>");
-}, le = {
-  enqueueNotification: d,
-  enqueueSuccessNotification: d,
-  enqueueInfoNotification: d,
-  enqueueWarningNotification: d,
-  enqueueErrorNotification: d,
-  removeNotification: ce
-}, q = K(le), ue = {
+__publicField(ContextError, "errorName", "ContextError");
+const stub = () => {
+  throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+};
+const notstub = (key) => {
+  throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
+};
+const defaultValue = {
+  enqueueNotification: stub,
+  enqueueSuccessNotification: stub,
+  enqueueInfoNotification: stub,
+  enqueueWarningNotification: stub,
+  enqueueErrorNotification: stub,
+  removeNotification: notstub
+};
+const SaladBarContext = createContext(defaultValue);
+const defaultSnackbarProps = {
   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 = {
+  disableWindowBlurListener: false
+};
+const defaultEnqueueNotificationOptions = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, B = 100, w = 2e3, de = 2e3, pe = (() => {
-  let e = 0;
-  return () => (e += 1, e);
-})(), fe = {
+};
+const MAX_QUEUE_LENGTH = 100;
+const MAX_QUEUE_HIT_REPORT_INTERVAL = 2e3;
+const SALADBAR_INDEX = 2e3;
+const generateNotificationKey = (() => {
+  let previousKey = 0;
+  return () => {
+    previousKey += 1;
+    return previousKey;
+  };
+})();
+const alertWithLinearProgressStyle = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, be = (r) => {
-  var n = r, { children: e } = n, t = N(n, ["children"]);
-  var E;
-  const [H, f] = I(!1), c = y([]), k = y(Date.now()), h = y(0), u = (i = {}) => {
-    h.current += 1, c.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)`
-    ), h.current = 0);
-    const o = a(g(a({}, P), {
-      key: pe()
-    }), i);
-    return c.current.push(o), c.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 = c.current.findIndex((X) => X.key === i);
-    if (o !== -1)
-      return o === 0 ? (f(!1), c.current[0]) : c.current.splice(o, 1);
-  }, C = (i) => {
-    f(!1);
-  }, U = () => {
-  }, W = () => {
-    c.current.shift(), c.current.length > 0 && f(!0);
-  }, l = (E = c.current[0]) != null ? E : a({}, P), S = {};
-  "autoHideDuration" in l && (S.autoHideDuration = l.autoHideDuration);
-  const G = a(a({}, ue), t);
+};
+const SaladBar = (_a) => {
+  var _b = _a, { children } = _b, snackbarProps = __objRest(_b, ["children"]);
+  var _a2;
+  const [open, setOpen] = useState(false);
+  const queueRef = useRef([]);
+  const limitLastHitAt = useRef(Date.now());
+  const limitHitCountSinceLastReport = useRef(0);
+  const enqueueNotification = (notification = {}) => {
+    limitHitCountSinceLastReport.current += 1;
+    if (queueRef.current.length >= MAX_QUEUE_LENGTH) {
+      if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {
+        limitLastHitAt.current = Date.now();
+        console.error(
+          `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`
+        );
+        limitHitCountSinceLastReport.current = 0;
+      }
+    }
+    const newNotification = __spreadValues(__spreadProps(__spreadValues({}, defaultEnqueueNotificationOptions), {
+      key: generateNotificationKey()
+    }), notification);
+    queueRef.current.push(newNotification);
+    if (queueRef.current.length === 1)
+      setOpen(true);
+    return newNotification.key;
+  };
+  const enqueueSuccessNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "success" }, options));
+  const enqueueInfoNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "info" }, options));
+  const enqueueWarningNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "warning" }, options));
+  const enqueueErrorNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "error" }, options));
+  const removeNotification = (key) => {
+    const index = queueRef.current.findIndex((x) => x.key === key);
+    if (index === -1)
+      return;
+    if (index === 0) {
+      setOpen(false);
+      return queueRef.current[0];
+    }
+    return queueRef.current.splice(index, 1);
+  };
+  const handleClose = (_event) => {
+    setOpen(false);
+  };
+  const handleExit = () => {
+  };
+  const handleExited = () => {
+    queueRef.current.shift();
+    if (queueRef.current.length > 0)
+      setOpen(true);
+  };
+  const currentNotification = (_a2 = queueRef.current[0]) != null ? _a2 : __spreadValues({}, defaultEnqueueNotificationOptions);
+  const currentNotificationSnackbarProps = {};
+  if ("autoHideDuration" in currentNotification) {
+    currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;
+  }
+  const snackbarFinalProps = __spreadValues(__spreadValues({}, defaultSnackbarProps), snackbarProps);
   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,
+    /* @__PURE__ */ jsxs(
+      SaladBarContext.Provider,
       {
         value: {
-          enqueueNotification: u,
-          enqueueSuccessNotification: L,
-          enqueueInfoNotification: R,
-          enqueueWarningNotification: _,
-          enqueueErrorNotification: O,
-          removeNotification: z
+          enqueueNotification,
+          enqueueSuccessNotification,
+          enqueueInfoNotification,
+          enqueueWarningNotification,
+          enqueueErrorNotification,
+          removeNotification
         },
         children: [
-          e,
-          /* @__PURE__ */ s(
-            te,
-            g(a(a({}, G), S), {
-              open: H,
-              onClose: C,
+          children,
+          /* @__PURE__ */ jsx(
+            Snackbar,
+            __spreadProps(__spreadValues(__spreadValues({}, snackbarFinalProps), currentNotificationSnackbarProps), {
+              open,
+              onClose: handleClose,
               TransitionProps: {
-                onExited: W,
-                onExit: U
+                onExited: handleExited,
+                onExit: handleExit
               },
-              sx: { zIndex: de },
-              children: /* @__PURE__ */ p("div", { children: [
-                /* @__PURE__ */ s(
-                  re,
+              sx: { zIndex: SALADBAR_INDEX },
+              children: /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  Alert,
                   {
-                    onClose: C,
-                    severity: l.severity,
+                    onClose: handleClose,
+                    severity: currentNotification.severity,
                     variant: "filled",
-                    icon: l.progressIndicator === "circular" ? /* @__PURE__ */ s(oe, { size: "1em" }) : void 0,
-                    style: l.progressIndicator === "linear" ? fe : void 0,
-                    children: l.message
+                    icon: currentNotification.progressIndicator === "circular" ? /* @__PURE__ */ jsx(CircularProgress, { size: "1em" }) : void 0,
+                    style: currentNotification.progressIndicator === "linear" ? alertWithLinearProgressStyle : void 0,
+                    children: currentNotification.message
                   }
                 ),
-                l.progressIndicator === "linear" && /* @__PURE__ */ s(ne, { color: "primary" })
+                currentNotification.progressIndicator === "linear" && /* @__PURE__ */ jsx(LinearProgress, { color: "primary" })
               ] })
             })
           )
@@ -301,14 +363,14 @@ const d = () => {
     )
   );
 };
-function De() {
-  return J(q);
+function useSaladBar() {
+  return useContext(SaladBarContext);
 }
 export {
-  Ne as AgThemeProvider,
-  v as ContextError,
-  Ae as ExampleComponent,
-  be as SaladBarProvider,
-  De as useSaladBar
+  AgThemeProvider,
+  ContextError,
+  ExampleComponent,
+  SaladBar as SaladBarProvider,
+  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 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\ntype SaladBarProps = {\n  children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\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\nexport default SaladBar;\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","SaladBar","_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 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 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\ntype SaladBarProps = {\n  children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\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\nexport default SaladBar;\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":["_a"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.17",
+  "version": "0.0.18",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",