jcicl 0.0.287 → 0.0.291

package/AppContainer/AppContainer.d.ts

@@ -11,6 +11,7 @@ interface UserInfo {
 }
 export interface AppContainerProps {
     navProps: Omit<NavProps, 'themeColors'>;
+    subnavItems?: NavItemProps[];
     activeSubnavRoute?: string;
     appHeaderProps?: ReducedAppHeaderProps;
     actionsPanelContent?: React.ReactNode;

package/AppContainer/AppContainer.js

@@ -1,145 +1,145 @@
-import { jsx as i, jsxs as $, Fragment as xe } from "react/jsx-runtime";
-import * as z from "react";
-import { useState as q } from "react";
-import { c as le } from "../.chunks/createSvgIcon.js";
-import { n as f, i as G } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as M } from "../.chunks/emotion-react.browser.esm.js";
-import je from "../AppHeader/AppHeader.js";
-import { Nav as L } from "../Nav/Nav.js";
-import Q from "../ScrollContainer/ScrollContainer.js";
-import { Button as Z } from "../Button/Button.js";
+import { jsx as i, jsxs as $, Fragment as ve } from "react/jsx-runtime";
+import * as D from "react";
+import { useState as J } from "react";
+import { c as ce } from "../.chunks/createSvgIcon.js";
+import { n as g, i as Y } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as R } from "../.chunks/emotion-react.browser.esm.js";
+import Ue from "../AppHeader/AppHeader.js";
+import { Nav as A } from "../Nav/Nav.js";
+import K from "../ScrollContainer/ScrollContainer.js";
+import { Button as oe } from "../Button/Button.js";
 import t from "../theme.js";
-import { l as Ue } from "../.chunks/jocologo.js";
-import { X as We } from "../.chunks/Close.js";
-import { P as r, g as Ve, a as Xe, s as ce, r as Ge, c as ee, u as Ye, b as J, d as _e } from "../.chunks/DefaultPropsProvider.js";
-import { u as qe } from "../.chunks/index.js";
-import { a as Pe } from "../.chunks/useTheme.js";
-import { m as Re } from "../.chunks/memoTheme.js";
-import { o as Me, d as Qe, M as Je } from "../.chunks/TextField.js";
-import { P as Ke } from "../.chunks/Paper.js";
-import { i as Ze } from "../.chunks/integerPropType.js";
-import { e as eo, H as oo, g as ro, T as to, r as no, a as ve } from "../.chunks/Portal.js";
-import { c as io } from "../.chunks/chainPropTypes.js";
-import { a as ao } from "../.chunks/TransitionGroupContext.js";
-import { u as we } from "../.chunks/useMediaQuery.js";
-function so(e, o, s) {
-  const n = o.getBoundingClientRect(), l = s && s.getBoundingClientRect(), H = Me(o);
-  let c;
+import { l as We } from "../.chunks/jocologo.js";
+import { X as Ve } from "../.chunks/Close.js";
+import { P as r, g as Xe, a as Ge, s as pe, r as Ye, c as re, u as _e, b as Z, d as qe } from "../.chunks/DefaultPropsProvider.js";
+import { u as Qe } from "../.chunks/index.js";
+import { a as Re } from "../.chunks/useTheme.js";
+import { m as Me } from "../.chunks/memoTheme.js";
+import { o as He, d as Je, M as Ke } from "../.chunks/TextField.js";
+import { P as Ze } from "../.chunks/Paper.js";
+import { i as eo } from "../.chunks/integerPropType.js";
+import { e as oo, H as ro, g as to, T as no, r as io, a as we } from "../.chunks/Portal.js";
+import { c as ao } from "../.chunks/chainPropTypes.js";
+import { a as so } from "../.chunks/TransitionGroupContext.js";
+import { u as ke } from "../.chunks/useMediaQuery.js";
+function lo(e, o, a) {
+  const n = o.getBoundingClientRect(), l = a && a.getBoundingClientRect(), M = He(o);
+  let w;
   if (o.fakeTransform)
-    c = o.fakeTransform;
+    w = o.fakeTransform;
   else {
-    const d = H.getComputedStyle(o);
-    c = d.getPropertyValue("-webkit-transform") || d.getPropertyValue("transform");
+    const h = M.getComputedStyle(o);
+    w = h.getPropertyValue("-webkit-transform") || h.getPropertyValue("transform");
   }
-  let m = 0, w = 0;
-  if (c && c !== "none" && typeof c == "string") {
-    const d = c.split("(")[1].split(")")[0].split(",");
-    m = parseInt(d[4], 10), w = parseInt(d[5], 10);
+  let p = 0, f = 0;
+  if (w && w !== "none" && typeof w == "string") {
+    const h = w.split("(")[1].split(")")[0].split(",");
+    p = parseInt(h[4], 10), f = parseInt(h[5], 10);
   }
-  return e === "left" ? l ? `translateX(${l.right + m - n.left}px)` : `translateX(${H.innerWidth + m - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - m}px)` : `translateX(-${n.left + n.width - m}px)` : e === "up" ? l ? `translateY(${l.bottom + w - n.top}px)` : `translateY(${H.innerHeight + w - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - w}px)` : `translateY(-${n.top + n.height - w}px)`;
+  return e === "left" ? l ? `translateX(${l.right + p - n.left}px)` : `translateX(${M.innerWidth + p - n.left}px)` : e === "right" ? l ? `translateX(-${n.right - l.left - p}px)` : `translateX(-${n.left + n.width - p}px)` : e === "up" ? l ? `translateY(${l.bottom + f - n.top}px)` : `translateY(${M.innerHeight + f - n.top}px)` : l ? `translateY(-${n.top - l.top + n.height - f}px)` : `translateY(-${n.top + n.height - f}px)`;
 }
-function He(e) {
+function Ee(e) {
   return typeof e == "function" ? e() : e;
 }
-function K(e, o, s) {
-  const n = He(s), l = so(e, o, n);
+function ee(e, o, a) {
+  const n = Ee(a), l = lo(e, o, n);
   l && (o.style.webkitTransform = l, o.style.transform = l);
 }
-const Ee = /* @__PURE__ */ z.forwardRef(function(o, s) {
-  const n = Pe(), l = {
+const De = /* @__PURE__ */ D.forwardRef(function(o, a) {
+  const n = Re(), l = {
     enter: n.transitions.easing.easeOut,
     exit: n.transitions.easing.sharp
-  }, H = {
+  }, M = {
     enter: n.transitions.duration.enteringScreen,
     exit: n.transitions.duration.leavingScreen
   }, {
-    addEndListener: c,
-    appear: m = !0,
-    children: w,
-    container: d,
-    direction: g = "down",
-    easing: O = l,
+    addEndListener: w,
+    appear: p = !0,
+    children: f,
+    container: h,
+    direction: b = "down",
+    easing: z = l,
     in: T,
-    onEnter: F,
+    onEnter: L,
     onEntered: W,
-    onEntering: E,
-    onExit: N,
-    onExited: D,
-    onExiting: j,
-    style: y,
-    timeout: S = H,
+    onEntering: F,
+    onExit: C,
+    onExited: N,
+    onExiting: I,
+    style: S,
+    timeout: k = M,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: P = to,
-    ...I
-  } = o, u = z.useRef(null), b = ao(ro(w), u, s), h = (a) => (p) => {
-    a && (p === void 0 ? a(u.current) : a(u.current, p));
-  }, C = h((a, p) => {
-    K(g, a, d), no(a), F && F(a, p);
-  }), x = h((a, p) => {
-    const B = ve({
-      timeout: S,
-      style: y,
-      easing: O
+    TransitionComponent: H = no,
+    ...P
+  } = o, m = D.useRef(null), V = so(to(f), m, a), d = (s) => (c) => {
+    s && (c === void 0 ? s(m.current) : s(m.current, c));
+  }, u = d((s, c) => {
+    ee(b, s, h), io(s), L && L(s, c);
+  }), x = d((s, c) => {
+    const j = we({
+      timeout: k,
+      style: S,
+      easing: z
     }, {
       mode: "enter"
     });
-    a.style.webkitTransition = n.transitions.create("-webkit-transform", {
-      ...B
-    }), a.style.transition = n.transitions.create("transform", {
-      ...B
-    }), a.style.webkitTransform = "none", a.style.transform = "none", E && E(a, p);
-  }), v = h(W), R = h(j), oe = h((a) => {
-    const p = ve({
-      timeout: S,
-      style: y,
-      easing: O
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", {
+      ...j
+    }), s.style.transition = n.transitions.create("transform", {
+      ...j
+    }), s.style.webkitTransform = "none", s.style.transform = "none", F && F(s, c);
+  }), E = d(W), v = d(I), O = d((s) => {
+    const c = we({
+      timeout: k,
+      style: S,
+      easing: z
     }, {
       mode: "exit"
     });
-    a.style.webkitTransition = n.transitions.create("-webkit-transform", p), a.style.transition = n.transitions.create("transform", p), K(g, a, d), N && N(a);
-  }), re = h((a) => {
-    a.style.webkitTransition = "", a.style.transition = "", D && D(a);
-  }), te = (a) => {
-    c && c(u.current, a);
-  }, Y = z.useCallback(() => {
-    u.current && K(g, u.current, d);
-  }, [g, d]);
-  return z.useEffect(() => {
-    if (T || g === "down" || g === "right")
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", c), s.style.transition = n.transitions.create("transform", c), ee(b, s, h), C && C(s);
+  }), te = d((s) => {
+    s.style.webkitTransition = "", s.style.transition = "", N && N(s);
+  }), ne = (s) => {
+    w && w(m.current, s);
+  }, _ = D.useCallback(() => {
+    m.current && ee(b, m.current, h);
+  }, [b, h]);
+  return D.useEffect(() => {
+    if (T || b === "down" || b === "right")
       return;
-    const a = Qe(() => {
-      u.current && K(g, u.current, d);
-    }), p = Me(u.current);
-    return p.addEventListener("resize", a), () => {
-      a.clear(), p.removeEventListener("resize", a);
+    const s = Je(() => {
+      m.current && ee(b, m.current, h);
+    }), c = He(m.current);
+    return c.addEventListener("resize", s), () => {
+      s.clear(), c.removeEventListener("resize", s);
     };
-  }, [g, T, d]), z.useEffect(() => {
-    T || Y();
-  }, [T, Y]), /* @__PURE__ */ i(P, {
-    nodeRef: u,
-    onEnter: C,
-    onEntered: v,
+  }, [b, T, h]), D.useEffect(() => {
+    T || _();
+  }, [T, _]), /* @__PURE__ */ i(H, {
+    nodeRef: m,
+    onEnter: u,
+    onEntered: E,
     onEntering: x,
-    onExit: oe,
-    onExited: re,
-    onExiting: R,
-    addEndListener: te,
-    appear: m,
+    onExit: O,
+    onExited: te,
+    onExiting: v,
+    addEndListener: ne,
+    appear: p,
     in: T,
-    timeout: S,
-    ...I,
-    children: (a, p) => /* @__PURE__ */ z.cloneElement(w, {
-      ref: b,
+    timeout: k,
+    ...P,
+    children: (s, c) => /* @__PURE__ */ D.cloneElement(f, {
+      ref: V,
       style: {
-        visibility: a === "exited" && !T ? "hidden" : void 0,
-        ...y,
-        ...w.props.style
+        visibility: s === "exited" && !T ? "hidden" : void 0,
+        ...S,
+        ...f.props.style
       },
-      ...p
+      ...c
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Ee.propTypes = {
+process.env.NODE_ENV !== "production" && (De.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -159,17 +159,17 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
   /**
    * A single child content element.
    */
-  children: eo.isRequired,
+  children: oo.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: io(r.oneOfType([oo, r.func]), (e) => {
+  container: ao(r.oneOfType([ro, r.func]), (e) => {
     if (e.open) {
-      const o = He(e.container);
+      const o = Ee(e.container);
       if (o && o.nodeType === 1) {
-        const s = o.getBoundingClientRect();
-        if (process.env.NODE_ENV !== "test" && s.top === 0 && s.left === 0 && s.right === 0 && s.bottom === 0)
+        const a = o.getBoundingClientRect();
+        if (process.env.NODE_ENV !== "test" && a.top === 0 && a.left === 0 && a.right === 0 && a.bottom === 0)
           return new Error(["MUI: The `container` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
       } else if (!o || typeof o.getBoundingClientRect != "function" || o.contextElement != null && o.contextElement.nodeType !== 1)
@@ -241,53 +241,53 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
     exit: r.number
   })])
 });
-function lo(e) {
-  return Ve("MuiDrawer", e);
+function co(e) {
+  return Xe("MuiDrawer", e);
 }
-Xe("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const De = (e, o) => {
+Ge("MuiDrawer", ["root", "docked", "paper", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
+const Se = (e, o) => {
   const {
-    ownerState: s
+    ownerState: a
   } = e;
-  return [o.root, (s.variant === "permanent" || s.variant === "persistent") && o.docked, o.modal];
-}, co = (e) => {
+  return [o.root, (a.variant === "permanent" || a.variant === "persistent") && o.docked, o.modal];
+}, po = (e) => {
   const {
     classes: o,
-    anchor: s,
+    anchor: a,
     variant: n
   } = e, l = {
     root: ["root"],
     docked: [(n === "permanent" || n === "persistent") && "docked"],
     modal: ["modal"],
-    paper: ["paper", `paperAnchor${ee(s)}`, n !== "temporary" && `paperAnchorDocked${ee(s)}`]
+    paper: ["paper", `paperAnchor${re(a)}`, n !== "temporary" && `paperAnchorDocked${re(a)}`]
   };
-  return _e(l, lo, o);
-}, po = ce(Je, {
+  return qe(l, co, o);
+}, ho = pe(Ke, {
   name: "MuiDrawer",
   slot: "Root",
-  overridesResolver: De
-})(Re(({
+  overridesResolver: Se
+})(Me(({
   theme: e
 }) => ({
   zIndex: (e.vars || e).zIndex.drawer
-}))), ke = ce("div", {
-  shouldForwardProp: Ge,
+}))), ye = pe("div", {
+  shouldForwardProp: Ye,
   name: "MuiDrawer",
   slot: "Docked",
   skipVariantsResolver: !1,
-  overridesResolver: De
+  overridesResolver: Se
 })({
   flex: "0 0 auto"
-}), ho = ce(Ke, {
+}), uo = pe(Ze, {
   name: "MuiDrawer",
   slot: "Paper",
   overridesResolver: (e, o) => {
     const {
-      ownerState: s
+      ownerState: a
     } = e;
-    return [o.paper, o[`paperAnchor${ee(s.anchor)}`], s.variant !== "temporary" && o[`paperAnchorDocked${ee(s.anchor)}`]];
+    return [o.paper, o[`paperAnchor${re(a.anchor)}`], a.variant !== "temporary" && o[`paperAnchorDocked${re(a.anchor)}`]];
   }
-})(Re(({
+})(Me(({
   theme: e
 }) => ({
   overflowY: "auto",
@@ -371,105 +371,105 @@ const De = (e, o) => {
       borderTop: `1px solid ${(e.vars || e).palette.divider}`
     }
   }]
-}))), Se = {
+}))), ze = {
   left: "right",
   right: "left",
   top: "down",
   bottom: "up"
 };
-function uo(e) {
+function fo(e) {
   return ["left", "right"].includes(e);
 }
-function fo({
+function mo({
   direction: e
 }, o) {
-  return e === "rtl" && uo(o) ? Se[o] : o;
+  return e === "rtl" && fo(o) ? ze[o] : o;
 }
-const U = /* @__PURE__ */ z.forwardRef(function(o, s) {
-  const n = Ye({
+const U = /* @__PURE__ */ D.forwardRef(function(o, a) {
+  const n = _e({
     props: o,
     name: "MuiDrawer"
-  }), l = Pe(), H = qe(), c = {
+  }), l = Re(), M = Qe(), w = {
     enter: l.transitions.duration.enteringScreen,
     exit: l.transitions.duration.leavingScreen
   }, {
-    anchor: m = "left",
-    BackdropProps: w,
-    children: d,
-    className: g,
-    elevation: O = 16,
+    anchor: p = "left",
+    BackdropProps: f,
+    children: h,
+    className: b,
+    elevation: z = 16,
     hideBackdrop: T = !1,
     ModalProps: {
-      BackdropProps: F,
+      BackdropProps: L,
       ...W
     } = {},
-    onClose: E,
-    open: N = !1,
-    PaperProps: D = {},
-    SlideProps: j,
+    onClose: F,
+    open: C = !1,
+    PaperProps: N = {},
+    SlideProps: I,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: y = Ee,
-    transitionDuration: S = c,
-    variant: P = "temporary",
-    ...I
-  } = n, u = z.useRef(!1);
-  z.useEffect(() => {
-    u.current = !0;
+    TransitionComponent: S = De,
+    transitionDuration: k = w,
+    variant: H = "temporary",
+    ...P
+  } = n, m = D.useRef(!1);
+  D.useEffect(() => {
+    m.current = !0;
   }, []);
-  const b = fo({
-    direction: H ? "rtl" : "ltr"
-  }, m), C = {
+  const V = mo({
+    direction: M ? "rtl" : "ltr"
+  }, p), u = {
     ...n,
-    anchor: m,
-    elevation: O,
-    open: N,
-    variant: P,
-    ...I
-  }, x = co(C), v = /* @__PURE__ */ i(ho, {
-    elevation: P === "temporary" ? O : 0,
+    anchor: p,
+    elevation: z,
+    open: C,
+    variant: H,
+    ...P
+  }, x = po(u), E = /* @__PURE__ */ i(uo, {
+    elevation: H === "temporary" ? z : 0,
     square: !0,
-    ...D,
-    className: J(x.paper, D.className),
-    ownerState: C,
-    children: d
+    ...N,
+    className: Z(x.paper, N.className),
+    ownerState: u,
+    children: h
   });
-  if (P === "permanent")
-    return /* @__PURE__ */ i(ke, {
-      className: J(x.root, x.docked, g),
-      ownerState: C,
-      ref: s,
-      ...I,
-      children: v
+  if (H === "permanent")
+    return /* @__PURE__ */ i(ye, {
+      className: Z(x.root, x.docked, b),
+      ownerState: u,
+      ref: a,
+      ...P,
+      children: E
     });
-  const R = /* @__PURE__ */ i(y, {
-    in: N,
-    direction: Se[b],
-    timeout: S,
-    appear: u.current,
-    ...j,
-    children: v
-  });
-  return P === "persistent" ? /* @__PURE__ */ i(ke, {
-    className: J(x.root, x.docked, g),
-    ownerState: C,
-    ref: s,
+  const v = /* @__PURE__ */ i(S, {
+    in: C,
+    direction: ze[V],
+    timeout: k,
+    appear: m.current,
     ...I,
-    children: R
-  }) : /* @__PURE__ */ i(po, {
+    children: E
+  });
+  return H === "persistent" ? /* @__PURE__ */ i(ye, {
+    className: Z(x.root, x.docked, b),
+    ownerState: u,
+    ref: a,
+    ...P,
+    children: v
+  }) : /* @__PURE__ */ i(ho, {
     BackdropProps: {
-      ...w,
-      ...F,
-      transitionDuration: S
+      ...f,
+      ...L,
+      transitionDuration: k
     },
-    className: J(x.root, x.modal, g),
-    open: N,
-    ownerState: C,
-    onClose: E,
+    className: Z(x.root, x.modal, b),
+    open: C,
+    ownerState: u,
+    onClose: F,
     hideBackdrop: T,
-    ref: s,
-    ...I,
+    ref: a,
+    ...P,
     ...W,
-    children: R
+    children: v
   });
 });
 process.env.NODE_ENV !== "production" && (U.propTypes = {
@@ -502,7 +502,7 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    * The elevation of the drawer.
    * @default 16
    */
-  elevation: Ze,
+  elevation: eo,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
@@ -558,14 +558,14 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   variant: r.oneOf(["permanent", "persistent", "temporary"])
 });
-const ye = le(/* @__PURE__ */ i("path", {
+const Ce = ce(/* @__PURE__ */ i("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), Ce = le(/* @__PURE__ */ i("path", {
+}), "ArrowForward"), $e = ce(/* @__PURE__ */ i("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
-}), "Cancel"), mo = le(/* @__PURE__ */ i("path", {
+}), "Cancel"), go = ce(/* @__PURE__ */ i("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
-}), "MoreHoriz"), go = f("div", {
-  shouldForwardProp: (e) => G(e)
+}), "MoreHoriz"), bo = g("div", {
+  shouldForwardProp: (e) => Y(e)
 })(({ backgroundColor: e }) => ({
   display: "flex",
   flexDirection: "column",
@@ -575,7 +575,7 @@ const ye = le(/* @__PURE__ */ i("path", {
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-})), bo = f("div")(
+})), xo = g("div")(
   ({ tabletPadding: e, mobile: o }) => ({
     display: "flex",
     flexDirection: o ? "column-reverse" : "row",
@@ -587,13 +587,13 @@ const ye = le(/* @__PURE__ */ i("path", {
     boxSizing: "border-box",
     minHeight: `calc(100% - ${t.constants.appHeaderHeight}px)`
   })
-), xo = f("div", {
-  shouldForwardProp: (e) => G(e)
-})(({ withActionsPanel: e, tablet: o, borderColor: s, backgroundColor: n }) => ({
+), vo = g("div", {
+  shouldForwardProp: (e) => Y(e)
+})(({ withActionsPanel: e, tablet: o, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
   flexDirection: "column",
   opacity: e ? 1 : 0,
-  border: `1px solid ${s}`,
+  border: `1px solid ${a}`,
   borderRight: 0,
   borderRadius: "4px",
   borderTopRightRadius: 0,
@@ -608,14 +608,15 @@ const ye = le(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), vo = f("div", {
-  shouldForwardProp: (e) => G(e)
-})(({ show: e, width: o = t.constants.navDefaultWidth, borderColor: s, backgroundColor: n }) => ({
+})), wo = g("div", {
+  shouldForwardProp: (e) => Y(e)
+})(({ show: e, width: o = t.constants.navDefaultWidth, borderColor: a, backgroundColor: n }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
+  overflow: "hidden",
   opacity: e ? 1 : 0,
-  border: `1px solid ${s}`,
+  border: `1px solid ${a}`,
   borderRight: 0,
   borderRadius: "4px",
   borderTopRightRadius: 0,
@@ -628,9 +629,9 @@ const ye = le(/* @__PURE__ */ i("path", {
   ...!e && {
     border: "none"
   }
-})), wo = f(U)(
+})), ko = g(U)(
   ({ shadowColor: e, backgroundColor: o }) => ({
-    ...M`
+    ...R`
       top: ${t.constants.appHeaderHeight}px;
       font-family: 'Roboto';
 
@@ -652,8 +653,8 @@ const ye = le(/* @__PURE__ */ i("path", {
       }
     `
   })
-), $e = f(Z)(({ iconColor: e, highlight1: o, highlight2: s, rightDrawer: n = !1 }) => ({
-  ...M`
+), Te = g(oe)(({ iconColor: e, highlight1: o, highlight2: a, rightDrawer: n = !1 }) => ({
+  ...R`
     position: absolute;
     top: -0.5rem;
     ${!n && { right: "-0.5rem" }};
@@ -671,17 +672,17 @@ const ye = le(/* @__PURE__ */ i("path", {
     :focus-visible {
       svg {
         filter: unset;
-        background-color: ${s};
+        background-color: ${a};
         fill: ${e};
       }
     }
   `
-})), ko = f("div", {
-  shouldForwardProp: (e) => G(e)
-})(({ withActionsPanel: e, borderColor: o, backgroundColor: s, mobileScreen: n }) => ({
+})), yo = g("div", {
+  shouldForwardProp: (e) => Y(e)
+})(({ withActionsPanel: e, borderColor: o, backgroundColor: a, mobileScreen: n }) => ({
   display: "flex",
   overflow: "hidden",
-  backgroundColor: s,
+  backgroundColor: a,
   borderRadius: "4px",
   borderBottomLeftRadius: e ? 0 : "4px",
   borderTopLeftRadius: e ? 0 : "4px",
@@ -699,10 +700,10 @@ const ye = le(/* @__PURE__ */ i("path", {
     borderBottomLeftRadius: 0,
     borderTopLeftRadius: 0
   }
-})), yo = f(U, {
+})), Co = g(U, {
   shouldForwardProp: (e) => !["backgroundColor", "shadowColor"].includes(e)
 })(({ backgroundColor: e, shadowColor: o }) => ({
-  ...M`
+  ...R`
     z-index: 1327;
 
     .MuiDrawer-paper {
@@ -717,10 +718,10 @@ const ye = le(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Co = f(U, {
+})), $o = g(U, {
   shouldForwardProp: (e) => e != "backgroundColor"
 })(({ backgroundColor: e }) => ({
-  ...M`
+  ...R`
     z-index: 1300;
 
     .MuiDrawer-paper {
@@ -739,10 +740,10 @@ const ye = le(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), $o = f("div", {
-  shouldForwardProp: (e) => G(e)
+})), To = g("div", {
+  shouldForwardProp: (e) => Y(e)
 })(({ backgroundColor: e, open: o }) => ({
-  ...M`
+  ...R`
     position: fixed;
     transition: height 201ms cubic-bezier(0, 0, 0.2, 1);
     z-index: 1300;
@@ -754,15 +755,15 @@ const ye = le(/* @__PURE__ */ i("path", {
     box-sizing: border-box;
     padding: ${o ? "16px" : 0};
   `
-})), To = f("h1")(({ color: e }) => ({
-  ...M`
+})), Po = g("h1")(({ color: e }) => ({
+  ...R`
     margin: 0;
     font-size: 2.1rem;
     font-family: 'Roboto';
     color: ${e};
   `
-})), Po = f(U)(({ backgroundQuaternary: e }) => ({
-  ...M`
+})), Ro = g(U)(({ backgroundQuaternary: e }) => ({
+  ...R`
     top: ${t.constants.appHeaderHeight}px;
     font-family: 'Roboto';
     z-index: 1336;
@@ -781,21 +782,21 @@ const ye = le(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Ro = f("img")(({ width: e, height: o }) => ({
-  ...M`
+})), Mo = g("img")(({ width: e, height: o }) => ({
+  ...R`
     width: ${e}px;
     height: ${o}px;
   `
-})), Te = f("div")(({ justifyStart: e }) => ({
-  ...M`
+})), Pe = g("div")(({ justifyStart: e }) => ({
+  ...R`
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Mo = f(U)(() => ({
-  ...M`
+})), Ho = g(U)(() => ({
+  ...R`
     top: ${t.constants.appHeaderHeight}px;
     font-family: 'Roboto';
 
@@ -816,296 +817,297 @@ const ye = le(/* @__PURE__ */ i("path", {
       background-color: transparent;
     }
   `
-})), Zo = ({
+})), er = ({
   navProps: e,
-  activeSubnavRoute: o,
-  appHeaderProps: s = {},
-  userInfo: n,
-  userSettingsEnabled: l = !0,
-  userProfileMenuItems: H = [],
-  actionsPanelContent: c,
-  navWidth: m = t.constants.navDefaultWidth,
-  breakpoints: w = { mobile: t.screenSizes.mobile, tablet: t.screenSizes.tablet },
-  children: d,
-  themeColors: g = {},
-  logoProps: O = {},
-  loggedIn: T,
-  mobileActionsPanelOpen: F
+  subnavItems: o,
+  activeSubnavRoute: a,
+  appHeaderProps: n = {},
+  userInfo: l,
+  userSettingsEnabled: M = !0,
+  userProfileMenuItems: w = [],
+  actionsPanelContent: p,
+  navWidth: f = t.constants.navDefaultWidth,
+  breakpoints: h = { mobile: t.screenSizes.mobile, tablet: t.screenSizes.tablet },
+  children: b,
+  themeColors: z = {},
+  logoProps: T = {},
+  loggedIn: L,
+  mobileActionsPanelOpen: W
 }) => {
-  var be;
-  const [W, E] = q(!1), [N, D] = q(!1), [j, y] = q(!1), [S, P] = q(!1), { mobile: I = t.screenSizes.mobile, tablet: u = t.screenSizes.tablet } = w, b = we(`(max-width: ${I})`), h = we(`(max-width: ${u})`) && !b, C = !b && !h, {
-    backgroundPrimary: x = t.colors.whiteGreen,
+  var xe;
+  const [F, C] = J(!1), [N, I] = J(!1), [S, k] = J(!1), [H, P] = J(!1), { mobile: m = t.screenSizes.mobile, tablet: V = t.screenSizes.tablet } = h, d = ke(`(max-width: ${m})`), u = ke(`(max-width: ${V})`) && !d, x = !d && !u, {
+    backgroundPrimary: E = t.colors.whiteGreen,
     backgroundSecondary: v = t.colors.whiteGreenA,
-    backgroundTertiary: R = t.colors.sage,
-    highlightPrimary: oe = t.colors.sunlight,
-    backgroundQuaternary: re = t.colors.moss,
-    highlightSecondary: te = t.colors.dandelion,
-    highlightTertiary: Y = `${t.colors.dandelion}99`,
-    iconPrimary: a = t.colors.darkGreen,
-    shadowPrimary: p = t.colors.darkGreenO99,
-    shadowSecondary: B = t.boxShadows.darkGreen,
-    shadowTertiary: pe = t.boxShadows.darkGreenThick,
-    borderPrimary: V = t.colors.green,
-    scrollColor: A = t.colors.darkGreenO99,
-    iconColors: ze
-  } = g, { logoSrc: de = Ue, logoWidth: he = 36, logoHeight: ue = 50 } = O, fe = {
-    backgroundPrimary: x,
+    backgroundTertiary: O = t.colors.sage,
+    highlightPrimary: te = t.colors.sunlight,
+    backgroundQuaternary: ne = t.colors.moss,
+    highlightSecondary: _ = t.colors.dandelion,
+    highlightTertiary: s = `${t.colors.dandelion}99`,
+    iconPrimary: c = t.colors.darkGreen,
+    shadowPrimary: j = t.colors.darkGreenO99,
+    shadowSecondary: q = t.boxShadows.darkGreen,
+    shadowTertiary: de = t.boxShadows.darkGreenThick,
+    borderPrimary: X = t.colors.green,
+    scrollColor: B = t.colors.darkGreenO99,
+    iconColors: Ne
+  } = z, { logoSrc: he = We, logoWidth: ue = 36, logoHeight: fe = 50 } = T, me = {
+    backgroundPrimary: E,
     backgroundSecondary: v,
-    backgroundTertiary: R,
-    highlightPrimary: oe,
-    highlightSecondary: te,
-    highlightTertiary: Y,
-    borderPrimary: V,
-    iconPrimary: a,
-    shadowPrimary: p,
-    shadowSecondary: B,
-    shadowTertiary: pe,
-    scrollColor: A
-  }, Ne = { logoSrc: de, logoWidth: he, logoHeight: ue }, ne = c != null, Ie = { ...s, navWidth: m, loggedIn: T }, X = { ...e, themeColors: fe }, Oe = {
-    ...X,
-    navWidth: `${m}px`,
-    isMobile: b
-  }, { navItems: _ } = e, ie = ((be = _.find((k) => k.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : be.subnavItems) || [], Be = {
-    themeColors: fe,
-    activeRoute: o,
-    navItems: ie
-  }, me = [
+    backgroundTertiary: O,
+    highlightPrimary: te,
+    highlightSecondary: _,
+    highlightTertiary: s,
+    borderPrimary: X,
+    iconPrimary: c,
+    shadowPrimary: j,
+    shadowSecondary: q,
+    shadowTertiary: de,
+    scrollColor: B
+  }, Ie = { logoSrc: he, logoWidth: ue, logoHeight: fe }, ie = p != null, Oe = { ...n, navWidth: f, loggedIn: L }, G = { ...e, themeColors: me }, Be = {
+    ...G,
+    navWidth: `${f}px`,
+    isMobile: d
+  }, { navItems: Q } = e, ae = o || ((xe = Q.find((y) => y.label === (e == null ? void 0 : e.activeRoute))) == null ? void 0 : xe.subnavItems) || [], Ae = {
+    themeColors: me,
+    activeRoute: a,
+    navItems: ae
+  }, ge = [
     // { label: 'Log Out', icon: <LogoutIcon />, onClick: onLogout },
-    ...H
-  ].map((k) => ({
-    ...k,
+    ...w
+  ].map((y) => ({
+    ...y,
     onClick: () => {
-      k.onClick && k.onClick(), y(!1);
+      y.onClick && y.onClick(), k(!1);
     }
-  })), Ae = _.map((k) => ({
-    ...k,
+  })), Le = Q.map((y) => ({
+    ...y,
     onClick: () => {
-      k.onClick && k.onClick(), E(!1);
+      y.onClick && y.onClick(), C(!1);
     }
-  })), ae = {
-    ...X,
+  })), se = {
+    ...G,
     navWidth: "100%",
     isTablet: !0,
-    navItems: Ae
+    navItems: Le
   };
-  let se = _.map((k) => ({
-    ...k,
+  let le = Q.map((y) => ({
+    ...y,
     onClick: () => {
-      k.onClick && k.onClick(), P(!1);
+      y.onClick && y.onClick(), P(!1);
     }
-  })), ge = [];
-  _.length > 4 && b && (ge = se.splice(3), se.push({
+  })), be = [];
+  Q.length > 4 && d && (be = le.splice(3), le.push({
     label: "More",
-    icon: /* @__PURE__ */ i(mo, {}),
+    icon: /* @__PURE__ */ i(go, {}),
     onClick: () => P(!0)
   }));
-  const Le = {
-    ...X,
+  const Fe = {
+    ...G,
     navWidth: "100%",
-    navItems: se,
+    navItems: le,
     isMobile: !0,
-    activeRoute: S ? "More" : X.activeRoute
-  }, Fe = {
-    ...X,
+    activeRoute: H ? "More" : G.activeRoute
+  }, je = {
+    ...G,
     navWidth: "100%",
-    navItems: ge,
+    navItems: be,
     isTablet: !0
   };
-  return /* @__PURE__ */ $(go, { backgroundColor: v, children: [
+  return /* @__PURE__ */ $(bo, { backgroundColor: v, children: [
     /* @__PURE__ */ i(
-      je,
+      Ue,
       {
-        ...Ie,
-        hamburgerMenu: h,
-        onHamburgerMenuClick: () => E(!0),
-        onUserMenuClick: () => y(!0),
-        logoProps: Ne,
-        iconColor: a,
-        isMobile: b,
-        themeProps: { shadowSecondary: B, shadowTertiary: pe, iconPrimary: a, borderPrimary: V },
-        iconColors: ze,
-        userName: n == null ? void 0 : n.name,
-        userSettingsEnabled: l
+        ...Oe,
+        hamburgerMenu: u,
+        onHamburgerMenuClick: () => C(!0),
+        onUserMenuClick: () => k(!0),
+        logoProps: Ie,
+        iconColor: c,
+        isMobile: d,
+        themeProps: { shadowSecondary: q, shadowTertiary: de, iconPrimary: c, borderPrimary: X },
+        iconColors: Ne,
+        userName: l == null ? void 0 : l.name,
+        userSettingsEnabled: M
       }
     ),
-    /* @__PURE__ */ $(bo, { tabletPadding: h, mobile: b, children: [
-      C && /* @__PURE__ */ i(L, { ...Oe }),
-      b && /* @__PURE__ */ $(xe, { children: [
-        /* @__PURE__ */ i(L, { ...Le }),
+    /* @__PURE__ */ $(xo, { tabletPadding: u, mobile: d, children: [
+      x && /* @__PURE__ */ i(A, { ...Be }),
+      d && /* @__PURE__ */ $(ve, { children: [
+        /* @__PURE__ */ i(A, { ...Fe }),
         /* @__PURE__ */ i(
-          Co,
+          $o,
           {
-            open: S,
+            open: H,
             onClose: () => P(!1),
             backgroundColor: v,
             anchor: "right",
-            children: /* @__PURE__ */ i(L, { ...Fe })
+            children: /* @__PURE__ */ i(A, { ...je })
           }
         )
       ] }),
-      h && /* @__PURE__ */ $(
-        yo,
+      u && /* @__PURE__ */ $(
+        Co,
         {
-          open: W,
-          onClose: () => E(!1),
+          open: F,
+          onClose: () => C(!1),
           backgroundColor: v,
-          shadowColor: p,
+          shadowColor: j,
           children: [
-            /* @__PURE__ */ $(Te, { children: [
-              /* @__PURE__ */ i(Ro, { src: de, alt: "logo", width: he, height: ue }),
-              /* @__PURE__ */ i(Z, { variant: "icon", size: 36, onClick: () => E(!1), color: a, children: /* @__PURE__ */ i(We, {}) })
+            /* @__PURE__ */ $(Pe, { children: [
+              /* @__PURE__ */ i(Mo, { src: he, alt: "logo", width: ue, height: fe }),
+              /* @__PURE__ */ i(oe, { variant: "icon", size: 36, onClick: () => C(!1), color: c, children: /* @__PURE__ */ i(Ve, {}) })
             ] }),
-            /* @__PURE__ */ i(L, { ...ae })
+            /* @__PURE__ */ i(A, { ...se })
           ]
         }
       ),
-      h && /* @__PURE__ */ $(
-        wo,
+      u && /* @__PURE__ */ $(
+        ko,
         {
-          open: N && ne,
-          onClose: () => D(!1),
-          shadowColor: p,
-          backgroundColor: R,
+          open: N && ie,
+          onClose: () => I(!1),
+          shadowColor: j,
+          backgroundColor: O,
           children: [
             /* @__PURE__ */ i(
-              $e,
+              Te,
               {
                 variant: "icon",
                 size: 24,
-                onClick: () => D(!1),
-                iconColor: a,
+                onClick: () => I(!1),
+                iconColor: c,
                 highlight1: v,
                 highlight2: v,
-                children: /* @__PURE__ */ i(Ce, {})
+                children: /* @__PURE__ */ i($e, {})
               }
             ),
-            /* @__PURE__ */ i(Q, { scrollColor: A, direction: "vertical", children: c && c })
+            /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p && p })
           ]
         }
       ),
-      (h || C) && /* @__PURE__ */ $(
-        Mo,
+      (u || x) && /* @__PURE__ */ $(
+        Ho,
         {
           anchor: "right",
-          open: j,
-          onClose: () => y(!1),
+          open: S,
+          onClose: () => k(!1),
           children: [
             /* @__PURE__ */ i(
-              $e,
+              Te,
               {
                 variant: "icon",
                 size: 24,
-                onClick: () => y(!1),
+                onClick: () => k(!1),
                 iconColor: t.colors.midnight,
                 highlight1: t.colors.white,
                 highlight2: v,
                 rightDrawer: !0,
-                children: /* @__PURE__ */ i(Ce, {})
+                children: /* @__PURE__ */ i($e, {})
               }
             ),
             /* @__PURE__ */ i(
-              L,
+              A,
               {
-                ...ae,
-                navItems: me,
+                ...se,
+                navItems: ge,
                 themeColors: {
                   iconPrimary: t.colors.midnight,
-                  highlightPrimary: x,
+                  highlightPrimary: E,
                   highlightTertiary: v,
-                  shadowSecondary: B,
-                  scrollColor: A
+                  shadowSecondary: q,
+                  scrollColor: B
                 }
               }
             )
           ]
         }
       ),
-      b && /* @__PURE__ */ $(xe, { children: [
+      d && /* @__PURE__ */ $(ve, { children: [
         /* @__PURE__ */ $(
-          Po,
+          Ro,
           {
             anchor: "right",
-            open: j,
-            onClose: () => y(!1),
-            backgroundQuaternary: re,
+            open: S,
+            onClose: () => k(!1),
+            backgroundQuaternary: ne,
             children: [
-              /* @__PURE__ */ $(Te, { children: [
-                /* @__PURE__ */ i(To, { color: t.colors.midnight, children: "Settings" }),
+              /* @__PURE__ */ $(Pe, { children: [
+                /* @__PURE__ */ i(Po, { color: t.colors.midnight, children: "Settings" }),
                 /* @__PURE__ */ i(
-                  Z,
+                  oe,
                   {
                     variant: "icon",
                     size: 36,
-                    onClick: () => y(!1),
+                    onClick: () => k(!1),
                     color: t.colors.midnight,
-                    children: /* @__PURE__ */ i(ye, {})
+                    children: /* @__PURE__ */ i(Ce, {})
                   }
                 )
               ] }),
               /* @__PURE__ */ i(
-                L,
+                A,
                 {
-                  ...ae,
-                  navItems: me,
+                  ...se,
+                  navItems: ge,
                   themeColors: {
                     iconPrimary: t.colors.midnight,
-                    highlightPrimary: x,
+                    highlightPrimary: E,
                     highlightTertiary: v,
-                    shadowSecondary: B,
-                    scrollColor: A
+                    shadowSecondary: q,
+                    scrollColor: B
                   }
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ i($o, { backgroundColor: R, open: F, children: /* @__PURE__ */ i(Q, { scrollColor: A, direction: "vertical", children: c }) })
+        /* @__PURE__ */ i(To, { backgroundColor: O, open: W, children: /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p }) })
       ] }),
-      !b && /* @__PURE__ */ $(
-        xo,
+      !d && /* @__PURE__ */ $(
+        vo,
         {
-          withActionsPanel: ne,
-          tablet: h,
-          borderColor: V,
-          backgroundColor: R,
+          withActionsPanel: ie,
+          tablet: u,
+          borderColor: X,
+          backgroundColor: O,
           children: [
-            C && /* @__PURE__ */ i(Q, { scrollColor: A, direction: "vertical", children: c && c }),
-            h && /* @__PURE__ */ i(
-              Z,
+            x && /* @__PURE__ */ i(K, { scrollColor: B, direction: "vertical", children: p && p }),
+            u && /* @__PURE__ */ i(
+              oe,
               {
                 variant: "icon",
                 size: 36,
-                onClick: () => D(!0),
-                color: a,
-                children: /* @__PURE__ */ i(ye, {})
+                onClick: () => I(!0),
+                color: c,
+                children: /* @__PURE__ */ i(Ce, {})
               }
             )
           ]
         }
       ),
-      C && /* @__PURE__ */ i(
-        vo,
+      x && /* @__PURE__ */ i(
+        wo,
         {
-          show: ie && ie.length > 0,
-          borderColor: V,
-          backgroundColor: R,
-          width: m,
-          children: /* @__PURE__ */ i(L, { ...Be })
+          show: ae && ae.length > 0,
+          borderColor: X,
+          backgroundColor: O,
+          width: f,
+          children: /* @__PURE__ */ i(A, { ...Ae })
         }
       ),
       /* @__PURE__ */ i(
-        ko,
+        yo,
         {
-          withActionsPanel: ne,
-          borderColor: V,
-          backgroundColor: x,
-          mobileScreen: b,
-          children: /* @__PURE__ */ i(Q, { scrollColor: A, children: d })
+          withActionsPanel: ie,
+          borderColor: X,
+          backgroundColor: E,
+          mobileScreen: d,
+          children: /* @__PURE__ */ i(K, { scrollColor: B, children: b })
         }
       )
     ] })
   ] });
 };
 export {
-  Zo as default
+  er as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.287",
+  "version": "0.0.291",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",