@zac-apps/commons 1.0.5-beta.8 → 1.1.0-beta.1

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 (2) hide show
  1. package/dist/index.js +130 -169
  2. package/package.json +1 -2
package/dist/index.js CHANGED
@@ -1,75 +1,54 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var React = require('react');
5
- var Snackbar = require('@mui/material/Snackbar');
6
- var MuiAlert = require('@mui/material/Alert');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- var Grid = require('@mui/material/Unstable_Grid2');
9
- var Accordion = require('@mui/material/Accordion');
10
- var AccordionSummary = require('@mui/material/AccordionSummary');
11
- var AccordionDetails = require('@mui/material/AccordionDetails');
12
- var Typography = require('@mui/material/Typography');
13
- var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
14
- var styles = require('@mui/material/styles');
15
- var red = require('@mui/material/colors/red');
16
- var pink = require('@mui/material/colors/pink');
17
- var lightGreen = require('@mui/material/colors/lightGreen');
18
- var green = require('@mui/material/colors/green');
19
- var yellow = require('@mui/material/colors/yellow');
20
- var Table = require('@mui/material/Table');
21
- var TableContainer = require('@mui/material/TableContainer');
22
- var Paper = require('@mui/material/Paper');
23
- var Link = require('next/link');
24
- var Link$1 = require('@mui/material/Link');
25
- var CssBaseline = require('@mui/material/CssBaseline');
26
- var Box = require('@mui/material/Box');
27
- var AppBar = require('@mui/material/AppBar');
28
- var Toolbar = require('@mui/material/Toolbar');
29
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
30
- var navigation = require('next/navigation');
31
- var IconButton = require('@mui/material/IconButton');
32
- var MenuItem = require('@mui/material/MenuItem');
33
- var Menu = require('@mui/material/Menu');
34
- var Divider = require('@mui/material/Divider');
35
- var MenuIcon = require('@mui/icons-material/Menu');
36
- var MenuOpenIcon = require('@mui/icons-material/MenuOpen');
37
- var CircularProgress = require('@mui/material/CircularProgress');
38
- var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
39
- var ToggleButton = require('@mui/material/ToggleButton');
40
- var Image = require('next/image');
41
- var Button = require('@mui/material/Button');
42
- var TableCell = require('@mui/material/TableCell');
43
- var useMediaQuery = require('@mui/material/useMediaQuery');
44
- var Drawer = require('@mui/material/Drawer');
45
- var List = require('@mui/material/List');
46
- var ListItem = require('@mui/material/ListItem');
47
- var ManageSearchIcon = require('@mui/icons-material/ManageSearch');
48
- var CloseIcon = require('@mui/icons-material/Close');
49
-
50
- function _interopNamespaceDefault(e) {
51
- var n = Object.create(null);
52
- if (e) {
53
- Object.keys(e).forEach(function (k) {
54
- if (k !== 'default') {
55
- var d = Object.getOwnPropertyDescriptor(e, k);
56
- Object.defineProperty(n, k, d.get ? d : {
57
- enumerable: true,
58
- get: function () { return e[k]; }
59
- });
60
- }
61
- });
62
- }
63
- n.default = e;
64
- return Object.freeze(n);
65
- }
66
-
67
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
1
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
+ import * as React from 'react';
3
+ import React__default, { useState, useEffect } from 'react';
4
+ import Snackbar from '@mui/material/Snackbar';
5
+ import MuiAlert from '@mui/material/Alert';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
+ import Grid from '@mui/material/Unstable_Grid2';
8
+ import Accordion from '@mui/material/Accordion';
9
+ import AccordionSummary from '@mui/material/AccordionSummary';
10
+ import AccordionDetails from '@mui/material/AccordionDetails';
11
+ import Typography from '@mui/material/Typography';
12
+ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
13
+ import { createTheme, styled } from '@mui/material/styles';
14
+ import red from '@mui/material/colors/red';
15
+ import pink from '@mui/material/colors/pink';
16
+ import lightGreen from '@mui/material/colors/lightGreen';
17
+ import green from '@mui/material/colors/green';
18
+ import yellow from '@mui/material/colors/yellow';
19
+ import Table from '@mui/material/Table';
20
+ import TableContainer from '@mui/material/TableContainer';
21
+ import Paper from '@mui/material/Paper';
22
+ import Link, { Link as Link$2 } from 'next/link';
23
+ import Link$1 from '@mui/material/Link';
24
+ import Box from '@mui/material/Box';
25
+ import AppBar from '@mui/material/AppBar';
26
+ import Toolbar from '@mui/material/Toolbar';
27
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
28
+ import { usePathname, useRouter } from 'next/navigation';
29
+ import IconButton from '@mui/material/IconButton';
30
+ import MenuItem from '@mui/material/MenuItem';
31
+ import Menu from '@mui/material/Menu';
32
+ import Divider from '@mui/material/Divider';
33
+ import MenuIcon from '@mui/icons-material/Menu';
34
+ import MenuOpenIcon from '@mui/icons-material/MenuOpen';
35
+ import CircularProgress from '@mui/material/CircularProgress';
36
+ import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
37
+ import ToggleButton from '@mui/material/ToggleButton';
38
+ import Image from 'next/image';
39
+ import Button from '@mui/material/Button';
40
+ import TableCell, { tableCellClasses } from '@mui/material/TableCell';
41
+ import useMediaQuery from '@mui/material/useMediaQuery';
42
+ import Drawer from '@mui/material/Drawer';
43
+ import List from '@mui/material/List';
44
+ import ListItem from '@mui/material/ListItem';
45
+ import ManageSearchIcon from '@mui/icons-material/ManageSearch';
46
+ import CloseIcon from '@mui/icons-material/Close';
68
47
 
69
48
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
70
49
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
71
- var Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
72
- return /*#__PURE__*/jsxRuntime.jsx(MuiAlert, _objectSpread({
50
+ var Alert = /*#__PURE__*/React__default.forwardRef(function Alert(props, ref) {
51
+ return /*#__PURE__*/jsx(MuiAlert, _objectSpread({
73
52
  elevation: 6,
74
53
  ref: ref,
75
54
  variant: "filled"
@@ -85,11 +64,11 @@ function ErrorAlert(_ref) {
85
64
  }
86
65
  SetAlert(false);
87
66
  };
88
- return /*#__PURE__*/jsxRuntime.jsx(Snackbar, {
67
+ return /*#__PURE__*/jsx(Snackbar, {
89
68
  open: alert,
90
69
  autoHideDuration: 3000,
91
70
  onClose: handleClose,
92
- children: /*#__PURE__*/jsxRuntime.jsx(Alert, {
71
+ children: /*#__PURE__*/jsx(Alert, {
93
72
  severity: "error",
94
73
  onClose: handleClose,
95
74
  sx: {
@@ -100,7 +79,7 @@ function ErrorAlert(_ref) {
100
79
  });
101
80
  }
102
81
 
103
- var AppTheme = styles.createTheme({
82
+ var AppTheme = createTheme({
104
83
  palette: {
105
84
  primary: {
106
85
  main: "#c1002a"
@@ -133,24 +112,24 @@ var AppTheme = styles.createTheme({
133
112
  });
134
113
 
135
114
  function AppCard(props) {
136
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
115
+ return /*#__PURE__*/jsx(Grid, {
137
116
  xs: props.xs || props.size || 12,
138
117
  lg: props.lg || props.size || 6,
139
118
  md: props.md || 12,
140
- children: /*#__PURE__*/jsxRuntime.jsxs(Accordion, {
119
+ children: /*#__PURE__*/jsxs(Accordion, {
141
120
  defaultExpanded: !props.collapsed,
142
121
  square: false,
143
122
  elevation: 2,
144
- children: [/*#__PURE__*/jsxRuntime.jsx(AccordionSummary, {
145
- expandIcon: /*#__PURE__*/jsxRuntime.jsx(ExpandMoreIcon, {}),
123
+ children: [/*#__PURE__*/jsx(AccordionSummary, {
124
+ expandIcon: /*#__PURE__*/jsx(ExpandMoreIcon, {}),
146
125
  sx: {
147
126
  backgroundColor: AppTheme.palette.divider
148
127
  },
149
- children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
128
+ children: /*#__PURE__*/jsx(Typography, {
150
129
  variant: "h5",
151
130
  children: props.title
152
131
  })
153
- }), /*#__PURE__*/jsxRuntime.jsx(AccordionDetails, {
132
+ }), /*#__PURE__*/jsx(AccordionDetails, {
154
133
  children: props.children
155
134
  })]
156
135
  })
@@ -161,7 +140,7 @@ function AppGrid(_ref) {
161
140
  var children = _ref.children,
162
141
  reverse = _ref.reverse;
163
142
  var wrapper = reverse ? "wrap-reverse" : "wrap";
164
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
143
+ return /*#__PURE__*/jsx(Grid, {
165
144
  container: true,
166
145
  spacing: 2,
167
146
  sx: {
@@ -176,9 +155,9 @@ function AppGrid(_ref) {
176
155
 
177
156
  function AppTable(_ref) {
178
157
  var children = _ref.children;
179
- return /*#__PURE__*/jsxRuntime.jsx(TableContainer, {
158
+ return /*#__PURE__*/jsx(TableContainer, {
180
159
  component: Paper,
181
- children: /*#__PURE__*/jsxRuntime.jsx(Table, {
160
+ children: /*#__PURE__*/jsx(Table, {
182
161
  size: "small",
183
162
  "aria-label": "a dense table",
184
163
  children: children
@@ -192,17 +171,17 @@ function AppMenu(_ref) {
192
171
  if (!title) {
193
172
  title = "JGU-ZAC Apps";
194
173
  }
195
- return /*#__PURE__*/jsxRuntime.jsx(AppBar, {
174
+ return /*#__PURE__*/jsx(AppBar, {
196
175
  position: "sticky",
197
- children: /*#__PURE__*/jsxRuntime.jsxs(Toolbar, {
198
- children: [children, "\u2003", /*#__PURE__*/jsxRuntime.jsx(Typography, {
176
+ children: /*#__PURE__*/jsxs(Toolbar, {
177
+ children: [children, "\u2003", /*#__PURE__*/jsx(Typography, {
199
178
  variant: "h6",
200
179
  component: "div",
201
180
  sx: {
202
181
  flexGrow: 1
203
182
  },
204
183
  children: title
205
- }), /*#__PURE__*/jsxRuntime.jsx("img", {
184
+ }), /*#__PURE__*/jsx("img", {
206
185
  src: "/zac_logo.png",
207
186
  width: "48px",
208
187
  alt: "zac-logo"
@@ -214,16 +193,16 @@ function AppMenu(_ref) {
214
193
  function MenuButton(_ref) {
215
194
  var anchorEl = _ref.anchorEl;
216
195
  if (anchorEl) {
217
- return /*#__PURE__*/jsxRuntime.jsx(MenuOpenIcon, {});
196
+ return /*#__PURE__*/jsx(MenuOpenIcon, {});
218
197
  } else {
219
- return /*#__PURE__*/jsxRuntime.jsx(MenuIcon, {});
198
+ return /*#__PURE__*/jsx(MenuIcon, {});
220
199
  }
221
200
  }
222
201
 
223
202
  function NextListMenu(_ref) {
224
203
  var availApps = _ref.availApps,
225
204
  start = _ref.start;
226
- var _React$useState = React__namespace.useState(null),
205
+ var _React$useState = React.useState(null),
227
206
  _React$useState2 = _slicedToArray(_React$useState, 2),
228
207
  anchorEl = _React$useState2[0],
229
208
  setAnchorEl = _React$useState2[1];
@@ -234,23 +213,23 @@ function NextListMenu(_ref) {
234
213
  var handleClose = function handleClose() {
235
214
  setAnchorEl(null);
236
215
  };
237
- var pathname = navigation.usePathname();
216
+ var pathname = usePathname();
238
217
  var basePath = process.env.basePath;
239
218
  function StartEntry() {
240
219
  if (start) {
241
- return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
242
- children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem, {
220
+ return /*#__PURE__*/jsxs(React.Fragment, {
221
+ children: [/*#__PURE__*/jsx(MenuItem, {
243
222
  component: Link,
244
223
  href: basePath,
245
224
  selected: pathname === basePath,
246
225
  onClick: handleClose,
247
226
  children: "Start"
248
- }), /*#__PURE__*/jsxRuntime.jsx(Divider, {})]
227
+ }), /*#__PURE__*/jsx(Divider, {})]
249
228
  });
250
229
  } else return null;
251
230
  }
252
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
253
- children: [/*#__PURE__*/jsxRuntime.jsx(IconButton, {
231
+ return /*#__PURE__*/jsxs("div", {
232
+ children: [/*#__PURE__*/jsx(IconButton, {
254
233
  size: "large",
255
234
  edge: "start",
256
235
  color: "inherit",
@@ -259,10 +238,10 @@ function NextListMenu(_ref) {
259
238
  mr: 2
260
239
  },
261
240
  onClick: handleClickListItem,
262
- children: /*#__PURE__*/jsxRuntime.jsx(MenuButton, {
241
+ children: /*#__PURE__*/jsx(MenuButton, {
263
242
  anchorEl: anchorEl
264
243
  })
265
- }), /*#__PURE__*/jsxRuntime.jsxs(Menu, {
244
+ }), /*#__PURE__*/jsxs(Menu, {
266
245
  id: "lock-menu",
267
246
  anchorEl: anchorEl,
268
247
  open: open,
@@ -271,8 +250,8 @@ function NextListMenu(_ref) {
271
250
  "aria-labelledby": "lock-button",
272
251
  role: "listbox"
273
252
  },
274
- children: [/*#__PURE__*/jsxRuntime.jsx(StartEntry, {}), availApps.map(function (option, index) {
275
- return /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
253
+ children: [/*#__PURE__*/jsx(StartEntry, {}), availApps.map(function (option, index) {
254
+ return /*#__PURE__*/jsx(MenuItem, {
276
255
  component: Link,
277
256
  href: option.path,
278
257
  selected: pathname === option.path + "/",
@@ -286,8 +265,8 @@ function NextListMenu(_ref) {
286
265
 
287
266
  function Footer(_ref) {
288
267
  var footerContent = _ref.footerContent;
289
- return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
290
- children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
268
+ return /*#__PURE__*/jsx(React__default.Fragment, {
269
+ children: /*#__PURE__*/jsx(Grid, {
291
270
  sx: {
292
271
  p: 1,
293
272
  backgroundColor: AppTheme.palette.divider,
@@ -297,8 +276,8 @@ function Footer(_ref) {
297
276
  alignItems: "center",
298
277
  minHeight: 64
299
278
  },
300
- children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
301
- children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
279
+ children: /*#__PURE__*/jsx(Grid, {
280
+ children: /*#__PURE__*/jsx(Typography, {
302
281
  variant: "body2",
303
282
  children: footerContent
304
283
  })
@@ -312,28 +291,29 @@ function AppWrapper(_ref) {
312
291
  availApps = _ref.availApps,
313
292
  footerContent = _ref.footerContent,
314
293
  children = _ref.children,
315
- basePath = _ref.basePath;
294
+ basePath = _ref.basePath,
295
+ menu = _ref.menu;
316
296
  if (!basePath || basePath === null) {
317
297
  basePath = "/";
318
298
  }
319
299
  if (!footerContent || footerContent === null) {
320
300
  footerContent = "";
321
301
  }
322
- return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
323
- children: [/*#__PURE__*/jsxRuntime.jsx(CssBaseline, {}), /*#__PURE__*/jsxRuntime.jsx(AppMenu, {
324
- title: /*#__PURE__*/jsxRuntime.jsx(Link$1, {
302
+ return /*#__PURE__*/jsxs(React__default.Fragment, {
303
+ children: [/*#__PURE__*/jsx(AppMenu, {
304
+ title: /*#__PURE__*/jsx(Link$1, {
325
305
  sx: {
326
306
  color: AppTheme.palette.primary.contrastText
327
307
  },
328
308
  href: basePath,
329
- component: Link.Link,
309
+ component: Link$2,
330
310
  children: title
331
311
  }),
332
- children: /*#__PURE__*/jsxRuntime.jsx(NextListMenu, {
312
+ children: menu ? /*#__PURE__*/jsx(NextListMenu, {
333
313
  availApps: availApps,
334
314
  start: true
335
- })
336
- }), /*#__PURE__*/jsxRuntime.jsx(Box, {
315
+ }) : null
316
+ }), /*#__PURE__*/jsx(Box, {
337
317
  sx: {
338
318
  p: 3,
339
319
  minHeight: "calc(100% - 128px)",
@@ -341,7 +321,7 @@ function AppWrapper(_ref) {
341
321
  justifyContent: "center"
342
322
  },
343
323
  children: children
344
- }), /*#__PURE__*/jsxRuntime.jsx(Footer, {
324
+ }), /*#__PURE__*/jsx(Footer, {
345
325
  footerContent: footerContent
346
326
  })]
347
327
  });
@@ -349,7 +329,7 @@ function AppWrapper(_ref) {
349
329
 
350
330
  function DivTitle(_ref) {
351
331
  var children = _ref.children;
352
- return /*#__PURE__*/jsxRuntime.jsx(Divider, {
332
+ return /*#__PURE__*/jsx(Divider, {
353
333
  textAlign: "left",
354
334
  children: children
355
335
  });
@@ -361,7 +341,7 @@ function Percentage(number) {
361
341
  }
362
342
 
363
343
  function Progress() {
364
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
344
+ return /*#__PURE__*/jsx(Grid, {
365
345
  container: true,
366
346
  sx: {
367
347
  display: "flex",
@@ -369,7 +349,7 @@ function Progress() {
369
349
  justifyContent: "center",
370
350
  alignContent: "center"
371
351
  },
372
- children: /*#__PURE__*/jsxRuntime.jsx(CircularProgress, {})
352
+ children: /*#__PURE__*/jsx(CircularProgress, {})
373
353
  });
374
354
  }
375
355
 
@@ -379,7 +359,7 @@ function PublicFetch(_ref) {
379
359
  SetMetaData = _ref.SetMetaData,
380
360
  reload = _ref.reload,
381
361
  SetReload = _ref.SetReload;
382
- var _useState = React.useState(),
362
+ var _useState = useState(),
383
363
  _useState2 = _slicedToArray(_useState, 2),
384
364
  internal = _useState2[0],
385
365
  SetInternal = _useState2[1];
@@ -391,7 +371,7 @@ function PublicFetch(_ref) {
391
371
  if (!reload) {
392
372
  reload = false;
393
373
  }
394
- React.useEffect(function () {
374
+ useEffect(function () {
395
375
  fetch(url, {
396
376
  headers: {
397
377
  "Content-Type": "application/json",
@@ -419,7 +399,7 @@ function RespGrid(_ref) {
419
399
  matches = _ref.matches,
420
400
  justify = _ref.justify;
421
401
  if (matches) {
422
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
402
+ return /*#__PURE__*/jsx(Grid, {
423
403
  sx: {
424
404
  display: "flex",
425
405
  justifyContent: justify,
@@ -428,7 +408,7 @@ function RespGrid(_ref) {
428
408
  children: children
429
409
  });
430
410
  } else {
431
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
411
+ return /*#__PURE__*/jsx(Grid, {
432
412
  sx: {
433
413
  display: "flex",
434
414
  flexDirection: "column",
@@ -447,11 +427,11 @@ function SpecSwitch(_ref) {
447
427
  SetSpec = _ref.SetSpec,
448
428
  SetFilter = _ref.SetFilter,
449
429
  routerActive = _ref.routerActive;
450
- var router = navigation.useRouter();
451
- var pathname = navigation.usePathname();
452
- return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
453
- children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
454
- children: /*#__PURE__*/jsxRuntime.jsx(ToggleButtonGroup, {
430
+ var router = useRouter();
431
+ var pathname = usePathname();
432
+ return /*#__PURE__*/jsx(React__default.Fragment, {
433
+ children: /*#__PURE__*/jsx(Grid, {
434
+ children: /*#__PURE__*/jsx(ToggleButtonGroup, {
455
435
  value: spec,
456
436
  exclusive: true,
457
437
  color: "primary",
@@ -464,7 +444,7 @@ function SpecSwitch(_ref) {
464
444
  },
465
445
  size: "small",
466
446
  children: Object.keys(setup).map(function (entry) {
467
- return /*#__PURE__*/jsxRuntime.jsx(ToggleButton, {
447
+ return /*#__PURE__*/jsx(ToggleButton, {
468
448
  value: entry,
469
449
  children: entry
470
450
  }, "spec_" + entry);
@@ -476,14 +456,14 @@ function SpecSwitch(_ref) {
476
456
 
477
457
  function Start(_ref) {
478
458
  var availApps = _ref.availApps;
479
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
480
- children: /*#__PURE__*/jsxRuntime.jsxs(AppCard, {
459
+ return /*#__PURE__*/jsx(Grid, {
460
+ children: /*#__PURE__*/jsxs(AppCard, {
481
461
  title: "Welcome to ZAC Apps",
482
462
  xs: 12,
483
463
  lg: 8,
484
- children: [/*#__PURE__*/jsxRuntime.jsx("p", {
464
+ children: [/*#__PURE__*/jsx("p", {
485
465
  children: "Select an app to get started."
486
- }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
466
+ }), /*#__PURE__*/jsx(Grid, {
487
467
  container: true,
488
468
  sx: {
489
469
  display: "flex",
@@ -491,7 +471,7 @@ function Start(_ref) {
491
471
  justifyContent: "center"
492
472
  },
493
473
  children: availApps.map(function (app) {
494
- return /*#__PURE__*/jsxRuntime.jsxs(Button, {
474
+ return /*#__PURE__*/jsxs(Button, {
495
475
  sx: {
496
476
  m: 5,
497
477
  minWidth: 250,
@@ -501,13 +481,13 @@ function Start(_ref) {
501
481
  variant: "outlined",
502
482
  component: Link,
503
483
  href: app.path,
504
- children: [/*#__PURE__*/jsxRuntime.jsx("p", {
505
- children: /*#__PURE__*/jsxRuntime.jsx(Image, {
484
+ children: [/*#__PURE__*/jsx("p", {
485
+ children: /*#__PURE__*/jsx(Image, {
506
486
  src: app.icon,
507
487
  alt: app.name,
508
488
  height: 100
509
489
  })
510
- }), /*#__PURE__*/jsxRuntime.jsx("p", {
490
+ }), /*#__PURE__*/jsx("p", {
511
491
  children: app.name
512
492
  })]
513
493
  }, "button_" + app.path);
@@ -517,11 +497,11 @@ function Start(_ref) {
517
497
  });
518
498
  }
519
499
 
520
- var TableHeadCell = styles.styled(TableCell)(function (_ref) {
500
+ var TableHeadCell = styled(TableCell)(function (_ref) {
521
501
  var theme = _ref.theme;
522
- return _defineProperty(_defineProperty({}, "&.".concat(TableCell.tableCellClasses.head), {
502
+ return _defineProperty(_defineProperty({}, "&.".concat(tableCellClasses.head), {
523
503
  backgroundColor: theme.palette.divider
524
- }), "&.".concat(TableCell.tableCellClasses.body), {
504
+ }), "&.".concat(tableCellClasses.body), {
525
505
  fontSize: 14
526
506
  });
527
507
  });
@@ -532,18 +512,18 @@ function useFetch(_ref) {
532
512
  SetReload = _ref.SetReload;
533
513
  // Define states for data and metadata
534
514
 
535
- var _useState = React.useState(),
515
+ var _useState = useState(),
536
516
  _useState2 = _slicedToArray(_useState, 2),
537
517
  data = _useState2[0],
538
518
  SetData = _useState2[1];
539
- var _useState3 = React.useState(),
519
+ var _useState3 = useState(),
540
520
  _useState4 = _slicedToArray(_useState3, 2),
541
521
  metadata = _useState4[0],
542
522
  SetMetadata = _useState4[1];
543
523
 
544
524
  // Fetch data from url
545
525
 
546
- React.useEffect(function () {
526
+ useEffect(function () {
547
527
  fetch(url, {
548
528
  headers: {
549
529
  "Content-Type": "application/json",
@@ -574,7 +554,7 @@ function useFetch(_ref) {
574
554
  function AppDrawer(_ref) {
575
555
  var children = _ref.children;
576
556
  var matches = useMediaQuery(AppTheme.breakpoints.up("lg"));
577
- var _useState = React.useState(false),
557
+ var _useState = useState(false),
578
558
  _useState2 = _slicedToArray(_useState, 2),
579
559
  open = _useState2[0],
580
560
  SetOpen = _useState2[1];
@@ -587,31 +567,31 @@ function AppDrawer(_ref) {
587
567
  };
588
568
  };
589
569
  var list = function list() {
590
- return /*#__PURE__*/jsxRuntime.jsx(Box, {
570
+ return /*#__PURE__*/jsx(Box, {
591
571
  role: "presentation",
592
572
  width: matches ? "420px" : "100%",
593
- children: /*#__PURE__*/jsxRuntime.jsxs(List, {
594
- children: [/*#__PURE__*/jsxRuntime.jsx(ListItem, {
573
+ children: /*#__PURE__*/jsxs(List, {
574
+ children: [/*#__PURE__*/jsx(ListItem, {
595
575
  sx: {
596
576
  justifyContent: "right"
597
577
  },
598
- children: /*#__PURE__*/jsxRuntime.jsx(IconButton, {
578
+ children: /*#__PURE__*/jsx(IconButton, {
599
579
  onClick: toggleDrawer(false),
600
- children: /*#__PURE__*/jsxRuntime.jsx(CloseIcon, {})
580
+ children: /*#__PURE__*/jsx(CloseIcon, {})
601
581
  })
602
- }), /*#__PURE__*/jsxRuntime.jsx(Divider, {}), children]
582
+ }), /*#__PURE__*/jsx(Divider, {}), children]
603
583
  })
604
584
  });
605
585
  };
606
- return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
607
- children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
586
+ return /*#__PURE__*/jsxs(React__default.Fragment, {
587
+ children: [/*#__PURE__*/jsx(Button, {
608
588
  variant: "outlined",
609
589
  onClick: toggleDrawer(true),
610
- startIcon: /*#__PURE__*/jsxRuntime.jsx(ManageSearchIcon, {
590
+ startIcon: /*#__PURE__*/jsx(ManageSearchIcon, {
611
591
  fontSize: "inherit"
612
592
  }),
613
593
  children: "Search/Filter"
614
- }), /*#__PURE__*/jsxRuntime.jsx(Drawer, {
594
+ }), /*#__PURE__*/jsx(Drawer, {
615
595
  anchor: "left",
616
596
  open: open,
617
597
  onClose: toggleDrawer(false),
@@ -623,23 +603,4 @@ function AppDrawer(_ref) {
623
603
  });
624
604
  }
625
605
 
626
- exports.Alert = ErrorAlert;
627
- exports.AppCard = AppCard;
628
- exports.AppDrawer = AppDrawer;
629
- exports.AppGrid = AppGrid;
630
- exports.AppMenu = AppMenu;
631
- exports.AppTable = AppTable;
632
- exports.AppTheme = AppTheme;
633
- exports.AppWrapper = AppWrapper;
634
- exports.DivTitle = DivTitle;
635
- exports.Footer = Footer;
636
- exports.MenuButton = MenuButton;
637
- exports.NextListMenu = NextListMenu;
638
- exports.Percentage = Percentage;
639
- exports.Progress = Progress;
640
- exports.PublicFetch = PublicFetch;
641
- exports.RespGrid = RespGrid;
642
- exports.SpecSwitch = SpecSwitch;
643
- exports.Start = Start;
644
- exports.TableHeadCell = TableHeadCell;
645
- exports.useFetch = useFetch;
606
+ export { ErrorAlert as Alert, AppCard, AppDrawer, AppGrid, AppMenu, AppTable, AppTheme, AppWrapper, DivTitle, Footer, MenuButton, NextListMenu, Percentage, Progress, PublicFetch, RespGrid, SpecSwitch, Start, TableHeadCell, useFetch };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zac-apps/commons",
3
- "version": "1.0.5-beta.8",
3
+ "version": "1.1.0-beta.1",
4
4
  "scripts": {
5
5
  "rollup": "node_modules/rollup/dist/rollup.js",
6
6
  "dev": "next dev",
@@ -28,7 +28,6 @@
28
28
  "author": "ZAC",
29
29
  "license": "CC-BY-SA-4.0",
30
30
  "dependencies": {
31
- "@emotion/cache": "^11.11.0",
32
31
  "@fontsource/roboto": "^5.0.8",
33
32
  "@mui/icons-material": "^5.15.0",
34
33
  "@mui/material": "^5.15.0",