jcicl 0.0.89 → 0.0.91

package/.chunks/Portal.js

@@ -1,41 +1,13 @@
 import * as f from "react";
 import _ from "react";
-import { h as de, P as r, b as W, T as pe, i as me } from "./DefaultPropsProvider.js";
+import { P as r, b as W, h as de, T as pe, i as me } from "./DefaultPropsProvider.js";
 import { c as q, _ as Ee, a as he, T as K, b as ge, e as P, s as X } from "./TransitionGroupContext.js";
 import { jsx as H } from "react/jsx-runtime";
 import { T as ve } from "./emotion-styled.browser.esm.js";
 import { c as Q } from "./chainPropTypes.js";
 import * as xe from "react-dom";
 import M from "react-dom";
-let z = 0;
 function ye(e) {
-  const [s, o] = f.useState(e), i = e || s;
-  return f.useEffect(() => {
-    s == null && (z += 1, o(`mui-${z}`));
-  }, [s]), i;
-}
-const Te = {
-  ...f
-}, F = Te.useId;
-function Je(e) {
-  if (F !== void 0) {
-    const s = F();
-    return e ?? s;
-  }
-  return ye(e);
-}
-function be(e) {
-  return Object.keys(e).length === 0;
-}
-function Ne(e = null) {
-  const s = f.useContext(ve);
-  return !s || be(s) ? e : s;
-}
-const Oe = de();
-function Re(e = Oe) {
-  return Ne(e);
-}
-function De(e) {
   const {
     prototype: s = {}
   } = e;
@@ -51,29 +23,46 @@ function Y(e, s, o, i, n) {
     return null;
   let u;
   const c = t.type;
-  return typeof c == "function" && !De(c) && (u = "Did you accidentally use a plain function component for an element instead?"), u !== void 0 ? new Error(`Invalid ${i} \`${a}\` supplied to \`${o}\`. Expected an element that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return typeof c == "function" && !ye(c) && (u = "Did you accidentally use a plain function component for an element instead?"), u !== void 0 ? new Error(`Invalid ${i} \`${a}\` supplied to \`${o}\`. Expected an element that can hold a ref. ${u} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
 const ee = Q(r.element, Y);
 ee.isRequired = Q(r.element.isRequired, Y);
-const Ce = "exact-prop: ​";
-function Se(e) {
+const Te = "exact-prop: ​";
+function be(e) {
   return process.env.NODE_ENV === "production" ? e : {
     ...e,
-    [Ce]: (s) => {
+    [Te]: (s) => {
       const o = Object.keys(s).filter((i) => !e.hasOwnProperty(i));
       return o.length > 0 ? new Error(`The following props are not supported: ${o.map((i) => `\`${i}\``).join(", ")}. Please remove them.`) : null;
     }
   };
 }
-function Ie(e, s, o, i, n) {
+function Ne(e, s, o, i, n) {
   if (process.env.NODE_ENV === "production")
     return null;
   const t = e[s], a = n || s;
   return t == null ? null : t && t.nodeType !== 1 ? new Error(`Invalid ${i} \`${a}\` supplied to \`${o}\`. Expected an HTMLElement.`) : null;
 }
-function Ke(e) {
+function Je(e) {
   return e && e.ownerDocument || document;
 }
+let z = 0;
+function Oe(e) {
+  const [s, o] = f.useState(e), i = e || s;
+  return f.useEffect(() => {
+    s == null && (z += 1, o(`mui-${z}`));
+  }, [s]), i;
+}
+const Re = {
+  ...f
+}, F = Re.useId;
+function Ke(e) {
+  if (F !== void 0) {
+    const s = F();
+    return e ?? s;
+  }
+  return Oe(e);
+}
 function Qe({
   controlled: e,
   default: s,
@@ -101,11 +90,11 @@ function Qe({
   }, []);
   return [u, c];
 }
-function ke(e) {
+function De(e) {
   return typeof e == "string";
 }
-function $e(e, s, o) {
-  return e === void 0 || ke(e) ? s : {
+function Ce(e, s, o) {
+  return e === void 0 || De(e) ? s : {
     ...s,
     ownerState: {
       ...s.ownerState,
@@ -113,7 +102,7 @@ function $e(e, s, o) {
     }
   };
 }
-function we(e, s = []) {
+function Se(e, s = []) {
   if (e === void 0)
     return {};
   const o = {};
@@ -129,7 +118,7 @@ function Z(e) {
     s[o] = e[o];
   }), s;
 }
-function _e(e) {
+function Ie(e) {
   const {
     getSlotProps: s,
     additionalProps: o,
@@ -152,7 +141,7 @@ function _e(e) {
       internalRef: void 0
     };
   }
-  const a = we({
+  const a = Se({
     ...n,
     ...i
   }), u = Z(i), c = Z(n), l = s(a), p = W(l == null ? void 0 : l.className, o == null ? void 0 : o.className, t, n == null ? void 0 : n.className, i == null ? void 0 : i.className), m = {
@@ -171,7 +160,7 @@ function _e(e) {
     internalRef: l.ref
   };
 }
-function Me(e, s, o) {
+function ke(e, s, o) {
   return typeof e == "function" ? e(s, o) : e;
 }
 function Ye(e) {
@@ -182,14 +171,14 @@ function Ye(e) {
     ownerState: i,
     skipResolvingSlotProps: n = !1,
     ...t
-  } = e, a = n ? {} : Me(o, i), {
+  } = e, a = n ? {} : ke(o, i), {
     props: u,
     internalRef: c
-  } = _e({
+  } = Ie({
     ...t,
     externalSlotProps: a
   }), l = q(c, a == null ? void 0 : a.ref, (m = e.additionalProps) == null ? void 0 : m.ref);
-  return $e(s, {
+  return Ce(s, {
     ...u,
     ref: l
   }, i);
@@ -198,11 +187,22 @@ function te(e) {
   var s;
   return parseInt(f.version, 10) >= 19 ? ((s = e == null ? void 0 : e.props) == null ? void 0 : s.ref) || null : (e == null ? void 0 : e.ref) || null;
 }
+function $e(e) {
+  return Object.keys(e).length === 0;
+}
+function we(e = null) {
+  const s = f.useContext(ve);
+  return !s || $e(s) ? e : s;
+}
+const _e = de();
+function Me(e = _e) {
+  return we(e);
+}
 const Ve = /* @__PURE__ */ f.createContext();
 process.env.NODE_ENV !== "production" && (r.node, r.bool);
 const et = () => f.useContext(Ve) ?? !1;
 function Le() {
-  const e = Re(me);
+  const e = Me(me);
   return process.env.NODE_ENV !== "production" && f.useDebugValue(e), e[pe] || e;
 }
 const B = {
@@ -792,33 +792,33 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: r.oneOfType([Ie, r.func]),
+  container: r.oneOfType([Ne, r.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
   disablePortal: r.bool
 });
-process.env.NODE_ENV !== "production" && (G.propTypes = Se(G.propTypes));
+process.env.NODE_ENV !== "production" && (G.propTypes = be(G.propTypes));
 export {
   U as G,
-  Ie as H,
+  Ne as H,
   G as P,
   g as T,
   et as a,
   Le as b,
   Qe as c,
-  Je as d,
-  $e as e,
+  Ke as d,
+  Ce as e,
   ee as f,
   te as g,
-  Re as h,
-  Se as i,
+  Me as h,
+  be as i,
   je as j,
   J as k,
-  we as l,
-  _e as m,
-  Ke as o,
-  Me as r,
+  Se as l,
+  Ie as m,
+  Je as o,
+  ke as r,
   Ye as u
 };

package/.chunks/TransitionGroupContext.js

@@ -4,13 +4,14 @@ var u = (t, e, r) => l(t, typeof e != "symbol" ? e + "" : e, r);
 import { P as c } from "./DefaultPropsProvider.js";
 import * as n from "react";
 import p from "react";
-const _ = c.oneOfType([c.func, c.object]), d = typeof window < "u" ? n.useLayoutEffect : n.useEffect;
-function y(t, e) {
+const _ = c.oneOfType([c.func, c.object]);
+function d(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
+const y = typeof window < "u" ? n.useLayoutEffect : n.useEffect;
 function b(t) {
   const e = n.useRef(t);
-  return d(() => {
+  return y(() => {
     e.current = t;
   }), n.useRef((...r) => (
     // @ts-expect-error hide `this`
@@ -20,7 +21,7 @@ function b(t) {
 function P(...t) {
   return n.useMemo(() => t.every((e) => e == null) ? null : (e) => {
     t.forEach((r) => {
-      y(r, e);
+      d(r, e);
     });
   }, t);
 }
@@ -82,9 +83,9 @@ export {
   R as b,
   P as c,
   b as d,
-  d as e,
+  y as e,
   f,
   _ as r,
-  y as s,
+  d as s,
   h as u
 };

package/LogoLoop/LogoLoop.js

@@ -3,7 +3,7 @@ import { n as a } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as r } from "../.chunks/emotion-react.browser.esm.js";
 import e from "../theme.js";
 import { l as t } from "../.chunks/jocologo.js";
-import i from "../ZoomEntrance/ZoomEntrance.js";
+import i from "../animation/ZoomEntrance/ZoomEntrance.js";
 const n = r`
   height: 6em;
   padding: 1.5em;

package/README.md

@@ -13,8 +13,8 @@
 `npm install jcicl@latest`
 
 ```js
-import Button, { ButtonProps } from 'jcicl/base/Button';
-import Nav, { NavProps } from 'jcicl/supercomposite/Nav';
+import Button, { ButtonProps } from 'jcicl/Button';
+import Nav, { NavProps } from 'jcicl/Nav';
 
 const Component: React.FC<ButtonProps> = ({ ...buttonProps }) => <Button {...buttonProps}>Johnson County Button</Button>;
 ```
@@ -83,8 +83,9 @@ Templates are intended to render the HTML for predefined page layouts comprised
 ### Process
 
 1. Add or update any components you wish. For new components, please create the associated `[NewComponent].stories.tsx` file to allow for documentation. In `.storybook/main.ts`, we are using the default string matching pattern to automatically index `*.stories.*` files 😊
-2. Export any newly created components in the relevant index files: `(base/(super)composite/templates)/[NewComponent]/index.ts`, `(base/(super)composite/templates)/index.ts`, and `components/index.ts`. `src/index.ts`, the entry point for our complied library, automatically exports everything from `components/index.ts`
-3. Publish the library and update relevant project dependencies
+2. Export any newly created components in the relevant index files: `(base/(super)composite/templates)/[NewComponent]/index.ts` and `components/index.ts`.
+3. Export any newly created types for the component from `(base/(super)composite/templates)/[NewComponent]/index.ts`
+4. Publish the library and update relevant project dependencies
 
 ### Publishing the library
 

package/{Spin → animation/Spin}/Spin.js

@@ -1,5 +1,5 @@
-import { n as e } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as r } from "../.chunks/emotion-react.browser.esm.js";
+import { n as e } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as r } from "../../.chunks/emotion-react.browser.esm.js";
 const s = e("div")({
   ...r`
     transform-style: preserve-3d;

package/{ZoomEntrance → animation/ZoomEntrance}/ZoomEntrance.js

@@ -1,5 +1,5 @@
-import { n as e } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as r } from "../.chunks/emotion-react.browser.esm.js";
+import { n as e } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as r } from "../../.chunks/emotion-react.browser.esm.js";
 const s = e("div")({
   ...r`
     @keyframes open {

package/animation/index.js

@@ -0,0 +1,6 @@
+import { default as e } from "./Spin/Spin.js";
+import { default as t } from "./ZoomEntrance/ZoomEntrance.js";
+export {
+  e as Spin,
+  t as ZoomEntrance
+};

package/index.js

@@ -1,6 +1,52 @@
-import { default as e } from "./Spin/Spin.js";
-import { default as t } from "./ZoomEntrance/ZoomEntrance.js";
+import { default as t } from "./Avatar/Avatar.js";
+import { AvatarWithImage as a } from "./AvatarWithImage/AvatarWithImage.js";
+import { Button as p } from "./Button/Button.js";
+import { Divider as x } from "./Divider/Divider.js";
+import { Flex as l } from "./Flex/Flex.js";
+import { Grid as i } from "./Grid/Grid.js";
+import { default as s } from "./Icon/Icon.js";
+import { I } from "./.chunks/Input.js";
+import { LabeledValue as b } from "./LabeledValue/LabeledValue.js";
+import { default as g } from "./ListButton/ListButton.js";
+import { default as C } from "./Loading/Loading.js";
+import { default as B } from "./ScrollContainer/ScrollContainer.js";
+import { Accordion as E } from "./Accordion/Accordion.js";
+import { default as D } from "./ErrorBoundary/ErrorBoundary.js";
+import { InfoCard as G } from "./InfoCard/InfoCard.js";
+import { LabeledInput as N } from "./LabeledInput/LabeledInput.js";
+import { default as T } from "./List/List.js";
+import { default as j } from "./LogoLoop/LogoLoop.js";
+import { Tooltip as q } from "./Tooltip/Tooltip.js";
+import { default as z } from "./WithLabel/WithLabel.js";
+import { default as K } from "./WithLoading/WithLoading.js";
+import { default as O } from "./AppHeader/AppHeader.js";
+import { EditableInfoCard as Q } from "./EditableInfoCard/EditableInfoCard.js";
+import { Nav as U } from "./Nav/Nav.js";
+import { default as Y } from "./AppContainer/AppContainer.js";
 export {
-  e as Spin,
-  t as ZoomEntrance
+  E as Accordion,
+  Y as AppContainer,
+  O as AppHeader,
+  t as Avatar,
+  a as AvatarWithImage,
+  p as Button,
+  x as Divider,
+  Q as EditableInfoCard,
+  D as ErrorBoundary,
+  l as Flex,
+  i as Grid,
+  s as Icon,
+  G as InfoCard,
+  I as Input,
+  N as LabeledInput,
+  b as LabeledValue,
+  T as List,
+  g as ListButton,
+  C as Loading,
+  j as LogoLoop,
+  U as Nav,
+  B as ScrollContainer,
+  q as Tooltip,
+  z as WithLabel,
+  K as WithLoading
 };

package/package.json

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