@zac-apps/commons 2.1.0 → 2.2.0-beta.1

package/dist/index.js

@@ -1,737 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
-import Snackbar from '@mui/material/Snackbar';
-import MuiAlert from '@mui/material/Alert';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Grid from '@mui/material/Grid';
-import Accordion from '@mui/material/Accordion';
-import AccordionSummary from '@mui/material/AccordionSummary';
-import AccordionDetails from '@mui/material/AccordionDetails';
-import Typography from '@mui/material/Typography';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { createTheme, ThemeProvider, CssBaseline } from '@mui/material';
-import { green, yellow, pink, lightGreen, red } from '@mui/material/colors';
-import Link, { Link as Link$2 } from 'next/link';
-import Link$1 from '@mui/material/Link';
-import Box from '@mui/material/Box';
-import AppBar from '@mui/material/AppBar';
-import Toolbar from '@mui/material/Toolbar';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { usePathname, useRouter } from 'next/navigation';
-import IconButton from '@mui/material/IconButton';
-import MenuItem from '@mui/material/MenuItem';
-import Menu from '@mui/material/Menu';
-import Divider from '@mui/material/Divider';
-import MenuIcon from '@mui/icons-material/Menu';
-import MenuOpenIcon from '@mui/icons-material/MenuOpen';
-import Table from '@mui/material/Table';
-import TableContainer from '@mui/material/TableContainer';
-import Paper from '@mui/material/Paper';
-import TextField from '@mui/material/TextField';
-import InputAdornment from '@mui/material/InputAdornment';
-import CircularProgress from '@mui/material/CircularProgress';
-import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import ToggleButton from '@mui/material/ToggleButton';
-import Image from 'next/image';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-import TableCell, { tableCellClasses } from '@mui/material/TableCell';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import Drawer from '@mui/material/Drawer';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ManageSearchIcon from '@mui/icons-material/ManageSearch';
-import CloseIcon from '@mui/icons-material/Close';
-
-function ownKeys$1(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; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Alert = /*#__PURE__*/React__default.forwardRef(function Alert(props, ref) {
-  return /*#__PURE__*/jsx(MuiAlert, _objectSpread$1({
-    elevation: 6,
-    ref: ref,
-    variant: "filled"
-  }, props));
-});
-function ErrorAlert(_ref) {
-  var alert = _ref.alert,
-    SetAlert = _ref.SetAlert,
-    message = _ref.message;
-  var handleClose = function handleClose(event, reason) {
-    if (reason === "clickaway") {
-      return;
-    }
-    SetAlert(false);
-  };
-  return /*#__PURE__*/jsx(Snackbar, {
-    open: alert,
-    autoHideDuration: 3000,
-    onClose: handleClose,
-    children: /*#__PURE__*/jsx(Alert, {
-      severity: "error",
-      onClose: handleClose,
-      sx: {
-        width: "100%"
-      },
-      children: message
-    })
-  });
-}
-
-var AppTheme = createTheme({
-  palette: {
-    primary: {
-      main: "#c1002a"
-    },
-    secondary: {
-      main: "#636363"
-    },
-    error: {
-      main: pink[900]
-    },
-    running: {
-      main: red[900],
-      contrastText: "#fff"
-    },
-    available: {
-      main: lightGreen[200],
-      contrastText: "#000"
-    },
-    info: {
-      main: pink[100]
-    },
-    success: {
-      main: yellow[500]
-    },
-    empty: {
-      main: green[500],
-      contrastText: "#000"
-    }
-  }
-});
-
-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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
-function AppCard(props) {
-  var userSx = props.sx || {};
-  return /*#__PURE__*/jsx(Grid, {
-    size: {
-      xs: props.xs || props.size || 12,
-      lg: props.lg || props.size || 6,
-      md: props.md || 12
-    },
-    sx: _objectSpread({}, userSx),
-    children: /*#__PURE__*/jsxs(Accordion, {
-      defaultExpanded: !props.collapsed,
-      square: false,
-      elevation: 2,
-      children: [/*#__PURE__*/jsx(AccordionSummary, {
-        expandIcon: /*#__PURE__*/jsx(ExpandMoreIcon, {}),
-        sx: {
-          backgroundColor: AppTheme.palette.divider
-        },
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "h5",
-          children: props.title
-        })
-      }), /*#__PURE__*/jsx(AccordionDetails, {
-        children: props.children
-      })]
-    })
-  });
-}
-
-function AppGrid(_ref) {
-  var children = _ref.children,
-    reverse = _ref.reverse;
-  var wrapper = reverse ? "wrap-reverse" : "wrap";
-  return /*#__PURE__*/jsx(Grid, {
-    container: true,
-    spacing: 2,
-    sx: {
-      display: "flex",
-      flexGrow: 1,
-      justifyContent: "center",
-      flexWrap: wrapper
-    },
-    children: children
-  });
-}
-
-function AppMenu(_ref) {
-  var title = _ref.title,
-    iconUrl = _ref.iconUrl,
-    iconAlt = _ref.iconAlt,
-    children = _ref.children;
-  if (!title) {
-    title = "JGU-ZAC Apps";
-  }
-  return /*#__PURE__*/jsx(AppBar, {
-    position: "sticky",
-    children: /*#__PURE__*/jsxs(Toolbar, {
-      children: [children, "\u2003", /*#__PURE__*/jsx(Typography, {
-        variant: "h6",
-        component: "div",
-        sx: {
-          flexGrow: 1
-        },
-        children: title
-      }), iconUrl ? /*#__PURE__*/jsx("img", {
-        src: iconUrl,
-        width: "48px",
-        alt: iconAlt
-      }) : null]
-    })
-  });
-}
-
-function MenuButton(_ref) {
-  var anchorEl = _ref.anchorEl;
-  if (anchorEl) {
-    return /*#__PURE__*/jsx(MenuOpenIcon, {});
-  } else {
-    return /*#__PURE__*/jsx(MenuIcon, {});
-  }
-}
-
-function NextListMenu(_ref) {
-  var availApps = _ref.availApps,
-    start = _ref.start,
-    basePath = _ref.basePath;
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    anchorEl = _React$useState2[0],
-    setAnchorEl = _React$useState2[1];
-  var open = Boolean(anchorEl);
-  var handleClickListItem = function handleClickListItem(event) {
-    setAnchorEl(event.currentTarget);
-  };
-  var handleClose = function handleClose() {
-    setAnchorEl(null);
-  };
-  var pathname = usePathname();
-  if (!basePath || basePath === null) {
-    basePath = "/";
-  }
-  function StartEntry() {
-    if (start) {
-      return /*#__PURE__*/jsxs(React.Fragment, {
-        children: [/*#__PURE__*/jsx(MenuItem, {
-          component: Link,
-          href: basePath,
-          selected: pathname === basePath,
-          onClick: handleClose,
-          children: "Start"
-        }), /*#__PURE__*/jsx(Divider, {})]
-      });
-    } else return null;
-  }
-  return /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsx(IconButton, {
-      size: "large",
-      edge: "start",
-      color: "inherit",
-      "aria-label": "menu",
-      sx: {
-        mr: 2
-      },
-      onClick: handleClickListItem,
-      children: /*#__PURE__*/jsx(MenuButton, {
-        anchorEl: anchorEl
-      })
-    }), /*#__PURE__*/jsxs(Menu, {
-      id: "lock-menu",
-      anchorEl: anchorEl,
-      open: open,
-      onClose: handleClose,
-      slotProps: {
-        "aria-labelledby": "lock-button",
-        role: "listbox"
-      },
-      children: [/*#__PURE__*/jsx(StartEntry, {}), availApps.map(function (option, index) {
-        return /*#__PURE__*/jsx(MenuItem, {
-          component: Link,
-          href: option.path,
-          selected: pathname === option.path + "/",
-          onClick: handleClose,
-          children: option.name
-        }, option.name);
-      })]
-    })]
-  });
-}
-
-function Footer(_ref) {
-  var footerContent = _ref.footerContent;
-  return /*#__PURE__*/jsx(React__default.Fragment, {
-    children: /*#__PURE__*/jsx(Grid, {
-      sx: {
-        p: 1,
-        backgroundColor: AppTheme.palette.divider,
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "center",
-        alignItems: "center",
-        minHeight: 64
-      },
-      children: /*#__PURE__*/jsx(Grid, {
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          children: footerContent
-        })
-      })
-    })
-  });
-}
-
-function AppWrapper(_ref) {
-  var title = _ref.title,
-    availApps = _ref.availApps,
-    footerContent = _ref.footerContent,
-    children = _ref.children,
-    basePath = _ref.basePath,
-    menu = _ref.menu,
-    iconUrl = _ref.iconUrl,
-    iconAlt = _ref.iconAlt;
-  if (!basePath || basePath === null) {
-    basePath = "/";
-  }
-  if (!footerContent || footerContent === null) {
-    footerContent = "";
-  }
-  return /*#__PURE__*/jsxs(React__default.Fragment, {
-    children: [/*#__PURE__*/jsx(AppMenu, {
-      title: /*#__PURE__*/jsx(Link$1, {
-        component: Link$2,
-        href: basePath,
-        sx: {
-          color: AppTheme.palette.primary.contrastText
-        },
-        children: title
-      }),
-      iconUrl: iconUrl,
-      iconAlt: iconAlt,
-      children: menu ? /*#__PURE__*/jsx(NextListMenu, {
-        availApps: availApps,
-        basePath: basePath,
-        start: true
-      }) : null
-    }), /*#__PURE__*/jsx(Box, {
-      sx: {
-        p: 3,
-        minHeight: "calc(100% - 128px)",
-        display: "flex",
-        justifyContent: "center"
-      },
-      children: children
-    }), /*#__PURE__*/jsx(Footer, {
-      footerContent: footerContent
-    })]
-  });
-}
-
-function AppRoot(_ref) {
-  var title = _ref.title,
-    availApps = _ref.availApps,
-    footerContent = _ref.footerContent,
-    basePath = _ref.basePath,
-    iconUrl = _ref.iconUrl,
-    iconAlt = _ref.iconAlt,
-    children = _ref.children;
-  return /*#__PURE__*/jsxs(ThemeProvider, {
-    theme: AppTheme,
-    children: [/*#__PURE__*/jsx(CssBaseline, {}), /*#__PURE__*/jsx(AppWrapper, {
-      title: title,
-      availApps: availApps,
-      footerContent: footerContent,
-      basePath: basePath,
-      iconUrl: iconUrl,
-      iconAlt: iconAlt,
-      menu: true,
-      children: children
-    })]
-  });
-}
-
-function AppTable(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx(TableContainer, {
-    component: Paper,
-    children: /*#__PURE__*/jsx(Table, {
-      size: "small",
-      "aria-label": "a dense table",
-      children: children
-    })
-  });
-}
-
-function DivTitle(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/jsx(Divider, {
-    textAlign: "left",
-    children: children
-  });
-}
-
-function NumField(_ref) {
-  var input = _ref.input,
-    SetInput = _ref.SetInput,
-    error = _ref.error,
-    SetError = _ref.SetError,
-    minValue = _ref.minValue,
-    maxValue = _ref.maxValue,
-    adornment = _ref.adornment,
-    label = _ref.label,
-    helperText = _ref.helperText,
-    size = _ref.size;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    errorMessage = _useState2[0],
-    SetErrorMessage = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    alert = _useState4[0],
-    SetAlert = _useState4[1];
-  var sx = {};
-  if (size === "small") {
-    sx = {
-      maxWidth: 75
-    };
-  }
-  function handleEntry(e) {
-    var errorFound = false;
-    var inputVal = e.target.value;
-    if (!inputVal.match(/[0-9-]*/)[0] || inputVal.match(/[0-9-]*/)[0] !== inputVal) {
-      errorFound = true;
-      SetErrorMessage("Input is not numerical.");
-    }
-    if (inputVal > maxValue || inputVal < minValue) {
-      errorFound = true;
-      SetErrorMessage("Input is outside allowed boundaries.");
-    }
-    SetInput(inputVal);
-    SetError(errorFound);
-    SetAlert(errorFound);
-  }
-  return /*#__PURE__*/jsxs(React__default.Fragment, {
-    children: [/*#__PURE__*/jsx(TextField, {
-      size: "small",
-      sx: sx,
-      onChange: function onChange(e) {
-        return handleEntry(e);
-      },
-      value: input,
-      error: error,
-      label: label,
-      helperText: helperText,
-      inputProps: {
-        inputMode: "numeric"
-      },
-      InputProps: {
-        endAdornment: /*#__PURE__*/jsx(InputAdornment, {
-          position: "end",
-          children: adornment
-        })
-      }
-    }), /*#__PURE__*/jsx(ErrorAlert, {
-      alert: alert,
-      SetAlert: SetAlert,
-      message: errorMessage
-    })]
-  });
-}
-
-function Percentage(number) {
-  var resultStr = number.toString() + " %";
-  return resultStr;
-}
-
-function Progress() {
-  return /*#__PURE__*/jsx(Grid, {
-    container: true,
-    sx: {
-      display: "flex",
-      flexGrow: 1,
-      justifyContent: "center",
-      alignContent: "center"
-    },
-    children: /*#__PURE__*/jsx(CircularProgress, {})
-  });
-}
-
-function PublicFetch(_ref) {
-  var url = _ref.url,
-    SetState = _ref.SetState,
-    SetMetaData = _ref.SetMetaData,
-    reload = _ref.reload,
-    SetReload = _ref.SetReload;
-    _ref.error;
-    var SetError = _ref.SetError;
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    internal = _useState2[0],
-    SetInternal = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2);
-    _useState4[0];
-    var SetInternalError = _useState4[1];
-  var state = null;
-  if (!SetState) {
-    SetState = SetInternal;
-    state = internal;
-  }
-  if (!SetError) {
-    SetError = SetInternalError;
-  }
-  if (!reload) {
-    reload = false;
-  }
-  useEffect(function () {
-    try {
-      fetch(url, {
-        headers: {
-          "Content-Type": "application/json",
-          Accept: "application/json"
-        }
-      }).then(function (response) {
-        if (SetMetaData) {
-          SetMetaData(response.headers);
-        }
-        console.log(response);
-        if (!response.ok) {
-          SetError({
-            error: response.statusText
-          });
-          return {
-            error: response.statusText
-          };
-        } else {
-          return response.json();
-        }
-      }).then(function (json) {
-        console.log(json);
-        SetState(json);
-      });
-    } catch (e) {
-      console.log(e);
-      SetError({
-        error: e
-      });
-    }
-    if (SetReload) {
-      SetReload(false);
-    }
-  }, [reload]);
-  return state;
-}
-
-function RespGrid(_ref) {
-  var children = _ref.children,
-    matches = _ref.matches,
-    justify = _ref.justify;
-  if (matches) {
-    return /*#__PURE__*/jsx(Grid, {
-      sx: {
-        display: "flex",
-        justifyContent: justify,
-        alignItems: "center"
-      },
-      children: children
-    });
-  } else {
-    return /*#__PURE__*/jsx(Grid, {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      children: children
-    });
-  }
-}
-
-function SpecSwitch(_ref) {
-  var listmode = _ref.listmode,
-    setup = _ref.setup,
-    spec = _ref.spec,
-    SetSpec = _ref.SetSpec,
-    SetFilter = _ref.SetFilter,
-    routerActive = _ref.routerActive;
-  var router = routerActive ? useRouter() : null;
-  var pathname = routerActive ? usePathname() : null;
-  return /*#__PURE__*/jsx(React__default.Fragment, {
-    children: /*#__PURE__*/jsx(Grid, {
-      children: /*#__PURE__*/jsx(ToggleButtonGroup, {
-        value: spec,
-        exclusive: true,
-        color: "primary",
-        onChange: function onChange(event, value) {
-          if (value !== null) {
-            SetSpec(value);
-            SetFilter ? SetFilter({}) : null;
-            routerActive ? router.push(pathname + "?spec=" + value + "&mode=" + listmode) : null;
-          }
-        },
-        size: "small",
-        children: Object.keys(setup).map(function (entry) {
-          return /*#__PURE__*/jsx(ToggleButton, {
-            value: entry,
-            children: entry
-          }, "spec_" + entry);
-        })
-      })
-    })
-  });
-}
-
-function Start(_ref) {
-  var availApps = _ref.availApps;
-  return /*#__PURE__*/jsx(Grid, {
-    children: /*#__PURE__*/jsxs(AppCard, {
-      title: "Welcome to ZAC Apps",
-      xs: 12,
-      lg: 8,
-      children: [/*#__PURE__*/jsx("p", {
-        children: "Select an app to get started."
-      }), /*#__PURE__*/jsx(Grid, {
-        container: true,
-        sx: {
-          display: "flex",
-          flexWrap: "wrap",
-          justifyContent: "center"
-        },
-        children: availApps.map(function (app) {
-          return /*#__PURE__*/jsxs(Button, {
-            sx: {
-              m: 5,
-              minWidth: 250,
-              display: "flex",
-              flexDirection: "column"
-            },
-            variant: "outlined",
-            component: Link$2,
-            href: app.path,
-            children: [/*#__PURE__*/jsx("p", {
-              children: /*#__PURE__*/jsx(Image, {
-                src: app.icon,
-                alt: app.name,
-                height: 100
-              })
-            }), /*#__PURE__*/jsx("p", {
-              children: app.name
-            })]
-          }, "button_" + app.path);
-        })
-      })]
-    })
-  });
-}
-
-var TableHeadCell = styled(TableCell)(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty({}, "&.".concat(tableCellClasses.head), {
-    backgroundColor: theme.palette.grey[300]
-  }), "&.".concat(tableCellClasses.body), {
-    fontSize: 14
-  });
-});
-
-function useFetch(_ref) {
-  var url = _ref.url,
-    reload = _ref.reload,
-    SetReload = _ref.SetReload;
-  // Define states for data and metadata
-
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    SetData = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    metadata = _useState4[0],
-    SetMetadata = _useState4[1];
-
-  // Fetch data from url
-
-  useEffect(function () {
-    fetch(url, {
-      headers: {
-        "Content-Type": "application/json",
-        Accept: "application/json"
-      }
-    }).then(function (response) {
-      SetMetadata(response.headers);
-      console.log(response);
-      return response.json();
-    }).then(function (json) {
-      console.log(json);
-      SetData(json);
-    });
-    if (reload) {
-      SetReload(false); // Reset reload state
-    }
-  }, [reload]); // Fetch is triggered by reload state
-
-  // Return data and metadata as object
-
-  var internal = {
-    data: data,
-    metadata: metadata
-  };
-  return internal;
-}
-
-function AppDrawer(_ref) {
-  var children = _ref.children;
-  var matches = useMediaQuery(AppTheme.breakpoints.up("lg"));
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    SetOpen = _useState2[1];
-  var toggleDrawer = function toggleDrawer(state) {
-    return function (event) {
-      if (event.type === "keydown" && (event.key === "Tab" || event.key === "Shift")) {
-        return;
-      }
-      SetOpen(state);
-    };
-  };
-  var list = function list() {
-    return /*#__PURE__*/jsx(Box, {
-      role: "presentation",
-      width: matches ? "420px" : "100%",
-      children: /*#__PURE__*/jsxs(List, {
-        children: [/*#__PURE__*/jsx(ListItem, {
-          sx: {
-            justifyContent: "right"
-          },
-          children: /*#__PURE__*/jsx(IconButton, {
-            onClick: toggleDrawer(false),
-            children: /*#__PURE__*/jsx(CloseIcon, {})
-          })
-        }), /*#__PURE__*/jsx(Divider, {}), children]
-      })
-    });
-  };
-  return /*#__PURE__*/jsxs(React__default.Fragment, {
-    children: [/*#__PURE__*/jsx(Button, {
-      variant: "outlined",
-      onClick: toggleDrawer(true),
-      startIcon: /*#__PURE__*/jsx(ManageSearchIcon, {
-        fontSize: "inherit"
-      }),
-      children: "Search/Filter"
-    }), /*#__PURE__*/jsx(Drawer, {
-      anchor: "left",
-      open: open,
-      onClose: toggleDrawer(false),
-      sx: {
-        maxWidth: "350px"
-      },
-      children: list()
-    })]
-  });
-}
-
-export { AppCard, AppDrawer, AppGrid, AppMenu, AppRoot, AppTable, AppTheme, AppWrapper, DivTitle, ErrorAlert, Footer, MenuButton, NextListMenu, NumField, Percentage, Progress, PublicFetch, RespGrid, SpecSwitch, Start, TableHeadCell, useFetch };
+import e from"@babel/runtime/helpers/objectWithoutProperties";import r from"@babel/runtime/helpers/defineProperty";import*as t from"react";import n,{useState as i,useEffect as o}from"react";import a from"@mui/material/Snackbar";import l from"@mui/material/Alert";import{jsx as c,jsxs as m}from"react/jsx-runtime";import u from"@mui/material/Grid";import p from"@mui/material/Accordion";import s from"@mui/material/AccordionSummary";import f from"@mui/material/AccordionDetails";import d from"@mui/material/Typography";import h from"@mui/icons-material/ExpandMore";import{createTheme as y,ThemeProvider as x,CssBaseline as b}from"@mui/material";import{green as g,yellow as v,pink as j,lightGreen as C,red as O}from"@mui/material/colors";import A,{Link as P}from"next/link";import w from"@mui/material/Link";import S from"@mui/material/Box";import k from"@mui/material/AppBar";import T from"@mui/material/Toolbar";import D from"@babel/runtime/helpers/slicedToArray";import{usePathname as I,useRouter as E}from"next/navigation";import z from"@mui/material/IconButton";import F from"@mui/material/MenuItem";import M from"@mui/material/Menu";import B from"@mui/material/Divider";import W from"@mui/icons-material/Menu";import G from"@mui/icons-material/MenuOpen";import U from"@mui/material/Table";import H from"@mui/material/TableContainer";import L from"@mui/material/Paper";import R from"@mui/material/TextField";import V from"@mui/material/InputAdornment";import Z from"@mui/material/CircularProgress";import _ from"@mui/material/ToggleButtonGroup";import q from"@mui/material/ToggleButton";import J from"next/image";import Q from"@mui/material/Button";import{styled as K}from"@mui/material/styles";import N,{tableCellClasses as X}from"@mui/material/TableCell";import Y from"@mui/material/useMediaQuery";import $ from"@mui/material/Drawer";import ee from"@mui/material/List";import re from"@mui/material/ListItem";import te from"@mui/icons-material/ManageSearch";import ne from"@mui/icons-material/Close";var ie=["alert","setAlert","message"];function oe(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}var ae=n.forwardRef(function(e,t){return c(l,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(n),!0).forEach(function(t){r(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}({elevation:6,ref:t,variant:"filled"},e))});function le(r){var t=r.alert,n=r.setAlert,i=r.message,o=e(r,ie),l=o.autoHideDuration||3e3,m=o.severity||"error",u=o.sx||{width:"100%"},p=function(e,r){"clickaway"!==r&&n(!1)};return c(a,{open:t,autoHideDuration:l,onClose:p,children:c(ae,{severity:m,onClose:p,sx:u,children:i})})}var ce=y({palette:{primary:{main:"#c1002a"},secondary:{main:"#636363"},error:{main:j[900]},running:{main:O[900],contrastText:"#fff"},available:{main:C[200],contrastText:"#000"},info:{main:j[100]},success:{main:v[500]},empty:{main:g[500],contrastText:"#000"}}});function me(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?me(Object(n),!0).forEach(function(t){r(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):me(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function pe(e){var r=e.sx||{};return c(u,{size:{xs:e.xs||e.size||12,lg:e.lg||e.size||6,md:e.md||12},sx:ue({},r),children:m(p,{defaultExpanded:!e.collapsed,square:!1,elevation:2,children:[c(s,{expandIcon:c(h,{}),sx:{backgroundColor:ce.palette.divider},children:c(d,{variant:"h5",children:e.title})}),c(f,{children:e.children})]})})}function se(e){var r=e.children,t=e.reverse;return c(u,{container:!0,spacing:2,sx:{display:"flex",flexGrow:1,justifyContent:"center",flexWrap:t?"wrap-reverse":"wrap"},children:r})}function fe(e){var r=e.title,t=e.iconUrl,n=e.iconAlt,i=e.children;return r||(r="JGU-ZAC Apps"),c(k,{position:"sticky",children:m(T,{children:[i," ",c(d,{variant:"h6",component:"div",sx:{flexGrow:1},children:r}),t?c("img",{src:t,width:"48px",alt:n}):null]})})}function de(e){var r=e.anchorEl;return c(r?G:W,{})}function he(e){var r=e.availApps,n=e.start,i=e.basePath,o=t.useState(null),a=D(o,2),l=a[0],u=a[1],p=Boolean(l),s=function(){u(null)},f=I();function d(){return n?m(t.Fragment,{children:[c(F,{component:A,href:i,selected:f===i,onClick:s,children:"Start"}),c(B,{})]}):null}return i&&null!==i||(i="/"),m("div",{children:[c(z,{size:"large",edge:"start",color:"inherit","aria-label":"menu",sx:{mr:2},onClick:function(e){u(e.currentTarget)},children:c(de,{anchorEl:l})}),m(M,{id:"lock-menu",anchorEl:l,open:p,onClose:s,slotProps:{"aria-labelledby":"lock-button",role:"listbox"},children:[c(d,{}),r.map(function(e,r){return c(F,{component:A,href:e.path,selected:f===e.path+"/",onClick:s,children:e.name},e.name)})]})]})}function ye(e){var r=e.footerContent;return c(n.Fragment,{children:c(u,{sx:{p:1,backgroundColor:ce.palette.divider,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",minHeight:64},children:c(u,{children:c(d,{variant:"body2",children:r})})})})}function xe(e){var r=e.title,t=e.availApps,i=e.footerContent,o=e.children,a=e.basePath,l=e.menu,u=e.iconUrl,p=e.iconAlt;return a&&null!==a||(a="/"),i&&null!==i||(i=""),m(n.Fragment,{children:[c(fe,{title:c(w,{component:P,href:a,sx:{color:ce.palette.primary.contrastText},children:r}),iconUrl:u,iconAlt:p,children:l?c(he,{availApps:t,basePath:a,start:!0}):null}),c(S,{sx:{p:3,minHeight:"calc(100% - 128px)",display:"flex",justifyContent:"center"},children:o}),c(ye,{footerContent:i})]})}function be(e){var r=e.title,t=e.availApps,n=e.footerContent,i=e.basePath,o=e.iconUrl,a=e.iconAlt,l=e.children;return m(x,{theme:ce,children:[c(b,{}),c(xe,{title:r,availApps:t,footerContent:n,basePath:i,iconUrl:o,iconAlt:a,menu:!0,children:l})]})}function ge(e){var r=e.children;return c(H,{component:L,children:c(U,{size:"small","aria-label":"a dense table",children:r})})}function ve(e){var r=e.children;return c(B,{textAlign:"left",children:r})}function je(e){var r=e.input,t=e.SetInput,o=e.error,a=e.SetError,l=e.minValue,u=e.maxValue,p=e.adornment,s=e.label,f=e.helperText,d=e.size,h=i(""),y=D(h,2),x=y[0],b=y[1],g=i(!1),v=D(g,2),j=v[0],C=v[1],O={};return"small"===d&&(O={maxWidth:75}),m(n.Fragment,{children:[c(R,{size:"small",sx:O,onChange:function(e){return function(e){var r=!1,n=e.target.value;n.match(/[0-9-]*/)[0]&&n.match(/[0-9-]*/)[0]===n||(r=!0,b("Input is not numerical.")),(n>u||n<l)&&(r=!0,b("Input is outside allowed boundaries.")),t(n),a(r),C(r)}(e)},value:r,error:o,label:s,helperText:f,inputProps:{inputMode:"numeric"},InputProps:{endAdornment:c(V,{position:"end",children:p})}}),c(le,{alert:j,SetAlert:C,message:x})]})}function Ce(e){return e.toString()+" %"}function Oe(){return c(u,{container:!0,sx:{display:"flex",flexGrow:1,justifyContent:"center",alignContent:"center"},children:c(Z,{})})}function Ae(e){var r=e.url,t=e.SetState,n=e.SetMetaData,a=e.reload,l=e.SetReload;e.error;var c=e.SetError,m=i(),u=D(m,2),p=u[0],s=u[1],f=i(),d=D(f,2);d[0];var h=d[1],y=null;return t||(t=s,y=p),c||(c=h),a||(a=!1),o(function(){try{fetch(r,{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then(function(e){return n&&n(e.headers),console.log(e),e.ok?e.json():(c({error:e.statusText}),{error:e.statusText})}).then(function(e){console.log(e),t(e)})}catch(e){console.log(e),c({error:e})}l&&l(!1)},[a]),y}function Pe(e){var r=e.children,t=e.matches,n=e.justify;return c(u,t?{sx:{display:"flex",justifyContent:n,alignItems:"center"},children:r}:{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:r})}function we(e){var r=e.listmode,t=e.setup,i=e.spec,o=e.SetSpec,a=e.SetFilter,l=e.routerActive,m=l?E():null,p=l?I():null;return c(n.Fragment,{children:c(u,{children:c(_,{value:i,exclusive:!0,color:"primary",onChange:function(e,t){null!==t&&(o(t),a&&a({}),l&&m.push(p+"?spec="+t+"&mode="+r))},size:"small",children:Object.keys(t).map(function(e){return c(q,{value:e,children:e},"spec_"+e)})})})})}function Se(e){var r=e.availApps;return c(u,{children:m(pe,{title:"Welcome to ZAC Apps",xs:12,lg:8,children:[c("p",{children:"Select an app to get started."}),c(u,{container:!0,sx:{display:"flex",flexWrap:"wrap",justifyContent:"center"},children:r.map(function(e){return m(Q,{sx:{m:5,minWidth:250,display:"flex",flexDirection:"column"},variant:"outlined",component:P,href:e.path,children:[c("p",{children:c(J,{src:e.icon,alt:e.name,height:100})}),c("p",{children:e.name})]},"button_"+e.path)})})]})})}var ke=K(N)(function(e){var t=e.theme;return r(r({},"&.".concat(X.head),{backgroundColor:t.palette.grey[300]}),"&.".concat(X.body),{fontSize:14})});function Te(e){var r=e.url,t=e.reload,n=e.SetReload,a=i(),l=D(a,2),c=l[0],m=l[1],u=i(),p=D(u,2),s=p[0],f=p[1];return o(function(){fetch(r,{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then(function(e){return f(e.headers),console.log(e),e.json()}).then(function(e){console.log(e),m(e)}),t&&n(!1)},[t]),{data:c,metadata:s}}function De(e){var r=e.children,t=Y(ce.breakpoints.up("lg")),o=i(!1),a=D(o,2),l=a[0],u=a[1],p=function(e){return function(r){("keydown"!==r.type||"Tab"!==r.key&&"Shift"!==r.key)&&u(e)}};return m(n.Fragment,{children:[c(Q,{variant:"outlined",onClick:p(!0),startIcon:c(te,{fontSize:"inherit"}),children:"Search/Filter"}),c($,{anchor:"left",open:l,onClose:p(!1),sx:{maxWidth:"350px"},children:c(S,{role:"presentation",width:t?"420px":"100%",children:m(ee,{children:[c(re,{sx:{justifyContent:"right"},children:c(z,{onClick:p(!1),children:c(ne,{})})}),c(B,{}),r]})})})]})}export{pe as AppCard,De as AppDrawer,se as AppGrid,fe as AppMenu,be as AppRoot,ge as AppTable,ce as AppTheme,xe as AppWrapper,ve as DivTitle,le as ErrorAlert,ye as Footer,de as MenuButton,he as NextListMenu,je as NumField,Ce as Percentage,Oe as Progress,Ae as PublicFetch,Pe as RespGrid,we as SpecSwitch,Se as Start,ke as TableHeadCell,Te as useFetch};

package/package.json

@@ -1,63 +1,64 @@
 {
-    "name": "@zac-apps/commons",
-    "version": "2.1.0",
-    "scripts": {
-        "rollup": "node_modules/rollup/dist/rollup.js",
-        "dev": "next dev",
-        "build": "rollup -c",
-        "start": "next start",
-        "lint": "next lint",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "semantic-release": "semantic-release"
-    },
-    "main": "dist/index.js",
-    "publishConfig": {
-        "access": "public"
-    },
-    "files": [
-        "dist"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "https://gitlab.rlp.net/zac/zac-apps-commons.git"
-    },
-    "keywords": [
-        "JGU"
-    ],
-    "author": "ZAC",
-    "license": "CC-BY-SA-4.0",
-    "dependencies": {
-        "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.1",
-        "@mui/icons-material": "^7.3.5",
-        "@mui/material": "^7.3.5"
-    },
-    "devDependencies": {
-        "@babel/plugin-transform-runtime": "^7.28.5",
-        "@rollup/plugin-babel": "^6.1.0",
-        "@rollup/plugin-commonjs": "^29.0.0",
-        "@rollup/plugin-json": "^6.1.0",
-        "@rollup/plugin-node-resolve": "^16.0.3",
-        "@semantic-release/git": "^10.0.1",
-        "@semantic-release/gitlab": "^13.2.9",
-        "@semantic-release/npm": "^13.1.2",
-        "@storybook/addon-links": "^10.0.8",
-        "@storybook/addon-onboarding": "^10.0.8",
-        "@storybook/nextjs": "^10.0.8",
-        "@storybook/react": "^10.0.8",
-        "babel-loader": "^10.0.0",
-        "eslint": "^9",
-        "eslint-config-next": "16.0.3",
-        "eslint-plugin-storybook": "^10.0.8",
-        "rollup": "^4.53.3",
-        "semantic-release": "^25.0.2",
-        "storybook": "^10.0.8"
-    },
-    "peerDependencies": {
-        "next": "^16 || ^15",
-        "react": "^19 || ^18",
-        "react-dom": "^19 || ^18"
-    },
-    "description": "This package contains common components for the ZAC Apps."
+  "name": "@zac-apps/commons",
+  "version": "2.2.0-beta.1",
+  "scripts": {
+    "rollup": "node_modules/rollup/dist/rollup.js",
+    "dev": "next dev",
+    "build": "rollup -c",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "semantic-release": "semantic-release"
+  },
+  "main": "dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.rlp.net/zac/zac-apps-commons.git"
+  },
+  "keywords": [
+    "JGU"
+  ],
+  "author": "ZAC",
+  "license": "CC-BY-SA-4.0",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/material": "^7.3.7"
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.28.5",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/gitlab": "^13.2.9",
+    "@semantic-release/npm": "^13.1.3",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/nextjs": "^10.1.11",
+    "@storybook/react": "^10.1.11",
+    "babel-loader": "^10.0.0",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.3",
+    "eslint-plugin-storybook": "^10.1.11",
+    "rollup": "^4.55.2",
+    "semantic-release": "^25.0.2",
+    "storybook": "^10.1.11"
+  },
+  "peerDependencies": {
+    "next": "^16 || ^15",
+    "react": "^19 || ^18",
+    "react-dom": "^19 || ^18"
+  },
+  "description": "This package contains common components for the ZAC Apps."
 }