jcicl 1.0.31 → 1.0.33

package/FormContext/createFormContext.js

@@ -1,74 +1,82 @@
-import { jsx as N } from "react/jsx-runtime";
-import { createContext as w, useState as E, useEffect as P, useMemo as $ } from "react";
-import { formatPhoneNumber as C } from "../utils.js";
-function I(b) {
-  const { name: n, defaultValues: s = {}, onInputChangeExtensions: u = [], submit: m, debug: a = !1 } = b, i = w({
-    onFormInputChange: () => console.error(`Failed to update form input. ${n}FormContext not initialized`),
+import { jsx as w } from "react/jsx-runtime";
+import { createContext as E, useState as P, useCallback as C, useEffect as $, useMemo as k } from "react";
+import { formatPhoneNumber as D } from "../utils.js";
+function M(g) {
+  const { name: e, defaultValues: s = {}, onInputChangeExtensions: u = [], submit: o, debug: r = !1 } = g, c = E({
+    onFormInputChange: () => console.error(`Failed to update form input. ${e}FormContext not initialized`),
     formData: s,
-    setFormData: () => console.error(`Failed to set form data. ${n}FormContext not initialized`),
-    resetForm: () => console.error(`Failed to reset form. ${n}FormContext not initialized`)
+    setFormData: () => console.error(`Failed to set form data. ${e}FormContext not initialized`),
+    resetForm: () => console.error(`Failed to reset form. ${e}FormContext not initialized`)
   });
-  return { Context: i, Provider: ({ children: x }) => {
-    const [e, r] = E(s), d = (g, t, c) => {
-      r((l) => {
-        let o;
-        if (c === "checkbox")
-          o = t.target.checked;
-        else if (c === "multiDropdown") {
-          const h = t.target.value;
-          Array.isArray(h) ? o = h.map((D) => D.value) : o = [];
-        } else if (c === "phone") {
-          const [, h] = C(t.target.value);
-          o = h;
+  return { Context: c, Provider: ({ children: F }) => {
+    const [t, l] = P(s), d = C(
+      (n, a, f) => {
+        l((m) => {
+          let i;
+          if (f === "checkbox")
+            i = a.target.checked;
+          else if (f === "multiDropdown") {
+            const v = a.target.value;
+            Array.isArray(v) ? i = v.map((N) => N.value) : i = [];
+          } else if (f === "phone") {
+            const [, v] = D(a.target.value);
+            i = v;
+          } else
+            i = a.target.value;
+          return i === "undefined" && (i = void 0), { ...m, [n]: i };
+        });
+        let b;
+        if (f === "checkbox")
+          b = a.target.checked;
+        else if (f === "phone") {
+          const [, m] = D(a.target.value);
+          b = m;
         } else
-          o = t.target.value;
-        return o === "undefined" && (o = void 0), { ...l, [g]: o };
-      });
-      let p;
-      if (c === "checkbox")
-        p = t.target.checked;
-      else if (c === "phone") {
-        const [, l] = C(t.target.value);
-        p = l;
-      } else
-        p = t.target.value === "undefined" ? void 0 : t.target.value;
-      u.forEach((l) => {
-        l(g, p, r);
-      });
-    }, v = () => r(s);
-    P(() => {
-      a && console.log(`[${n}Form] Updated form data:`, e);
-    }, [e]);
-    const f = $(
+          b = a.target.value === "undefined" ? void 0 : a.target.value;
+        u.forEach((m) => {
+          m(n, b, l);
+        });
+      },
+      [u]
+    ), p = C(() => l(s), [s]);
+    $(() => {
+      r && console.log(`[${e}Form] Updated form data:`, t);
+    }, [t]);
+    const h = k(
       () => ({
         onFormInputChange: d,
-        formData: e,
-        setFormData: r,
-        resetForm: v,
-        ...m ? { submit: () => m(e) } : {}
+        formData: t,
+        setFormData: l,
+        resetForm: p,
+        ...o ? { submit: () => o(t) } : {}
       }),
-      [e]
+      [t, d, p, o]
     );
-    return /* @__PURE__ */ N(i.Provider, { value: f, children: x });
+    return /* @__PURE__ */ w(c.Provider, { value: h, children: F });
   } };
 }
-function M(b = "dateOfBirth", n = "age") {
-  return (s, u, m) => {
-    if (s === b && u && typeof u == "string") {
-      const a = u.split("-");
-      if (a.length !== 3) return;
-      const i = Number(a[0]), F = Number(a[1]), x = Number(a[2]), e = /* @__PURE__ */ new Date(), r = e.getFullYear(), d = e.getMonth() + 1, v = e.getDate();
-      if (i > r || i < 1900)
+function S(g = "dateOfBirth", e = "age") {
+  return (s, u, o) => {
+    if (s === g && u && typeof u == "string") {
+      const r = u.split("-");
+      if (r.length !== 3) {
+        o((n) => ({ ...n, [e]: void 0 }));
         return;
-      let f = r - i;
-      (F > d || F === d && x > v) && (f -= 1), m((g) => ({
-        ...g,
-        [n]: String(f)
+      }
+      const c = Number(r[0]), x = Number(r[1]), F = Number(r[2]), t = /* @__PURE__ */ new Date(), l = t.getFullYear(), d = t.getMonth() + 1, p = t.getDate();
+      if (c > l || c < 1900) {
+        o((n) => ({ ...n, [e]: void 0 }));
+        return;
+      }
+      let h = l - c;
+      (x > d || x === d && F > p) && (h -= 1), o((n) => ({
+        ...n,
+        [e]: String(h)
       }));
-    }
+    } else s === g && o((r) => ({ ...r, [e]: void 0 }));
   };
 }
 export {
-  M as createDobToAgeExtension,
-  I as createFormContext
+  S as createDobToAgeExtension,
+  M as createFormContext
 };

package/Pill/Pill.js

@@ -1,9 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import { n as i } from "../.chunks/emotion-styled.browser.esm.js";
+import { jsx as a } from "react/jsx-runtime";
+import { n as m } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as p } from "../.chunks/emotion-react.browser.esm.js";
 import t from "../theme.js";
 import { useThemeColors as d } from "../ThemeContext.js";
-const a = i("span")(
+const n = m("span")(
   ({ backgroundColor: e = t.colors.whiteGreen, textColor: o = t.colors.white, squared: r = !1 }) => ({
     ...p`
       font-family: ${t.fonts.roboto};
@@ -17,23 +17,24 @@ const a = i("span")(
     `
   })
 ), C = (e) => {
-  const o = d(), { backgroundColor: r, textColor: c, type: m = "primary", squared: l = !1, children: n } = e;
-  return m == "secondary" ? /* @__PURE__ */ s(
-    a,
+  const o = d(), { backgroundColor: r, textColor: l, type: i = "primary", squared: c = !1, children: s } = e;
+  return i == "secondary" ? /* @__PURE__ */ a(
+    n,
     {
       backgroundColor: r || o.themeIconBackgroundB,
-      textColor: c || o.themeIconColorB,
-      squared: l,
-      children: n
+      textColor: l || o.themeIconColorB,
+      squared: c,
+      className: "jciclPillWrapper",
+      children: s
     }
-  ) : /* @__PURE__ */ s(
-    a,
+  ) : /* @__PURE__ */ a(
+    n,
     {
       backgroundColor: r || o.themeIconBackgroundA,
-      textColor: c,
-      squared: l,
+      textColor: l,
+      squared: c,
       className: "jciclPillWrapper",
-      children: n
+      children: s
     }
   );
 };

package/package.json

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