jcicl 0.0.58 → 0.0.60

package/composite/LabeledInput/LabeledInput.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { n as r } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as n } from "../../.chunks/emotion-react.browser.esm.js";
-import { I as p } from "../../.chunks/Input.js";
-const i = r("div")(({ grid: e }) => ({
-  ...n`
+import { n as p } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as r } from "../../.chunks/emotion-react.browser.esm.js";
+import { I as n } from "../../.chunks/Input.js";
+const i = p("div")(({ grid: e }) => ({
+  ...r`
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-between;
@@ -21,13 +21,17 @@ const i = r("div")(({ grid: e }) => ({
       flex-basis: ${e && "50%"};
       flex-grow: 1;
     }
+
+    .MuiInputBase-root {
+      width: ${e && "calc(100% + 4px)"};
+    }
   `
 })), x = ({ label: e, grid: a = !0, ...s }) => /* @__PURE__ */ t(i, { grid: a, children: [
   /* @__PURE__ */ t("span", { children: [
     e,
     ":"
   ] }),
-  /* @__PURE__ */ o(p, { variant: "simple", ...s })
+  /* @__PURE__ */ o(n, { variant: "simple", ...s })
 ] });
 export {
   x as LabeledInput,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.58",
+  "version": "0.0.60",
   "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,23 +1,23 @@
-import { jsx as o, jsxs as l, Fragment as G } from "react/jsx-runtime";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useState as I } from "react";
-import { n as c } from "../../.chunks/emotion-styled.browser.esm.js";
+import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
 import { c as f } from "../../.chunks/emotion-react.browser.esm.js";
 import { c as x } from "../../.chunks/createSvgIcon.js";
 import d from "../../theme.js";
-import { LabeledValue as U } from "../../base/LabeledValue/LabeledValue.js";
-import { LabeledInput as W } from "../../composite/LabeledInput/LabeledInput.js";
+import { LabeledValue as F } from "../../base/LabeledValue/LabeledValue.js";
+import { LabeledInput as U } from "../../composite/LabeledInput/LabeledInput.js";
 import p from "../../base/Flex/Flex.js";
 import { Tooltip as b } from "../../composite/Tooltip/Tooltip.js";
-import { T as q } from "../../.chunks/Input.js";
-import { B as A } from "../../.chunks/ButtonBase.js";
-const D = x(/* @__PURE__ */ o("path", {
+import { T as W } from "../../.chunks/Input.js";
+import { B as q } from "../../.chunks/ButtonBase.js";
+const A = x(/* @__PURE__ */ o("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
-}), "Edit"), H = x(/* @__PURE__ */ o("path", {
+}), "Edit"), D = x(/* @__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"), J = x(/* @__PURE__ */ o("path", {
+}), "Close"), H = x(/* @__PURE__ */ o("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}), "Check"), k = c("div")(
-  ({ width: t, padding: a, shadow: r, styles: h, isEditing: s }) => ({
+}), "Check"), k = s("div")(
+  ({ width: t, padding: a, shadow: r, styles: h, isEditing: c }) => ({
     ...f`
       width: ${t};
       max-width: 100%;
@@ -34,14 +34,14 @@ const D = x(/* @__PURE__ */ o("path", {
       border-radius: 5px;
       background-color: ${d.colors.white};
       ${h};
-      z-index: ${s ? 0 : 1};
+      z-index: ${c ? 0 : 1};
       position: relative;
-      transform: ${s ? "rotateY(-180deg)" : "rotateY(0deg)"};
+      transform: ${c ? "rotateY(-180deg)" : "rotateY(0deg)"};
       transition: 920ms all ease-in-out;
-      opacity: ${s ? "0" : "1"};
+      opacity: ${c ? "0" : "1"};
     `
   })
-), K = c(q)({
+), J = s(W)({
   backgroundColor: d.colors.white,
   borderRadius: "0",
   input: {
@@ -69,16 +69,16 @@ const D = x(/* @__PURE__ */ o("path", {
       border: "none"
     }
   }
-}), N = c(k)(({ isEditing: t }) => ({
+}), K = s(k)(({ isEditing: t }) => ({
   ...f`
     position: absolute;
-    top: 9px;
+    top: 0;
     z-index: ${t ? 1 : 0};
     transform: ${t ? "rotateY(0deg)" : "rotateY(-180deg)"};
     opacity: ${t ? "1" : "0"};
     transition: 920ms all ease-in-out;
   `
-})), v = c("div")(({ spacing: t, columns: a }) => ({
+})), v = s("div")(({ spacing: t, columns: a }) => ({
   ...f`
     margin-top: calc(${t} * 0.75);
     grid-row-gap: ${t};
@@ -86,18 +86,20 @@ const D = x(/* @__PURE__ */ o("path", {
     display: grid;
     grid-template-columns: repeat(${a}, 1fr);
   `
-})), g = c(A)(() => ({
+})), g = s(q)(() => ({
   ...f`
     width: 40px;
     height: 40px;
     border-radius: 50%;
   `
-})), io = ({
+})), N = s("div")`
+  position: relative;
+`, io = ({
   decorativeElement: t,
   title: a,
   items: r = [],
   padding: h = "1rem 2rem",
-  shadow: s = d.boxShadow.darkGreen,
+  shadow: c = d.boxShadow.darkGreen,
   spacing: y = "2rem",
   columns: S = 3,
   styles: z,
@@ -116,13 +118,13 @@ const D = x(/* @__PURE__ */ o("path", {
   }, V = () => {
     P(), u(C), m(!1);
   }, Y = (e, n) => {
-    u((F) => ({ ...F, [e]: n }));
+    u((G) => ({ ...G, [e]: n }));
   }, E = (e) => {
     u((n) => ({ ...n, titleValue: e }));
   };
   console.log(i);
-  const w = { width: B, padding: h, shadow: s, styles: z, isEditing: j }, $ = { spacing: y, columns: S };
-  return /* @__PURE__ */ l(G, { children: [
+  const w = { width: B, padding: h, shadow: c, styles: z, isEditing: j }, $ = { spacing: y, columns: S };
+  return /* @__PURE__ */ l(N, { children: [
     /* @__PURE__ */ l(k, { ...w, children: [
       /* @__PURE__ */ l(p, { width: "100%", gap: "1rem", justifyContent: "space-between", children: [
         /* @__PURE__ */ l(p, { width: "100%", gap: "1rem", alignItems: "center", children: [
@@ -146,18 +148,18 @@ const D = x(/* @__PURE__ */ o("path", {
                 ]
               }
             },
-            children: /* @__PURE__ */ o(g, { onClick: L, children: /* @__PURE__ */ o(D, {}) })
+            children: /* @__PURE__ */ o(g, { onClick: L, children: /* @__PURE__ */ o(A, {}) })
           }
         )
       ] }),
-      /* @__PURE__ */ o(v, { ...$, children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o(U, { ...e }, e.label)) })
+      /* @__PURE__ */ o(v, { ...$, children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o(F, { ...e }, e.label)) })
     ] }),
-    /* @__PURE__ */ l(N, { ...w, children: [
+    /* @__PURE__ */ l(K, { ...w, children: [
       /* @__PURE__ */ l(p, { width: "100%", justifyContent: "space-between", children: [
         /* @__PURE__ */ l(p, { width: "100%", gap: "1rem", alignItems: "center", children: [
           t && t,
           /* @__PURE__ */ o("h3", { children: /* @__PURE__ */ o(
-            K,
+            J,
             {
               onChange: (e) => E(e.target.value),
               value: (i == null ? void 0 : i.titleValue) ?? a
@@ -181,7 +183,7 @@ const D = x(/* @__PURE__ */ o("path", {
                 ]
               }
             },
-            children: /* @__PURE__ */ o(g, { onClick: V, children: /* @__PURE__ */ o(H, {}) })
+            children: /* @__PURE__ */ o(g, { onClick: V, children: /* @__PURE__ */ o(D, {}) })
           }
         ),
         /* @__PURE__ */ o(
@@ -201,12 +203,12 @@ const D = x(/* @__PURE__ */ o("path", {
                 ]
               }
             },
-            children: /* @__PURE__ */ o(g, { onClick: R, children: /* @__PURE__ */ o(J, {}) })
+            children: /* @__PURE__ */ o(g, { onClick: R, children: /* @__PURE__ */ o(H, {}) })
           }
         )
       ] }),
       /* @__PURE__ */ o(v, { ...$, children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o(
-        W,
+        U,
         {
           label: e.label,
           value: i[e.label],