@australiangreens/ag-internal-components 0.0.16 → 0.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/index.js +375 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/components/index.d.ts +3 -0
  4. package/dist/components/index.d.ts.map +1 -0
  5. package/dist/errors/ContextError.d.ts +5 -0
  6. package/dist/errors/ContextError.d.ts.map +1 -0
  7. package/dist/errors/index.d.ts +2 -0
  8. package/dist/errors/index.d.ts.map +1 -0
  9. package/dist/esm/index.js +234 -36
  10. package/dist/esm/index.js.map +1 -1
  11. package/dist/index.d.ts +4 -5
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/providers/AgTheme/index.d.ts.map +1 -0
  14. package/dist/providers/AgTheme/themes.d.ts.map +1 -0
  15. package/dist/providers/SaladBar/SaladBarContext.d.ts +26 -0
  16. package/dist/providers/SaladBar/SaladBarContext.d.ts.map +1 -0
  17. package/dist/providers/SaladBar/SaladBarProvider.d.ts +7 -0
  18. package/dist/providers/SaladBar/SaladBarProvider.d.ts.map +1 -0
  19. package/dist/providers/SaladBar/defaults.d.ts +13 -0
  20. package/dist/providers/SaladBar/defaults.d.ts.map +1 -0
  21. package/dist/providers/SaladBar/index.d.ts +3 -0
  22. package/dist/providers/SaladBar/index.d.ts.map +1 -0
  23. package/dist/providers/SaladBar/useSaladBar.d.ts +29 -0
  24. package/dist/providers/SaladBar/useSaladBar.d.ts.map +1 -0
  25. package/dist/providers/index.d.ts +5 -0
  26. package/dist/providers/index.d.ts.map +1 -0
  27. package/package.json +5 -2
  28. package/dist/components/AgThemeProvider/index.d.ts.map +0 -1
  29. package/dist/components/AgThemeProvider/themes.d.ts.map +0 -1
  30. /package/dist/{components/AgThemeProvider → providers/AgTheme}/index.d.ts +0 -0
  31. /package/dist/{components/AgThemeProvider → providers/AgTheme}/themes.d.ts +0 -0
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,376 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),c=require("@mui/material/Button"),l=require("@mui/material/Paper"),a=require("@mui/material/Typography"),r=require("@mui/material/styles");function d({text:e}){const[n,o]=s.useState(0);return t.jsxs(t.Fragment,{children:[t.jsx(a,{variant:"h6",color:"inherit",component:"div",sx:{fontSize:"22px"},children:"Hello world"}),t.jsx(a,{variant:"caption",display:"block",children:t.jsx("span",{children:"Just ensuring MUI is working as planned as a peer dependency. v0.0.11"})}),t.jsx(c,{variant:"outlined",onClick:()=>o(i=>i+1),"aria-label":"Increment",children:"Hello I am a button"}),t.jsxs("p",{children:["This is some text: ",t.jsx("span",{children:e})]}),t.jsxs(l,{children:["This number will incremember when button pressed: ",n]})]})}const p=r.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:r.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity),"&:hover":{backgroundColor:r.alpha(e.palette.secondary.main,e.palette.action.selectedOpacity)},"&.Mui-focusVisible":{backgroundColor:r.alpha(e.palette.secondary.main,e.palette.action.focusOpacity)}}})}}},typography:{explainer:{fontSize:"14px",marginBlockStart:"1em"},h3:{fontSize:"1rem",fontWeight:700}}}),u=r.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 F({name:e="internal",children:n}){const o=e==="internal"?p:e==="fed21"?u:void 0;return t.jsx(r.ThemeProvider,{theme:o,children:n})}exports.AgThemeProvider=F;exports.ExampleComponent=d;
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
4
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
+ var __spreadValues = (a, b) => {
10
+ for (var prop in b || (b = {}))
11
+ if (__hasOwnProp.call(b, prop))
12
+ __defNormalProp(a, prop, b[prop]);
13
+ if (__getOwnPropSymbols)
14
+ for (var prop of __getOwnPropSymbols(b)) {
15
+ if (__propIsEnum.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ }
18
+ return a;
19
+ };
20
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var __publicField = (obj, key, value) => {
34
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
35
+ return value;
36
+ };
37
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
38
+ const jsxRuntime = require("react/jsx-runtime");
39
+ const react = require("react");
40
+ const Button = require("@mui/material/Button");
41
+ const Paper = require("@mui/material/Paper");
42
+ const Typography = require("@mui/material/Typography");
43
+ const styles = require("@mui/material/styles");
44
+ const Snackbar = require("@mui/material/Snackbar");
45
+ const Alert = require("@mui/material/Alert");
46
+ const LinearProgress = require("@mui/material/LinearProgress");
47
+ const CircularProgress = require("@mui/material/CircularProgress");
48
+ const agError = require("@australiangreens/ag-error");
49
+ function ExampleComponent({ text }) {
50
+ const [num, setNum] = react.useState(0);
51
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
52
+ /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
53
+ /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", display: "block", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
54
+ /* @__PURE__ */ jsxRuntime.jsx(
55
+ Button,
56
+ {
57
+ variant: "outlined",
58
+ onClick: () => setNum((oldNum) => oldNum + 1),
59
+ "aria-label": "Increment",
60
+ children: "Hello I am a button"
61
+ }
62
+ ),
63
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
64
+ "This is some text: ",
65
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
66
+ ] }),
67
+ /* @__PURE__ */ jsxRuntime.jsxs(Paper, { children: [
68
+ "This number will incremember when button pressed: ",
69
+ num
70
+ ] })
71
+ ] });
72
+ }
73
+ const internalAGSystemsTheme = styles.createTheme({
74
+ palette: {
75
+ primary: {
76
+ main: "#007236",
77
+ dark: "#005221",
78
+ light: "#00A04E",
79
+ contrastText: "#FFFFFF"
80
+ },
81
+ secondary: {
82
+ main: "#662D91",
83
+ dark: "#440E62",
84
+ light: "#93268F",
85
+ contrastText: "#FFFFFF"
86
+ },
87
+ error: {
88
+ main: "#D32F2F",
89
+ dark: "#C62828",
90
+ light: "#EF5350"
91
+ },
92
+ info: {
93
+ main: "#0288D1",
94
+ dark: "#01579B",
95
+ light: "#03A9F4"
96
+ },
97
+ success: {
98
+ main: "#0288D1",
99
+ dark: "#01579B",
100
+ light: "#03A9F4"
101
+ }
102
+ },
103
+ components: {
104
+ MuiTextField: {
105
+ defaultProps: { color: "secondary" }
106
+ },
107
+ MuiToggleButtonGroup: {
108
+ defaultProps: { color: "secondary" }
109
+ },
110
+ MuiCheckbox: {
111
+ defaultProps: { color: "secondary" }
112
+ },
113
+ MuiSelect: {
114
+ defaultProps: { color: "secondary" }
115
+ },
116
+ MuiSwitch: {
117
+ defaultProps: { color: "secondary" }
118
+ },
119
+ MuiFormControl: {
120
+ defaultProps: { color: "secondary" }
121
+ },
122
+ MuiMenuItem: {
123
+ // Setting defaultProps for color on MenuItem does not work, so update manually
124
+ styleOverrides: {
125
+ root: ({ theme }) => ({
126
+ "&.Mui-selected": {
127
+ backgroundColor: styles.alpha(
128
+ theme.palette.secondary.main,
129
+ theme.palette.action.selectedOpacity
130
+ ),
131
+ "&:hover": {
132
+ backgroundColor: styles.alpha(
133
+ theme.palette.secondary.main,
134
+ theme.palette.action.selectedOpacity
135
+ )
136
+ },
137
+ "&.Mui-focusVisible": {
138
+ backgroundColor: styles.alpha(
139
+ theme.palette.secondary.main,
140
+ theme.palette.action.focusOpacity
141
+ )
142
+ }
143
+ }
144
+ })
145
+ }
146
+ }
147
+ },
148
+ typography: {
149
+ // I couldn't think of what to call this. It is an attempt to match
150
+ // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
151
+ // but not sure if line height should be changed
152
+ explainer: {
153
+ fontSize: "14px",
154
+ marginBlockStart: "1em"
155
+ },
156
+ h3: {
157
+ fontSize: "1rem",
158
+ fontWeight: 700
159
+ }
160
+ }
161
+ });
162
+ const fed21Theme = styles.createTheme({
163
+ palette: {
164
+ primary: {
165
+ dark: "#00A651",
166
+ light: "#A3D39C",
167
+ main: "#007236",
168
+ contrastText: "#FFF"
169
+ },
170
+ warning: {
171
+ main: "#F5871F",
172
+ light: "#FCC589",
173
+ dark: "#A2590A",
174
+ contrastText: "#FFF"
175
+ },
176
+ secondary: {
177
+ main: "#662D91",
178
+ light: "#BD8CBF",
179
+ dark: "#440E62",
180
+ contrastText: "#FFF"
181
+ },
182
+ error: {
183
+ main: "#D43C95",
184
+ light: "#8F2064",
185
+ dark: "#F9CDE0",
186
+ contrastText: "#FFF"
187
+ },
188
+ info: {
189
+ main: "#00A88D",
190
+ light: "#ADDCCF",
191
+ dark: "#005243",
192
+ contrastText: "#FFF"
193
+ },
194
+ success: {
195
+ main: "#00A651",
196
+ light: "#A3D39C",
197
+ dark: "#007236",
198
+ contrastText: "#FFF"
199
+ }
200
+ },
201
+ typography: {
202
+ // I couldn't think of what to call this. It is an attempt to match
203
+ // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
204
+ // but not sure if line height should be changed
205
+ explainer: {
206
+ fontSize: "14px",
207
+ marginBlockStart: "1em"
208
+ }
209
+ }
210
+ });
211
+ function AgThemeProvider({
212
+ name = "internal",
213
+ children
214
+ }) {
215
+ const theme = name === "internal" ? internalAGSystemsTheme : name === "fed21" ? fed21Theme : void 0;
216
+ return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme, children });
217
+ }
218
+ class ContextError extends agError.AgError {
219
+ }
220
+ __publicField(ContextError, "errorName", "ContextError");
221
+ const stub = () => {
222
+ throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
223
+ };
224
+ const notstub = (key) => {
225
+ throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
226
+ };
227
+ const defaultValue = {
228
+ enqueueNotification: stub,
229
+ enqueueSuccessNotification: stub,
230
+ enqueueInfoNotification: stub,
231
+ enqueueWarningNotification: stub,
232
+ enqueueErrorNotification: stub,
233
+ removeNotification: notstub
234
+ };
235
+ const SaladBarContext = react.createContext(defaultValue);
236
+ const defaultSnackbarProps = {
237
+ autoHideDuration: 6e3,
238
+ anchorOrigin: { vertical: "top", horizontal: "center" },
239
+ // The default is false. If we prefer timer to continue when window loses
240
+ // focus, change to true
241
+ disableWindowBlurListener: false
242
+ };
243
+ const defaultEnqueueNotificationOptions = {
244
+ message: "",
245
+ severity: "info",
246
+ variant: "standard",
247
+ progressIndicator: void 0
248
+ // Can use 'circular' or 'linear'
249
+ };
250
+ const MAX_QUEUE_LENGTH = 100;
251
+ const MAX_QUEUE_HIT_REPORT_INTERVAL = 2e3;
252
+ const SALADBAR_INDEX = 2e3;
253
+ const generateNotificationKey = (() => {
254
+ let previousKey = 0;
255
+ return () => {
256
+ previousKey += 1;
257
+ return previousKey;
258
+ };
259
+ })();
260
+ const alertWithLinearProgressStyle = {
261
+ borderBottomLeftRadius: "0px",
262
+ borderBottomRightRadius: "0px"
263
+ };
264
+ const SaladBar = (_a) => {
265
+ var _b = _a, { children } = _b, snackbarProps = __objRest(_b, ["children"]);
266
+ var _a2;
267
+ const [open, setOpen] = react.useState(false);
268
+ const queueRef = react.useRef([]);
269
+ const limitLastHitAt = react.useRef(Date.now());
270
+ const limitHitCountSinceLastReport = react.useRef(0);
271
+ const enqueueNotification = (notification = {}) => {
272
+ limitHitCountSinceLastReport.current += 1;
273
+ if (queueRef.current.length >= MAX_QUEUE_LENGTH) {
274
+ if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {
275
+ limitLastHitAt.current = Date.now();
276
+ console.error(
277
+ `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`
278
+ );
279
+ limitHitCountSinceLastReport.current = 0;
280
+ }
281
+ }
282
+ const newNotification = __spreadValues(__spreadProps(__spreadValues({}, defaultEnqueueNotificationOptions), {
283
+ key: generateNotificationKey()
284
+ }), notification);
285
+ queueRef.current.push(newNotification);
286
+ if (queueRef.current.length === 1)
287
+ setOpen(true);
288
+ return newNotification.key;
289
+ };
290
+ const enqueueSuccessNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "success" }, options));
291
+ const enqueueInfoNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "info" }, options));
292
+ const enqueueWarningNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "warning" }, options));
293
+ const enqueueErrorNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "error" }, options));
294
+ const removeNotification = (key) => {
295
+ const index = queueRef.current.findIndex((x) => x.key === key);
296
+ if (index === -1)
297
+ return;
298
+ if (index === 0) {
299
+ setOpen(false);
300
+ return queueRef.current[0];
301
+ }
302
+ return queueRef.current.splice(index, 1);
303
+ };
304
+ const handleClose = (_event) => {
305
+ setOpen(false);
306
+ };
307
+ const handleExit = () => {
308
+ };
309
+ const handleExited = () => {
310
+ queueRef.current.shift();
311
+ if (queueRef.current.length > 0)
312
+ setOpen(true);
313
+ };
314
+ const currentNotification = (_a2 = queueRef.current[0]) != null ? _a2 : __spreadValues({}, defaultEnqueueNotificationOptions);
315
+ const currentNotificationSnackbarProps = {};
316
+ if ("autoHideDuration" in currentNotification) {
317
+ currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;
318
+ }
319
+ const snackbarFinalProps = __spreadValues(__spreadValues({}, defaultSnackbarProps), snackbarProps);
320
+ return (
321
+ // Should be resolved when we move to React >= 18
322
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
323
+ // @ts-ignore
324
+ /* @__PURE__ */ jsxRuntime.jsxs(
325
+ SaladBarContext.Provider,
326
+ {
327
+ value: {
328
+ enqueueNotification,
329
+ enqueueSuccessNotification,
330
+ enqueueInfoNotification,
331
+ enqueueWarningNotification,
332
+ enqueueErrorNotification,
333
+ removeNotification
334
+ },
335
+ children: [
336
+ children,
337
+ /* @__PURE__ */ jsxRuntime.jsx(
338
+ Snackbar,
339
+ __spreadProps(__spreadValues(__spreadValues({}, snackbarFinalProps), currentNotificationSnackbarProps), {
340
+ open,
341
+ onClose: handleClose,
342
+ TransitionProps: {
343
+ onExited: handleExited,
344
+ onExit: handleExit
345
+ },
346
+ sx: { zIndex: SALADBAR_INDEX },
347
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
348
+ /* @__PURE__ */ jsxRuntime.jsx(
349
+ Alert,
350
+ {
351
+ onClose: handleClose,
352
+ severity: currentNotification.severity,
353
+ variant: "filled",
354
+ icon: currentNotification.progressIndicator === "circular" ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, { size: "1em" }) : void 0,
355
+ style: currentNotification.progressIndicator === "linear" ? alertWithLinearProgressStyle : void 0,
356
+ children: currentNotification.message
357
+ }
358
+ ),
359
+ currentNotification.progressIndicator === "linear" && /* @__PURE__ */ jsxRuntime.jsx(LinearProgress, { color: "primary" })
360
+ ] })
361
+ })
362
+ )
363
+ ]
364
+ }
365
+ )
366
+ );
367
+ };
368
+ function useSaladBar() {
369
+ return react.useContext(SaladBarContext);
370
+ }
371
+ exports.AgThemeProvider = AgThemeProvider;
372
+ exports.ContextError = ContextError;
373
+ exports.ExampleComponent = ExampleComponent;
374
+ exports.SaladBarProvider = SaladBar;
375
+ exports.useSaladBar = useSaladBar;
2
376
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/components/AgThemeProvider/themes.ts","../../src/components/AgThemeProvider/index.tsx"],"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"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n const [num, setNum] = useState(0);\n\n return (\n <>\n <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n Hello world\n </Typography>\n\n <Typography variant=\"caption\" display=\"block\">\n <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n </Typography>\n <Button\n variant=\"outlined\"\n onClick={() => setNum((oldNum) => oldNum + 1)}\n aria-label=\"Increment\"\n >\n Hello I am a button\n </Button>\n <p>\n This is some text: <span>{text}</span>\n </p>\n <Paper>This number will incremember when button pressed: {num}</Paper>\n </>\n );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n palette: {\n primary: {\n main: '#007236',\n dark: '#005221',\n light: '#00A04E',\n contrastText: '#FFFFFF',\n },\n secondary: {\n main: '#662D91',\n dark: '#440E62',\n light: '#93268F',\n contrastText: '#FFFFFF',\n },\n error: {\n main: '#D32F2F',\n dark: '#C62828',\n light: '#EF5350',\n },\n info: {\n main: '#0288D1',\n dark: '#01579B',\n light: '#03A9F4',\n },\n success: {\n main: '#0288D1',\n dark: '#01579B',\n light: '#03A9F4',\n },\n },\n components: {\n MuiTextField: {\n defaultProps: { color: 'secondary' },\n },\n MuiToggleButtonGroup: {\n defaultProps: { color: 'secondary' },\n },\n MuiCheckbox: {\n defaultProps: { color: 'secondary' },\n },\n MuiSelect: {\n defaultProps: { color: 'secondary' },\n },\n MuiSwitch: {\n defaultProps: { color: 'secondary' },\n },\n MuiFormControl: {\n defaultProps: { color: 'secondary' },\n },\n MuiMenuItem: {\n // Setting defaultProps for color on MenuItem does not work, so update manually\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-selected': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.selectedOpacity\n ),\n '&:hover': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.selectedOpacity\n ),\n },\n '&.Mui-focusVisible': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.focusOpacity\n ),\n },\n },\n }),\n },\n },\n },\n typography: {\n // I couldn't think of what to call this. It is an attempt to match\n // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n // but not sure if line height should be changed\n explainer: {\n fontSize: '14px',\n marginBlockStart: '1em',\n },\n h3: {\n fontSize: '1rem',\n fontWeight: 700,\n },\n },\n});\n\nexport const fed21Theme = createTheme({\n palette: {\n primary: {\n dark: '#00A651',\n light: '#A3D39C',\n main: '#007236',\n contrastText: '#FFF',\n },\n warning: {\n main: '#F5871F',\n light: '#FCC589',\n dark: '#A2590A',\n contrastText: '#FFF',\n },\n secondary: {\n main: '#662D91',\n light: '#BD8CBF',\n dark: '#440E62',\n contrastText: '#FFF',\n },\n error: {\n main: '#D43C95',\n light: '#8F2064',\n dark: '#F9CDE0',\n contrastText: '#FFF',\n },\n info: {\n main: '#00A88D',\n light: '#ADDCCF',\n dark: '#005243',\n contrastText: '#FFF',\n },\n success: {\n main: '#00A651',\n light: '#A3D39C',\n dark: '#007236',\n contrastText: '#FFF',\n },\n },\n typography: {\n // I couldn't think of what to call this. It is an attempt to match\n // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n // but not sure if line height should be changed\n explainer: {\n fontSize: '14px',\n marginBlockStart: '1em',\n },\n },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n name = 'internal',\n children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n const theme =\n name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n // Should be resolved when we move to React >= 18\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n key: number;\n message: string;\n severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n variant: 'standard' | 'outlined' | 'filled' | undefined;\n progressIndicator: string | undefined;\n autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n // where options include message and severity of 'error' ,'warning', 'info' or\n // 'success'\n enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n // enqueueSuccessNotification(msg),\n enqueueInfoNotification: SaladBarContextFunction; // Call as const key =\n // enqueueInfoNotification(msg),\n enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n // enqueueWarningNotification(msg),\n enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n // enqueueErrorNotification(msg),\n removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n enqueueNotification: stub,\n enqueueSuccessNotification: stub,\n enqueueInfoNotification: stub,\n enqueueWarningNotification: stub,\n enqueueErrorNotification: stub,\n removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n autoHideDuration: 6000,\n anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n // The default is false. If we prefer timer to continue when window loses\n // focus, change to true\n disableWindowBlurListener: false,\n};\n\nexport const defaultEnqueueNotificationOptions = {\n message: '',\n severity: 'info',\n variant: 'standard',\n progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport { defaultSnackbarProps, defaultEnqueueNotificationOptions } from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n let previousKey = 0;\n return () => {\n previousKey += 1;\n return previousKey;\n };\n})();\n\nconst alertWithLinearProgressStyle = {\n borderBottomLeftRadius: '0px',\n borderBottomRightRadius: '0px',\n};\n\ntype SaladBarProps = {\n children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\n const [open, setOpen] = useState(false);\n\n // We use a ref instead of a state to store the actual data, because we want\n // queue to be persistent across the whole lifetime of component. I considered\n // using yocto-queue because it would be O(1) instead of O(n), but its not\n // designed to access the head without removing it and its not going to make\n // much difference anyway.\n const queueRef = useRef<NotificationType[]>([]);\n\n const limitLastHitAt = useRef(Date.now());\n const limitHitCountSinceLastReport = useRef(0);\n\n const enqueueNotification = (notification = {}) => {\n limitHitCountSinceLastReport.current += 1;\n if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n // If the queue length is hit, probably stuck in some sort of loop, so\n // don't want to spam logs instantly so space it out\n if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n limitLastHitAt.current = Date.now();\n console.error(\n `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n );\n limitHitCountSinceLastReport.current = 0;\n }\n }\n\n const newNotification = {\n ...defaultEnqueueNotificationOptions,\n key: generateNotificationKey(), // Can be overridden.\n ...notification, // This could result in collisons, but unlikely.\n };\n\n // Add to the end of queue\n queueRef.current.push(newNotification as NotificationType);\n\n // If the queue was previously empty, then open the snackbar. We don't do it\n // whenever enqueueNotification is called since it will mess up transitions\n if (queueRef.current.length === 1) setOpen(true);\n\n return newNotification.key;\n };\n\n const enqueueSuccessNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'success', ...options });\n\n const enqueueInfoNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'info', ...options });\n\n const enqueueWarningNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'warning', ...options });\n\n const enqueueErrorNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'error', ...options });\n\n /**\n * Remove the notification with specified key from the queue. If the key is\n * not found, immediately returns null.\n *\n * @param key - The key as returned from enqueue...() function.\n *\n * @returns The removed notification\n */\n const removeNotification = (key: unknown) => {\n const index = queueRef.current.findIndex((x) => x.key === key);\n if (index === -1) return;\n\n if (index === 0) {\n // If its at the front of the queue, it is either currently being\n // displayed or in process of being closed. Either way, we can just set\n // open to false\n setOpen(false);\n return queueRef.current[0];\n }\n // Otherwise we just remove it from the queue, it won't need to transition\n return queueRef.current.splice(index, 1);\n };\n\n // Callback fired when the component requests to be closed\n // const handleClose = (_event, reason) => {\n // // We ignore click away, letting user continue with UI while its still\n // // displayed\n // if (reason === 'clickaway') return;\n\n // setOpen(false);\n // };\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const handleClose = (_event: Event | React.SyntheticEvent<Element, Event>) => {\n // We ignore click away, letting user continue with UI while its still\n // displayed\n\n setOpen(false);\n };\n\n // Callback fired before the transition is exiting.\n const handleExit = () => {};\n\n // Callback fired when the transition has exited.\n const handleExited = () => {\n // Remove head of queue\n queueRef.current.shift();\n\n // If there is still something on the queue, then re-open\n if (queueRef.current.length > 0) setOpen(true);\n };\n\n // The notification to display is the one at head of queue\n const currentNotification = queueRef.current[0] ?? {\n ...defaultEnqueueNotificationOptions,\n };\n\n // Can also override certain props on a notification level\n const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n // Probably a better way of doing this\n if ('autoHideDuration' in currentNotification) {\n currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n }\n\n // Note the order of props in Snackbar, we don't allow overriding open and\n // onClose.\n\n const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n return (\n // Should be resolved when we move to React >= 18\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n <SaladBarContext.Provider\n value={{\n enqueueNotification,\n enqueueSuccessNotification,\n enqueueInfoNotification,\n enqueueWarningNotification,\n enqueueErrorNotification,\n removeNotification,\n }}\n >\n {children}\n <Snackbar\n {...snackbarFinalProps}\n {...currentNotificationSnackbarProps}\n open={open}\n onClose={handleClose}\n TransitionProps={{\n onExited: handleExited,\n onExit: handleExit,\n }}\n sx={{ zIndex: SALADBAR_INDEX }}\n >\n <div>\n <Alert\n onClose={handleClose}\n severity={currentNotification.severity}\n variant={'filled'}\n icon={\n currentNotification.progressIndicator === 'circular' ? (\n <CircularProgress size=\"1em\" />\n ) : undefined\n }\n style={\n currentNotification.progressIndicator === 'linear'\n ? alertWithLinearProgressStyle\n : undefined\n }\n >\n {currentNotification.message}\n </Alert>\n {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n </div>\n </Snackbar>\n </SaladBarContext.Provider>\n );\n};\n\nexport default SaladBar;\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n * enqueueNotification,\n * enqueueSuccessNotification,\n * enqueueInfoNotification,\n * enqueueWarningNotification,\n * enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n return useContext(SaladBarContext);\n}\n"],"names":["useState","jsxs","Fragment","jsx","createTheme","alpha","ThemeProvider","AgError","createContext","useRef","_a","useContext"],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { default as ExampleComponent } from './ExampleComponent';
2
+ export * from './ExampleComponent';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,oBAAoB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { AgError } from '@australiangreens/ag-error';
2
+ export declare class ContextError extends AgError {
3
+ static errorName: string;
4
+ }
5
+ //# sourceMappingURL=ContextError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContextError.d.ts","sourceRoot":"","sources":["../../../src/errors/ContextError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAGrD,qBAAa,YAAa,SAAQ,OAAO;IACvC,MAAM,CAAC,SAAS,SAAkB;CACnC"}
@@ -0,0 +1,2 @@
1
+ export * from './ContextError';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/errors/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
package/dist/esm/index.js CHANGED
@@ -1,34 +1,74 @@
1
- import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
2
- import { useState as d } from "react";
3
- import p from "@mui/material/Button";
4
- import m from "@mui/material/Paper";
5
- import i from "@mui/material/Typography";
6
- import { createTheme as l, alpha as n, ThemeProvider as F } from "@mui/material/styles";
7
- function C({ text: e }) {
8
- const [r, a] = d(0);
9
- return /* @__PURE__ */ o(s, { children: [
10
- /* @__PURE__ */ t(i, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
11
- /* @__PURE__ */ t(i, { variant: "caption", display: "block", children: /* @__PURE__ */ t("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
12
- /* @__PURE__ */ t(
13
- p,
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+ var __publicField = (obj, key, value) => {
33
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
34
+ return value;
35
+ };
36
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
37
+ import { useState, createContext, useRef, useContext } from "react";
38
+ import Button from "@mui/material/Button";
39
+ import Paper from "@mui/material/Paper";
40
+ import Typography from "@mui/material/Typography";
41
+ import { createTheme, alpha, ThemeProvider } from "@mui/material/styles";
42
+ import Snackbar from "@mui/material/Snackbar";
43
+ import Alert from "@mui/material/Alert";
44
+ import LinearProgress from "@mui/material/LinearProgress";
45
+ import CircularProgress from "@mui/material/CircularProgress";
46
+ import { AgError } from "@australiangreens/ag-error";
47
+ function ExampleComponent({ text }) {
48
+ const [num, setNum] = useState(0);
49
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
50
+ /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
51
+ /* @__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" }) }),
52
+ /* @__PURE__ */ jsx(
53
+ Button,
14
54
  {
15
55
  variant: "outlined",
16
- onClick: () => a((c) => c + 1),
56
+ onClick: () => setNum((oldNum) => oldNum + 1),
17
57
  "aria-label": "Increment",
18
58
  children: "Hello I am a button"
19
59
  }
20
60
  ),
21
- /* @__PURE__ */ o("p", { children: [
61
+ /* @__PURE__ */ jsxs("p", { children: [
22
62
  "This is some text: ",
23
- /* @__PURE__ */ t("span", { children: e })
63
+ /* @__PURE__ */ jsx("span", { children: text })
24
64
  ] }),
25
- /* @__PURE__ */ o(m, { children: [
65
+ /* @__PURE__ */ jsxs(Paper, { children: [
26
66
  "This number will incremember when button pressed: ",
27
- r
67
+ num
28
68
  ] })
29
69
  ] });
30
70
  }
31
- const u = l({
71
+ const internalAGSystemsTheme = createTheme({
32
72
  palette: {
33
73
  primary: {
34
74
  main: "#007236",
@@ -80,22 +120,22 @@ const u = l({
80
120
  MuiMenuItem: {
81
121
  // Setting defaultProps for color on MenuItem does not work, so update manually
82
122
  styleOverrides: {
83
- root: ({ theme: e }) => ({
123
+ root: ({ theme }) => ({
84
124
  "&.Mui-selected": {
85
- backgroundColor: n(
86
- e.palette.secondary.main,
87
- e.palette.action.selectedOpacity
125
+ backgroundColor: alpha(
126
+ theme.palette.secondary.main,
127
+ theme.palette.action.selectedOpacity
88
128
  ),
89
129
  "&:hover": {
90
- backgroundColor: n(
91
- e.palette.secondary.main,
92
- e.palette.action.selectedOpacity
130
+ backgroundColor: alpha(
131
+ theme.palette.secondary.main,
132
+ theme.palette.action.selectedOpacity
93
133
  )
94
134
  },
95
135
  "&.Mui-focusVisible": {
96
- backgroundColor: n(
97
- e.palette.secondary.main,
98
- e.palette.action.focusOpacity
136
+ backgroundColor: alpha(
137
+ theme.palette.secondary.main,
138
+ theme.palette.action.focusOpacity
99
139
  )
100
140
  }
101
141
  }
@@ -116,7 +156,8 @@ const u = l({
116
156
  fontWeight: 700
117
157
  }
118
158
  }
119
- }), h = l({
159
+ });
160
+ const fed21Theme = createTheme({
120
161
  palette: {
121
162
  primary: {
122
163
  dark: "#00A651",
@@ -165,14 +206,171 @@ const u = l({
165
206
  }
166
207
  }
167
208
  });
168
- function A({
169
- name: e = "internal",
170
- children: r
209
+ function AgThemeProvider({
210
+ name = "internal",
211
+ children
171
212
  }) {
172
- return /* @__PURE__ */ t(F, { theme: e === "internal" ? u : e === "fed21" ? h : void 0, children: r });
213
+ const theme = name === "internal" ? internalAGSystemsTheme : name === "fed21" ? fed21Theme : void 0;
214
+ return /* @__PURE__ */ jsx(ThemeProvider, { theme, children });
215
+ }
216
+ class ContextError extends AgError {
217
+ }
218
+ __publicField(ContextError, "errorName", "ContextError");
219
+ const stub = () => {
220
+ throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
221
+ };
222
+ const notstub = (key) => {
223
+ throw new ContextError("SaladBarContext can only be used in a child of a <SaladBarProvider>");
224
+ };
225
+ const defaultValue = {
226
+ enqueueNotification: stub,
227
+ enqueueSuccessNotification: stub,
228
+ enqueueInfoNotification: stub,
229
+ enqueueWarningNotification: stub,
230
+ enqueueErrorNotification: stub,
231
+ removeNotification: notstub
232
+ };
233
+ const SaladBarContext = createContext(defaultValue);
234
+ const defaultSnackbarProps = {
235
+ autoHideDuration: 6e3,
236
+ anchorOrigin: { vertical: "top", horizontal: "center" },
237
+ // The default is false. If we prefer timer to continue when window loses
238
+ // focus, change to true
239
+ disableWindowBlurListener: false
240
+ };
241
+ const defaultEnqueueNotificationOptions = {
242
+ message: "",
243
+ severity: "info",
244
+ variant: "standard",
245
+ progressIndicator: void 0
246
+ // Can use 'circular' or 'linear'
247
+ };
248
+ const MAX_QUEUE_LENGTH = 100;
249
+ const MAX_QUEUE_HIT_REPORT_INTERVAL = 2e3;
250
+ const SALADBAR_INDEX = 2e3;
251
+ const generateNotificationKey = (() => {
252
+ let previousKey = 0;
253
+ return () => {
254
+ previousKey += 1;
255
+ return previousKey;
256
+ };
257
+ })();
258
+ const alertWithLinearProgressStyle = {
259
+ borderBottomLeftRadius: "0px",
260
+ borderBottomRightRadius: "0px"
261
+ };
262
+ const SaladBar = (_a) => {
263
+ var _b = _a, { children } = _b, snackbarProps = __objRest(_b, ["children"]);
264
+ var _a2;
265
+ const [open, setOpen] = useState(false);
266
+ const queueRef = useRef([]);
267
+ const limitLastHitAt = useRef(Date.now());
268
+ const limitHitCountSinceLastReport = useRef(0);
269
+ const enqueueNotification = (notification = {}) => {
270
+ limitHitCountSinceLastReport.current += 1;
271
+ if (queueRef.current.length >= MAX_QUEUE_LENGTH) {
272
+ if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {
273
+ limitLastHitAt.current = Date.now();
274
+ console.error(
275
+ `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`
276
+ );
277
+ limitHitCountSinceLastReport.current = 0;
278
+ }
279
+ }
280
+ const newNotification = __spreadValues(__spreadProps(__spreadValues({}, defaultEnqueueNotificationOptions), {
281
+ key: generateNotificationKey()
282
+ }), notification);
283
+ queueRef.current.push(newNotification);
284
+ if (queueRef.current.length === 1)
285
+ setOpen(true);
286
+ return newNotification.key;
287
+ };
288
+ const enqueueSuccessNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "success" }, options));
289
+ const enqueueInfoNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "info" }, options));
290
+ const enqueueWarningNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "warning" }, options));
291
+ const enqueueErrorNotification = (message = "", options = {}) => enqueueNotification(__spreadValues({ message, severity: "error" }, options));
292
+ const removeNotification = (key) => {
293
+ const index = queueRef.current.findIndex((x) => x.key === key);
294
+ if (index === -1)
295
+ return;
296
+ if (index === 0) {
297
+ setOpen(false);
298
+ return queueRef.current[0];
299
+ }
300
+ return queueRef.current.splice(index, 1);
301
+ };
302
+ const handleClose = (_event) => {
303
+ setOpen(false);
304
+ };
305
+ const handleExit = () => {
306
+ };
307
+ const handleExited = () => {
308
+ queueRef.current.shift();
309
+ if (queueRef.current.length > 0)
310
+ setOpen(true);
311
+ };
312
+ const currentNotification = (_a2 = queueRef.current[0]) != null ? _a2 : __spreadValues({}, defaultEnqueueNotificationOptions);
313
+ const currentNotificationSnackbarProps = {};
314
+ if ("autoHideDuration" in currentNotification) {
315
+ currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;
316
+ }
317
+ const snackbarFinalProps = __spreadValues(__spreadValues({}, defaultSnackbarProps), snackbarProps);
318
+ return (
319
+ // Should be resolved when we move to React >= 18
320
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
321
+ // @ts-ignore
322
+ /* @__PURE__ */ jsxs(
323
+ SaladBarContext.Provider,
324
+ {
325
+ value: {
326
+ enqueueNotification,
327
+ enqueueSuccessNotification,
328
+ enqueueInfoNotification,
329
+ enqueueWarningNotification,
330
+ enqueueErrorNotification,
331
+ removeNotification
332
+ },
333
+ children: [
334
+ children,
335
+ /* @__PURE__ */ jsx(
336
+ Snackbar,
337
+ __spreadProps(__spreadValues(__spreadValues({}, snackbarFinalProps), currentNotificationSnackbarProps), {
338
+ open,
339
+ onClose: handleClose,
340
+ TransitionProps: {
341
+ onExited: handleExited,
342
+ onExit: handleExit
343
+ },
344
+ sx: { zIndex: SALADBAR_INDEX },
345
+ children: /* @__PURE__ */ jsxs("div", { children: [
346
+ /* @__PURE__ */ jsx(
347
+ Alert,
348
+ {
349
+ onClose: handleClose,
350
+ severity: currentNotification.severity,
351
+ variant: "filled",
352
+ icon: currentNotification.progressIndicator === "circular" ? /* @__PURE__ */ jsx(CircularProgress, { size: "1em" }) : void 0,
353
+ style: currentNotification.progressIndicator === "linear" ? alertWithLinearProgressStyle : void 0,
354
+ children: currentNotification.message
355
+ }
356
+ ),
357
+ currentNotification.progressIndicator === "linear" && /* @__PURE__ */ jsx(LinearProgress, { color: "primary" })
358
+ ] })
359
+ })
360
+ )
361
+ ]
362
+ }
363
+ )
364
+ );
365
+ };
366
+ function useSaladBar() {
367
+ return useContext(SaladBarContext);
173
368
  }
174
369
  export {
175
- A as AgThemeProvider,
176
- C as ExampleComponent
370
+ AgThemeProvider,
371
+ ContextError,
372
+ ExampleComponent,
373
+ SaladBar as SaladBarProvider,
374
+ useSaladBar
177
375
  };
178
376
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/components/AgThemeProvider/themes.ts","../../src/components/AgThemeProvider/index.tsx"],"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"],"names":["ExampleComponent","text","num","setNum","useState","jsxs","Fragment","jsx","Typography","Button","oldNum","Paper","internalAGSystemsTheme","createTheme","theme","alpha","fed21Theme","AgThemeProvider","name","children","ThemeProvider"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/components/ExampleComponent/index.tsx","../../src/providers/AgTheme/themes.ts","../../src/providers/AgTheme/index.tsx","../../src/errors/ContextError.ts","../../src/providers/SaladBar/SaladBarContext.ts","../../src/providers/SaladBar/defaults.ts","../../src/providers/SaladBar/SaladBarProvider.tsx","../../src/providers/SaladBar/useSaladBar.ts"],"sourcesContent":["import { useState } from 'react';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nexport interface ExampleComponentProps {\n text: string;\n}\n\nexport default function ExampleComponent({ text }: ExampleComponentProps) {\n const [num, setNum] = useState(0);\n\n return (\n <>\n <Typography variant=\"h6\" color=\"inherit\" component=\"div\" sx={{ fontSize: '22px' }}>\n Hello world\n </Typography>\n\n <Typography variant=\"caption\" display=\"block\">\n <span>Just ensuring MUI is working as planned as a peer dependency. v0.0.11</span>\n </Typography>\n <Button\n variant=\"outlined\"\n onClick={() => setNum((oldNum) => oldNum + 1)}\n aria-label=\"Increment\"\n >\n Hello I am a button\n </Button>\n <p>\n This is some text: <span>{text}</span>\n </p>\n <Paper>This number will incremember when button pressed: {num}</Paper>\n </>\n );\n}\n","import { alpha, createTheme } from '@mui/material/styles';\n\nexport const internalAGSystemsTheme = createTheme({\n palette: {\n primary: {\n main: '#007236',\n dark: '#005221',\n light: '#00A04E',\n contrastText: '#FFFFFF',\n },\n secondary: {\n main: '#662D91',\n dark: '#440E62',\n light: '#93268F',\n contrastText: '#FFFFFF',\n },\n error: {\n main: '#D32F2F',\n dark: '#C62828',\n light: '#EF5350',\n },\n info: {\n main: '#0288D1',\n dark: '#01579B',\n light: '#03A9F4',\n },\n success: {\n main: '#0288D1',\n dark: '#01579B',\n light: '#03A9F4',\n },\n },\n components: {\n MuiTextField: {\n defaultProps: { color: 'secondary' },\n },\n MuiToggleButtonGroup: {\n defaultProps: { color: 'secondary' },\n },\n MuiCheckbox: {\n defaultProps: { color: 'secondary' },\n },\n MuiSelect: {\n defaultProps: { color: 'secondary' },\n },\n MuiSwitch: {\n defaultProps: { color: 'secondary' },\n },\n MuiFormControl: {\n defaultProps: { color: 'secondary' },\n },\n MuiMenuItem: {\n // Setting defaultProps for color on MenuItem does not work, so update manually\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-selected': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.selectedOpacity\n ),\n '&:hover': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.selectedOpacity\n ),\n },\n '&.Mui-focusVisible': {\n backgroundColor: alpha(\n theme.palette.secondary.main,\n theme.palette.action.focusOpacity\n ),\n },\n },\n }),\n },\n },\n },\n typography: {\n // I couldn't think of what to call this. It is an attempt to match\n // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n // but not sure if line height should be changed\n explainer: {\n fontSize: '14px',\n marginBlockStart: '1em',\n },\n h3: {\n fontSize: '1rem',\n fontWeight: 700,\n },\n },\n});\n\nexport const fed21Theme = createTheme({\n palette: {\n primary: {\n dark: '#00A651',\n light: '#A3D39C',\n main: '#007236',\n contrastText: '#FFF',\n },\n warning: {\n main: '#F5871F',\n light: '#FCC589',\n dark: '#A2590A',\n contrastText: '#FFF',\n },\n secondary: {\n main: '#662D91',\n light: '#BD8CBF',\n dark: '#440E62',\n contrastText: '#FFF',\n },\n error: {\n main: '#D43C95',\n light: '#8F2064',\n dark: '#F9CDE0',\n contrastText: '#FFF',\n },\n info: {\n main: '#00A88D',\n light: '#ADDCCF',\n dark: '#005243',\n contrastText: '#FFF',\n },\n success: {\n main: '#00A651',\n light: '#A3D39C',\n dark: '#007236',\n contrastText: '#FFF',\n },\n },\n typography: {\n // I couldn't think of what to call this. It is an attempt to match\n // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730\n // but not sure if line height should be changed\n explainer: {\n fontSize: '14px',\n marginBlockStart: '1em',\n },\n },\n});\n","import { PropsWithChildren } from 'react';\nimport { ThemeProvider } from '@mui/material/styles';\n\nimport { internalAGSystemsTheme, fed21Theme } from './themes';\n\nexport type AgThemeName = 'internal' | 'fed21';\n\nexport interface AgThemeProviderProps {\n name?: AgThemeName;\n}\n\nexport default function AgThemeProvider({\n name = 'internal',\n children,\n}: PropsWithChildren<AgThemeProviderProps>) {\n const theme =\n name === 'internal' ? internalAGSystemsTheme : name === 'fed21' ? fed21Theme : undefined;\n\n // Should be resolved when we move to React >= 18\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n return <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n}\n","import { AgError } from '@australiangreens/ag-error';\n\n// Superclass for errors involving React context.\nexport class ContextError extends AgError {\n static errorName = 'ContextError';\n}\n","import { createContext } from 'react';\n\nimport { ContextError } from '../../errors/ContextError';\n\nconst stub: () => void = () => {\n throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\nexport type NotificationType = {\n key: number;\n message: string;\n severity: 'success' | 'info' | 'warning' | 'error' | undefined;\n variant: 'standard' | 'outlined' | 'filled' | undefined;\n progressIndicator: string | undefined;\n autoHideDuration: number | undefined;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst notstub = (key: unknown): NotificationType | NotificationType[] | void => {\n throw new ContextError('SaladBarContext can only be used in a child of a <SaladBarProvider>');\n};\n\ntype SaladBarContextFunction = typeof stub | typeof notstub;\n\ntype SaladBarContextType = {\n enqueueNotification: SaladBarContextFunction; // Call as enqueueNotification(options)\n // where options include message and severity of 'error' ,'warning', 'info' or\n // 'success'\n enqueueSuccessNotification: SaladBarContextFunction; // Call as const key =\n // enqueueSuccessNotification(msg),\n enqueueInfoNotification: SaladBarContextFunction; // Call as const key =\n // enqueueInfoNotification(msg),\n enqueueWarningNotification: SaladBarContextFunction; // Call as const key =\n // enqueueWarningNotification(msg),\n enqueueErrorNotification: SaladBarContextFunction; // Call as const key =\n // enqueueErrorNotification(msg),\n removeNotification: SaladBarContextFunction; // Call as enqueueErrorNotification(key),\n};\n\n// The defaultValue argument is only used when a component does not have a\n// matching Provider above it in the tree. See\n// https://reactjs.org/docs/context.html#reactcreatecontext\n// Using createContext doesn't itself maintain any type of state exactly, it\n// just provides a way for children to access shared references.\nconst defaultValue = {\n enqueueNotification: stub,\n enqueueSuccessNotification: stub,\n enqueueInfoNotification: stub,\n enqueueWarningNotification: stub,\n enqueueErrorNotification: stub,\n removeNotification: notstub,\n} as SaladBarContextType;\n\n/**\n * @returns A SaladBarContext\n */\nconst SaladBarContext = createContext(defaultValue);\n\nexport default SaladBarContext;\n","// The default props passed to the underlying Snackbar component\nimport { SnackbarOrigin } from '@mui/material/Snackbar';\n\nexport const defaultSnackbarProps = {\n autoHideDuration: 6000,\n anchorOrigin: { vertical: 'top', horizontal: 'center' } as SnackbarOrigin,\n\n // The default is false. If we prefer timer to continue when window loses\n // focus, change to true\n disableWindowBlurListener: false,\n};\n\nexport const defaultEnqueueNotificationOptions = {\n message: '',\n severity: 'info',\n variant: 'standard',\n progressIndicator: undefined, // Can use 'circular' or 'linear'\n};\n","import React, { useRef, useState } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport SaladBarContext, { NotificationType } from './SaladBarContext';\nimport { defaultSnackbarProps, defaultEnqueueNotificationOptions } from './defaults';\n\nconst MAX_QUEUE_LENGTH = 100;\nconst MAX_QUEUE_HIT_REPORT_INTERVAL = 2000;\nconst SALADBAR_INDEX = 2000;\n\n// No need to use uuids, just use an incremented value\nconst generateNotificationKey = (() => {\n let previousKey = 0;\n return () => {\n previousKey += 1;\n return previousKey;\n };\n})();\n\nconst alertWithLinearProgressStyle = {\n borderBottomLeftRadius: '0px',\n borderBottomRightRadius: '0px',\n};\n\ntype SaladBarProps = {\n children: React.ReactNode;\n};\n\nconst SaladBar = ({ children, ...snackbarProps }: SaladBarProps) => {\n const [open, setOpen] = useState(false);\n\n // We use a ref instead of a state to store the actual data, because we want\n // queue to be persistent across the whole lifetime of component. I considered\n // using yocto-queue because it would be O(1) instead of O(n), but its not\n // designed to access the head without removing it and its not going to make\n // much difference anyway.\n const queueRef = useRef<NotificationType[]>([]);\n\n const limitLastHitAt = useRef(Date.now());\n const limitHitCountSinceLastReport = useRef(0);\n\n const enqueueNotification = (notification = {}) => {\n limitHitCountSinceLastReport.current += 1;\n if (queueRef.current.length >= MAX_QUEUE_LENGTH) {\n // If the queue length is hit, probably stuck in some sort of loop, so\n // don't want to spam logs instantly so space it out\n if (Date.now() - limitLastHitAt.current >= MAX_QUEUE_HIT_REPORT_INTERVAL) {\n limitLastHitAt.current = Date.now();\n console.error(\n `SaladBarProvider: MAX_QUEUE_LENGTH (${MAX_QUEUE_LENGTH}) hit ${limitHitCountSinceLastReport.current} times in last ${MAX_QUEUE_HIT_REPORT_INTERVAL}ms)`\n );\n limitHitCountSinceLastReport.current = 0;\n }\n }\n\n const newNotification = {\n ...defaultEnqueueNotificationOptions,\n key: generateNotificationKey(), // Can be overridden.\n ...notification, // This could result in collisons, but unlikely.\n };\n\n // Add to the end of queue\n queueRef.current.push(newNotification as NotificationType);\n\n // If the queue was previously empty, then open the snackbar. We don't do it\n // whenever enqueueNotification is called since it will mess up transitions\n if (queueRef.current.length === 1) setOpen(true);\n\n return newNotification.key;\n };\n\n const enqueueSuccessNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'success', ...options });\n\n const enqueueInfoNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'info', ...options });\n\n const enqueueWarningNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'warning', ...options });\n\n const enqueueErrorNotification = (message = '', options = {}) =>\n enqueueNotification({ message, severity: 'error', ...options });\n\n /**\n * Remove the notification with specified key from the queue. If the key is\n * not found, immediately returns null.\n *\n * @param key - The key as returned from enqueue...() function.\n *\n * @returns The removed notification\n */\n const removeNotification = (key: unknown) => {\n const index = queueRef.current.findIndex((x) => x.key === key);\n if (index === -1) return;\n\n if (index === 0) {\n // If its at the front of the queue, it is either currently being\n // displayed or in process of being closed. Either way, we can just set\n // open to false\n setOpen(false);\n return queueRef.current[0];\n }\n // Otherwise we just remove it from the queue, it won't need to transition\n return queueRef.current.splice(index, 1);\n };\n\n // Callback fired when the component requests to be closed\n // const handleClose = (_event, reason) => {\n // // We ignore click away, letting user continue with UI while its still\n // // displayed\n // if (reason === 'clickaway') return;\n\n // setOpen(false);\n // };\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const handleClose = (_event: Event | React.SyntheticEvent<Element, Event>) => {\n // We ignore click away, letting user continue with UI while its still\n // displayed\n\n setOpen(false);\n };\n\n // Callback fired before the transition is exiting.\n const handleExit = () => {};\n\n // Callback fired when the transition has exited.\n const handleExited = () => {\n // Remove head of queue\n queueRef.current.shift();\n\n // If there is still something on the queue, then re-open\n if (queueRef.current.length > 0) setOpen(true);\n };\n\n // The notification to display is the one at head of queue\n const currentNotification = queueRef.current[0] ?? {\n ...defaultEnqueueNotificationOptions,\n };\n\n // Can also override certain props on a notification level\n const currentNotificationSnackbarProps: { autoHideDuration?: number } = {};\n // Probably a better way of doing this\n if ('autoHideDuration' in currentNotification) {\n currentNotificationSnackbarProps.autoHideDuration = currentNotification.autoHideDuration;\n }\n\n // Note the order of props in Snackbar, we don't allow overriding open and\n // onClose.\n\n const snackbarFinalProps = { ...defaultSnackbarProps, ...snackbarProps };\n\n return (\n // Should be resolved when we move to React >= 18\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n <SaladBarContext.Provider\n value={{\n enqueueNotification,\n enqueueSuccessNotification,\n enqueueInfoNotification,\n enqueueWarningNotification,\n enqueueErrorNotification,\n removeNotification,\n }}\n >\n {children}\n <Snackbar\n {...snackbarFinalProps}\n {...currentNotificationSnackbarProps}\n open={open}\n onClose={handleClose}\n TransitionProps={{\n onExited: handleExited,\n onExit: handleExit,\n }}\n sx={{ zIndex: SALADBAR_INDEX }}\n >\n <div>\n <Alert\n onClose={handleClose}\n severity={currentNotification.severity}\n variant={'filled'}\n icon={\n currentNotification.progressIndicator === 'circular' ? (\n <CircularProgress size=\"1em\" />\n ) : undefined\n }\n style={\n currentNotification.progressIndicator === 'linear'\n ? alertWithLinearProgressStyle\n : undefined\n }\n >\n {currentNotification.message}\n </Alert>\n {currentNotification.progressIndicator === 'linear' && <LinearProgress color=\"primary\" />}\n </div>\n </Snackbar>\n </SaladBarContext.Provider>\n );\n};\n\nexport default SaladBar;\n","import { useContext } from 'react';\nimport SaladBarContext from './SaladBarContext';\n\n/**\n * Use the `useSaladBar` hook in components to access the enqueueNotification()\n * method to add a snackbar message to queue.\n *\n * Example:\n *\n * ```js\n * const {\n * enqueueNotification,\n * enqueueSuccessNotification,\n * enqueueInfoNotification,\n * enqueueWarningNotification,\n * enqueueErrorNotification,\n * } = useSaladBar();\n * ...\n * enqueueNotification({message: 'hello', severity: 'info'});\n * // or\n * enqueueInfoNotification('hello');\n * ```\n */\nexport default function useSaladBar() {\n return useContext(SaladBarContext);\n}\n"],"names":["_a"],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  // --- BEGIN AUGMENTATIONS SECTION ---
2
- // From 0: src/components/AgThemeProvider/augmentations.d.ts
2
+ // From 0: src/providers/AgTheme/augmentations.d.ts
3
3
  import '@mui/material/styles';
4
4
  import '@mui/material/Typography';
5
5
 
@@ -20,8 +20,7 @@ declare module '@mui/material/Typography' {
20
20
  }
21
21
  // --- END AUGMENTATIONS SECTION ---
22
22
 
23
- export { default as ExampleComponent } from './components/ExampleComponent';
24
- export * from './components/ExampleComponent';
25
- export { default as AgThemeProvider } from './components/AgThemeProvider';
26
- export * from './components/AgThemeProvider';
23
+ export * from './components';
24
+ export * from './providers';
25
+ export * from './errors';
27
26
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAE9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/AgTheme/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAQzC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/providers/AgTheme/themes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,sCAwFjC,CAAC;AAEH,eAAO,MAAM,UAAU,sCAgDrB,CAAC"}
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ declare const stub: () => void;
3
+ export type NotificationType = {
4
+ key: number;
5
+ message: string;
6
+ severity: 'success' | 'info' | 'warning' | 'error' | undefined;
7
+ variant: 'standard' | 'outlined' | 'filled' | undefined;
8
+ progressIndicator: string | undefined;
9
+ autoHideDuration: number | undefined;
10
+ };
11
+ declare const notstub: (key: unknown) => NotificationType | NotificationType[] | void;
12
+ type SaladBarContextFunction = typeof stub | typeof notstub;
13
+ type SaladBarContextType = {
14
+ enqueueNotification: SaladBarContextFunction;
15
+ enqueueSuccessNotification: SaladBarContextFunction;
16
+ enqueueInfoNotification: SaladBarContextFunction;
17
+ enqueueWarningNotification: SaladBarContextFunction;
18
+ enqueueErrorNotification: SaladBarContextFunction;
19
+ removeNotification: SaladBarContextFunction;
20
+ };
21
+ /**
22
+ * @returns A SaladBarContext
23
+ */
24
+ declare const SaladBarContext: import("react").Context<SaladBarContextType>;
25
+ export default SaladBarContext;
26
+ //# sourceMappingURL=SaladBarContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SaladBarContext.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/SaladBarContext.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,IAAI,EAAE,MAAM,IAEjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxD,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;CACtC,CAAC;AAGF,QAAA,MAAM,OAAO,QAAS,OAAO,KAAG,gBAAgB,GAAG,gBAAgB,EAAE,GAAG,IAEvE,CAAC;AAEF,KAAK,uBAAuB,GAAG,OAAO,IAAI,GAAG,OAAO,OAAO,CAAC;AAE5D,KAAK,mBAAmB,GAAG;IACzB,mBAAmB,EAAE,uBAAuB,CAAC;IAG7C,0BAA0B,EAAE,uBAAuB,CAAC;IAEpD,uBAAuB,EAAE,uBAAuB,CAAC;IAEjD,0BAA0B,EAAE,uBAAuB,CAAC;IAEpD,wBAAwB,EAAE,uBAAuB,CAAC;IAElD,kBAAkB,EAAE,uBAAuB,CAAC;CAC7C,CAAC;AAgBF;;GAEG;AACH,QAAA,MAAM,eAAe,8CAA8B,CAAC;AAEpD,eAAe,eAAe,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ type SaladBarProps = {
3
+ children: React.ReactNode;
4
+ };
5
+ declare const SaladBar: ({ children, ...snackbarProps }: SaladBarProps) => JSX.Element;
6
+ export default SaladBar;
7
+ //# sourceMappingURL=SaladBarProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SaladBarProvider.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/SaladBarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AA2BhD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,QAAQ,mCAAoC,aAAa,gBA6K9D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { SnackbarOrigin } from '@mui/material/Snackbar';
2
+ export declare const defaultSnackbarProps: {
3
+ autoHideDuration: number;
4
+ anchorOrigin: SnackbarOrigin;
5
+ disableWindowBlurListener: boolean;
6
+ };
7
+ export declare const defaultEnqueueNotificationOptions: {
8
+ message: string;
9
+ severity: string;
10
+ variant: string;
11
+ progressIndicator: undefined;
12
+ };
13
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,3 @@
1
+ export { default as default } from './SaladBarProvider';
2
+ export { default as useSaladBar } from './useSaladBar';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Use the `useSaladBar` hook in components to access the enqueueNotification()
3
+ * method to add a snackbar message to queue.
4
+ *
5
+ * Example:
6
+ *
7
+ * ```js
8
+ * const {
9
+ * enqueueNotification,
10
+ * enqueueSuccessNotification,
11
+ * enqueueInfoNotification,
12
+ * enqueueWarningNotification,
13
+ * enqueueErrorNotification,
14
+ * } = useSaladBar();
15
+ * ...
16
+ * enqueueNotification({message: 'hello', severity: 'info'});
17
+ * // or
18
+ * enqueueInfoNotification('hello');
19
+ * ```
20
+ */
21
+ export default function useSaladBar(): {
22
+ enqueueNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
23
+ enqueueSuccessNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
24
+ enqueueInfoNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
25
+ enqueueWarningNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
26
+ enqueueErrorNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
27
+ removeNotification: (() => void) | ((key: unknown) => void | import("./SaladBarContext").NotificationType | import("./SaladBarContext").NotificationType[]);
28
+ };
29
+ //# sourceMappingURL=useSaladBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSaladBar.d.ts","sourceRoot":"","sources":["../../../../src/providers/SaladBar/useSaladBar.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW;;;;;;;EAElC"}
@@ -0,0 +1,5 @@
1
+ export { default as AgThemeProvider } from './AgTheme';
2
+ export * from './AgTheme';
3
+ export { default as SaladBarProvider } from './SaladBar';
4
+ export * from './SaladBar';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,WAAW,CAAC;AACvD,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACzD,cAAc,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@australiangreens/ag-internal-components",
3
3
  "private": false,
4
- "version": "0.0.16",
4
+ "version": "0.0.18",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
7
7
  "license": "MIT",
@@ -36,7 +36,10 @@
36
36
  "type": "git",
37
37
  "url": "https://github.com/australiangreens/ag-internal-components.git"
38
38
  },
39
- "dependencies": {},
39
+ "dependencies": {
40
+ "@australiangreens/ag-error": "^0.1.7",
41
+ "@australiangreens/ag-error-jest": "^0.1.9"
42
+ },
40
43
  "peerDependencies": {
41
44
  "@emotion/react": "11.10.5",
42
45
  "@emotion/styled": "11.10.5",
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,eAQzC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/components/AgThemeProvider/themes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,sCAwFjC,CAAC;AAEH,eAAO,MAAM,UAAU,sCAgDrB,CAAC"}