jcicl 0.0.13 → 0.0.16

package/.chunks/AppBar.js

@@ -3,25 +3,26 @@ 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 f from "../assets/theme.js";
+import * as v from "react";
+import { a as x, g as B, s as m, e as c, u as A, c as k, P as r, b as T } from "./DefaultPropsProvider.js";
 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);
+  return x("MuiAppBar", o);
 }
-x("MuiAppBar", ["root", "positionFixed", "positionAbsolute", "positionSticky", "positionStatic", "positionRelative", "colorDefault", "colorPrimary", "colorSecondary", "colorInherit", "colorTransparent", "colorError", "colorInfo", "colorSuccess", "colorWarning"]);
+B("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 = {
+  } = o, p = {
     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($, {
+  return T(p, z, s);
+}, b = (o, t) => o ? `${o == null ? void 0 : o.replace(")", "")}, ${t})` : t, M = m($, {
   name: "MuiAppBar",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -147,28 +148,28 @@ const D = (o) => {
       })
     }
   }]
-}))), w = /* @__PURE__ */ T.forwardRef(function(t, a) {
+}))), w = /* @__PURE__ */ v.forwardRef(function(t, a) {
   const s = A({
     props: t,
     name: "MuiAppBar"
   }), {
-    className: n,
+    className: p,
     color: i = "primary",
     enableColorOnDark: d = !1,
     position: l = "fixed",
     ...u
-  } = s, p = {
+  } = s, n = {
     ...s,
     color: i,
     position: l,
     enableColorOnDark: d
-  }, g = D(p);
+  }, g = D(n);
   return /* @__PURE__ */ e(M, {
     square: !0,
     component: "header",
-    ownerState: p,
+    ownerState: n,
     elevation: 4,
-    className: m(g.root, n, l === "fixed" && "mui-fixed"),
+    className: k(g.root, p, l === "fixed" && "mui-fixed"),
     ref: a,
     ...u
   });
@@ -215,19 +216,19 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
   sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
 function h(o) {
-  return v("MuiToolbar", o);
+  return x("MuiToolbar", o);
 }
-x("MuiToolbar", ["root", "gutters", "regular", "dense"]);
+B("MuiToolbar", ["root", "gutters", "regular", "dense"]);
 const P = (o) => {
   const {
     classes: t,
     disableGutters: a,
     variant: s
   } = o;
-  return k({
+  return T({
     root: ["root", !a && "gutters", s]
   }, h, t);
-}, U = B("div", {
+}, U = m("div", {
   name: "MuiToolbar",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -267,27 +268,27 @@ const P = (o) => {
     },
     style: o.mixins.toolbar
   }]
-}))), S = /* @__PURE__ */ T.forwardRef(function(t, a) {
+}))), S = /* @__PURE__ */ v.forwardRef(function(t, a) {
   const s = A({
     props: t,
     name: "MuiToolbar"
   }), {
-    className: n,
+    className: p,
     component: i = "div",
     disableGutters: d = !1,
     variant: l = "regular",
     ...u
-  } = s, p = {
+  } = s, n = {
     ...s,
     component: i,
     disableGutters: d,
     variant: l
-  }, g = P(p);
+  }, g = P(n);
   return /* @__PURE__ */ e(U, {
     as: i,
-    className: m(g.root, n),
+    className: k(g.root, p),
     ref: a,
-    ownerState: p,
+    ownerState: n,
     ...u
   });
 });
@@ -349,11 +350,11 @@ const E = y(w)({
     paddingLeft: "1.5rem",
     paddingRight: "1.5rem"
   }
-})), Q = ({ ...o }) => /* @__PURE__ */ e(E, { position: "static", ...o, children: /* @__PURE__ */ O(G, { children: [
+})), X = ({ ...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
+  X as A
 };

package/.chunks/AppContainer.js

@@ -1,9 +1,9 @@
-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")({
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { A as p } from "./AppHeader.js";
+import { C as s } from "./CompactNav.js";
+import { n as t } from "./emotion-styled.browser.esm.js";
+import r from "../assets/theme.js";
+const l = t("div")({
   display: "flex",
   flexDirection: "column",
   width: "100%",
@@ -12,7 +12,7 @@ const c = i("div")({
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-}), x = i("div")({
+}), c = t("div")({
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-start",
@@ -21,7 +21,7 @@ const c = i("div")({
   padding: "4px 2px",
   paddingLeft: 0,
   height: `calc(100% - ${r.constants.appHeaderHeight}px - 8px)`
-}), m = i("div")(({ withActionsPanel: o }) => ({
+}), x = t("div")(({ withActionsPanel: o }) => ({
   display: "flex",
   flexDirection: "column",
   opacity: o ? 1 : 0,
@@ -39,7 +39,7 @@ const c = i("div")({
   ...!o && {
     border: "none"
   }
-})), f = i("div")(({ withActionsPanel: o }) => ({
+})), m = t("div")(({ withActionsPanel: o }) => ({
   display: "flex",
   backgroundColor: r.colors.whiteGreen,
   borderRadius: "4px",
@@ -54,16 +54,15 @@ const c = i("div")({
   }
 })), 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 })
+  appHeaderProps: a,
+  actionsPanelContent: e,
+  children: n
+}) => /* @__PURE__ */ d(l, { children: [
+  /* @__PURE__ */ i(p, { ...a }),
+  /* @__PURE__ */ d(c, { children: [
+    /* @__PURE__ */ i(s, { ...o }),
+    /* @__PURE__ */ i(x, { withActionsPanel: !!e, children: e && e }),
+    /* @__PURE__ */ i(m, { withActionsPanel: !!e, children: n })
   ] })
 ] });
 export {

package/.chunks/AppHeader.js

@@ -1,7 +1,7 @@
 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 r from "../assets/theme.js";
 import { l as s } from "./jocologo.js";
 import { I as p } from "./Input.js";
 import { B as m } from "./Button.js";
@@ -9,21 +9,21 @@ import { A as c } from "./Avatar.js";
 const d = n("div")({
   display: "grid",
   flexDirection: "row",
-  padding: "4px 16px 4px 20px",
+  padding: "4px 16px",
   backgroundColor: "transparent",
   alignItems: "center",
   justifyContent: "space-between",
-  gridTemplateColumns: `minmax(${o.constants.appSideNavWidth + o.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
+  gridTemplateColumns: `minmax(${r.constants.appSideNavWidth + r.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
 }), l = n("img")({
-  height: "40px"
+  width: "36px"
 }), f = n("div")({}), g = n("div")({
   justifySelf: "end"
 }), j = () => {
-  const [r, e] = a(!1);
+  const [e, o] = 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" }) })
+    /* @__PURE__ */ t(g, { children: e ? /* @__PURE__ */ t(c, { onClick: () => o(!1) }) : /* @__PURE__ */ t(m, { onClick: () => o(!0), children: "Log In" }) })
   ] });
 };
 export {

package/.chunks/Avatar.js

@@ -1,13 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { c } from "./createSvgIcon.js";
 import { B as d } from "./ButtonBase.js";
-import { t as i } from "./theme.js";
+import t from "../assets/theme.js";
 import { n as a, i as l } from "./emotion-styled.browser.esm.js";
-const m = c(/* @__PURE__ */ t("path", {
+const m = c(/* @__PURE__ */ i("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 }) => ({
+})(({ avatarColor: r = t.colors.darkGreen, backgroundColor: n = t.colors.mint, size: o = 40 }) => ({
   border: `1px solid ${r}`,
   backgroundColor: n,
   borderRadius: "50%",
@@ -24,7 +24,7 @@ const m = c(/* @__PURE__ */ t("path", {
   },
   "&:hover, :focus": {
     span: {
-      backgroundColor: i.colors.grayO44
+      backgroundColor: t.colors.grayO44
     }
   }
 }), g = ({
@@ -32,7 +32,7 @@ const m = c(/* @__PURE__ */ t("path", {
   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 });
+}) => e != null && e.onClick ? /* @__PURE__ */ i(p, { ...e, children: /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: n, size: o }) }) : /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: n, size: o });
 export {
   g as A
 };

package/.chunks/AvatarWithImage.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { B as c } from "./ButtonBase.js";
-import { t as m } from "./theme.js";
+import m from "../assets/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" }) => ({
@@ -27,10 +27,10 @@ const s = d("img")(
   borderColor: o,
   alt: r = "profile image",
   size: e,
-  objectFit: t,
-  src: i,
+  objectFit: i,
+  src: t,
   ...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 });
+}) => a != null && a.onClick ? /* @__PURE__ */ n(l, { ...a, children: /* @__PURE__ */ n(s, { src: t, alt: r, borderColor: o, size: e, objectFit: i }) }) : /* @__PURE__ */ n(s, { src: t, alt: r, borderColor: o, size: e, objectFit: i });
 export {
   u as A
 };

package/.chunks/BasicPage.js

@@ -2,7 +2,7 @@ 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";
+import a from "../assets/theme.js";
 const m = r("div")({
   display: "flex",
   flexDirection: "column",

package/.chunks/Button.js

@@ -1,9 +1,10 @@
 import { jsxs as D, jsx as d } from "react/jsx-runtime";
 import * as b from "react";
-import { a as F, g as U, s as c, r as _, e, f as H, u as A, c as w, P as t, b as q, d as g, t as i } from "./theme.js";
+import { a as F, g as U, s as c, r as _, e, f as H, u as A, c as w, P as t, b as q, d as g } from "./DefaultPropsProvider.js";
 import { m as J } from "./memoTheme.js";
 import { c as K } from "./createSimplePaletteValueFilter.js";
 import { B as Q } from "./ButtonBase.js";
+import i from "../assets/theme.js";
 function X(o) {
   return F("MuiButton", o);
 }
@@ -19,16 +20,16 @@ const Y = (o) => {
     size: s,
     variant: p,
     classes: u
-  } = o, y = {
+  } = o, f = {
     root: ["root", p, `${p}${e(a)}`, `size${e(s)}`, `${p}Size${e(s)}`, `color${e(a)}`, n && "disableElevation", r && "fullWidth"],
     label: ["label"],
     startIcon: ["icon", "startIcon", `iconSize${e(s)}`],
     endIcon: ["icon", "endIcon", `iconSize${e(s)}`]
-  }, f = q(y, X, u);
+  }, y = q(f, X, u);
   return {
     ...u,
     // forward the focused, disabled, etc. classes to the ButtonBase
-    ...f
+    ...y
   };
 }, O = [{
   props: {
@@ -300,8 +301,8 @@ const Y = (o) => {
     props: p,
     name: "MuiButton"
   }), {
-    children: y,
-    color: f = "primary",
+    children: f,
+    color: y = "primary",
     component: S = "button",
     className: N,
     disabled: z = !1,
@@ -311,25 +312,25 @@ const Y = (o) => {
     focusVisibleClassName: T,
     fullWidth: P = !1,
     size: W = "medium",
-    startIcon: $,
-    type: m,
+    startIcon: m,
+    type: $,
     variant: M = "text",
     ...V
   } = u, x = {
     ...u,
-    color: f,
+    color: y,
     component: S,
     disabled: z,
     disableElevation: k,
     disableFocusRipple: B,
     fullWidth: P,
     size: W,
-    type: m,
+    type: $,
     variant: M
-  }, v = Y(x), L = $ && /* @__PURE__ */ d(oo, {
+  }, v = Y(x), L = m && /* @__PURE__ */ d(oo, {
     className: v.startIcon,
     ownerState: x,
-    children: $
+    children: m
   }), j = C && /* @__PURE__ */ d(to, {
     className: v.endIcon,
     ownerState: x,
@@ -343,10 +344,10 @@ const Y = (o) => {
     focusRipple: !B,
     focusVisibleClassName: w(v.focusVisible, T),
     ref: n,
-    type: m,
+    type: $,
     ...V,
     classes: v,
-    children: [L, y, j]
+    children: [L, f, j]
   });
 });
 process.env.NODE_ENV !== "production" && (R.propTypes = {
@@ -480,7 +481,7 @@ const E = c(R)`
   color: ${i.colors.black};
   border: 3px solid ${i.colors.blue};
   padding: 0.5rem 2rem;
-`, co = ({ variant: o = 1, children: a, ...n }) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("p", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("p", { children: a }) });
+`, po = ({ variant: o = 1, children: a, ...n }) => o === 2 ? /* @__PURE__ */ d(no, { ...n, children: /* @__PURE__ */ d("p", { children: a }) }) : /* @__PURE__ */ d(ao, { ...n, children: /* @__PURE__ */ d("p", { children: a }) });
 export {
-  co as B
+  po as B
 };

package/.chunks/ButtonBase.js

@@ -3,7 +3,7 @@ var ke = (n, t, o) => t in n ? Le(n, t, { enumerable: !0, configurable: !0, writ
 var ue = (n, t, o) => ke(n, typeof t != "symbol" ? t + "" : t, o);
 import * as d from "react";
 import W, { Children as Oe, isValidElement as G, cloneElement as J } from "react";
-import { P as e, c as E, g as fe, s as te, u as de, a as je, b as Fe } from "./theme.js";
+import { P as e, c as E, g as fe, s as te, u as de, a as je, b as Fe } from "./DefaultPropsProvider.js";
 import { jsx as U, jsxs as Ie } from "react/jsx-runtime";
 import { u as Ue, _ as $e, a as ze, T as le, k as ne, b as _e, c as ce, d as H, r as Ae, e as Xe } from "./TransitionGroupContext.js";
 import { _ as Ye } from "./emotion-styled.browser.esm.js";

package/.chunks/CompactNav.js

@@ -1,9 +1,9 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { n as s, i as f } from "./emotion-styled.browser.esm.js";
-import { t as o } from "./theme.js";
-import { B as u } from "./ButtonBase.js";
-const x = s("div")({
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { n as i, i as u } from "./emotion-styled.browser.esm.js";
+import o from "../assets/theme.js";
+import { B as x } from "./ButtonBase.js";
+const h = i("div")({
   display: "flex",
   flexDirection: "column",
   backgroundColor: "transparent",
@@ -21,8 +21,8 @@ const x = s("div")({
       borderRadius: "8px"
     }
   }
-}), h = s(u, {
-  shouldForwardProp: (r) => f(r)
+}), g = i(x, {
+  shouldForwardProp: (r) => u(r)
 })(({ active: r }) => ({
   display: "flex",
   flexDirection: "column",
@@ -55,16 +55,16 @@ const x = s("div")({
     color: o.colors.darkGreen,
     textAlign: "center"
   }
-})), y = ({ navItems: r }) => {
-  const [i, a] = m(""), l = (e, t) => {
-    a(e), t();
+})), S = ({ navItems: r, activeRoute: e }) => {
+  const [a, l] = f(""), c = (n, t) => {
+    l(n), t();
   };
-  return /* @__PURE__ */ n(x, { children: r.map(({ icon: e, label: t = "", onClick: c = () => {
-  }, ...d }) => /* @__PURE__ */ p(h, { ...d, active: t === i, onClick: () => l(t, c), children: [
-    e,
-    /* @__PURE__ */ n("span", { children: t })
+  return /* @__PURE__ */ s(h, { children: r.map(({ icon: n, label: t = "", onClick: d = () => {
+  }, ...p }) => /* @__PURE__ */ m(g, { ...p, active: e ? e === t : a === t, onClick: () => c(t, d), children: [
+    n,
+    /* @__PURE__ */ s("span", { children: t })
   ] }, t)) });
 };
 export {
-  y as C
+  S as C
 };