@zac-apps/commons 1.0.5-beta.8 → 1.0.5-beta.9

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 +128 -167
  2. package/package.json +1 -2
package/dist/index.js CHANGED
@@ -1,75 +1,55 @@
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 CssBaseline from '@mui/material/CssBaseline';
25
+ import Box from '@mui/material/Box';
26
+ import AppBar from '@mui/material/AppBar';
27
+ import Toolbar from '@mui/material/Toolbar';
28
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
29
+ import { usePathname, useRouter } from 'next/navigation';
30
+ import IconButton from '@mui/material/IconButton';
31
+ import MenuItem from '@mui/material/MenuItem';
32
+ import Menu from '@mui/material/Menu';
33
+ import Divider from '@mui/material/Divider';
34
+ import MenuIcon from '@mui/icons-material/Menu';
35
+ import MenuOpenIcon from '@mui/icons-material/MenuOpen';
36
+ import CircularProgress from '@mui/material/CircularProgress';
37
+ import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
38
+ import ToggleButton from '@mui/material/ToggleButton';
39
+ import Image from 'next/image';
40
+ import Button from '@mui/material/Button';
41
+ import TableCell, { tableCellClasses } from '@mui/material/TableCell';
42
+ import useMediaQuery from '@mui/material/useMediaQuery';
43
+ import Drawer from '@mui/material/Drawer';
44
+ import List from '@mui/material/List';
45
+ import ListItem from '@mui/material/ListItem';
46
+ import ManageSearchIcon from '@mui/icons-material/ManageSearch';
47
+ import CloseIcon from '@mui/icons-material/Close';
68
48
 
69
49
  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
50
  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({
51
+ var Alert = /*#__PURE__*/React__default.forwardRef(function Alert(props, ref) {
52
+ return /*#__PURE__*/jsx(MuiAlert, _objectSpread({
73
53
  elevation: 6,
74
54
  ref: ref,
75
55
  variant: "filled"
@@ -85,11 +65,11 @@ function ErrorAlert(_ref) {
85
65
  }
86
66
  SetAlert(false);
87
67
  };
88
- return /*#__PURE__*/jsxRuntime.jsx(Snackbar, {
68
+ return /*#__PURE__*/jsx(Snackbar, {
89
69
  open: alert,
90
70
  autoHideDuration: 3000,
91
71
  onClose: handleClose,
92
- children: /*#__PURE__*/jsxRuntime.jsx(Alert, {
72
+ children: /*#__PURE__*/jsx(Alert, {
93
73
  severity: "error",
94
74
  onClose: handleClose,
95
75
  sx: {
@@ -100,7 +80,7 @@ function ErrorAlert(_ref) {
100
80
  });
101
81
  }
102
82
 
103
- var AppTheme = styles.createTheme({
83
+ var AppTheme = createTheme({
104
84
  palette: {
105
85
  primary: {
106
86
  main: "#c1002a"
@@ -133,24 +113,24 @@ var AppTheme = styles.createTheme({
133
113
  });
134
114
 
135
115
  function AppCard(props) {
136
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
116
+ return /*#__PURE__*/jsx(Grid, {
137
117
  xs: props.xs || props.size || 12,
138
118
  lg: props.lg || props.size || 6,
139
119
  md: props.md || 12,
140
- children: /*#__PURE__*/jsxRuntime.jsxs(Accordion, {
120
+ children: /*#__PURE__*/jsxs(Accordion, {
141
121
  defaultExpanded: !props.collapsed,
142
122
  square: false,
143
123
  elevation: 2,
144
- children: [/*#__PURE__*/jsxRuntime.jsx(AccordionSummary, {
145
- expandIcon: /*#__PURE__*/jsxRuntime.jsx(ExpandMoreIcon, {}),
124
+ children: [/*#__PURE__*/jsx(AccordionSummary, {
125
+ expandIcon: /*#__PURE__*/jsx(ExpandMoreIcon, {}),
146
126
  sx: {
147
127
  backgroundColor: AppTheme.palette.divider
148
128
  },
149
- children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
129
+ children: /*#__PURE__*/jsx(Typography, {
150
130
  variant: "h5",
151
131
  children: props.title
152
132
  })
153
- }), /*#__PURE__*/jsxRuntime.jsx(AccordionDetails, {
133
+ }), /*#__PURE__*/jsx(AccordionDetails, {
154
134
  children: props.children
155
135
  })]
156
136
  })
@@ -161,7 +141,7 @@ function AppGrid(_ref) {
161
141
  var children = _ref.children,
162
142
  reverse = _ref.reverse;
163
143
  var wrapper = reverse ? "wrap-reverse" : "wrap";
164
- return /*#__PURE__*/jsxRuntime.jsx(Grid, {
144
+ return /*#__PURE__*/jsx(Grid, {
165
145
  container: true,
166
146
  spacing: 2,
167
147
  sx: {
@@ -176,9 +156,9 @@ function AppGrid(_ref) {
176
156
 
177
157
  function AppTable(_ref) {
178
158
  var children = _ref.children;
179
- return /*#__PURE__*/jsxRuntime.jsx(TableContainer, {
159
+ return /*#__PURE__*/jsx(TableContainer, {
180
160
  component: Paper,
181
- children: /*#__PURE__*/jsxRuntime.jsx(Table, {
161
+ children: /*#__PURE__*/jsx(Table, {
182
162
  size: "small",
183
163
  "aria-label": "a dense table",
184
164
  children: children
@@ -192,17 +172,17 @@ function AppMenu(_ref) {
192
172
  if (!title) {
193
173
  title = "JGU-ZAC Apps";
194
174
  }
195
- return /*#__PURE__*/jsxRuntime.jsx(AppBar, {
175
+ return /*#__PURE__*/jsx(AppBar, {
196
176
  position: "sticky",
197
- children: /*#__PURE__*/jsxRuntime.jsxs(Toolbar, {
198
- children: [children, "\u2003", /*#__PURE__*/jsxRuntime.jsx(Typography, {
177
+ children: /*#__PURE__*/jsxs(Toolbar, {
178
+ children: [children, "\u2003", /*#__PURE__*/jsx(Typography, {
199
179
  variant: "h6",
200
180
  component: "div",
201
181
  sx: {
202
182
  flexGrow: 1
203
183
  },
204
184
  children: title
205
- }), /*#__PURE__*/jsxRuntime.jsx("img", {
185
+ }), /*#__PURE__*/jsx("img", {
206
186
  src: "/zac_logo.png",
207
187
  width: "48px",
208
188
  alt: "zac-logo"
@@ -214,16 +194,16 @@ function AppMenu(_ref) {
214
194
  function MenuButton(_ref) {
215
195
  var anchorEl = _ref.anchorEl;
216
196
  if (anchorEl) {
217
- return /*#__PURE__*/jsxRuntime.jsx(MenuOpenIcon, {});
197
+ return /*#__PURE__*/jsx(MenuOpenIcon, {});
218
198
  } else {
219
- return /*#__PURE__*/jsxRuntime.jsx(MenuIcon, {});
199
+ return /*#__PURE__*/jsx(MenuIcon, {});
220
200
  }
221
201
  }
222
202
 
223
203
  function NextListMenu(_ref) {
224
204
  var availApps = _ref.availApps,
225
205
  start = _ref.start;
226
- var _React$useState = React__namespace.useState(null),
206
+ var _React$useState = React.useState(null),
227
207
  _React$useState2 = _slicedToArray(_React$useState, 2),
228
208
  anchorEl = _React$useState2[0],
229
209
  setAnchorEl = _React$useState2[1];
@@ -234,23 +214,23 @@ function NextListMenu(_ref) {
234
214
  var handleClose = function handleClose() {
235
215
  setAnchorEl(null);
236
216
  };
237
- var pathname = navigation.usePathname();
217
+ var pathname = usePathname();
238
218
  var basePath = process.env.basePath;
239
219
  function StartEntry() {
240
220
  if (start) {
241
- return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
242
- children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem, {
221
+ return /*#__PURE__*/jsxs(React.Fragment, {
222
+ children: [/*#__PURE__*/jsx(MenuItem, {
243
223
  component: Link,
244
224
  href: basePath,
245
225
  selected: pathname === basePath,
246
226
  onClick: handleClose,
247
227
  children: "Start"
248
- }), /*#__PURE__*/jsxRuntime.jsx(Divider, {})]
228
+ }), /*#__PURE__*/jsx(Divider, {})]
249
229
  });
250
230
  } else return null;
251
231
  }
252
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
253
- children: [/*#__PURE__*/jsxRuntime.jsx(IconButton, {
232
+ return /*#__PURE__*/jsxs("div", {
233
+ children: [/*#__PURE__*/jsx(IconButton, {
254
234
  size: "large",
255
235
  edge: "start",
256
236
  color: "inherit",
@@ -259,10 +239,10 @@ function NextListMenu(_ref) {
259
239
  mr: 2
260
240
  },
261
241
  onClick: handleClickListItem,
262
- children: /*#__PURE__*/jsxRuntime.jsx(MenuButton, {
242
+ children: /*#__PURE__*/jsx(MenuButton, {
263
243
  anchorEl: anchorEl
264
244
  })
265
- }), /*#__PURE__*/jsxRuntime.jsxs(Menu, {
245
+ }), /*#__PURE__*/jsxs(Menu, {
266
246
  id: "lock-menu",
267
247
  anchorEl: anchorEl,
268
248
  open: open,
@@ -271,8 +251,8 @@ function NextListMenu(_ref) {
271
251
  "aria-labelledby": "lock-button",
272
252
  role: "listbox"
273
253
  },
274
- children: [/*#__PURE__*/jsxRuntime.jsx(StartEntry, {}), availApps.map(function (option, index) {
275
- return /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
254
+ children: [/*#__PURE__*/jsx(StartEntry, {}), availApps.map(function (option, index) {
255
+ return /*#__PURE__*/jsx(MenuItem, {
276
256
  component: Link,
277
257
  href: option.path,
278
258
  selected: pathname === option.path + "/",
@@ -286,8 +266,8 @@ function NextListMenu(_ref) {
286
266
 
287
267
  function Footer(_ref) {
288
268
  var footerContent = _ref.footerContent;
289
- return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
290
- children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
269
+ return /*#__PURE__*/jsx(React__default.Fragment, {
270
+ children: /*#__PURE__*/jsx(Grid, {
291
271
  sx: {
292
272
  p: 1,
293
273
  backgroundColor: AppTheme.palette.divider,
@@ -297,8 +277,8 @@ function Footer(_ref) {
297
277
  alignItems: "center",
298
278
  minHeight: 64
299
279
  },
300
- children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
301
- children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
280
+ children: /*#__PURE__*/jsx(Grid, {
281
+ children: /*#__PURE__*/jsx(Typography, {
302
282
  variant: "body2",
303
283
  children: footerContent
304
284
  })
@@ -319,21 +299,21 @@ function AppWrapper(_ref) {
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(CssBaseline, {}), /*#__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: /*#__PURE__*/jsx(NextListMenu, {
333
313
  availApps: availApps,
334
314
  start: true
335
315
  })
336
- }), /*#__PURE__*/jsxRuntime.jsx(Box, {
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.0.5-beta.9",
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",