@zac-apps/commons 1.0.1 → 1.0.3

package/dist/index.js

@@ -0,0 +1,656 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var Snackbar = require('@mui/material/Snackbar');
+var MuiAlert = require('@mui/material/Alert');
+var jsxRuntime = require('react/jsx-runtime');
+var Grid = require('@mui/material/Unstable_Grid2');
+var Accordion = require('@mui/material/Accordion');
+var AccordionSummary = require('@mui/material/AccordionSummary');
+var AccordionDetails = require('@mui/material/AccordionDetails');
+var Typography = require('@mui/material/Typography');
+var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
+var styles = require('@mui/material/styles');
+var red = require('@mui/material/colors/red');
+var pink = require('@mui/material/colors/pink');
+var lightGreen = require('@mui/material/colors/lightGreen');
+var green = require('@mui/material/colors/green');
+var yellow = require('@mui/material/colors/yellow');
+var Table = require('@mui/material/Table');
+var TableContainer = require('@mui/material/TableContainer');
+var Paper = require('@mui/material/Paper');
+var Link = require('next/link');
+var Link$1 = require('@mui/material/Link');
+var CssBaseline = require('@mui/material/CssBaseline');
+var react = require('@emotion/react');
+var Box = require('@mui/material/Box');
+var navigation = require('next/navigation');
+var createCache = require('@emotion/cache');
+var AppBar = require('@mui/material/AppBar');
+var Toolbar = require('@mui/material/Toolbar');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var IconButton = require('@mui/material/IconButton');
+var MenuItem = require('@mui/material/MenuItem');
+var Menu = require('@mui/material/Menu');
+var Divider = require('@mui/material/Divider');
+var MenuIcon = require('@mui/icons-material/Menu');
+var MenuOpenIcon = require('@mui/icons-material/MenuOpen');
+var footer_content_js = require('../../../../conf/footer_content.js');
+var CircularProgress = require('@mui/material/CircularProgress');
+var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
+var ToggleButton = require('@mui/material/ToggleButton');
+var Image = require('next/image');
+var Button = require('@mui/material/Button');
+var TableCell = require('@mui/material/TableCell');
+var useMediaQuery = require('@mui/material/useMediaQuery');
+var Drawer = require('@mui/material/Drawer');
+var List = require('@mui/material/List');
+var ListItem = require('@mui/material/ListItem');
+var ManageSearchIcon = require('@mui/icons-material/ManageSearch');
+var CloseIcon = require('@mui/icons-material/Close');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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), !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; }
+var Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
+  return /*#__PURE__*/jsxRuntime.jsx(MuiAlert, _objectSpread({
+    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__*/jsxRuntime.jsx(Snackbar, {
+    open: alert,
+    autoHideDuration: 3000,
+    onClose: handleClose,
+    children: /*#__PURE__*/jsxRuntime.jsx(Alert, {
+      severity: "error",
+      onClose: handleClose,
+      sx: {
+        width: "100%"
+      },
+      children: message
+    })
+  });
+}
+
+var AppTheme = styles.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 AppCard(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(Grid, {
+    xs: props.xs || props.size || 12,
+    lg: props.lg || props.size || 6,
+    md: props.md || 12,
+    children: /*#__PURE__*/jsxRuntime.jsxs(Accordion, {
+      defaultExpanded: !props.collapsed,
+      square: false,
+      elevation: 2,
+      children: [/*#__PURE__*/jsxRuntime.jsx(AccordionSummary, {
+        expandIcon: /*#__PURE__*/jsxRuntime.jsx(ExpandMoreIcon, {}),
+        sx: {
+          backgroundColor: AppTheme.palette.divider
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          variant: "h5",
+          children: props.title
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(AccordionDetails, {
+        children: props.children
+      })]
+    })
+  });
+}
+
+function AppGrid(_ref) {
+  var children = _ref.children,
+    reverse = _ref.reverse;
+  var wrapper = reverse ? "wrap-reverse" : "wrap";
+  return /*#__PURE__*/jsxRuntime.jsx(Grid, {
+    container: true,
+    spacing: 2,
+    sx: {
+      display: "flex",
+      flexGrow: 1,
+      justifyContent: "center",
+      flexWrap: wrapper
+    },
+    children: children
+  });
+}
+
+function AppTable(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx(TableContainer, {
+    component: Paper,
+    children: /*#__PURE__*/jsxRuntime.jsx(Table, {
+      size: "small",
+      "aria-label": "a dense table",
+      children: children
+    })
+  });
+}
+
+// prepend: true moves MUI styles to the top of the <head> so they're loaded first.
+// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+function createEmotionCache() {
+  return createCache({
+    key: "css",
+    prepend: true
+  });
+}
+
+function AppMenu(_ref) {
+  var title = _ref.title,
+    children = _ref.children;
+  if (!title) {
+    title = "JGU-ZAC Apps";
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(AppBar, {
+    position: "sticky",
+    children: /*#__PURE__*/jsxRuntime.jsxs(Toolbar, {
+      children: [children, "\u2003", /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        variant: "h6",
+        component: "div",
+        sx: {
+          flexGrow: 1
+        },
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx("img", {
+        src: "/zac_logo.png",
+        width: "48px",
+        alt: "zac-logo"
+      })]
+    })
+  });
+}
+
+function MenuButton(_ref) {
+  var anchorEl = _ref.anchorEl;
+  if (anchorEl) {
+    return /*#__PURE__*/jsxRuntime.jsx(MenuOpenIcon, {});
+  } else {
+    return /*#__PURE__*/jsxRuntime.jsx(MenuIcon, {});
+  }
+}
+
+function NextListMenu(_ref) {
+  var availApps = _ref.availApps,
+    start = _ref.start;
+  var _React$useState = React__namespace.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 = navigation.usePathname();
+  var basePath = process.env.basePath;
+  function StartEntry() {
+    if (start) {
+      return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem, {
+          component: Link,
+          href: basePath,
+          selected: pathname === basePath,
+          onClick: handleClose,
+          children: "Start"
+        }), /*#__PURE__*/jsxRuntime.jsx(Divider, {})]
+      });
+    } else return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(IconButton, {
+      size: "large",
+      edge: "start",
+      color: "inherit",
+      "aria-label": "menu",
+      sx: {
+        mr: 2
+      },
+      onClick: handleClickListItem,
+      children: /*#__PURE__*/jsxRuntime.jsx(MenuButton, {
+        anchorEl: anchorEl
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(Menu, {
+      id: "lock-menu",
+      anchorEl: anchorEl,
+      open: open,
+      onClose: handleClose,
+      MenuListProps: {
+        "aria-labelledby": "lock-button",
+        role: "listbox"
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(StartEntry, {}), availApps.map(function (option, index) {
+        return /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
+          component: Link,
+          href: option.path,
+          selected: pathname === option.path + "/",
+          onClick: handleClose,
+          children: option.name
+        }, option.name);
+      })]
+    })]
+  });
+}
+
+function Footer() {
+  return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
+      sx: {
+        p: 1,
+        backgroundColor: AppTheme.palette.divider,
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: 64
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          variant: "body2",
+          children: footer_content_js.footerContent
+        })
+      })
+    })
+  });
+}
+
+var clientSideEmotionCache = createEmotionCache();
+function AppWrapper(_ref) {
+  var title = _ref.title,
+    availApps = _ref.availApps,
+    children = _ref.children;
+  var basePath = process.env.basePath;
+  return /*#__PURE__*/jsxRuntime.jsx(react.CacheProvider, {
+    value: clientSideEmotionCache,
+    children: /*#__PURE__*/jsxRuntime.jsxs(styles.ThemeProvider, {
+      theme: AppTheme,
+      children: [/*#__PURE__*/jsxRuntime.jsx(CssBaseline, {}), /*#__PURE__*/jsxRuntime.jsx(AppMenu, {
+        title: /*#__PURE__*/jsxRuntime.jsx(Link$1, {
+          sx: {
+            color: AppTheme.palette.primary.contrastText
+          },
+          href: basePath,
+          component: Link.Link,
+          children: title
+        }),
+        children: /*#__PURE__*/jsxRuntime.jsx(NextListMenu, {
+          availApps: availApps,
+          start: true
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Box, {
+        sx: {
+          p: 3,
+          minHeight: "calc(100% - 128px)",
+          display: "flex",
+          justifyContent: "center"
+        },
+        children: children
+      }), /*#__PURE__*/jsxRuntime.jsx(Footer, {})]
+    })
+  });
+}
+
+function DivTitle(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx(Divider, {
+    textAlign: "left",
+    children: children
+  });
+}
+
+function Percentage(number) {
+  var resultStr = number.toString() + " %";
+  return resultStr;
+}
+
+var PreferenceContext = /*#__PURE__*/React.createContext(null);
+
+function Progress() {
+  return /*#__PURE__*/jsxRuntime.jsx(Grid, {
+    container: true,
+    sx: {
+      display: "flex",
+      flexGrow: 1,
+      justifyContent: "center",
+      alignContent: "center"
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(CircularProgress, {})
+  });
+}
+
+function PublicFetch(_ref) {
+  var url = _ref.url,
+    SetState = _ref.SetState,
+    SetMetaData = _ref.SetMetaData,
+    reload = _ref.reload,
+    SetReload = _ref.SetReload;
+  var _useState = React.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    internal = _useState2[0],
+    SetInternal = _useState2[1];
+  var state = null;
+  if (!SetState) {
+    SetState = SetInternal;
+    state = internal;
+  }
+  if (!reload) {
+    reload = false;
+  }
+  React.useEffect(function () {
+    fetch(url, {
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      }
+    }).then(function (response) {
+      if (SetMetaData) {
+        SetMetaData(response.headers);
+      }
+      console.log(response);
+      return response.json();
+    }).then(function (json) {
+      console.log(json);
+      SetState(json);
+    });
+    if (SetReload) {
+      SetReload(false);
+    }
+  }, [reload]);
+  return state;
+}
+
+function RespGrid(_ref) {
+  var children = _ref.children,
+    matches = _ref.matches,
+    justify = _ref.justify;
+  if (matches) {
+    return /*#__PURE__*/jsxRuntime.jsx(Grid, {
+      sx: {
+        display: "flex",
+        justifyContent: justify,
+        alignItems: "center"
+      },
+      children: children
+    });
+  } else {
+    return /*#__PURE__*/jsxRuntime.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 = navigation.useRouter();
+  var pathname = navigation.usePathname();
+  return /*#__PURE__*/jsxRuntime.jsx(React.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Grid, {
+      children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(ToggleButton, {
+            value: entry,
+            children: entry
+          }, "spec_" + entry);
+        })
+      })
+    })
+  });
+}
+
+function Start(_ref) {
+  var availApps = _ref.availApps;
+  return /*#__PURE__*/jsxRuntime.jsx(Grid, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(AppCard, {
+      title: "Welcome to ZAC Apps",
+      xs: 12,
+      lg: 8,
+      children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+        children: "Select an app to get started."
+      }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
+        container: true,
+        sx: {
+          display: "flex",
+          flexWrap: "wrap",
+          justifyContent: "center"
+        },
+        children: availApps.map(function (app) {
+          return /*#__PURE__*/jsxRuntime.jsxs(Button, {
+            sx: {
+              m: 5,
+              minWidth: 250,
+              display: "flex",
+              flexDirection: "column"
+            },
+            variant: "outlined",
+            component: Link,
+            href: app.path,
+            children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+              children: /*#__PURE__*/jsxRuntime.jsx(Image, {
+                src: app.icon,
+                alt: app.name,
+                height: 100
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("p", {
+              children: app.name
+            })]
+          }, "button_" + app.path);
+        })
+      })]
+    })
+  });
+}
+
+var TableHeadCell = styles.styled(TableCell)(function (_ref) {
+  var theme = _ref.theme;
+  return _defineProperty(_defineProperty({}, "&.".concat(TableCell.tableCellClasses.head), {
+    backgroundColor: theme.palette.divider
+  }), "&.".concat(TableCell.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 = React.useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    SetData = _useState2[1];
+  var _useState3 = React.useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    metadata = _useState4[0],
+    SetMetadata = _useState4[1];
+
+  // Fetch data from url
+
+  React.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 = React.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__*/jsxRuntime.jsx(Box, {
+      role: "presentation",
+      width: matches ? "420px" : "100%",
+      children: /*#__PURE__*/jsxRuntime.jsxs(List, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(ListItem, {
+          sx: {
+            justifyContent: "right"
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(IconButton, {
+            onClick: toggleDrawer(false),
+            children: /*#__PURE__*/jsxRuntime.jsx(CloseIcon, {})
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Divider, {}), children]
+      })
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+      variant: "outlined",
+      onClick: toggleDrawer(true),
+      startIcon: /*#__PURE__*/jsxRuntime.jsx(ManageSearchIcon, {
+        fontSize: "inherit"
+      }),
+      children: "Search/Filter"
+    }), /*#__PURE__*/jsxRuntime.jsx(Drawer, {
+      anchor: "left",
+      open: open,
+      onClose: toggleDrawer(false),
+      sx: {
+        maxWidth: "350px"
+      },
+      children: list()
+    })]
+  });
+}
+
+exports.Alert = ErrorAlert;
+exports.AppCard = AppCard;
+exports.AppDrawer = AppDrawer;
+exports.AppGrid = AppGrid;
+exports.AppMenu = AppMenu;
+exports.AppTable = AppTable;
+exports.AppTheme = AppTheme;
+exports.AppWrapper = AppWrapper;
+exports.DivTitle = DivTitle;
+exports.Footer = Footer;
+exports.MenuButton = MenuButton;
+exports.NextListMenu = NextListMenu;
+exports.Percentage = Percentage;
+exports.PreferenceContext = PreferenceContext;
+exports.Progress = Progress;
+exports.PublicFetch = PublicFetch;
+exports.RespGrid = RespGrid;
+exports.SpecSwitch = SpecSwitch;
+exports.Start = Start;
+exports.TableHeadCell = TableHeadCell;
+exports.createEmotionCache = createEmotionCache;
+exports.useFetch = useFetch;

package/package.json

@@ -1,67 +1,66 @@
 {
-  "name": "@zac-apps/commons",
-  "version": "1.0.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",
-    "assets"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.rlp.net/liermann/zac-apps-commons.git"
-  },
-  "keywords": [
-    "JGU"
-  ],
-  "author": "ZAC",
-  "license": "CC-BY-SA-4.0",
-  "dependencies": {
-    "@emotion/styled": "^11.11.0",
-    "@fontsource/roboto": "^5.0.8",
-    "@mui/icons-material": "^5.14.16",
-    "@mui/material": "^5.14.17",
-    "@mui/x-date-pickers": "^6.18.1",
-    "next": "14.0.3",
-    "react": "^18",
-    "react-dom": "^18"
-  },
-  "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.23.4",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/gitlab": "^12.1.1",
-    "@semantic-release/npm": "^11.0.1",
-    "@storybook/addon-essentials": "^7.6.1",
-    "@storybook/addon-interactions": "^7.6.1",
-    "@storybook/addon-links": "^7.6.1",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.6.1",
-    "@storybook/nextjs": "^7.6.1",
-    "@storybook/react": "^7.6.1",
-    "@storybook/test": "^7.6.1",
-    "babel-loader": "^9.1.3",
-    "eslint": "^8",
-    "eslint-config-next": "14.0.3",
-    "eslint-plugin-storybook": "^0.6.15",
-    "rollup": "^4.6.0",
-    "semantic-release": "^22.0.8",
-    "storybook": "^7.6.1"
-  },
-  "description": "This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app)."
+    "name": "@zac-apps/commons",
+    "version": "1.0.3",
+    "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/liermann/zac-apps-commons.git"
+    },
+    "keywords": [
+        "JGU"
+    ],
+    "author": "ZAC",
+    "license": "CC-BY-SA-4.0",
+    "dependencies": {
+        "@emotion/styled": "^11.11.0",
+        "@fontsource/roboto": "^5.0.8",
+        "@mui/icons-material": "^5.14.16",
+        "@mui/material": "^5.14.17",
+        "@mui/x-date-pickers": "^6.18.1",
+        "next": "14.0.3",
+        "react": "^18",
+        "react-dom": "^18"
+    },
+    "devDependencies": {
+        "@babel/plugin-transform-runtime": "^7.23.4",
+        "@rollup/plugin-babel": "^6.0.4",
+        "@rollup/plugin-commonjs": "^25.0.7",
+        "@rollup/plugin-json": "^6.0.1",
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@semantic-release/git": "^10.0.1",
+        "@semantic-release/gitlab": "^12.1.1",
+        "@semantic-release/npm": "^11.0.1",
+        "@storybook/addon-essentials": "^7.6.1",
+        "@storybook/addon-interactions": "^7.6.1",
+        "@storybook/addon-links": "^7.6.1",
+        "@storybook/addon-onboarding": "^1.0.8",
+        "@storybook/blocks": "^7.6.1",
+        "@storybook/nextjs": "^7.6.1",
+        "@storybook/react": "^7.6.1",
+        "@storybook/test": "^7.6.1",
+        "babel-loader": "^9.1.3",
+        "eslint": "^8",
+        "eslint-config-next": "14.0.3",
+        "eslint-plugin-storybook": "^0.6.15",
+        "rollup": "^4.6.0",
+        "semantic-release": "^22.0.8",
+        "storybook": "^7.6.1"
+    },
+    "description": "This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app)."
 }

package/assets/icon_chn.svg

@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Ebene_2_00000041285400425215995260000013550099538385769899_"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 73.2 110.2"
-	 style="enable-background:new 0 0 73.2 110.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#636363;}
-</style>
-<g id="Ebene_1-2">
-	<g>
-		<path class="st0" d="M30.9,52.6v10.7c2.9-1.2,5.4-3.1,7.6-5.5v-0.7h0.6c1.4-1.7,2.6-3.6,3.4-5.8c0.3-0.6,0.6-1.2,0.8-1.8h-9.4
-			C32.3,49.5,30.9,50.9,30.9,52.6L30.9,52.6z"/>
-		<path class="st0" d="M28.4,52.6c0-3,2.5-5.5,5.5-5.5h10.1c1-4.6,0.5-10-2.2-13.5c1.4,5.5-4.3,11-9.9,8.7
-			c-4.7-1.7-6.5-7.1-3.2-11.8c7.3-9.8,2-25.1-10.2-30.5c5.5,10.4-2.9,20.1-7.8,24.1c-4.8,4-8.1,8.2-9.1,10.6
-			C-3.3,46.7,4,58.1,9,60.8c-2.3-5.2-4.4-15,4.5-24.2c0,0-2.6,9.8,3,16.7c5.6,6.8,5.5,11.9,5.5,11.9c2.1,0,4.3-0.3,6.3-0.9
-			L28.4,52.6L28.4,52.6z"/>
-	</g>
-	<path class="st0" d="M65.7,69.3H38.4V57.1h27.2V69.3L65.7,69.3z M65.7,79.9h-4.5v-4.5h4.5V79.9L65.7,79.9z M65.7,87.4h-4.5v-4.5
-		h4.5V87.4L65.7,87.4z M65.7,95h-4.5v-4.5h4.5V95L65.7,95z M65.7,102.6h-4.5V98h4.5V102.6L65.7,102.6z M58.1,79.9h-4.5v-4.5h4.5
-		V79.9L58.1,79.9z M58.1,87.4h-4.5v-4.5h4.5V87.4L58.1,87.4z M58.1,95h-4.5v-4.5h4.5V95L58.1,95z M58.1,102.6h-4.5V98h4.5V102.6
-		L58.1,102.6z M50.5,79.8H46v-4.5h4.5V79.8L50.5,79.8z M50.5,87.4H46v-4.5h4.5V87.4L50.5,87.4z M50.5,95H46v-4.5h4.5V95L50.5,95z
-		 M50.5,102.6H38.4V98h12.1V102.6L50.5,102.6z M38.4,90.4H43V95h-4.5V90.4L38.4,90.4z M38.4,82.9H43v4.5h-4.5V82.9L38.4,82.9z
-		 M38.4,75.3H43v4.5h-4.5V75.3L38.4,75.3z M70.2,49.5H33.9c-1.7,0-3,1.4-3,3v54.5c0,1.7,1.4,3,3,3h36.3c1.7,0,3-1.4,3-3V52.6
-		C73.2,50.9,71.9,49.5,70.2,49.5L70.2,49.5z"/>
-</g>
-</svg>

package/assets/icon_nmr.svg

@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Ebene_2_00000039106019328201254260000005025511527933610673_"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 85.5 106.1"
-	 style="enable-background:new 0 0 85.5 106.1;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#636363;}
-</style>
-<g id="Ebene_1-2">
-	<g>
-		<path class="st0" d="M19.6,13.6c0,2.5-2,4.5-4.5,4.5s-4.5-2-4.5-4.5s2-4.5,4.5-4.5S19.6,11.1,19.6,13.6L19.6,13.6z"/>
-		<path class="st0" d="M15.1,2.3c0,1.3-1,2.3-2.3,2.3s-2.3-1-2.3-2.3s1-2.3,2.3-2.3S15.1,1,15.1,2.3L15.1,2.3z"/>
-		<path class="st0" d="M28,15.9c0,1.3-1,2.3-2.3,2.3s-2.3-1-2.3-2.3s1-2.3,2.3-2.3S28,14.7,28,15.9L28,15.9z"/>
-		<path class="st0" d="M30.2,6.1c0,1.7-1.4,3-3,3s-3-1.4-3-3s1.4-3,3-3S30.2,4.4,30.2,6.1C30.2,6.1,30.2,6.1,30.2,6.1z"/>
-	</g>
-	<g>
-		<polygon class="st0" points="49,106.1 41.8,98.8 48.2,92.4 55.5,99.6 49,106.1 		"/>
-		<g>
-			<path class="st0" d="M46.1,90.3L35,79.2c-6.5-6.5-6.5-17,0-23.6c6.5-6.5,17-6.5,23.5,0l11.1,11.1l6.4-6.4L65,49.2
-				c-10.1-10.1-26.3-10.1-36.4,0s-10.1,26.4,0,36.4l11,11.1L46.1,90.3L46.1,90.3L46.1,90.3z"/>
-			<g>
-				<path class="st0" d="M33.3,53.9c1.8-1.8,3.9-3.2,6.1-4.1v-4.4c-3.4,1.1-6.4,3-9,5.6c-0.2,0.2-0.3,0.4-0.5,0.5h1.9v3h-4.3
-					c-0.6,1-1.2,2-1.7,3h4.6C31.2,56.2,32.1,55,33.3,53.9L33.3,53.9z"/>
-				<path class="st0" d="M39.4,62.1v-6.8c-0.9,0.6-1.8,1.2-2.6,2c-2.6,2.6-3.9,5.9-4.1,9.2h2.2C37.4,66.6,39.4,64.6,39.4,62.1z"/>
-				<path class="st0" d="M22.7,52.7v-1.2h0.8c0.7-1,1.5-2.1,2.4-3h-3.2v-3H29c3.1-2.5,6.6-4.3,10.4-5.3V27.3c0-2.7,2.1-3.9,2.2-3.9
-					c0.5-0.4,0.9-1.1,0.7-1.7c-0.2-0.7-0.8-1.1-1.4-1.1H1.5c-0.7,0-1.3,0.5-1.4,1.1s0.2,1.4,0.8,1.7c0,0,2.3,1.3,2.3,4v34.8
-					c0,2.5,2,4.5,4.5,4.5h11C18.7,61.8,20.1,57,22.7,52.7L22.7,52.7z M31.8,42.4h-9.1v-3h9.1V42.4z M31.8,36.3h-9.1v-3h9.1V36.3z
-					 M6,29.5v-2.3c0-1.5-0.4-2.8-1-3.8h32.2c-0.5,1-1,2.3-1,3.8v1.4c-2.3-0.9-6.1-2.2-9.8-2.2c-4.1,0-6.6,0.7-9.2,1.4
-					C14.5,28.6,11.6,29.4,6,29.5z"/>
-				<path class="st0" d="M28.9,60.6h-4.3c-0.6,2-0.9,4-1,6.1h4.1C27.8,64.6,28.2,62.5,28.9,60.6z"/>
-			</g>
-		</g>
-		<polygon class="st0" points="71.8,68.9 78.3,62.5 85.5,69.7 79.1,76.1 71.8,68.9 		"/>
-	</g>
-</g>
-</svg>