@australiangreens/ag-internal-components 0.0.21 → 0.0.23

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

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

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

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

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

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

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

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

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

package/package.json

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