jcicl 1.0.26 → 1.0.27

package/DefaultTemplate/DefaultTemplate.d.ts

@@ -18,6 +18,7 @@ export type DefaultTemplateProps = AppContainerProps & {
     loading?: boolean;
     hasPagination?: boolean;
     fade?: boolean;
+    siteBannerText?: string;
 };
 declare const DefaultTemplate: React.FC<PropsWithChildren<DefaultTemplateProps>>;
 export default DefaultTemplate;

package/DefaultTemplate/DefaultTemplate.js

@@ -1,17 +1,18 @@
-import { jsx as r, jsxs as x, Fragment as F } from "react/jsx-runtime";
-import { useState as f, useMemo as $ } from "react";
-import { n as S } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as y } from "../.chunks/emotion-react.browser.esm.js";
-import t, { defaultTheme as T } from "../theme.js";
-import { getHueFromHex as c, updateTheme as g } from "../themeUtils.js";
-import { ThemeContext as z } from "../ThemeContext.js";
-import O from "../AppContainer/AppContainer.js";
-import A from "../WithLoading/WithLoading.js";
-import { TopFade as L, BottomFade as j } from "../Overlays/Overlays.js";
-import { P as D } from "../.chunks/AppHeader.js";
-import { u as b } from "../.chunks/useMediaQuery.js";
-const W = ["loading", "hasPagination", "loadingColor", "hasFade", "isTablet"], B = S("div", { shouldForwardProp: (o) => !W.includes(o) })(({ loading: o, hasPagination: i, hasFade: m, loadingColor: l = t.colors.green }) => ({
-  ...y`
+import { jsx as r, jsxs as c, Fragment as $ } from "react/jsx-runtime";
+import { useState as b, useMemo as z } from "react";
+import { n as y } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as T } from "../.chunks/emotion-react.browser.esm.js";
+import t, { defaultTheme as C } from "../theme.js";
+import { getHueFromHex as g, updateTheme as u } from "../themeUtils.js";
+import { ThemeContext as O } from "../ThemeContext.js";
+import A from "../AppContainer/AppContainer.js";
+import L from "../WithLoading/WithLoading.js";
+import { TopFade as j, BottomFade as D } from "../Overlays/Overlays.js";
+import { SiteBanner as W } from "../SiteBanner/SiteBanner.js";
+import { P as B } from "../.chunks/AppHeader.js";
+import { u as S } from "../.chunks/useMediaQuery.js";
+const H = ["loading", "hasPagination", "loadingColor", "hasFade", "isTablet"], G = y("div", { shouldForwardProp: (o) => !H.includes(o) })(({ loading: o, hasPagination: i, hasFade: h, loadingColor: l = t.colors.green }) => ({
+  ...T`
     color: ${t.colors.midnight};
     height: ${o ? "100%" : "auto"};
     padding: 19px;
@@ -23,7 +24,7 @@ const W = ["loading", "hasPagination", "loadingColor", "hasFade", "isTablet"], B
     width: 100%;
     min-height: 100%;
     box-sizing: border-box;
-    padding-bottom: ${m ? i ? "114px" : "72px" : "19px"};
+    padding-bottom: ${h ? i ? "114px" : "72px" : "19px"};
     > * div {
       box-sizing: border-box;
     }
@@ -32,8 +33,8 @@ const W = ["loading", "hasPagination", "loadingColor", "hasFade", "isTablet"], B
       color: ${l};
     }
   `
-})), H = S("div")(() => ({
-  ...y`
+})), Q = y("div")(() => ({
+  ...T`
     border-radius: 8px;
     padding: 0;
     display: flex;
@@ -46,45 +47,46 @@ const W = ["loading", "hasPagination", "loadingColor", "hasFade", "isTablet"], B
     box-sizing: border-box;
   `
 }));
-function G(o, i) {
-  return o == "green" ? T : g(i);
+function N(o, i) {
+  return o == "green" ? C : u(i);
 }
-const _ = ({
+const oe = ({
   children: o,
   loading: i = !1,
-  hasPagination: m = !1,
+  hasPagination: h = !1,
   fade: l = !0,
-  userProfileMenuItems: C,
+  siteBannerText: p,
+  userProfileMenuItems: w,
   ...n
 }) => {
-  const w = localStorage.getItem("theme") || "green", u = localStorage.getItem("hue") || c(t.themeOptions.green).toString(), p = b(`(max-width: ${t.screenSizes.mobile})`), I = b(`(max-width: ${t.screenSizes.tablet})`), [e, s] = f(
-    () => G(w, parseFloat(u))
-  ), [M, d] = f({ h: Math.max(parseFloat(u), 0) * 360, s: 0, v: 68, a: 1 }), P = [
+  const I = localStorage.getItem("theme") || "green", x = localStorage.getItem("hue") || g(t.themeOptions.green).toString(), f = S(`(max-width: ${t.screenSizes.mobile})`), M = S(`(max-width: ${t.screenSizes.tablet})`), [e, s] = b(
+    () => N(I, parseFloat(x))
+  ), [P, d] = b({ h: Math.max(parseFloat(x), 0) * 360, s: 0, v: 68, a: 1 }), k = [
     {
       label: "Default Theme",
       onClick: () => {
-        localStorage.setItem("theme", "green"), localStorage.setItem("hue", c(t.themeOptions.green).toString()), d((h) => ({ ...h, h: c(t.themeOptions.green) * 360 })), s(T);
+        localStorage.setItem("theme", "green"), localStorage.setItem("hue", g(t.themeOptions.green).toString()), d((m) => ({ ...m, h: g(t.themeOptions.green) * 360 })), s(C);
       }
     },
     {
       label: "Grayscale",
       onClick: () => {
-        localStorage.setItem("theme", "grayscale"), localStorage.setItem("hue", "-1"), d((h) => ({ ...h, h: 0 }));
-        const a = g(-1);
+        localStorage.setItem("theme", "grayscale"), localStorage.setItem("hue", "-1"), d((m) => ({ ...m, h: 0 }));
+        const a = u(-1);
         s(a);
       }
     },
     {
       label: "Hue",
-      hue: M.h,
+      hue: P.h,
       onChange: (a) => {
-        localStorage.setItem("theme", "custom"), localStorage.setItem("hue", (a.h / 360).toString()), d((v) => ({ ...v, h: a.h }));
-        const h = g(a.h / 360);
-        s(h);
+        localStorage.setItem("theme", "custom"), localStorage.setItem("hue", (a.h / 360).toString()), d((F) => ({ ...F, h: a.h }));
+        const m = u(a.h / 360);
+        s(m);
       }
     },
-    ...C || []
-  ], k = $(
+    ...w || []
+  ], v = z(
     () => ({
       backgroundPrimary: e.themeLight,
       backgroundSecondary: e.themeLightA,
@@ -98,7 +100,7 @@ const _ = ({
       scrollColor: e.themeShadowA,
       loadingColor: e.themeColor,
       iconColors: {
-        icon: /* @__PURE__ */ r(D, {}),
+        icon: /* @__PURE__ */ r(B, {}),
         iconColor: e.themeDark ?? t.colors.darkGreen,
         backgroundColor: e.themeMediumA ?? t.colors.mint
       },
@@ -108,35 +110,38 @@ const _ = ({
     }),
     [e]
   );
-  return /* @__PURE__ */ r(z.Provider, { value: e, children: /* @__PURE__ */ r(
-    O,
-    {
-      ...n,
-      userProfileMenuItems: P,
-      themeColors: k ?? (n == null ? void 0 : n.themeColors),
-      children: /* @__PURE__ */ r(
-        B,
-        {
-          className: "jcPageWrapper",
-          loading: i,
-          loadingColor: e.themeColor,
-          hasPagination: m,
-          hasFade: l,
-          isTablet: I,
-          children: /* @__PURE__ */ x(A, { loading: i, size: p ? 114 : 201, children: [
-            l && /* @__PURE__ */ x(F, { children: [
-              /* @__PURE__ */ r(L, { color: e.themeLight }),
-              /* @__PURE__ */ r(j, { hasPagination: m, isMobile: p, color: e.themeLight })
-            ] }),
-            /* @__PURE__ */ r(H, { children: o })
-          ] })
-        }
-      )
-    }
-  ) });
+  return /* @__PURE__ */ c(O.Provider, { value: e, children: [
+    p && /* @__PURE__ */ r(W, { text: p }),
+    /* @__PURE__ */ r(
+      A,
+      {
+        ...n,
+        userProfileMenuItems: k,
+        themeColors: v ?? (n == null ? void 0 : n.themeColors),
+        children: /* @__PURE__ */ r(
+          G,
+          {
+            className: "jcPageWrapper",
+            loading: i,
+            loadingColor: e.themeColor,
+            hasPagination: h,
+            hasFade: l,
+            isTablet: M,
+            children: /* @__PURE__ */ c(L, { loading: i, size: f ? 114 : 201, children: [
+              l && /* @__PURE__ */ c($, { children: [
+                /* @__PURE__ */ r(j, { color: e.themeLight }),
+                /* @__PURE__ */ r(D, { hasPagination: h, isMobile: f, color: e.themeLight })
+              ] }),
+              /* @__PURE__ */ r(Q, { children: o })
+            ] })
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  H as MainContentContainer,
-  B as PageWrapper,
-  _ as default
+  Q as MainContentContainer,
+  G as PageWrapper,
+  oe as default
 };

package/package.json

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