jcicl 0.0.177 → 0.0.181

package/AppContainer/AppContainer.js

@@ -15,7 +15,7 @@ import { P as t, g as Ue, a as Fe, s as ce, r as Ve, c as Z, u as We, b as _, d
 import { u as Xe } from "../.chunks/index.js";
 import { u as Ge, e as Ye, H as _e, a as ke, g as Je, T as Ke, r as Ze, b as me } from "../.chunks/Portal.js";
 import { m as Ce } from "../.chunks/memoTheme.js";
-import { g as qe, o as Te, d as eo, M as oo, P as ro } from "../.chunks/TextField.js";
+import { g as qe, o as Te, d as eo, M as oo, P as ro } from "../.chunks/Select.js";
 import { i as to } from "../.chunks/useSlot.js";
 import { c as no } from "../.chunks/chainPropTypes.js";
 import { a as io, u as ao } from "../.chunks/TransitionGroupContext.js";

package/FormInput/FormInput.d.ts

@@ -1,7 +1,8 @@
 import { LabeledInputProps } from '../../../../../../../../../src/components/composite/LabeledInput';
-export type AllInputProps = LabeledInputProps;
-export interface FormInputProps extends AllInputProps {
+import { LabeledCheckboxProps } from '../../../../../../../../../src/components/composite/LabeledCheckbox';
+export type AllInputProps = LabeledInputProps | LabeledCheckboxProps;
+export type FormInputProps = AllInputProps & {
     type?: 'text' | 'dropdown' | 'date' | 'number' | 'checkbox' | 'radio' | 'textarea';
-}
+};
 export declare const FormInput: React.FC<LabeledInputProps>;
 export default FormInput;

package/FormInput/FormInput.js

@@ -1,10 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { LabeledInput as r } from "../LabeledInput/LabeledInput.js";
-const p = (t) => {
-  const { type: e = "text" } = t;
-  return /* @__PURE__ */ o(r, { ...t, type: e });
+import { LabeledCheckbox as m } from "../LabeledCheckbox/LabeledCheckbox.js";
+const a = (e) => {
+  const { type: t = "text" } = e;
+  return t === "checkbox" ? /* @__PURE__ */ o(m, { ...e }) : /* @__PURE__ */ o(r, { ...e, type: t });
 };
 export {
-  p as FormInput,
-  p as default
+  a as FormInput,
+  a as default
 };

package/LabeledCheckbox/LabeledCheckbox.d.ts

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

package/LabeledCheckbox/LabeledCheckbox.js

@@ -2,9 +2,9 @@ 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 ae from "../theme.js";
-import * as x 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 * 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 { 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 D } from "../.chunks/TransitionGroupContext.js";
@@ -20,9 +20,9 @@ const de = (o) => {
     classes: t,
     checked: a,
     disabled: c,
-    edge: s
+    edge: n
   } = o, l = {
-    root: ["root", a && "checked", c && "disabled", s && `edge${b(s)}`],
+    root: ["root", a && "checked", c && "disabled", n && `edge${b(n)}`],
     input: ["input"]
   };
   return H(l, le, t);
@@ -75,10 +75,10 @@ const de = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), _ = /* @__PURE__ */ x.forwardRef(function(t, a) {
+}), _ = /* @__PURE__ */ v.forwardRef(function(t, a) {
   const {
     autoFocus: c,
-    checked: s,
+    checked: n,
     checkedIcon: l,
     className: p,
     defaultChecked: d,
@@ -91,35 +91,35 @@ const de = (o) => {
     inputRef: C,
     name: y,
     onBlur: f,
-    onChange: m,
+    onChange: h,
     onFocus: F,
     readOnly: A,
     required: G = !1,
     tabIndex: J,
-    type: v,
+    type: x,
     value: j,
     ...K
   } = t, [$, Q] = ce({
-    controlled: s,
+    controlled: n,
     default: !!d,
     name: "SwitchBase",
     state: "checked"
-  }), i = ne(), X = (n) => {
-    F && F(n), i && i.onFocus && i.onFocus(n);
-  }, Y = (n) => {
-    f && f(n), i && i.onBlur && i.onBlur(n);
-  }, Z = (n) => {
-    if (n.nativeEvent.defaultPrevented)
+  }), i = se(), X = (s) => {
+    F && F(s), i && i.onFocus && i.onFocus(s);
+  }, Y = (s) => {
+    f && f(s), i && i.onBlur && i.onBlur(s);
+  }, Z = (s) => {
+    if (s.nativeEvent.defaultPrevented)
       return;
-    const M = n.target.checked;
-    Q(M), m && m(n, M);
+    const M = s.target.checked;
+    Q(M), h && h(s, M);
   };
-  let h = k;
-  i && typeof h > "u" && (h = i.disabled);
-  const ee = v === "checkbox" || v === "radio", R = {
+  let m = k;
+  i && typeof m > "u" && (m = i.disabled);
+  const ee = x === "checkbox" || x === "radio", R = {
     ...t,
     checked: $,
-    disabled: h,
+    disabled: m,
     disableFocusRipple: g,
     edge: u
   }, N = de(R);
@@ -128,7 +128,7 @@ const de = (o) => {
     className: U(N.root, p),
     centerRipple: !0,
     focusRipple: !g,
-    disabled: h,
+    disabled: m,
     tabIndex: null,
     role: void 0,
     onFocus: X,
@@ -138,10 +138,10 @@ const de = (o) => {
     ...K,
     children: [/* @__PURE__ */ r(ue, {
       autoFocus: c,
-      checked: s,
+      checked: n,
       defaultChecked: d,
       className: N.input,
-      disabled: h,
+      disabled: m,
       id: ee ? B : void 0,
       name: y,
       onChange: Z,
@@ -150,8 +150,8 @@ const de = (o) => {
       required: G,
       ownerState: R,
       tabIndex: J,
-      type: v,
-      ...v === "checkbox" && j === void 0 ? {} : {
+      type: x,
+      ...x === "checkbox" && j === void 0 ? {} : {
         value: j
       },
       ...I
@@ -263,9 +263,9 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
 });
 const fe = P(/* @__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"), me = P(/* @__PURE__ */ r("path", {
+}), "CheckBoxOutlineBlank"), he = P(/* @__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"), he = P(/* @__PURE__ */ r("path", {
+}), "CheckBox"), me = P(/* @__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) {
@@ -276,9 +276,9 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     classes: t,
     indeterminate: a,
     color: c,
-    size: s
+    size: n
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${b(c)}`, `size${b(s)}`]
+    root: ["root", a && "indeterminate", `color${b(c)}`, `size${b(n)}`]
   }, p = H(l, be, t);
   return {
     ...t,
@@ -345,45 +345,45 @@ const S = q("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), Ce = /* @__PURE__ */ r(me, {}), ye = /* @__PURE__ */ r(fe, {}), ve = /* @__PURE__ */ r(he, {}), W = /* @__PURE__ */ x.forwardRef(function(t, a) {
-  const c = se({
+}))), Ce = /* @__PURE__ */ r(he, {}), ye = /* @__PURE__ */ r(fe, {}), xe = /* @__PURE__ */ r(me, {}), W = /* @__PURE__ */ v.forwardRef(function(t, a) {
+  const c = ne({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: s = Ce,
+    checkedIcon: n = Ce,
     color: l = "primary",
     icon: p = ye,
     indeterminate: d = !1,
-    indeterminateIcon: k = ve,
+    indeterminateIcon: k = xe,
     inputProps: g,
     size: u = "medium",
     disableRipple: w = !1,
     className: B,
     ...I
-  } = c, C = d ? k : p, y = d ? k : s, f = {
+  } = c, C = d ? k : p, y = d ? k : n, f = {
     ...c,
     disableRipple: w,
     color: l,
     indeterminate: d,
     size: u
-  }, m = ke(f);
+  }, h = ke(f);
   return /* @__PURE__ */ r(ge, {
     type: "checkbox",
     inputProps: {
       "data-indeterminate": d,
       ...g
     },
-    icon: /* @__PURE__ */ x.cloneElement(C, {
+    icon: /* @__PURE__ */ v.cloneElement(C, {
       fontSize: C.props.fontSize ?? u
     }),
-    checkedIcon: /* @__PURE__ */ x.cloneElement(y, {
+    checkedIcon: /* @__PURE__ */ v.cloneElement(y, {
       fontSize: y.props.fontSize ?? u
     }),
     ownerState: f,
     ref: a,
-    className: U(m.root, B),
+    className: U(h.root, B),
     ...I,
-    classes: m
+    classes: h
   });
 });
 process.env.NODE_ENV !== "production" && (W.propTypes = {
@@ -487,34 +487,37 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   value: e.any
 });
-const xe = oe("div")(() => ({
+const ve = oe("div")(() => ({
   ...te`
     display: flex;
     flex-wrap: nowrap;
-    align-items: center;
-    gap: 0.5rem;
+    align-items: flex-end;
+    gap: 3px;
     font-family: 'Roboto', sans-serif;
 
     .jcCheckboxLabel {
       white-space: nowrap;
       font-weight: bold;
       text-transform: capitalize;
+      line-height: 1;
     }
 
     .MuiButtonBase-root {
       padding: 0;
+      width: 19px;
+      height: 19px;
     }
 
     .Mui-checked {
       color: ${ae.colors.green} !important;
     }
   `
-})), Me = ({ label: o, ...t }) => /* @__PURE__ */ z(xe, { className: "jcLabeledCheckbox", children: [
+})), Me = ({ label: o, colon: t = !0, ...a }) => /* @__PURE__ */ z(ve, { className: "jcLabeledCheckbox", children: [
   /* @__PURE__ */ z("span", { className: "jcCheckboxLabel", children: [
     o,
-    ":"
+    t && ":"
   ] }),
-  /* @__PURE__ */ r(W, { ...t })
+  /* @__PURE__ */ r(W, { ...a })
 ] });
 export {
   Me as LabeledCheckbox,

package/LabeledDropdown/LabeledDropdown.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from '@mui/material/Select';
+export type LabeledDropdownProps = {
+    label: string;
+    colon?: boolean;
+} & SelectProps;
+export declare const LabeledDropdown: React.FC<LabeledDropdownProps>;
+export default LabeledDropdown;

package/LabeledDropdown/LabeledDropdown.js

@@ -0,0 +1,47 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { n as p } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as s } from "../.chunks/emotion-react.browser.esm.js";
+import i from "../theme.js";
+import { S as n } from "../.chunks/Select.js";
+const l = p("div")(() => ({
+  ...s`
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: end;
+    gap: 3px;
+    font-family: 'Roboto', sans-serif;
+
+    .jcDropdownLabel {
+      white-space: nowrap;
+      font-weight: bold;
+      text-transform: capitalize;
+    }
+
+    .MuiButtonBase-root {
+      padding: 0;
+
+      input {
+        width: 19px;
+        height: 19px;
+      }
+    }
+
+    .Mui-checked {
+      color: ${i.colors.green} !important;
+    }
+  `
+})), h = ({
+  label: e,
+  colon: a = !1,
+  ...r
+}) => /* @__PURE__ */ o(l, { className: "jcLabeledDropdown", children: [
+  /* @__PURE__ */ o("span", { className: "jcDropdownLabel", children: [
+    e,
+    a && ":"
+  ] }),
+  /* @__PURE__ */ t(n, { ...r })
+] });
+export {
+  h as LabeledDropdown,
+  h as default
+};

package/LabeledDropdown/index.d.ts

@@ -0,0 +1 @@
+export {};

package/LabeledDropdown/index.js

@@ -0,0 +1 @@
+

package/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@ import { jsx as re, jsxs as Et } from "react/jsx-runtime";
 import * as C from "react";
 import { a as Ht, g as Ut, P as r, d as Ft, s as et, u as qt, c as zt, e as Yt, b as qe } from "../.chunks/DefaultPropsProvider.js";
 import { u as Xt, a as ze } from "../.chunks/index.js";
-import { o as Rt, P as fo, H as Qe, f as uo, a as mo, h as vo, g as ho, G as At, e as go } from "../.chunks/Portal.js";
+import { o as Rt, P as fo, H as Qe, h as uo, a as mo, c as vo, g as ho, G as At, e as go } from "../.chunks/Portal.js";
 import { m as lt } from "../.chunks/memoTheme.js";
 import { c as yo } from "../.chunks/chainPropTypes.js";
 import { r as Gt, u as it, a as Ct, d as Ye, e as Mt, f as bo } from "../.chunks/TransitionGroupContext.js";

package/package.json

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