jcicl 0.0.0

package/.chunks/AppBar.js

@@ -0,0 +1,359 @@
+import { jsx as e, jsxs as O } from "react/jsx-runtime";
+import { I } from "./Input.js";
+import { B as R } from "./Button.js";
+import { n as y } from "./emotion-styled.browser.esm.js";
+import { l as j } from "./jocologo.js";
+import { a as v, g as x, s as B, e as c, u as A, c as m, P as r, b as k, t as f } from "./theme.js";
+import * as T from "react";
+import { m as C } from "./memoTheme.js";
+import { c as N } from "./createSimplePaletteValueFilter.js";
+import { P as $ } from "./Menu.js";
+function z(o) {
+  return v("MuiAppBar", o);
+}
+x("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
+const D = (o) => {
+  const {
+    color: t,
+    position: a,
+    classes: s
+  } = o, n = {
+    root: ["root", `color${c(t)}`, `position${c(a)}`]
+  };
+  return k(n, z, s);
+}, b = (o, t) => o ? `${o == null ? void 0 : o.replace(")", "")}, ${t})` : t, M = B($, {
+  name: "MuiAppBar",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [t.root, t[`position${c(a.position)}`], t[`color${c(a.color)}`]];
+  }
+})(C(({
+  theme: o
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  boxSizing: "border-box",
+  // Prevent padding issue with the Modal and fixed positioned AppBar.
+  flexShrink: 0,
+  variants: [{
+    props: {
+      position: "fixed"
+    },
+    style: {
+      position: "fixed",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0,
+      "@media print": {
+        // Prevent the app bar to be visible on each printed page.
+        position: "absolute"
+      }
+    }
+  }, {
+    props: {
+      position: "absolute"
+    },
+    style: {
+      position: "absolute",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0
+    }
+  }, {
+    props: {
+      position: "sticky"
+    },
+    style: {
+      position: "sticky",
+      zIndex: (o.vars || o).zIndex.appBar,
+      top: 0,
+      left: "auto",
+      right: 0
+    }
+  }, {
+    props: {
+      position: "static"
+    },
+    style: {
+      position: "static"
+    }
+  }, {
+    props: {
+      position: "relative"
+    },
+    style: {
+      position: "relative"
+    }
+  }, {
+    props: {
+      color: "inherit"
+    },
+    style: {
+      "--AppBar-color": "inherit"
+    }
+  }, {
+    props: {
+      color: "default"
+    },
+    style: {
+      "--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[100],
+      "--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[100]),
+      ...o.applyStyles("dark", {
+        "--AppBar-background": o.vars ? o.vars.palette.AppBar.defaultBg : o.palette.grey[900],
+        "--AppBar-color": o.vars ? o.vars.palette.text.primary : o.palette.getContrastText(o.palette.grey[900])
+      })
+    }
+  }, ...Object.entries(o.palette).filter(N(["contrastText"])).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      "--AppBar-background": (o.vars ?? o).palette[t].main,
+      "--AppBar-color": (o.vars ?? o).palette[t].contrastText
+    }
+  })), {
+    props: (t) => t.enableColorOnDark === !0 && !["inherit", "transparent"].includes(t.color),
+    style: {
+      backgroundColor: "var(--AppBar-background)",
+      color: "var(--AppBar-color)"
+    }
+  }, {
+    props: (t) => t.enableColorOnDark === !1 && !["inherit", "transparent"].includes(t.color),
+    style: {
+      backgroundColor: "var(--AppBar-background)",
+      color: "var(--AppBar-color)",
+      ...o.applyStyles("dark", {
+        backgroundColor: o.vars ? b(o.vars.palette.AppBar.darkBg, "var(--AppBar-background)") : null,
+        color: o.vars ? b(o.vars.palette.AppBar.darkColor, "var(--AppBar-color)") : null
+      })
+    }
+  }, {
+    props: {
+      color: "transparent"
+    },
+    style: {
+      "--AppBar-background": "transparent",
+      "--AppBar-color": "inherit",
+      backgroundColor: "var(--AppBar-background)",
+      color: "var(--AppBar-color)",
+      ...o.applyStyles("dark", {
+        backgroundImage: "none"
+      })
+    }
+  }]
+}))), w = /* @__PURE__ */ T.forwardRef(function(t, a) {
+  const s = A({
+    props: t,
+    name: "MuiAppBar"
+  }), {
+    className: n,
+    color: i = "primary",
+    enableColorOnDark: d = !1,
+    position: l = "fixed",
+    ...u
+  } = s, p = {
+    ...s,
+    color: i,
+    position: l,
+    enableColorOnDark: d
+  }, g = D(p);
+  return /* @__PURE__ */ e(M, {
+    square: !0,
+    component: "header",
+    ownerState: p,
+    elevation: 4,
+    className: m(g.root, n, l === "fixed" && "mui-fixed"),
+    ref: a,
+    ...u
+  });
+});
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: r.oneOfType([r.oneOf(["default", "inherit", "primary", "secondary", "transparent", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If true, the `color` prop is applied in dark mode.
+   * @default false
+   */
+  enableColorOnDark: r.bool,
+  /**
+   * The positioning type. The behavior of the different options is described
+   * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning).
+   * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
+   * @default 'fixed'
+   */
+  position: r.oneOf(["absolute", "fixed", "relative", "static", "sticky"]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+function h(o) {
+  return v("MuiToolbar", o);
+}
+x("MuiToolbar", ["root", "gutters", "regular", "dense"]);
+const P = (o) => {
+  const {
+    classes: t,
+    disableGutters: a,
+    variant: s
+  } = o;
+  return k({
+    root: ["root", !a && "gutters", s]
+  }, h, t);
+}, U = B("div", {
+  name: "MuiToolbar",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: a
+    } = o;
+    return [t.root, !a.disableGutters && t.gutters, t[a.variant]];
+  }
+})(C(({
+  theme: o
+}) => ({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disableGutters,
+    style: {
+      paddingLeft: o.spacing(2),
+      paddingRight: o.spacing(2),
+      [o.breakpoints.up("sm")]: {
+        paddingLeft: o.spacing(3),
+        paddingRight: o.spacing(3)
+      }
+    }
+  }, {
+    props: {
+      variant: "dense"
+    },
+    style: {
+      minHeight: 48
+    }
+  }, {
+    props: {
+      variant: "regular"
+    },
+    style: o.mixins.toolbar
+  }]
+}))), S = /* @__PURE__ */ T.forwardRef(function(t, a) {
+  const s = A({
+    props: t,
+    name: "MuiToolbar"
+  }), {
+    className: n,
+    component: i = "div",
+    disableGutters: d = !1,
+    variant: l = "regular",
+    ...u
+  } = s, p = {
+    ...s,
+    component: i,
+    disableGutters: d,
+    variant: l
+  }, g = P(p);
+  return /* @__PURE__ */ e(U, {
+    as: i,
+    className: m(g.root, n),
+    ref: a,
+    ownerState: p,
+    ...u
+  });
+});
+process.env.NODE_ENV !== "production" && (S.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The Toolbar children, usually a mixture of `IconButton`, `Button` and `Typography`.
+   * The Toolbar is a flex container, allowing flex item properties to be used to lay out the children.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, disables gutter padding.
+   * @default false
+   */
+  disableGutters: r.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The variant to use.
+   * @default 'regular'
+   */
+  variant: r.oneOfType([r.oneOf(["dense", "regular"]), r.string])
+});
+const E = y(w)({
+  width: "100%",
+  padding: 0,
+  boxShadow: "0px 0px 7px 4px rgba(0, 0, 0, 0.63)",
+  backgroundColor: f.colors.midnight,
+  position: "sticky",
+  top: "0",
+  zIndex: 1e3,
+  height: `${f.constants.appBarHeight}px`
+}), G = y(S)(() => ({
+  display: "flex",
+  width: "calc(100% - 3rem)",
+  justifyContent: "space-between",
+  color: f.colors.white,
+  padding: "0.5rem 1.5rem 0 1.5rem",
+  gap: "2rem",
+  "@media (min-width: 600px)": {
+    paddingLeft: "1.5rem",
+    paddingRight: "1.5rem"
+  }
+})), Q = ({ ...o }) => /* @__PURE__ */ e(E, { position: "static", ...o, children: /* @__PURE__ */ O(G, { children: [
+  /* @__PURE__ */ e("a", { href: "https://int.johnsoncountyiowa.gov/home", target: "_blank", children: /* @__PURE__ */ e("img", { src: j, alt: "logo", width: "60px" }) }),
+  /* @__PURE__ */ e(I, { placeholder: "Search..." }),
+  /* @__PURE__ */ e(R, { children: "Log in" })
+] }) });
+export {
+  Q as A
+};

package/.chunks/AppContainer.js

@@ -0,0 +1,71 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { A as s } from "./AppHeader.js";
+import { C as l } from "./CompactNav.js";
+import { n as i } from "./emotion-styled.browser.esm.js";
+import { t as r } from "./theme.js";
+const c = i("div")({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  position: "relative",
+  backgroundColor: r.colors.whiteGreen2,
+  height: "100vh",
+  fontFamily: "Roboto, sans-serif",
+  overflow: "hidden"
+}), x = i("div")({
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-start",
+  alignItems: "flex-start",
+  width: "calc(100% - 2px)",
+  padding: "4px 2px",
+  paddingLeft: 0,
+  height: `calc(100% - ${r.constants.appHeaderHeight}px - 8px)`
+}), m = i("div")(({ withActionsPanel: o }) => ({
+  display: "flex",
+  flexDirection: "column",
+  opacity: o ? 1 : 0,
+  border: `1px solid ${r.colors.green}`,
+  borderRight: 0,
+  borderRadius: "4px",
+  borderTopRightRadius: 0,
+  borderBottomRightRadius: 0,
+  height: "calc(100% - 32px)",
+  padding: o ? "1rem" : 0,
+  backgroundColor: r.colors.darkGreenO22,
+  color: r.colors.mint,
+  width: o ? "400px" : 0,
+  transition: "313ms all ease-in-out",
+  ...!o && {
+    border: "none"
+  }
+})), f = i("div")(({ withActionsPanel: o }) => ({
+  display: "flex",
+  backgroundColor: r.colors.whiteGreen,
+  borderRadius: "4px",
+  borderBottomLeftRadius: o ? 0 : "4px",
+  borderTopLeftRadius: o ? 0 : "4px",
+  border: `1px solid ${r.colors.green}`,
+  width: "100%",
+  height: "calc(100% - 2rem)",
+  padding: "1rem",
+  h1: {
+    margin: 0
+  }
+})), R = ({
+  navProps: o,
+  appHeaderProps: n,
+  withActionsPanel: t,
+  actionsPanelContent: d,
+  children: p
+}) => /* @__PURE__ */ a(c, { children: [
+  /* @__PURE__ */ e(s, { ...n }),
+  /* @__PURE__ */ a(x, { children: [
+    /* @__PURE__ */ e(l, { ...o }),
+    /* @__PURE__ */ e(m, { withActionsPanel: t, children: d && d }),
+    /* @__PURE__ */ e(f, { withActionsPanel: t, children: p })
+  ] })
+] });
+export {
+  R as A
+};

package/.chunks/AppHeader.js

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { n } from "./emotion-styled.browser.esm.js";
+import { t as o } from "./theme.js";
+import { l as s } from "./jocologo.js";
+import { I as p } from "./Input.js";
+import { B as m } from "./Button.js";
+import { A as c } from "./Avatar.js";
+const d = n("div")({
+  display: "grid",
+  flexDirection: "row",
+  padding: "4px 16px 4px 20px",
+  backgroundColor: "transparent",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gridTemplateColumns: `minmax(${o.constants.appSideNavWidth + o.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
+}), l = n("img")({
+  height: "40px"
+}), f = n("div")({}), g = n("div")({
+  justifySelf: "end"
+}), j = () => {
+  const [r, e] = a(!1);
+  return /* @__PURE__ */ i(d, { children: [
+    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(l, { src: s }) }),
+    /* @__PURE__ */ t(p, { placeholder: "Search..." }),
+    /* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(c, { onClick: () => e(!1) }) : /* @__PURE__ */ t(m, { onClick: () => e(!0), children: "Log In" }) })
+  ] });
+};
+export {
+  j as A
+};

package/.chunks/Avatar.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c } from "./createSvgIcon.js";
+import { B as d } from "./ButtonBase.js";
+import { t as i } from "./theme.js";
+import { n as a, i as l } from "./emotion-styled.browser.esm.js";
+const m = c(/* @__PURE__ */ t("path", {
+  d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
+}), "PersonOutlineOutlined"), s = a(m, {
+  shouldForwardProp: (r) => l(r)
+})(({ avatarColor: r = i.colors.darkGreen, backgroundColor: n = i.colors.mint, size: o = 40 }) => ({
+  border: `1px solid ${r}`,
+  backgroundColor: n,
+  borderRadius: "50%",
+  padding: "8px",
+  fill: r,
+  width: `${o - 18}px`,
+  height: `${o - 18}px`,
+  pointerEvents: "none"
+})), p = a(d)({
+  backgroundColor: "transparent",
+  borderRadius: "50%",
+  span: {
+    transition: "313ms all ease-in-out"
+  },
+  "&:hover, :focus": {
+    span: {
+      backgroundColor: i.colors.grayO44
+    }
+  }
+}), g = ({
+  avatarColor: r,
+  backgroundColor: n,
+  size: o,
+  ...e
+}) => e != null && e.onClick ? /* @__PURE__ */ t(p, { ...e, children: /* @__PURE__ */ t(s, { avatarColor: r, backgroundColor: n, size: o }) }) : /* @__PURE__ */ t(s, { avatarColor: r, backgroundColor: n, size: o });
+export {
+  g as A
+};

package/.chunks/AvatarWithImage.js

@@ -0,0 +1,36 @@
+import { jsx as n } from "react/jsx-runtime";
+import { B as c } from "./ButtonBase.js";
+import { t as m } from "./theme.js";
+import { n as d } from "./emotion-styled.browser.esm.js";
+const s = d("img")(
+  ({ borderColor: o = m.colors.darkGreen, size: r = 40, objectFit: e = "cover" }) => ({
+    border: `1px solid ${o}`,
+    borderRadius: "50%",
+    width: `${r - 2}px`,
+    height: `${r - 2}px`,
+    pointerEvents: "none",
+    objectFit: e,
+    objectPosition: "top"
+  })
+), l = d(c)({
+  backgroundColor: "transparent",
+  borderRadius: "50%",
+  span: {
+    transition: "313ms all ease-in-out"
+  },
+  "&:hover, :focus": {
+    span: {
+      backgroundColor: m.colors.grayO44
+    }
+  }
+}), u = ({
+  borderColor: o,
+  alt: r = "profile image",
+  size: e,
+  objectFit: t,
+  src: i,
+  ...a
+}) => a != null && a.onClick ? /* @__PURE__ */ n(l, { ...a, children: /* @__PURE__ */ n(s, { src: i, alt: r, borderColor: o, size: e, objectFit: t }) }) : /* @__PURE__ */ n(s, { src: i, alt: r, borderColor: o, size: e, objectFit: t });
+export {
+  u as A
+};

package/.chunks/BasicPage.js

@@ -0,0 +1,31 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { A as s } from "./AppBar.js";
+import { N as p } from "./Nav.js";
+import { n as r } from "./emotion-styled.browser.esm.js";
+import { t as a } from "./theme.js";
+const m = r("div")({
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  position: "relative"
+}), l = r("div")({
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-start",
+  alignItems: "flex-start",
+  width: `calc(100% - 2rem - ${a.constants.navBarWidth}px)`,
+  marginLeft: `${a.constants.navBarWidth}px`,
+  padding: "1rem",
+  height: `calc(100% - ${a.constants.appBarHeight}px)`,
+  fontFamily: "Roboto, sans-serif",
+  h1: {
+    margin: 0
+  }
+}), g = ({ appBarProps: e, navProps: i, children: n }) => /* @__PURE__ */ o(m, { children: [
+  /* @__PURE__ */ t(s, { ...e }),
+  /* @__PURE__ */ t(p, { withAppBar: !0, ...i, anchor: "left" }),
+  /* @__PURE__ */ t(l, { children: n })
+] });
+export {
+  g as B
+};