jcicl 0.0.259 → 0.0.263

package/DefaultTemplate/DefaultTemplate.d.ts

@@ -8,6 +8,7 @@ export declare const PageWrapper: import('@emotion/styled').StyledComponent<{
     hasPagination: boolean;
     loadingColor?: string;
     hasFade?: boolean;
+    isTablet?: boolean;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MainContentContainer: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;

package/DefaultTemplate/DefaultTemplate.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as d, Fragment as k } from "react/jsx-runtime";
-import { useState as C } from "react";
-import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as g } from "../.chunks/emotion-react.browser.esm.js";
+import { jsx as e, jsxs as m, Fragment as f } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { n as u } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as b } from "../.chunks/emotion-react.browser.esm.js";
 import o from "../theme.js";
-import { u as f, A as p } from "../.chunks/AppContainer.js";
-import w from "../WithLoading/WithLoading.js";
-import { TopFade as T, BottomFade as S } from "../Overlays/Overlays.js";
-const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldForwardProp: (r) => !P.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: c = o.colors.green }) => ({
-  ...g`
+import { u as h, A as w } from "../.chunks/AppContainer.js";
+import T from "../WithLoading/WithLoading.js";
+import { TopFade as S, BottomFade as P } from "../Overlays/Overlays.js";
+const $ = ["loading", "hasPagination", "loadingColor"], R = u("div", { shouldForwardProp: (r) => !$.includes(r) })(({ loading: r, hasPagination: l, hasFade: s, loadingColor: t = o.colors.green, isTablet: i }) => ({
+  ...b`
     color: ${o.colors.midnight};
     height: ${r ? "100%" : "auto"};
     padding: 19px;
@@ -17,7 +17,7 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
     align-items: center;
     width: 100%;
     min-height: 100%;
-    height: 100%;
+    height: ${i ? "100%" : "auto"};
     box-sizing: border-box;
     padding-bottom: ${s ? l ? "114px" : "72px" : "19px"};
     > * div {
@@ -25,11 +25,11 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
     }
 
     .MuiCircularProgress-svg {
-      color: ${c};
+      color: ${t};
     }
   `
-})), $ = h("div")(() => ({
-  ...g`
+})), M = u("div")(() => ({
+  ...b`
     border-radius: 8px;
     padding: 0;
     display: flex;
@@ -40,15 +40,15 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
     min-height: 100%;
     box-sizing: border-box;
   `
-})), M = {
+})), v = {
   green: o.colors.green,
   blue: o.colors.darkBlue,
   red: o.colors.darkRed
-}, m = {
+}, g = {
   green: o.colors.whiteGreen,
   blue: o.colors.sky,
   red: o.colors.lighterRed
-}, v = {
+}, z = {
   backgroundPrimary: o.colors.sky,
   backgroundSecondary: o.colors.lovemist,
   backgroundTertiary: o.colors.cornflower,
@@ -78,59 +78,60 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
     iconColor: o.colors.maroon,
     backgroundColor: o.colors.lighterRed
   }
-}, z = {
-  blue: v,
+}, B = {
+  blue: z,
   red: I,
   green: void 0
-}, L = ({
+}, N = ({
   children: r,
   loading: l = !1,
   hasPagination: s = !1,
-  fade: c = !0,
-  userProfileMenuItems: u,
-  ...t
+  fade: t = !0,
+  userProfileMenuItems: i,
+  ...c
 }) => {
-  const b = localStorage.getItem("theme") || "green", [a, i] = C(b), n = f(`(max-width: ${o.screenSizes.mobile})`), y = z[a], x = [
+  const y = localStorage.getItem("theme") || "green", [a, n] = p(y), d = h(`(max-width: ${o.screenSizes.mobile})`), x = h(`(max-width: ${o.screenSizes.tablet})`), k = B[a], C = [
     {
       label: "Green Theme",
       onClick: () => {
-        localStorage.setItem("theme", "green"), i("green");
+        localStorage.setItem("theme", "green"), n("green");
       }
     },
     {
       label: "Blue Theme",
       onClick: () => {
-        localStorage.setItem("theme", "blue"), i("blue");
+        localStorage.setItem("theme", "blue"), n("blue");
       }
     },
     {
       label: "Red Theme",
       onClick: () => {
-        localStorage.setItem("theme", "red"), i("red");
+        localStorage.setItem("theme", "red"), n("red");
       }
     },
-    ...u || []
+    ...i || []
   ];
   return /* @__PURE__ */ e(
-    p,
+    w,
     {
-      ...t,
-      userProfileMenuItems: x,
-      themeColors: y ?? (t == null ? void 0 : t.themeColors),
+      ...c,
+      userProfileMenuItems: C,
+      themeColors: k ?? (c == null ? void 0 : c.themeColors),
       children: /* @__PURE__ */ e(
         R,
         {
           className: "jcPageWrapper",
           loading: l,
-          loadingColor: M[a],
+          loadingColor: v[a],
           hasPagination: s,
-          hasFade: c,
-          children: /* @__PURE__ */ d(w, { loading: l, size: n ? 114 : 201, children: [
-            c && /* @__PURE__ */ d(k, { children: [
-              /* @__PURE__ */ e(T, { color: m[a] }),
-              /* @__PURE__ */ e(S, { hasPagination: s, isMobile: n, color: m[a] })
+          hasFade: t,
+          isTablet: x,
+          children: /* @__PURE__ */ m(T, { loading: l, size: d ? 114 : 201, children: [
+            t && /* @__PURE__ */ m(f, { children: [
+              /* @__PURE__ */ e(S, { color: g[a] }),
+              /* @__PURE__ */ e(P, { hasPagination: s, isMobile: d, color: g[a] })
             ] }),
-            /* @__PURE__ */ e($, { children: r })
+            /* @__PURE__ */ e(M, { children: r })
           ] })
         }
       )
@@ -138,7 +139,7 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
   );
 };
 export {
-  $ as MainContentContainer,
+  M as MainContentContainer,
   R as PageWrapper,
-  L as default
+  N as default
 };

package/Stepper/Stepper.js

@@ -678,7 +678,8 @@ const hr = R("div")(() => ({
   ...u
 }) => {
   const [i, g] = T(0), [v, p] = T("forward"), f = G.toArray(l).filter(
-    (a) => H(a) && a.type !== null && a !== void 0
+    // @ts-ignore
+    (a) => H(a) && !!a.props.children
   ), s = f.length, c = () => {
     i === s - 1 ? t == null || t() : (M(() => p("none")), M(() => p("forward")), g((a) => a + 1), e == null || e());
   }, h = () => {

package/package.json

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