jcicl 0.0.15 → 0.0.17

package/.chunks/AppBar.js

@@ -3,7 +3,7 @@ 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 f from "../assets/theme.ts.js";
+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";

package/.chunks/AppContainer.js

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

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 r from "../assets/theme.ts.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";

package/.chunks/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c } from "./createSvgIcon.js";
 import { B as d } from "./ButtonBase.js";
-import t from "../assets/theme.ts.js";
+import t from "../assets/theme.js";
 import { n as a, i as l } from "./emotion-styled.browser.esm.js";
 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"

package/.chunks/AvatarWithImage.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { B as c } from "./ButtonBase.js";
-import m from "../assets/theme.ts.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" }) => ({

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

package/.chunks/Button.js

@@ -4,7 +4,7 @@ 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
 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.ts.js";
+import i from "../assets/theme.js";
 function X(o) {
   return F("MuiButton", o);
 }

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 o from "../assets/theme.ts.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 = (t, e) => {
-    a(t), e();
+})), S = ({ navItems: r, activeRoute: e }) => {
+  const [a, l] = f(""), c = (n, t) => {
+    l(n), t();
   };
-  return /* @__PURE__ */ n(x, { children: r.map(({ icon: t, label: e = "", onClick: c = () => {
-  }, ...d }) => /* @__PURE__ */ p(h, { ...d, active: e === i, onClick: () => l(e, c), children: [
-    t,
-    /* @__PURE__ */ n("span", { children: e })
-  ] }, e)) });
+  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
 };

package/.chunks/Divider.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { n as D, i as A } from "./emotion-styled.browser.esm.js";
-import u from "../assets/theme.ts.js";
+import u from "../assets/theme.js";
 import * as S from "react";
 import { g as R, a as T, s as m, u as L, c as W, P as r, b as $, d as I } from "./DefaultPropsProvider.js";
 import { m as b } from "./memoTheme.js";

package/.chunks/Input.js

@@ -1,6 +1,6 @@
 import { jsxs as ce, jsx as S } from "react/jsx-runtime";
 import { n as Ao } from "./emotion-styled.browser.esm.js";
-import we from "../assets/theme.ts.js";
+import we from "../assets/theme.js";
 import * as i from "react";
 import { f as Bo, i as Wo, T as Do, P as e, g as Q, a as ee, e as _, s as F, u as fe, c as le, b as oe, j as To, r as ye, k as so, l as Uo, m as Vo } from "./DefaultPropsProvider.js";
 import { l as Ho, o as co, d as qo, f as fo, m as _o, c as no, n as Ko, k as Go, g as Xo, p as We } from "./Menu.js";

package/.chunks/Nav.js

@@ -3,7 +3,7 @@ import * as m from "react";
 import { useState as ft, createElement as Zt } from "react";
 import { n as X, i as It } from "./emotion-styled.browser.esm.js";
 import { c as pt } from "./createSvgIcon.js";
-import z from "../assets/theme.ts.js";
+import z from "../assets/theme.js";
 import { D as ht } from "./Divider.js";
 import { P as e, a as J, g as q, s as V, r as Nt, e as Y, u as K, c as j, b as Q, d as it, h as te } from "./DefaultPropsProvider.js";
 import { e as ee, H as oe, u as mt, g as ne, o as Ot, T as kt, d as re, r as ie, a as lt, M as se, P as ae, b as le, i as ce, L as _, c as Mt, f as xt, h as pe, j as de, k as ue } from "./Menu.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.17",
   "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",