jcicl 0.0.38 → 0.0.41

package/base/ScrollContainer/ScrollContainer.d.ts

@@ -2,7 +2,7 @@ export interface ScrollContainerProps {
     width?: string;
     height?: string;
     direction?: 'vertical' | 'horizontal' | 'all';
-    style: React.CSSProperties;
+    style?: React.CSSProperties;
 }
 declare const ScrollContainer: React.FC<ScrollContainerProps & {
     children: React.ReactNode;

package/package.json

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

package/supercomposite/Nav/Nav.js

@@ -56,7 +56,7 @@ const C = s(v, {
   const [l, c] = x(""), d = (e, n) => {
     c(e), n();
   }, p = { navWidth: a };
-  return /* @__PURE__ */ r(g, { style: { maxHeight: `calc(100vh - ${o.constants.appHeaderHeight}px)` }, children: /* @__PURE__ */ r(k, { ...p, children: t.map(({ icon: e, label: n = "", onClick: m = () => {
+  return /* @__PURE__ */ r(g, { style: { maxHeight: `calc(100vh - ${o.constants.appHeaderHeight}px - 8px)` }, children: /* @__PURE__ */ r(k, { ...p, children: t.map(({ icon: e, label: n = "", onClick: m = () => {
   }, ...f }) => /* @__PURE__ */ u(C, { ...f, active: i ? i === n : l === n, onClick: () => d(n, m), children: [
     e,
     /* @__PURE__ */ r("span", { children: n })

package/templates/AppContainer/AppContainer.js

@@ -1,9 +1,10 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import l from "../../supercomposite/AppHeader/AppHeader.js";
 import { Nav as s } from "../../supercomposite/Nav/Nav.js";
+import c from "../../base/ScrollContainer/ScrollContainer.js";
 import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
 import o from "../../theme.js";
-const c = d("div")({
+const x = d("div")({
   display: "flex",
   flexDirection: "column",
   width: "100%",
@@ -12,7 +13,7 @@ const c = d("div")({
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
-}), x = d("div")({
+}), m = d("div")({
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-start",
@@ -21,7 +22,7 @@ const c = d("div")({
   padding: "4px 2px",
   paddingLeft: 0,
   height: `calc(100% - ${o.constants.appHeaderHeight}px - 8px)`
-}), f = d("div")(({ withActionsPanel: r }) => ({
+}), h = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
   flexDirection: "column",
   opacity: r ? 1 : 0,
@@ -38,7 +39,7 @@ const c = d("div")({
   ...!r && {
     border: "none"
   }
-})), m = d("div")(({ withActionsPanel: r }) => ({
+})), f = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
   backgroundColor: o.colors.whiteGreen,
   borderRadius: "4px",
@@ -51,22 +52,22 @@ const c = d("div")({
   h1: {
     margin: 0
   }
-})), R = ({
+})), C = ({
   navProps: r,
-  appHeaderProps: a,
-  actionsPanelContent: e,
-  children: n
+  appHeaderProps: p,
+  actionsPanelContent: i,
+  children: a
 }) => {
-  const t = e != null;
-  return /* @__PURE__ */ p(c, { children: [
-    /* @__PURE__ */ i(l, { ...a }),
-    /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ i(s, { ...r }),
-      /* @__PURE__ */ i(f, { withActionsPanel: t, children: e && e }),
-      /* @__PURE__ */ i(m, { withActionsPanel: t, children: n })
+  const t = i != null;
+  return /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ e(l, { ...p }),
+    /* @__PURE__ */ n(m, { children: [
+      /* @__PURE__ */ e(s, { ...r }),
+      /* @__PURE__ */ e(c, { height: "calc(100% - 2px - 2rem)", children: /* @__PURE__ */ e(h, { withActionsPanel: t, children: i && i }) }),
+      /* @__PURE__ */ e(f, { withActionsPanel: t, children: a })
     ] })
   ] });
 };
 export {
-  R as default
+  C as default
 };