jcicl 0.0.79 → 0.0.80

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.79",
+  "version": "0.0.80",
   "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/EditableInfoCard/EditableInfoCard.js

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as n, Fragment as y } from "react/jsx-runtime";
-import { useState as z, useEffect as K } from "react";
+import { jsx as o, jsxs as n, Fragment as S } from "react/jsx-runtime";
+import { useState as k, useEffect as K } from "react";
 import { n as i } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as m } from "../../.chunks/emotion-react.browser.esm.js";
+import { c as u } from "../../.chunks/emotion-react.browser.esm.js";
 import { c as C } from "../../.chunks/createSvgIcon.js";
 import d from "../../theme.js";
 import { LabeledValue as N } from "../../base/LabeledValue/LabeledValue.js";
 import { LabeledInput as O } from "../../composite/LabeledInput/LabeledInput.js";
-import k from "../../base/Loading/Loading.js";
+import M from "../../base/Loading/Loading.js";
 import f from "../../base/Flex/Flex.js";
 import { Tooltip as x } from "../../composite/Tooltip/Tooltip.js";
 import { T as Q } from "../../.chunks/Input.js";
@@ -17,9 +17,9 @@ const Z = C(/* @__PURE__ */ o("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close"), oo = C(/* @__PURE__ */ o("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}), "Check"), L = i("div")(
-  ({ width: t, padding: a, shadow: r, styles: u, isEditing: c }) => ({
-    ...m`
+}), "Check"), P = i("div")(
+  ({ width: t, padding: a, shadow: r, styles: m, isEditing: c }) => ({
+    ...u`
       width: ${t};
       max-width: 100%;
       box-sizing: border-box;
@@ -35,7 +35,7 @@ const Z = C(/* @__PURE__ */ o("path", {
       box-shadow: ${r};
       border-radius: 5px;
       background-color: ${d.colors.white};
-      ${u};
+      ${m};
       z-index: ${c ? 0 : 1};
       position: relative;
       transform: ${c ? "rotateY(-180deg)" : "rotateY(0deg)"};
@@ -71,8 +71,8 @@ const Z = C(/* @__PURE__ */ o("path", {
       border: "none"
     }
   }
-}), to = i(L)(({ isEditing: t }) => ({
-  ...m`
+}), to = i(P)(({ isEditing: t }) => ({
+  ...u`
     position: absolute;
     top: 0;
     z-index: ${t ? 1 : 0};
@@ -80,9 +80,9 @@ const Z = C(/* @__PURE__ */ o("path", {
     opacity: ${t ? "1" : "0"};
     transition: 920ms all ease-in-out;
   `
-})), M = i("div")(
+})), B = i("div")(
   ({ spacing: t, columns: a, numRows: r }) => ({
-    ...m`
+    ...u`
       margin-top: calc(${t} * 0.75);
       grid-row-gap: ${t};
       grid-column-gap: calc(${t} * 1.5);
@@ -92,7 +92,7 @@ const Z = C(/* @__PURE__ */ o("path", {
     `
   })
 ), $ = i(X)(() => ({
-  ...m`
+  ...u`
     width: 40px;
     height: 40px;
     border-radius: 50%;
@@ -100,21 +100,21 @@ const Z = C(/* @__PURE__ */ o("path", {
 })), ro = i("div")`
   position: relative;
   width: 100%;
-`, B = i("div")`
+`, L = i("div")`
   height: 19px;
 `, xo = ({
   decorativeElement: t,
   title: a,
   items: r = [],
-  padding: u = "1rem 2rem",
+  padding: m = "1rem 2rem",
   shadow: c = d.boxShadow.darkGreen,
-  spacing: P = "2rem",
-  titleSpacing: R = "1rem",
+  spacing: R = "2rem",
+  titleSpacing: w = "1rem",
   canEditTitle: T = !0,
-  columns: w = 3,
+  columns: v = 3,
   styles: j,
   width: E = "100%",
-  loading: v = !1,
+  loading: I = !1,
   onSave: V = () => {
   },
   onCancel: Y = () => {
@@ -122,7 +122,7 @@ const Z = C(/* @__PURE__ */ o("path", {
   onEdit: F = () => {
   }
 }) => {
-  const b = r.reduce((e, l) => ({ ...e, [l.label]: l.value }), { titleValue: a }), [G, g] = z(!1), [p, h] = z(b);
+  const b = r.reduce((e, l) => ({ ...e, [l.label]: l.value }), { titleValue: a }), [G, g] = k(!1), [p, h] = k(b);
   K(() => {
     h(b);
   }, [r]);
@@ -136,11 +136,11 @@ const Z = C(/* @__PURE__ */ o("path", {
     h((J) => ({ ...J, [e]: l }));
   }, D = (e) => {
     h((l) => ({ ...l, titleValue: e }));
-  }, H = Math.ceil(r.length / w), s = 50, I = { width: E, padding: u, shadow: c, styles: j, isEditing: G }, S = { spacing: P, columns: w, numRows: H };
+  }, H = Math.ceil(r.length / v), s = 50, y = { width: E, padding: m, shadow: c, styles: j, isEditing: G }, z = { spacing: R, columns: v, numRows: H };
   return /* @__PURE__ */ n(ro, { children: [
-    /* @__PURE__ */ n(L, { ...I, children: [
+    /* @__PURE__ */ n(P, { ...y, children: [
       /* @__PURE__ */ n(f, { width: "100%", gap: "1rem", justifyContent: "space-between", children: [
-        /* @__PURE__ */ n(f, { width: "100%", gap: R, alignItems: "center", children: [
+        /* @__PURE__ */ n(f, { width: "100%", gap: w, alignItems: "center", children: [
           t && t,
           /* @__PURE__ */ o("h3", { children: a })
         ] }),
@@ -165,10 +165,10 @@ const Z = C(/* @__PURE__ */ o("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ o(M, { ...S, children: v ? /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ o(B, {}),
+      /* @__PURE__ */ o(B, { ...z, children: I ? /* @__PURE__ */ n(S, { children: [
+        /* @__PURE__ */ o(L, {}),
         /* @__PURE__ */ o(
-          k,
+          M,
           {
             size: s,
             styles: {
@@ -180,9 +180,9 @@ const Z = C(/* @__PURE__ */ o("path", {
         )
       ] }) : r == null ? void 0 : r.map((e) => /* @__PURE__ */ o(N, { ...e }, e.label)) })
     ] }),
-    /* @__PURE__ */ n(to, { ...I, children: [
+    /* @__PURE__ */ n(to, { ...y, children: [
       /* @__PURE__ */ n(f, { width: "100%", justifyContent: "space-between", children: [
-        /* @__PURE__ */ n(f, { width: "100%", gap: "1rem", alignItems: "center", children: [
+        /* @__PURE__ */ n(f, { width: "100%", gap: w, alignItems: "center", children: [
           t && t,
           /* @__PURE__ */ o("h3", { children: T ? /* @__PURE__ */ o(
             eo,
@@ -233,10 +233,10 @@ const Z = C(/* @__PURE__ */ o("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ o(M, { ...S, children: v ? /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ o(B, {}),
+      /* @__PURE__ */ o(B, { ...z, children: I ? /* @__PURE__ */ n(S, { children: [
+        /* @__PURE__ */ o(L, {}),
         /* @__PURE__ */ o(
-          k,
+          M,
           {
             size: s,
             styles: {