jcicl 0.0.309 → 0.0.313

package/FormFields/FormFields.js

@@ -1,12 +1,12 @@
-import { jsxs as g, Fragment as j, jsx as r } from "react/jsx-runtime";
-import { FormInput as C } from "../FormInput/FormInput.js";
-import { FormSectionTitle as D, FormFieldGrid as S, FormFieldCheckboxContainer as b } from "../FormComponents/FormComponents.js";
-import z from "../theme.js";
-import { u as G } from "../.chunks/useMediaQuery.js";
-const $ = ({
+import { jsxs as j, Fragment as C, jsx as r } from "react/jsx-runtime";
+import { FormInput as D } from "../FormInput/FormInput.js";
+import { FormSectionTitle as S, FormFieldGrid as b, FormFieldCheckboxContainer as z } from "../FormComponents/FormComponents.js";
+import G from "../theme.js";
+import { u as I } from "../.chunks/useMediaQuery.js";
+const q = ({
   title: i,
   fields: d,
-  columns: s = G(`(max-width: ${z.screenSizes.tablet})`) ? 2 : 3,
+  columns: s = I(`(max-width: ${G.screenSizes.tablet})`) ? 2 : 3,
   columnsOverride: u,
   gap: a = 21,
   noLabel: F = !1,
@@ -14,29 +14,30 @@ const $ = ({
   formDefaults: t,
   onChange: p
 }) => {
-  const n = () => d.map(({ key: o, label: c, type: e, limit: f, options: h, defaultValue: l }) => {
-    const x = t[o] ? t[o] : l || (e === "multiDropdown" ? [] : "");
+  const n = () => d.map(({ key: o, label: c, type: e, limit: f, options: h, defaultValue: l, ...x }) => {
+    const w = t[o] ? t[o] : l || (e === "multiDropdown" ? [] : "");
     return /* @__PURE__ */ r(
-      C,
+      D,
       {
-        onChange: (w) => p(o, w, e),
+        onChange: (g) => p(o, g, e),
         label: c,
         type: e,
         limit: f,
-        defaultValue: x,
+        defaultValue: w,
         noLabel: F,
         options: h,
-        multiple: e === "multiDropdown"
+        multiple: e === "multiDropdown",
+        ...x
       },
       o
     );
   });
-  return /* @__PURE__ */ g(j, { children: [
-    i && /* @__PURE__ */ r(D, { children: i }),
-    !m && /* @__PURE__ */ r(S, { columns: s, columnsOverride: u, gap: a, children: /* @__PURE__ */ r(n, {}) }),
-    m && /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(n, {}) })
+  return /* @__PURE__ */ j(C, { children: [
+    i && /* @__PURE__ */ r(S, { children: i }),
+    !m && /* @__PURE__ */ r(b, { columns: s, columnsOverride: u, gap: a, children: /* @__PURE__ */ r(n, {}) }),
+    m && /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(n, {}) })
   ] });
 };
 export {
-  $ as default
+  q as default
 };

package/LabeledCheckbox/LabeledCheckbox.js

@@ -1,9 +1,9 @@
 import { jsxs as z, jsx as c } from "react/jsx-runtime";
 import { n as oe } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as te } from "../.chunks/emotion-react.browser.esm.js";
-import ae from "../theme.js";
+import ne from "../theme.js";
 import * as v from "react";
-import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as ne } from "../.chunks/DefaultPropsProvider.js";
+import { g as E, a as q, s as O, r as V, b as U, P as e, c as b, d as H, e as T, u as ae } from "../.chunks/DefaultPropsProvider.js";
 import { u as se } from "../.chunks/useFormControl.js";
 import { B as re } from "../.chunks/ButtonBase.js";
 import { u as ce } from "../.chunks/useControlled.js";
@@ -18,11 +18,11 @@ q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "ed
 const de = (o) => {
   const {
     classes: t,
-    checked: a,
-    disabled: n,
+    checked: n,
+    disabled: a,
     edge: s
   } = o, l = {
-    root: ["root", a && "checked", n && "disabled", s && `edge${b(s)}`],
+    root: ["root", n && "checked", a && "disabled", s && `edge${b(s)}`],
     input: ["input"]
   };
   return H(l, le, t);
@@ -75,9 +75,9 @@ const de = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), _ = /* @__PURE__ */ v.forwardRef(function(t, a) {
+}), _ = /* @__PURE__ */ v.forwardRef(function(t, n) {
   const {
-    autoFocus: n,
+    autoFocus: a,
     checked: s,
     checkedIcon: l,
     className: p,
@@ -134,10 +134,10 @@ const de = (o) => {
     onFocus: X,
     onBlur: Y,
     ownerState: R,
-    ref: a,
+    ref: n,
     ...K,
     children: [/* @__PURE__ */ c(ue, {
-      autoFocus: n,
+      autoFocus: a,
       checked: s,
       defaultChecked: d,
       className: N.input,
@@ -274,11 +274,11 @@ function be(o) {
 const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: n,
+    indeterminate: n,
+    color: a,
     size: s
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${b(n)}`, `size${b(s)}`]
+    root: ["root", n && "indeterminate", `color${b(a)}`, `size${b(s)}`]
   }, p = H(l, be, t);
   return {
     ...t,
@@ -291,9 +291,9 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: a
+      ownerState: n
     } = o;
-    return [t.root, a.indeterminate && t.indeterminate, t[`size${b(a.size)}`], a.color !== "default" && t[`color${b(a.color)}`]];
+    return [t.root, n.indeterminate && t.indeterminate, t[`size${b(n.size)}`], n.color !== "default" && t[`color${b(n.color)}`]];
   }
 })(ie(({
   theme: o
@@ -345,8 +345,8 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ce = /* @__PURE__ */ c(he, {}), ye = /* @__PURE__ */ c(fe, {}), xe = /* @__PURE__ */ c(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
-  const n = ne({
+}))), Ce = /* @__PURE__ */ c(he, {}), ye = /* @__PURE__ */ c(fe, {}), xe = /* @__PURE__ */ c(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, n) {
+  const a = ae({
     props: t,
     name: "MuiCheckbox"
   }), {
@@ -360,8 +360,8 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     disableRipple: w = !1,
     className: B,
     ...I
-  } = n, C = d ? k : p, y = d ? k : s, f = {
-    ...n,
+  } = a, C = d ? k : p, y = d ? k : s, f = {
+    ...a,
     disableRipple: w,
     color: l,
     indeterminate: d,
@@ -380,7 +380,7 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       fontSize: y.props.fontSize ?? u
     }),
     ownerState: f,
-    ref: a,
+    ref: n,
     className: U(h.root, B),
     ...I,
     classes: h
@@ -506,26 +506,28 @@ const ve = oe("div")(({ disabled: o }) => ({
       width: 19px;
       height: 19px;
 
+      cursor: ${o ? "default" : "pointer"};
+
       input {
         cursor: ${o ? "default" : "pointer"};
       }
     }
 
     .Mui-checked {
-      color: ${ae.colors.green} !important;
+      color: ${ne.colors.green} !important;
     }
   `
 })), Me = ({
   label: o,
   colon: t = !0,
-  noLabel: a = !1,
-  ...n
+  noLabel: n = !1,
+  ...a
 }) => /* @__PURE__ */ z(ve, { className: "jcLabeledCheckbox", children: [
-  !a && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
+  !n && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
     o,
     t && ":"
   ] }),
-  /* @__PURE__ */ c(W, { ...n })
+  /* @__PURE__ */ c(W, { ...a })
 ] });
 export {
   Me as LabeledCheckbox,

package/package.json

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