jcicl 0.0.18 → 0.0.19

package/composite/ContactCard/ContactCard.d.ts

@@ -0,0 +1,2 @@
+export interface ContactCardProps {
+}

package/composite/ContactCard/ContactCard.js

@@ -0,0 +1 @@
+

package/composite/ContactListItem/ContactListItem.d.ts

@@ -0,0 +1 @@
+export {};

package/composite/ContactListItem/ContactListItem.js

@@ -0,0 +1 @@
+

package/index.js

@@ -1,22 +1,24 @@
-import { A as a } from "./.chunks/Avatar.js";
-import { A as e } from "./.chunks/AvatarWithImage.js";
-import { B as m } from "./.chunks/Button.js";
-import { D as x } from "./.chunks/Divider.js";
-import { F as A } from "./.chunks/Flex.js";
-import { G as B } from "./.chunks/Grid.js";
-import { A as n } from "./.chunks/AppBar.js";
-import { N as g } from "./.chunks/Nav.js";
-import { A as F } from "./.chunks/AppContainer.js";
-import { B as N } from "./.chunks/BasicPage.js";
+import { default as a } from "./base/Avatar/Avatar/Avatar.js";
+import { AvatarWithImage as f } from "./base/Avatar/AvatarWithImage/AvatarWithImage.js";
+import { Button as x } from "./base/Button/Button.js";
+import { Divider as d } from "./base/Divider/Divider.js";
+import { default as s } from "./base/Flex/Flex.js";
+import { Grid as v } from "./base/Grid/Grid.js";
+import "./base/Input/Input.js";
+import { AppBar as n } from "./supercomposite/AppBar/AppBar.js";
+import "./supercomposite/AppHeader/AppHeader.js";
+import { Nav as g } from "./supercomposite/Nav/Nav.js";
+import { default as h } from "./templates/AppContainer/AppContainer.js";
+import { default as D } from "./templates/BasicPage/BasicPage.js";
 export {
   n as AppBar,
-  F as AppContainer,
+  h as AppContainer,
   a as Avatar,
-  e as AvatarWithImage,
-  N as BasicPage,
-  m as Button,
-  x as Divider,
-  A as Flex,
-  B as Grid,
+  f as AvatarWithImage,
+  D as BasicPage,
+  x as Button,
+  d as Divider,
+  s as Flex,
+  v as Grid,
   g as Nav
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.18",
+  "version": "0.0.19",
   "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/AppBar/AppBar.d.ts

@@ -0,0 +1,5 @@
+import { AppBarProps as MuiAppBarProps } from '@mui/material/AppBar';
+export interface AppBarProps extends MuiAppBarProps {
+}
+export declare const AppBar: React.FC<MuiAppBarProps>;
+export default AppBar;

package/{.chunks → supercomposite/AppBar}/AppBar.js

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as O } from "react/jsx-runtime";
-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.js";
+import { Input as R } from "../../base/Input/Input.js";
+import { Button as j } from "../../base/Button/Button.js";
+import { n as y } from "../../.chunks/emotion-styled.browser.esm.js";
+import { l as I } from "../../.chunks/jocologo.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";
-import { c as N } from "./createSimplePaletteValueFilter.js";
-import { P as $ } from "./Menu.js";
+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 "../../.chunks/DefaultPropsProvider.js";
+import { m as C } from "../../.chunks/memoTheme.js";
+import { c as N } from "../../.chunks/createSimplePaletteValueFilter.js";
+import { P as $ } from "../../.chunks/Menu.js";
 function z(o) {
   return x("MuiAppBar", o);
 }
@@ -351,10 +351,11 @@ const E = y(w)({
     paddingRight: "1.5rem"
   }
 })), X = ({ ...o }) => /* @__PURE__ */ e(E, { position: "static", ...o, children: /* @__PURE__ */ O(G, { children: [
-  /* @__PURE__ */ e("a", { href: "https://int.johnsoncountyiowa.gov/home", target: "_blank", children: /* @__PURE__ */ e("img", { src: j, alt: "logo", width: "60px" }) }),
-  /* @__PURE__ */ e(I, { placeholder: "Search..." }),
-  /* @__PURE__ */ e(R, { children: "Log in" })
+  /* @__PURE__ */ e("a", { href: "https://int.johnsoncountyiowa.gov/home", target: "_blank", children: /* @__PURE__ */ e("img", { src: I, alt: "logo", width: "60px" }) }),
+  /* @__PURE__ */ e(R, { placeholder: "Search..." }),
+  /* @__PURE__ */ e(j, { children: "Log in" })
 ] }) });
 export {
-  X as A
+  X as AppBar,
+  X as default
 };

package/supercomposite/AppBar/index.js

@@ -1,4 +1,4 @@
-import { A as f } from "../../.chunks/AppBar.js";
+import { AppBar as r } from "./AppBar.js";
 export {
-  f as default
+  r as default
 };

package/supercomposite/AppHeader/AppHeader.d.ts

@@ -0,0 +1,7 @@
+export interface AppHeaderProps {
+    loggedIn?: boolean;
+    onLogin?: () => void;
+    onUserMenuClick?: () => void;
+}
+declare const AppHeader: React.FC<AppHeaderProps>;
+export default AppHeader;

package/supercomposite/AppHeader/AppHeader.js

@@ -0,0 +1,31 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { n } from "../../.chunks/emotion-styled.browser.esm.js";
+import o from "../../assets/theme.js";
+import { l as s } from "../../.chunks/jocologo.js";
+import { Input as p } from "../../base/Input/Input.js";
+import { Button as m } from "../../base/Button/Button.js";
+import d from "../../base/Avatar/Avatar/Avatar.js";
+const c = n("div")({
+  display: "grid",
+  flexDirection: "row",
+  padding: "4px 16px",
+  backgroundColor: "transparent",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gridTemplateColumns: `minmax(${o.constants.appSideNavWidth + o.constants.appInnerNavWidth}px, 1fr) 2fr 1fr`
+}), l = n("img")({
+  width: "36px"
+}), f = n("div")({}), g = n("div")({
+  justifySelf: "end"
+}), w = () => {
+  const [r, e] = a(!1);
+  return /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(l, { src: s }) }),
+    /* @__PURE__ */ t(p, { placeholder: "Search..." }),
+    /* @__PURE__ */ t(g, { children: r ? /* @__PURE__ */ t(d, { onClick: () => e(!1) }) : /* @__PURE__ */ t(m, { onClick: () => e(!0), children: "Log In" }) })
+  ] });
+};
+export {
+  w as default
+};

package/supercomposite/AppHeader/index.js

@@ -1,4 +1,4 @@
-import { A as f } from "../../.chunks/AppHeader.js";
+import { default as o } from "./AppHeader.js";
 export {
-  f as default
+  o as default
 };

package/supercomposite/CompactNav/CompactNav.d.ts

@@ -0,0 +1,17 @@
+export interface NavItemProps {
+    label?: string;
+    icon?: JSX.Element;
+    onClick?: () => void;
+    active?: boolean;
+    actionsPanelContent?: JSX.Element;
+}
+export interface NavProps {
+    navItems: NavItemProps[];
+    activeRoute?: string;
+}
+export declare const Container: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CompactNav: React.FC<NavProps>;
+export default CompactNav;

package/{.chunks → supercomposite/CompactNav}/CompactNav.js

@@ -1,8 +1,8 @@
-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";
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { n as i, i as u } from "../../.chunks/emotion-styled.browser.esm.js";
+import o from "../../assets/theme.js";
+import { B as x } from "../../.chunks/ButtonBase.js";
 const h = i("div")({
   display: "flex",
   flexDirection: "column",
@@ -55,16 +55,18 @@ const h = i("div")({
     color: o.colors.darkGreen,
     textAlign: "center"
   }
-})), S = ({ navItems: r, activeRoute: e }) => {
-  const [a, l] = f(""), c = (n, t) => {
-    l(n), t();
+})), S = ({ navItems: r, activeRoute: n }) => {
+  const [a, l] = m(""), c = (e, t) => {
+    l(e), t();
   };
-  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,
+  return /* @__PURE__ */ s(h, { children: r.map(({ icon: e, label: t = "", onClick: d = () => {
+  }, ...p }) => /* @__PURE__ */ f(g, { ...p, active: n ? n === t : a === t, onClick: () => c(t, d), children: [
+    e,
     /* @__PURE__ */ s("span", { children: t })
   ] }, t)) });
 };
 export {
-  S as C
+  S as CompactNav,
+  h as Container,
+  S as default
 };

package/supercomposite/CompactNav/index.js

@@ -1,4 +1,4 @@
-import { C as f } from "../../.chunks/CompactNav.js";
+import { CompactNav as t } from "./CompactNav.js";
 export {
-  f as default
+  t as default
 };

package/supercomposite/Nav/Nav.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
+import { NavItemProps } from './subcomponents/NavItem/types';
+import { MenuPosition } from './types';
+export interface NavProps extends MuiDrawerProps {
+    navItems: NavItemProps[];
+    anchor?: MenuPosition;
+    collapsible?: boolean;
+    withAppBar?: boolean;
+    collapsed?: boolean;
+}
+export declare const Nav: FC<NavProps>;
+export default Nav;