jcicl 1.0.13 → 1.0.16

package/FormFields/FormFields.d.ts

@@ -1,4 +1,5 @@
 import { DropdownOption } from '../../../../../../../../../src/components/composite/LabeledDropdown';
+import { AllInputProps } from '../../../../../../../../../src/components/supercomposite/FormInput/FormInput';
 export type FormField = {
     key: string;
     label?: string;
@@ -18,6 +19,6 @@ export type FormFieldsProps = {
     checkboxContainer?: boolean;
     formDefaults: Record<string, any>;
     onChange: (key: string, e: React.ChangeEvent<HTMLInputElement>, type?: string) => void;
-};
+} & Partial<AllInputProps>;
 declare const FormFields: React.FC<FormFieldsProps>;
 export default FormFields;

package/LabeledCheckbox/LabeledCheckbox.d.ts

@@ -6,6 +6,7 @@ export type LabeledCheckboxProps = StyleProps & CheckboxProps & {
     label: string;
     colon?: boolean;
     noLabel?: boolean;
+    boxFirst?: boolean;
 };
 export declare const LabeledCheckbox: React.FC<LabeledCheckboxProps>;
 export default LabeledCheckbox;

package/LabeledCheckbox/LabeledCheckbox.js

@@ -1,32 +1,32 @@
-import { jsxs as z, jsx as i } from "react/jsx-runtime";
-import { n as te } from "../.chunks/emotion-styled.browser.esm.js";
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { n as ae } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as M } from "../.chunks/emotion-react.browser.esm.js";
-import { useThemeColors as ae } from "../ThemeContext.js";
-import * as v from "react";
-import { g as q, a as V, s as O, r as U, b as H, P as e, c as b, d as D, e as L, u as ne } 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";
-import { r as _ } from "../.chunks/TransitionGroupContext.js";
-import { c as P } from "../.chunks/createSvgIcon.js";
-import { m as ie } from "../.chunks/memoTheme.js";
-import { c as E } from "../.chunks/createSimplePaletteValueFilter.js";
-function le(o) {
-  return q("PrivateSwitchBase", o);
+import { useThemeColors as ne } from "../ThemeContext.js";
+import * as w from "react";
+import { g as U, a as H, s as P, r as D, b as _, P as e, c as b, d as A, e as E, u as se } from "../.chunks/DefaultPropsProvider.js";
+import { u as re } from "../.chunks/useFormControl.js";
+import { B as ce } from "../.chunks/ButtonBase.js";
+import { u as ie } from "../.chunks/useControlled.js";
+import { r as W } from "../.chunks/TransitionGroupContext.js";
+import { c as F } from "../.chunks/createSvgIcon.js";
+import { m as le } from "../.chunks/memoTheme.js";
+import { c as q } from "../.chunks/createSimplePaletteValueFilter.js";
+function de(o) {
+  return U("PrivateSwitchBase", o);
 }
-V("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const de = (o) => {
+H("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const pe = (o) => {
   const {
     classes: t,
     checked: a,
-    disabled: s,
-    edge: n
-  } = o, r = {
-    root: ["root", a && "checked", s && "disabled", n && `edge${b(n)}`],
+    disabled: n,
+    edge: s
+  } = o, c = {
+    root: ["root", a && "checked", n && "disabled", s && `edge${b(s)}`],
     input: ["input"]
   };
-  return D(r, le, t);
-}, pe = O(re)({
+  return A(c, de, t);
+}, ue = P(ce)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -62,8 +62,8 @@ const de = (o) => {
       marginRight: -12
     }
   }]
-}), ue = O("input", {
-  shouldForwardProp: U
+}), fe = P("input", {
+  shouldForwardProp: D
 })({
   cursor: "inherit",
   position: "absolute",
@@ -75,90 +75,90 @@ const de = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), A = /* @__PURE__ */ v.forwardRef(function(t, a) {
+}), G = /* @__PURE__ */ w.forwardRef(function(t, a) {
   const {
-    autoFocus: s,
-    checked: n,
-    checkedIcon: r,
-    className: p,
-    defaultChecked: d,
+    autoFocus: n,
+    checked: s,
+    checkedIcon: c,
+    className: l,
+    defaultChecked: p,
     disabled: k,
     disableFocusRipple: g = !1,
     edge: u = !1,
-    icon: w,
-    id: B,
-    inputProps: I,
+    icon: B,
+    id: I,
+    inputProps: R,
     inputRef: C,
     name: y,
     onBlur: f,
     onChange: h,
-    onFocus: F,
-    readOnly: G,
-    required: J = !1,
-    tabIndex: K,
+    onFocus: j,
+    readOnly: J,
+    required: K = !1,
+    tabIndex: Q,
     type: x,
-    value: $,
-    ...Q
-  } = t, [j, X] = ce({
-    controlled: n,
-    default: !!d,
+    value: N,
+    ...X
+  } = t, [$, Y] = ie({
+    controlled: s,
+    default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), l = se(), Y = (c) => {
-    F && F(c), l && l.onFocus && l.onFocus(c);
-  }, Z = (c) => {
-    f && f(c), l && l.onBlur && l.onBlur(c);
-  }, ee = (c) => {
-    if (c.nativeEvent.defaultPrevented)
+  }), d = re(), Z = (i) => {
+    j && j(i), d && d.onFocus && d.onFocus(i);
+  }, ee = (i) => {
+    f && f(i), d && d.onBlur && d.onBlur(i);
+  }, oe = (i) => {
+    if (i.nativeEvent.defaultPrevented)
       return;
-    const T = c.target.checked;
-    X(T), h && h(c, T);
+    const L = i.target.checked;
+    Y(L), h && h(i, L);
   };
   let m = k;
-  l && typeof m > "u" && (m = l.disabled);
-  const oe = x === "checkbox" || x === "radio", R = {
+  d && typeof m > "u" && (m = d.disabled);
+  const te = x === "checkbox" || x === "radio", S = {
     ...t,
-    checked: j,
+    checked: $,
     disabled: m,
     disableFocusRipple: g,
     edge: u
-  }, N = de(R);
-  return /* @__PURE__ */ z(pe, {
+  }, T = pe(S);
+  return /* @__PURE__ */ v(ue, {
     component: "span",
-    className: H(N.root, p),
+    className: _(T.root, l),
     centerRipple: !0,
     focusRipple: !g,
     disabled: m,
     tabIndex: null,
     role: void 0,
-    onFocus: Y,
-    onBlur: Z,
-    ownerState: R,
+    onFocus: Z,
+    onBlur: ee,
+    ownerState: S,
     ref: a,
-    ...Q,
-    children: [/* @__PURE__ */ i(ue, {
-      autoFocus: s,
-      checked: n,
-      defaultChecked: d,
-      className: N.input,
+    ...X,
+    children: [/* @__PURE__ */ r(fe, {
+      autoFocus: n,
+      checked: s,
+      defaultChecked: p,
+      className: T.input,
       disabled: m,
-      id: oe ? B : void 0,
+      id: te ? I : void 0,
       name: y,
-      onChange: ee,
-      readOnly: G,
+      onChange: oe,
+      readOnly: J,
       ref: C,
-      required: J,
-      ownerState: R,
-      tabIndex: K,
+      required: K,
+      ownerState: S,
+      tabIndex: Q,
       type: x,
-      ...x === "checkbox" && $ === void 0 ? {} : {
-        value: $
+      ...x === "checkbox" && N === void 0 ? {} : {
+        value: N
       },
-      ...I
-    }), j ? r : w]
+      ...R
+    }), $ ? c : B]
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -215,7 +215,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _,
+  inputRef: W,
   /*
    * @ignore
    */
@@ -261,32 +261,32 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    */
   value: e.any
 });
-const fe = P(/* @__PURE__ */ i("path", {
+const he = F(/* @__PURE__ */ r("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), he = P(/* @__PURE__ */ i("path", {
+}), "CheckBoxOutlineBlank"), me = F(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), me = P(/* @__PURE__ */ i("path", {
+}), "CheckBox"), be = F(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function be(o) {
-  return q("MuiCheckbox", o);
+function ke(o) {
+  return U("MuiCheckbox", o);
 }
-const S = V("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
+const z = H("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ge = (o) => {
   const {
     classes: t,
     indeterminate: a,
-    color: s,
-    size: n
-  } = o, r = {
-    root: ["root", a && "indeterminate", `color${b(s)}`, `size${b(n)}`]
-  }, p = D(r, be, t);
+    color: n,
+    size: s
+  } = o, c = {
+    root: ["root", a && "indeterminate", `color${b(n)}`, `size${b(s)}`]
+  }, l = A(c, ke, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...p
+    ...l
   };
-}, ge = O(A, {
-  shouldForwardProp: (o) => U(o) || o === "classes",
+}, Ce = P(G, {
+  shouldForwardProp: (o) => D(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -295,7 +295,7 @@ const S = V("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     } = o;
     return [t.root, a.indeterminate && t.indeterminate, t[`size${b(a.size)}`], a.color !== "default" && t[`color${b(a.color)}`]];
   }
-})(ie(({
+})(le(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -306,28 +306,28 @@ const S = V("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : L(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(E()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(q()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : L(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : E(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(E()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(q()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${S.checked}, &.${S.indeterminate}`]: {
+      [`&.${z.checked}, &.${z.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${S.disabled}`]: {
+      [`&.${z.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -345,48 +345,48 @@ const S = V("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ce = /* @__PURE__ */ i(he, {}), ye = /* @__PURE__ */ i(fe, {}), xe = /* @__PURE__ */ i(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
-  const s = ne({
+}))), ye = /* @__PURE__ */ r(me, {}), xe = /* @__PURE__ */ r(he, {}), ve = /* @__PURE__ */ r(be, {}), O = /* @__PURE__ */ w.forwardRef(function(t, a) {
+  const n = se({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: n = Ce,
-    color: r = "primary",
-    icon: p = ye,
-    indeterminate: d = !1,
-    indeterminateIcon: k = xe,
+    checkedIcon: s = ye,
+    color: c = "primary",
+    icon: l = xe,
+    indeterminate: p = !1,
+    indeterminateIcon: k = ve,
     inputProps: g,
     size: u = "medium",
-    disableRipple: w = !1,
-    className: B,
-    ...I
-  } = s, C = d ? k : p, y = d ? k : n, f = {
-    ...s,
-    disableRipple: w,
-    color: r,
-    indeterminate: d,
+    disableRipple: B = !1,
+    className: I,
+    ...R
+  } = n, C = p ? k : l, y = p ? k : s, f = {
+    ...n,
+    disableRipple: B,
+    color: c,
+    indeterminate: p,
     size: u
-  }, h = ke(f);
-  return /* @__PURE__ */ i(ge, {
+  }, h = ge(f);
+  return /* @__PURE__ */ r(Ce, {
     type: "checkbox",
     inputProps: {
-      "data-indeterminate": d,
+      "data-indeterminate": p,
       ...g
     },
-    icon: /* @__PURE__ */ v.cloneElement(C, {
+    icon: /* @__PURE__ */ w.cloneElement(C, {
       fontSize: C.props.fontSize ?? u
     }),
-    checkedIcon: /* @__PURE__ */ v.cloneElement(y, {
+    checkedIcon: /* @__PURE__ */ w.cloneElement(y, {
       fontSize: y.props.fontSize ?? u
     }),
     ownerState: f,
     ref: a,
-    className: H(h.root, B),
-    ...I,
+    className: _(h.root, I),
+    ...R,
     classes: h
   });
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (O.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -458,7 +458,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _,
+  inputRef: W,
   /**
    * Callback fired when the state is changed.
    *
@@ -487,7 +487,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const ve = te("div", { shouldForwardProp: (o) => !["customTheme"].includes(o) })(({ displayMode: o, customTheme: t }) => ({
+const V = ae("div", { shouldForwardProp: (o) => !["customTheme"].includes(o) })(({ displayMode: o, customTheme: t }) => ({
   ...M`
     display: flex;
     flex-wrap: nowrap;
@@ -525,16 +525,20 @@ const ve = te("div", { shouldForwardProp: (o) => !["customTheme"].includes(o) })
   label: o,
   colon: t = !0,
   displayMode: a = !1,
-  noLabel: s = !1,
-  ...n
+  noLabel: n = !1,
+  boxFirst: s = !1,
+  ...c
 }) => {
-  const r = ae();
-  return /* @__PURE__ */ z(ve, { displayMode: a, className: "jcLabeledCheckbox", customTheme: r, children: [
-    !s && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
+  const l = ne();
+  return s ? /* @__PURE__ */ v(V, { displayMode: a, className: "jcLabeledCheckbox", customTheme: l, children: [
+    /* @__PURE__ */ r(O, { ...c }),
+    !n && /* @__PURE__ */ r("span", { className: "jcCheckboxLabel", children: o })
+  ] }) : /* @__PURE__ */ v(V, { displayMode: a, className: "jcLabeledCheckbox", customTheme: l, children: [
+    !n && /* @__PURE__ */ v("span", { className: "jcCheckboxLabel", children: [
       o,
       t && ":"
     ] }),
-    /* @__PURE__ */ i(W, { ...n })
+    /* @__PURE__ */ r(O, { ...c })
   ] });
 };
 export {

package/package.json

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