jcicl 0.0.167 → 0.0.171

package/AppHeader/AppHeader.js

@@ -1,79 +1,80 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import * as W from "react";
-import N, { useState as $, useLayoutEffect as Q } from "react";
-import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as m } from "../.chunks/emotion-react.browser.esm.js";
-import { Search as k } from "../Search/Search.js";
-import { Button as M } from "../Button/Button.js";
-import E from "../Icon/Icon.js";
-import X from "../WithLabel/WithLabel.js";
-import { c as j } from "../.chunks/createSvgIcon.js";
-const Y = N[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], Z = (e) => {
-  const n = W.useRef(e);
-  return W.useEffect(() => {
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import * as M from "react";
+import Y, { useState as z, useLayoutEffect as Z } from "react";
+import { n as f } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as b } from "../.chunks/emotion-react.browser.esm.js";
+import { Search as E } from "../Search/Search.js";
+import { Button as H } from "../Button/Button.js";
+import I from "../Icon/Icon.js";
+import T from "../WithLabel/WithLabel.js";
+import { c as V } from "../.chunks/createSvgIcon.js";
+import ee from "../theme.js";
+const te = Y[typeof document < "u" && document.createElement !== void 0 ? "useLayoutEffect" : "useEffect"], ne = (e) => {
+  const n = M.useRef(e);
+  return M.useEffect(() => {
     n.current = e;
   }), n;
 };
-function ee() {
+function ie() {
 }
-function te(e, n, l = {}) {
-  const c = ie(l.polyfill), a = Z(n);
-  return Y(() => {
+function oe(e, n, l = {}) {
+  const c = ce(l.polyfill), d = ne(n);
+  return te(() => {
     let i = !1;
-    const d = e && "current" in e ? e.current : e;
-    if (!d) return ee;
+    const a = e && "current" in e ? e.current : e;
+    if (!a) return ie;
     function r(o, s) {
-      i || a.current(o, s);
+      i || d.current(o, s);
     }
-    return c.subscribe(d, r), () => {
-      i = !0, c.unsubscribe(d, r);
+    return c.subscribe(a, r), () => {
+      i = !0, c.unsubscribe(a, r);
     };
-  }, [e, c, a]), c.observer;
+  }, [e, c, d]), c.observer;
 }
-function ne(e) {
+function re(e) {
   let n = !1, l = [];
-  const c = /* @__PURE__ */ new Map(), a = new (e || window.ResizeObserver)((i, d) => {
+  const c = /* @__PURE__ */ new Map(), d = new (e || window.ResizeObserver)((i, a) => {
     l = l.concat(i);
     function r() {
       const o = /* @__PURE__ */ new Set();
       for (let s = 0; s < l.length; s++) {
         if (o.has(l[s].target)) continue;
         o.add(l[s].target);
-        const f = c.get(l[s].target);
-        f == null || f.forEach((b) => b(l[s], d));
+        const m = c.get(l[s].target);
+        m == null || m.forEach((v) => v(l[s], a));
       }
       l = [], n = !1;
     }
     n || window.requestAnimationFrame(r), n = !0;
   });
   return {
-    observer: a,
-    subscribe(i, d) {
+    observer: d,
+    subscribe(i, a) {
       var r;
-      a.observe(i);
+      d.observe(i);
       const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
-      o.push(d), c.set(i, o);
+      o.push(a), c.set(i, o);
     },
-    unsubscribe(i, d) {
+    unsubscribe(i, a) {
       var r;
       const o = (r = c.get(i)) !== null && r !== void 0 ? r : [];
       if (o.length === 1) {
-        a.unobserve(i), c.delete(i);
+        d.unobserve(i), c.delete(i);
         return;
       }
-      const s = o.indexOf(d);
+      const s = o.indexOf(a);
       s !== -1 && o.splice(s, 1), c.set(i, o);
     }
   };
 }
-let y;
-const ie = (e) => y || (y = ne(e)), oe = j(/* @__PURE__ */ t("path", {
+let O;
+const ce = (e) => O || (O = re(e)), se = V(/* @__PURE__ */ t("path", {
   d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
-}), "Menu"), H = j(/* @__PURE__ */ t("path", {
+}), "Menu"), L = V(/* @__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"), I = h("div")(
+}), "PersonOutlineOutlined"), R = f("div")(
   ({ mobile: e, shadowSecondary: n }) => ({
-    ...m`
+    ...b`
       z-index: 1313;
       display: flex;
       flex-direction: row;
@@ -85,16 +86,16 @@ const ie = (e) => y || (y = ne(e)), oe = j(/* @__PURE__ */ t("path", {
       box-shadow: ${e && n};
     `
   })
-), L = h("img")(({ width: e }) => ({
+), _ = f("img")(({ width: e }) => ({
   width: `${e}px`
-})), R = h("div")(({ height: e }) => ({
-  ...m`
+})), P = f("div")(({ height: e }) => ({
+  ...b`
     display: flex;
     gap: 1rem;
     height: ${e}px;
   `
-})), re = h("div")(({ width: e, loggedIn: n }) => ({
-  ...m`
+})), le = f("div")(({ width: e, loggedIn: n }) => ({
+  ...b`
     width: ${e}px;
     display: flex;
     justify-content: center;
@@ -105,15 +106,15 @@ const ie = (e) => y || (y = ne(e)), oe = j(/* @__PURE__ */ t("path", {
       white-space: nowrap;
     }
   `
-})), _ = h("div")(({ visible: e }) => ({
-  ...m`
+})), j = f("div")(({ visible: e }) => ({
+  ...b`
     z-index: ${e ? 1 : 0};
     opacity: ${e ? 1 : 0};
     pointer-events: ${e ? "auto" : "none"};
     position: ${e ? "relative" : "absolute"};
   `
-})), P = h("div")(() => ({
-  ...m`
+})), A = f("div")(() => ({
+  ...b`
     display: flex;
     width: 1360px;
     max-width: 100%;
@@ -127,79 +128,88 @@ const ie = (e) => y || (y = ne(e)), oe = j(/* @__PURE__ */ t("path", {
       font-size: 32px;
       line-height: 1;
       margin: 0;
+      margin-left: calc(${ee.constants.navDefaultWidth} * 2);
     }
   `
-})), me = ({
+})), xe = ({
   isMobile: e,
   loggedIn: n,
   logoProps: l,
   iconColor: c,
-  themeProps: a,
+  themeProps: d,
   hamburgerMenu: i,
-  iconColors: d,
+  iconColors: a,
   userName: r = "User",
   userSettingsEnabled: o,
   searchFilters: s,
-  onHamburgerMenuClick: f,
-  onUserMenuClick: b,
-  onLogin: A,
-  onSearch: V = () => {
+  onHamburgerMenuClick: m,
+  onUserMenuClick: v,
+  onLogin: F,
+  onSearch: U = () => {
   },
-  searchPlaceholder: F = "Search",
-  onInputChange: U
+  searchPlaceholder: B = "Search",
+  onInputChange: q,
+  headerType: g = "search",
+  appTitle: S
 }) => {
-  const [v, C] = $(0), [u, B] = $(null), [g, q] = $(null), { logoSrc: z, logoWidth: O, logoHeight: x } = l, { shadowSecondary: T, shadowTertiary: D, iconPrimary: G, borderPrimary: J } = a, S = {
-    shadowTertiary: D,
-    borderColor: J,
-    borderFocusColor: G,
+  const [x, $] = z(0), [u, D] = z(null), [w, G] = z(null), { logoSrc: W, logoWidth: k, logoHeight: C } = l, { shadowSecondary: J, shadowTertiary: K, iconPrimary: N, borderPrimary: Q } = d, y = {
+    shadowTertiary: K,
+    borderColor: Q,
+    borderFocusColor: N,
     filters: s,
-    onSearch: V,
-    placeholder: F,
-    onChange: U
+    onSearch: U,
+    placeholder: B,
+    onChange: q
   };
-  Q(() => {
-    u && u.clientWidth > v && C(u.clientWidth), g && g.clientWidth > v && C(g.clientWidth);
-  }, [u, g]);
-  const K = (p) => {
-    p != null && p.clientWidth && p.clientWidth > v && C(p.clientWidth);
+  Z(() => {
+    u && u.clientWidth > x && $(u.clientWidth), w && w.clientWidth > x && $(w.clientWidth);
+  }, [u, w]);
+  const X = (p) => {
+    p != null && p.clientWidth && p.clientWidth > x && $(p.clientWidth);
   };
-  return te(u, () => K(u)), e ? /* @__PURE__ */ w(I, { mobile: !0, shadowSecondary: T, children: [
-    /* @__PURE__ */ t(R, { height: x, children: /* @__PURE__ */ t(L, { src: z, height: `${x}px`, width: O }) }),
-    /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { ...S }) }),
+  return oe(u, () => X(u)), e ? /* @__PURE__ */ h(R, { mobile: !0, shadowSecondary: J, children: [
+    /* @__PURE__ */ t(P, { height: C, children: /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }) }),
+    /* @__PURE__ */ h(A, { children: [
+      g === "search" && /* @__PURE__ */ t(E, { ...y }),
+      g === "title" && /* @__PURE__ */ t("h1", { children: S })
+    ] }),
     /* @__PURE__ */ t(
-      E,
+      I,
       {
-        icon: /* @__PURE__ */ t(H, {}),
-        ...d,
-        onClick: o ? b : void 0
+        icon: /* @__PURE__ */ t(L, {}),
+        ...a,
+        onClick: o ? v : void 0
       }
     )
-  ] }) : /* @__PURE__ */ w(I, { children: [
-    /* @__PURE__ */ w(R, { height: x, children: [
-      /* @__PURE__ */ t(L, { src: z, height: `${x}px`, width: O }),
-      i && /* @__PURE__ */ t(M, { variant: "icon", onClick: f, color: c, children: /* @__PURE__ */ t(oe, {}) })
+  ] }) : /* @__PURE__ */ h(R, { children: [
+    /* @__PURE__ */ h(P, { height: C, children: [
+      /* @__PURE__ */ t(_, { src: W, height: `${C}px`, width: k }),
+      i && /* @__PURE__ */ t(H, { variant: "icon", onClick: m, color: c, children: /* @__PURE__ */ t(se, {}) })
+    ] }),
+    /* @__PURE__ */ h(A, { children: [
+      g === "search" && /* @__PURE__ */ t(E, { ...y }),
+      g === "title" && /* @__PURE__ */ t("h1", { children: S })
     ] }),
-    /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { ...S }) }),
-    /* @__PURE__ */ w(re, { width: v, loggedIn: !!n, children: [
-      /* @__PURE__ */ t(_, { visible: !!n, ref: B, children: /* @__PURE__ */ t(
-        X,
+    /* @__PURE__ */ h(le, { width: x, loggedIn: !!n, children: [
+      /* @__PURE__ */ t(j, { visible: !!n, ref: D, children: /* @__PURE__ */ t(
+        T,
         {
           id: "accountMenuContainer",
           component: /* @__PURE__ */ t(
-            E,
+            I,
             {
-              icon: /* @__PURE__ */ t(H, {}),
-              ...d,
-              onClick: o ? b : void 0
+              icon: /* @__PURE__ */ t(L, {}),
+              ...a,
+              onClick: o ? v : void 0
             }
           ),
           label: `Hi, ${r}!`
         }
       ) }),
-      /* @__PURE__ */ t(_, { visible: !n, ref: q, children: /* @__PURE__ */ t(M, { id: "loginButtonContainer", onClick: A, children: "Log In" }) })
+      /* @__PURE__ */ t(j, { visible: !n, ref: G, children: /* @__PURE__ */ t(H, { id: "loginButtonContainer", onClick: F, children: "Log In" }) })
     ] })
   ] });
 };
 export {
-  me as default
+  xe as default
 };

package/package.json

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