jcicl 0.0.321 → 0.0.323

package/LabeledCheckbox/LabeledCheckbox.d.ts

@@ -1,8 +1,11 @@
 import { CheckboxProps } from '@mui/material/Checkbox';
-export type LabeledCheckboxProps = {
+export interface StyleProps {
+    displayMode?: boolean;
+}
+export type LabeledCheckboxProps = StyleProps & CheckboxProps & {
     label: string;
     colon?: boolean;
     noLabel?: boolean;
-} & CheckboxProps;
+};
 export declare const LabeledCheckbox: React.FC<LabeledCheckboxProps>;
 export default LabeledCheckbox;

package/LabeledCheckbox/LabeledCheckbox.js

@@ -1,20 +1,20 @@
-import { jsxs as z, jsx as r } 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 { jsxs as z, jsx as c } from "react/jsx-runtime";
+import { n as te } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as T } from "../.chunks/emotion-react.browser.esm.js";
 import ae 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 se } from "../.chunks/DefaultPropsProvider.js";
-import { u as ne } from "../.chunks/useFormControl.js";
-import { B as ce } from "../.chunks/ButtonBase.js";
-import { u as re } from "../.chunks/useControlled.js";
-import { r as D } from "../.chunks/TransitionGroupContext.js";
+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 L } from "../.chunks/createSimplePaletteValueFilter.js";
+import { c as E } from "../.chunks/createSimplePaletteValueFilter.js";
 function le(o) {
-  return E("PrivateSwitchBase", o);
+  return q("PrivateSwitchBase", o);
 }
-q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+V("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
 const de = (o) => {
   const {
     classes: t,
@@ -25,8 +25,8 @@ const de = (o) => {
     root: ["root", a && "checked", s && "disabled", n && `edge${b(n)}`],
     input: ["input"]
   };
-  return H(l, le, t);
-}, pe = O(ce)({
+  return D(l, le, t);
+}, pe = O(re)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -63,7 +63,7 @@ const de = (o) => {
     }
   }]
 }), ue = O("input", {
-  shouldForwardProp: V
+  shouldForwardProp: U
 })({
   cursor: "inherit",
   position: "absolute",
@@ -75,7 +75,7 @@ const de = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), _ = /* @__PURE__ */ v.forwardRef(function(t, a) {
+}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
   const {
     autoFocus: s,
     checked: n,
@@ -88,77 +88,77 @@ const de = (o) => {
     icon: w,
     id: B,
     inputProps: I,
-    inputRef: C,
-    name: y,
+    inputRef: y,
+    name: C,
     onBlur: f,
     onChange: h,
     onFocus: F,
-    readOnly: A,
-    required: G = !1,
-    tabIndex: J,
+    readOnly: G,
+    required: J = !1,
+    tabIndex: K,
     type: x,
-    value: j,
-    ...K
-  } = t, [$, Q] = re({
+    value: $,
+    ...Q
+  } = t, [j, X] = ce({
     controlled: n,
     default: !!d,
     name: "SwitchBase",
     state: "checked"
-  }), i = ne(), X = (c) => {
-    F && F(c), i && i.onFocus && i.onFocus(c);
-  }, Y = (c) => {
-    f && f(c), i && i.onBlur && i.onBlur(c);
-  }, Z = (c) => {
-    if (c.nativeEvent.defaultPrevented)
+  }), i = se(), Y = (r) => {
+    F && F(r), i && i.onFocus && i.onFocus(r);
+  }, Z = (r) => {
+    f && f(r), i && i.onBlur && i.onBlur(r);
+  }, ee = (r) => {
+    if (r.nativeEvent.defaultPrevented)
       return;
-    const M = c.target.checked;
-    Q(M), h && h(c, M);
+    const M = r.target.checked;
+    X(M), h && h(r, M);
   };
   let m = k;
   i && typeof m > "u" && (m = i.disabled);
-  const ee = x === "checkbox" || x === "radio", R = {
+  const oe = x === "checkbox" || x === "radio", R = {
     ...t,
-    checked: $,
+    checked: j,
     disabled: m,
     disableFocusRipple: g,
     edge: u
   }, N = de(R);
   return /* @__PURE__ */ z(pe, {
     component: "span",
-    className: U(N.root, p),
+    className: H(N.root, p),
     centerRipple: !0,
     focusRipple: !g,
     disabled: m,
     tabIndex: null,
     role: void 0,
-    onFocus: X,
-    onBlur: Y,
+    onFocus: Y,
+    onBlur: Z,
     ownerState: R,
     ref: a,
-    ...K,
-    children: [/* @__PURE__ */ r(ue, {
+    ...Q,
+    children: [/* @__PURE__ */ c(ue, {
       autoFocus: s,
       checked: n,
       defaultChecked: d,
       className: N.input,
       disabled: m,
-      id: ee ? B : void 0,
-      name: y,
-      onChange: Z,
-      readOnly: A,
-      ref: C,
-      required: G,
+      id: oe ? B : void 0,
+      name: C,
+      onChange: ee,
+      readOnly: G,
+      ref: y,
+      required: J,
       ownerState: R,
-      tabIndex: J,
+      tabIndex: K,
       type: x,
-      ...x === "checkbox" && j === void 0 ? {} : {
-        value: j
+      ...x === "checkbox" && $ === void 0 ? {} : {
+        value: $
       },
       ...I
-    }), $ ? l : w]
+    }), j ? l : w]
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -215,7 +215,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: D,
+  inputRef: _,
   /*
    * @ignore
    */
@@ -261,17 +261,17 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   value: e.any
 });
-const fe = P(/* @__PURE__ */ r("path", {
+const fe = P(/* @__PURE__ */ c("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__ */ r("path", {
+}), "CheckBoxOutlineBlank"), he = P(/* @__PURE__ */ c("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__ */ r("path", {
+}), "CheckBox"), me = P(/* @__PURE__ */ c("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 E("MuiCheckbox", o);
+  return q("MuiCheckbox", o);
 }
-const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
+const S = V("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ke = (o) => {
   const {
     classes: t,
     indeterminate: a,
@@ -279,14 +279,14 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     size: n
   } = o, l = {
     root: ["root", a && "indeterminate", `color${b(s)}`, `size${b(n)}`]
-  }, p = H(l, be, t);
+  }, p = D(l, be, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, ge = O(_, {
-  shouldForwardProp: (o) => V(o) || o === "classes",
+}, ge = O(W, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -306,20 +306,20 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : T(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : L(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(L()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(E()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : T(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : L(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(L()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(E()).map(([t]) => ({
     props: {
       color: t
     },
@@ -345,14 +345,14 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ce = /* @__PURE__ */ r(he, {}), ye = /* @__PURE__ */ r(fe, {}), xe = /* @__PURE__ */ r(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
-  const s = se({
+}))), ye = /* @__PURE__ */ c(he, {}), Ce = /* @__PURE__ */ c(fe, {}), xe = /* @__PURE__ */ c(me, {}), A = /* @__PURE__ */ v.forwardRef(function(t, a) {
+  const s = ne({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: n = Ce,
+    checkedIcon: n = ye,
     color: l = "primary",
-    icon: p = ye,
+    icon: p = Ce,
     indeterminate: d = !1,
     indeterminateIcon: k = xe,
     inputProps: g,
@@ -360,33 +360,33 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     disableRipple: w = !1,
     className: B,
     ...I
-  } = s, C = d ? k : p, y = d ? k : n, f = {
+  } = s, y = d ? k : p, C = d ? k : n, f = {
     ...s,
     disableRipple: w,
     color: l,
     indeterminate: d,
     size: u
   }, h = ke(f);
-  return /* @__PURE__ */ r(ge, {
+  return /* @__PURE__ */ c(ge, {
     type: "checkbox",
     inputProps: {
       "data-indeterminate": d,
       ...g
     },
-    icon: /* @__PURE__ */ v.cloneElement(C, {
-      fontSize: C.props.fontSize ?? u
-    }),
-    checkedIcon: /* @__PURE__ */ v.cloneElement(y, {
+    icon: /* @__PURE__ */ v.cloneElement(y, {
       fontSize: y.props.fontSize ?? u
     }),
+    checkedIcon: /* @__PURE__ */ v.cloneElement(C, {
+      fontSize: C.props.fontSize ?? u
+    }),
     ownerState: f,
     ref: a,
-    className: U(h.root, B),
+    className: H(h.root, B),
     ...I,
     classes: h
   });
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (A.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: D,
+  inputRef: _,
   /**
    * Callback fired when the state is changed.
    *
@@ -487,8 +487,8 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const ve = oe("div")(() => ({
-  ...te`
+const ve = te("div")(({ displayMode: o }) => ({
+  ...T`
     display: flex;
     flex-wrap: nowrap;
     align-items: flex-end;
@@ -510,18 +510,29 @@ const ve = oe("div")(() => ({
     .Mui-checked {
       color: ${ae.colors.green} !important;
     }
+
+    ${o && T`
+      .Mui-disabled {
+        color: inherit !important;
+        -webkit-text-fill-color: inherit !important;
+        background-color: transparent !important;
+        opacity: 1 !important;
+        cursor: default !important;
+      }
+    `}
   `
 })), Me = ({
   label: o,
   colon: t = !0,
-  noLabel: a = !1,
-  ...s
-}) => /* @__PURE__ */ z(ve, { className: "jcLabeledCheckbox", children: [
-  !a && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
+  displayMode: a = !1,
+  noLabel: s = !1,
+  ...n
+}) => /* @__PURE__ */ z(ve, { displayMode: a, className: "jcLabeledCheckbox", children: [
+  !s && /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
     o,
     t && ":"
   ] }),
-  /* @__PURE__ */ r(W, { ...s })
+  /* @__PURE__ */ c(A, { ...n })
 ] });
 export {
   Me as LabeledCheckbox,

package/LabeledCurrencyInput/LabeledCurrencyInput.d.ts

@@ -1,10 +1,10 @@
 import { InputProps } from '../../../../../../../../../src/components/base/Input';
 export interface StyleProps {
     grid?: boolean;
+    displayMode?: boolean;
 }
-export type LabeledCurrencyInputProps = InputProps & {
+export type LabeledCurrencyInputProps = InputProps & StyleProps & {
     label: string;
-    grid?: boolean;
     noLabel?: boolean;
     defaultValue?: string;
 };

package/LabeledCurrencyInput/LabeledCurrencyInput.js

@@ -1,10 +1,10 @@
-import { jsxs as p, jsx as g } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { n as w } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as x } from "../.chunks/emotion-react.browser.esm.js";
-import { Input as y } from "../Input/Input.js";
-const I = w("div")(({ grid: r }) => ({
-  ...x`
+import { jsxs as l, jsx as y } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
+import { c } from "../.chunks/emotion-react.browser.esm.js";
+import { Input as w } from "../Input/Input.js";
+const x = h("div")(({ grid: r, displayMode: n }) => ({
+  ...c`
     display: flex;
     flex-wrap: nowrap;
     gap: 9px;
@@ -22,36 +22,47 @@ const I = w("div")(({ grid: r }) => ({
     .MuiCurrencyInputBase-root {
       width: ${r && "100%"};
     }
+
+    ${n && c`
+      .Mui-disabled {
+        color: inherit !important;
+        -webkit-text-fill-color: inherit !important;
+        background-color: transparent !important;
+        opacity: 1 !important;
+        cursor: default !important;
+      }
+    `}
   `
-})), j = ({
+})), L = ({
   label: r,
-  grid: l = !0,
-  noLabel: m = !1,
-  onChange: a,
-  defaultValue: n,
-  ...c
+  grid: n = !0,
+  displayMode: m = !1,
+  noLabel: u = !1,
+  onChange: i,
+  defaultValue: o,
+  ...f
 }) => {
-  let t = (n == null ? void 0 : n.replace(/[^0-9.-]+/g, "")) ?? "";
-  t && (t = new Intl.NumberFormat("en-US", {
+  let e = (o == null ? void 0 : o.replace(/[^0-9.-]+/g, "")) ?? "";
+  e && (e = new Intl.NumberFormat("en-US", {
     style: "decimal",
     maximumFractionDigits: 2
-  }).format(Number(t)));
-  const [u, o] = d(t);
-  return /* @__PURE__ */ p(I, { grid: l, className: "jcLabeledCurrencyInput", children: [
-    !m && /* @__PURE__ */ p("span", { children: [
+  }).format(Number(e)));
+  const [d, a] = b(e);
+  return /* @__PURE__ */ l(x, { ...{ grid: n, displayMode: m }, className: "jcLabeledCurrencyInput", children: [
+    !u && /* @__PURE__ */ l("span", { children: [
       r,
       ":"
     ] }),
-    /* @__PURE__ */ g(y, { ...c, onChange: (i) => {
-      const { value: f } = i.target, e = f.replace(/[^0-9.-]+/g, ""), s = new Intl.NumberFormat("en-US", {
+    /* @__PURE__ */ y(w, { ...f, onChange: (s) => {
+      const { value: g } = s.target, t = g.replace(/[^0-9.-]+/g, ""), p = new Intl.NumberFormat("en-US", {
         style: "decimal",
         maximumFractionDigits: 2
-      }).format(Number(e) || 0);
-      e && e.length > 1 && e[e.length - 1] === "." ? o(s + ".") : o(e ? s : ""), a && a(i);
-    }, value: `$${u}` })
+      }).format(Number(t) || 0);
+      t && t.length > 1 && t[t.length - 1] === "." ? a(p + ".") : a(t ? p : ""), i && i(s);
+    }, value: `$${d}` })
   ] });
 };
 export {
-  j as LabeledCurrencyInput,
-  j as default
+  L as LabeledCurrencyInput,
+  L as default
 };

package/LabeledInput/LabeledInput.d.ts

@@ -1,10 +1,10 @@
 import { InputProps } from '../../../../../../../../../src/components/base/Input';
 export interface StyleProps {
     grid?: boolean;
+    displayMode?: boolean;
 }
-export type LabeledInputProps = InputProps & {
+export type LabeledInputProps = InputProps & StyleProps & {
     label?: string;
-    grid?: boolean;
     noLabel?: boolean;
     limit?: number;
 };

package/LabeledInput/LabeledInput.js

@@ -1,9 +1,9 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { n } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as l } from "../.chunks/emotion-react.browser.esm.js";
-import { Input as i } from "../Input/Input.js";
-const f = n("div")(({ grid: t }) => ({
-  ...l`
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { n as l } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as a } from "../.chunks/emotion-react.browser.esm.js";
+import { Input as d } from "../Input/Input.js";
+const f = l("div")(({ grid: t, displayMode: o }) => ({
+  ...a`
     display: flex;
     flex-wrap: nowrap;
     gap: 9px;
@@ -21,21 +21,32 @@ const f = n("div")(({ grid: t }) => ({
     .MuiInputBase-root {
       width: ${t && "100%"};
     }
+
+    ${o && a`
+      .Mui-disabled {
+        color: inherit !important;
+        -webkit-text-fill-color: inherit !important;
+        background-color: transparent !important;
+        opacity: 1 !important;
+        cursor: default !important;
+      }
+    `}
   `
-})), w = ({
+})), x = ({
   label: t,
   grid: o = !0,
-  noLabel: p = !1,
-  limit: s,
-  ...a
-}) => /* @__PURE__ */ e(f, { grid: o, className: "jcLabeledInput", children: [
-  !p && /* @__PURE__ */ e("span", { children: [
+  displayMode: e = !1,
+  noLabel: i = !1,
+  limit: p,
+  ...n
+}) => /* @__PURE__ */ r(f, { grid: o, displayMode: e, className: "jcLabeledInput", children: [
+  !i && /* @__PURE__ */ r("span", { children: [
     t,
     ":"
   ] }),
-  /* @__PURE__ */ r(i, { ...a, slotProps: { htmlInput: { limit: s } } })
+  /* @__PURE__ */ s(d, { ...n, slotProps: { htmlInput: { limit: p } } })
 ] });
 export {
-  w as LabeledInput,
-  w as default
+  x as LabeledInput,
+  x as default
 };

package/package.json

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