jcicl 0.0.151 → 0.0.155

package/Modal/Modal.js

@@ -1,405 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { n as Y } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as z } from "../.chunks/emotion-react.browser.esm.js";
-import * as c from "react";
-import { g as H, a as _, s as d, c as i, u as q, b as y, P as e, d as G } from "../.chunks/DefaultPropsProvider.js";
-import { u as J, b as Q } from "../.chunks/Portal.js";
-import { m as Z } from "../.chunks/memoTheme.js";
-import { B as ee, M as oe, P as w, F as re } from "../.chunks/Paper.js";
-function ae(r) {
-  return H("MuiDialog", r);
-}
-const x = _("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), P = /* @__PURE__ */ c.createContext({});
-process.env.NODE_ENV !== "production" && (P.displayName = "DialogContext");
-const te = d(ee, {
-  name: "MuiDialog",
-  slot: "Backdrop",
-  overrides: (r, o) => o.backdrop
-})({
-  // Improve scrollable dialog support.
-  zIndex: -1
-}), ne = (r) => {
-  const {
-    classes: o,
-    scroll: a,
-    maxWidth: l,
-    fullWidth: s,
-    fullScreen: u
-  } = r, m = {
-    root: ["root"],
-    container: ["container", `scroll${i(a)}`],
-    paper: ["paper", `paperScroll${i(a)}`, `paperWidth${i(String(l))}`, s && "paperFullWidth", u && "paperFullScreen"]
-  };
-  return G(m, ae, o);
-}, ie = d(oe, {
-  name: "MuiDialog",
-  slot: "Root",
-  overridesResolver: (r, o) => o.root
-})({
-  "@media print": {
-    // Use !important to override the Modal inline-style.
-    position: "absolute !important"
-  }
-}), le = d("div", {
-  name: "MuiDialog",
-  slot: "Container",
-  overridesResolver: (r, o) => {
-    const {
-      ownerState: a
-    } = r;
-    return [o.container, o[`scroll${i(a.scroll)}`]];
-  }
-})({
-  height: "100%",
-  "@media print": {
-    height: "auto"
-  },
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  variants: [{
-    props: {
-      scroll: "paper"
-    },
-    style: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    }
-  }, {
-    props: {
-      scroll: "body"
-    },
-    style: {
-      overflowY: "auto",
-      overflowX: "hidden",
-      textAlign: "center",
-      "&::after": {
-        content: '""',
-        display: "inline-block",
-        verticalAlign: "middle",
-        height: "100%",
-        width: "0"
-      }
-    }
-  }]
-}), se = d(w, {
-  name: "MuiDialog",
-  slot: "Paper",
-  overridesResolver: (r, o) => {
-    const {
-      ownerState: a
-    } = r;
-    return [o.paper, o[`scrollPaper${i(a.scroll)}`], o[`paperWidth${i(String(a.maxWidth))}`], a.fullWidth && o.paperFullWidth, a.fullScreen && o.paperFullScreen];
-  }
-})(Z(({
-  theme: r
-}) => ({
-  margin: 32,
-  position: "relative",
-  overflowY: "auto",
-  "@media print": {
-    overflowY: "visible",
-    boxShadow: "none"
-  },
-  variants: [{
-    props: {
-      scroll: "paper"
-    },
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "calc(100% - 64px)"
-    }
-  }, {
-    props: {
-      scroll: "body"
-    },
-    style: {
-      display: "inline-block",
-      verticalAlign: "middle",
-      textAlign: "initial"
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => !o.maxWidth,
-    style: {
-      maxWidth: "calc(100% - 64px)"
-    }
-  }, {
-    props: {
-      maxWidth: "xs"
-    },
-    style: {
-      maxWidth: r.breakpoints.unit === "px" ? Math.max(r.breakpoints.values.xs, 444) : `max(${r.breakpoints.values.xs}${r.breakpoints.unit}, 444px)`,
-      [`&.${x.paperScrollBody}`]: {
-        [r.breakpoints.down(Math.max(r.breakpoints.values.xs, 444) + 32 * 2)]: {
-          maxWidth: "calc(100% - 64px)"
-        }
-      }
-    }
-  }, ...Object.keys(r.breakpoints.values).filter((o) => o !== "xs").map((o) => ({
-    props: {
-      maxWidth: o
-    },
-    style: {
-      maxWidth: `${r.breakpoints.values[o]}${r.breakpoints.unit}`,
-      [`&.${x.paperScrollBody}`]: {
-        [r.breakpoints.down(r.breakpoints.values[o] + 32 * 2)]: {
-          maxWidth: "calc(100% - 64px)"
-        }
-      }
-    }
-  })), {
-    props: ({
-      ownerState: o
-    }) => o.fullWidth,
-    style: {
-      width: "calc(100% - 64px)"
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.fullScreen,
-    style: {
-      margin: 0,
-      width: "100%",
-      maxWidth: "100%",
-      height: "100%",
-      maxHeight: "none",
-      borderRadius: 0,
-      [`&.${x.paperScrollBody}`]: {
-        margin: 0,
-        maxWidth: "100%"
-      }
-    }
-  }]
-}))), T = /* @__PURE__ */ c.forwardRef(function(o, a) {
-  const l = q({
-    props: o,
-    name: "MuiDialog"
-  }), s = J(), u = {
-    enter: s.transitions.duration.enteringScreen,
-    exit: s.transitions.duration.leavingScreen
-  }, {
-    "aria-describedby": m,
-    "aria-labelledby": B,
-    BackdropComponent: M,
-    BackdropProps: $,
-    children: N,
-    className: O,
-    disableEscapeKeyDown: k = !1,
-    fullScreen: R = !1,
-    fullWidth: j = !1,
-    maxWidth: F = "sm",
-    onBackdropClick: C,
-    onClick: D,
-    onClose: b,
-    open: v,
-    PaperComponent: E = w,
-    PaperProps: S = {},
-    scroll: A = "paper",
-    TransitionComponent: I = re,
-    transitionDuration: W = u,
-    TransitionProps: U,
-    ...K
-  } = l, p = {
-    ...l,
-    disableEscapeKeyDown: k,
-    fullScreen: R,
-    fullWidth: j,
-    maxWidth: F,
-    scroll: A
-  }, f = ne(p), g = c.useRef(), L = (t) => {
-    g.current = t.target === t.currentTarget;
-  }, V = (t) => {
-    D && D(t), g.current && (g.current = null, C && C(t), b && b(t, "backdropClick"));
-  }, h = Q(B), X = c.useMemo(() => ({
-    titleId: h
-  }), [h]);
-  return /* @__PURE__ */ n(ie, {
-    className: y(f.root, O),
-    closeAfterTransition: !0,
-    components: {
-      Backdrop: te
-    },
-    componentsProps: {
-      backdrop: {
-        transitionDuration: W,
-        as: M,
-        ...$
-      }
-    },
-    disableEscapeKeyDown: k,
-    onClose: b,
-    open: v,
-    ref: a,
-    onClick: V,
-    ownerState: p,
-    ...K,
-    children: /* @__PURE__ */ n(I, {
-      appear: !0,
-      in: v,
-      timeout: W,
-      role: "presentation",
-      ...U,
-      children: /* @__PURE__ */ n(le, {
-        className: y(f.container),
-        onMouseDown: L,
-        ownerState: p,
-        children: /* @__PURE__ */ n(se, {
-          as: E,
-          elevation: 24,
-          role: "dialog",
-          "aria-describedby": m,
-          "aria-labelledby": h,
-          ...S,
-          className: y(f.paper, S.className),
-          ownerState: p,
-          children: /* @__PURE__ */ n(P.Provider, {
-            value: X,
-            children: N
-          })
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (T.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The id(s) of the element(s) that describe the dialog.
-   */
-  "aria-describedby": e.string,
-  /**
-   * The id(s) of the element(s) that label the dialog.
-   */
-  "aria-labelledby": e.string,
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: e.elementType,
-  /**
-   * @ignore
-   */
-  BackdropProps: e.object,
-  /**
-   * Dialog children, usually the included sub-components.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: e.bool,
-  /**
-   * If `true`, the dialog is full-screen.
-   * @default false
-   */
-  fullScreen: e.bool,
-  /**
-   * If `true`, the dialog stretches to `maxWidth`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * Determine the max-width of the dialog.
-   * The dialog width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'sm'
-   */
-  maxWidth: e.oneOfType([e.oneOf(["xs", "sm", "md", "lg", "xl", !1]), e.string]),
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: e.func,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The component used to render the body of the dialog.
-   * @default Paper
-   */
-  PaperComponent: e.elementType,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @default {}
-   */
-  PaperProps: e.object,
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll: e.oneOf(["body", "paper"]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   */
-  TransitionComponent: e.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   */
-  TransitionProps: e.object
-});
-const pe = Y(T)(() => ({
-  ...z``
-})), he = (r) => /* @__PURE__ */ n(pe, { ...r });
+import { jsx as a } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as l } from "../.chunks/emotion-react.browser.esm.js";
+import c from "../theme.js";
+const d = s("div")(({ open: o }) => ({
+  ...l`
+    opacity: ${o ? 1 : 0};
+    pointer-events: ${o ? "all" : "none"};
+    position: fixed;
+    z-index: 7007;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: ${c.colors.modalBackdrop};
+    box-sizing: border-box;
+    transition: opacity 313ms ease-in-out;
+  `
+})), y = ({ open: o = !1, onAreaClick: e, children: t }) => {
+  const [n, i] = r(o);
+  return /* @__PURE__ */ a(d, { className: "jcModal", open: n, onClick: () => {
+    e && e(), i(!1);
+  }, children: t });
+};
 export {
-  he as default
+  y as default
 };

package/Pagination/Pagination.js

@@ -3,7 +3,7 @@ import { n as aa } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as ta } from "../.chunks/emotion-react.browser.esm.js";
 import * as G from "react";
 import { a as _, g as H, s as B, e as N, u as q, b as U, P as t, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
-import { a as ea, u as oa } from "../.chunks/index.js";
+import { b as ea, u as oa } from "../.chunks/index.js";
 import { u as j, i as w } from "../.chunks/useSlot.js";
 import { c as D } from "../.chunks/createSimplePaletteValueFilter.js";
 import { c as h } from "../.chunks/createSvgIcon.js";

package/Tooltip/Tooltip.js

@@ -1,14 +1,11 @@
 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 fo } from "../.chunks/index.js";
-import { o as Rt, P as uo, H as Qe, u as mo, b as vo, g as ho, e as go } from "../.chunks/Portal.js";
+import { u as Xt, b as fo, a as ze } from "../.chunks/index.js";
+import { o as Rt, P as uo, H as Qe, c as mo, a as vo, d as ho, g as go, G as At, e as yo } 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 ze, T as bo } from "../.chunks/useTimeout.js";
-import { u as it, a as At, c as Ct } from "../.chunks/TransitionGroupContext.js";
-import { u as wo, G as Mt } from "../.chunks/Grow.js";
-import { a as Ye } from "../.chunks/resolveComponentProps.js";
+import { c as bo } from "../.chunks/chainPropTypes.js";
+import { r as Gt, u as it, a as Ct, d as Ye, e as Mt, f as wo } from "../.chunks/TransitionGroupContext.js";
 import { i as jt } from "../.chunks/isFocusVisible.js";
 var W = "top", z = "bottom", Y = "right", I = "left", ct = "auto", Ie = [W, z, Y, I], Oe = "start", ke = "end", Oo = "clippingParents", Kt = "viewport", Se = "popper", xo = "reference", $t = /* @__PURE__ */ Ie.reduce(function(t, e) {
   return t.concat([e + "-" + Oe, e + "-" + ke]);
@@ -968,7 +965,7 @@ const jr = (t) => {
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     ...v
   } = e, w = C.useRef(null), E = it(w, o), O = C.useRef(null), d = it(O, g), y = C.useRef(d);
-  At(() => {
+  Ct(() => {
     y.current = d;
   }, [d]), C.useImperativeHandle(g, () => O.current, []);
   const b = Cr(f, i), [R, D] = C.useState(b), [A, P] = C.useState(_e(n));
@@ -976,7 +973,7 @@ const jr = (t) => {
     O.current && O.current.forceUpdate();
   }), C.useEffect(() => {
     n && P(_e(n));
-  }, [n]), At(() => {
+  }, [n]), Ct(() => {
     if (!A || !s)
       return;
     const G = (k) => {
@@ -1021,7 +1018,7 @@ const jr = (t) => {
     placement: R
   };
   T !== null && (M.TransitionProps = T);
-  const N = jr(e), j = u.root ?? "div", X = wo({
+  const N = jr(e), j = u.root ?? "div", X = mo({
     elementType: j,
     externalSlotProps: x.root,
     externalForwardedProps: v,
@@ -1114,7 +1111,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: yo(r.oneOfType([Qe, r.object, r.func]), (t) => {
+  anchorEl: bo(r.oneOfType([Qe, r.object, r.func]), (t) => {
     if (t.open) {
       const e = _e(t.anchorEl);
       if (e && ot(e) && e.nodeType === 1) {
@@ -1672,7 +1669,7 @@ const Lr = (t) => {
   }
 })));
 let Ge = !1;
-const Vt = new bo();
+const Vt = new wo();
 let Be = {
   x: 0,
   y: 0
@@ -1714,12 +1711,12 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     slotProps: M = {},
     slots: N = {},
     title: j,
-    TransitionComponent: X = Mt,
+    TransitionComponent: X = At,
     TransitionProps: G,
     ...S
   } = n, $ = /* @__PURE__ */ C.isValidElement(i) ? i : /* @__PURE__ */ re("span", {
     children: i
-  }), k = mo(), te = Xt(), [L, de] = C.useState(), [oe, me] = C.useState(null), K = C.useRef(!1), H = x || w, ae = ze(), ie = ze(), U = ze(), ve = ze(), [rt, he] = fo({
+  }), k = vo(), te = Xt(), [L, de] = C.useState(), [oe, me] = C.useState(null), K = C.useRef(!1), H = x || w, ae = Ye(), ie = Ye(), U = Ye(), ve = Ye(), [rt, he] = fo({
     controlled: R,
     default: !1,
     name: "Tooltip",
@@ -1735,13 +1732,13 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
 `));
     }, [j, L, h]);
   }
-  const ge = vo(E), pe = C.useRef(), ye = Ct(() => {
+  const ge = ho(E), pe = C.useRef(), ye = Mt(() => {
     pe.current !== void 0 && (document.body.style.WebkitUserSelect = pe.current, pe.current = void 0), ve.clear();
   });
   C.useEffect(() => ye, [ye]);
   const Ee = (h) => {
     Vt.clear(), Ge = !0, he(!0), b && !J && b(h);
-  }, le = Ct(
+  }, le = Mt(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
@@ -1787,7 +1784,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
       document.removeEventListener("keydown", h);
     };
   }, [le, J]);
-  const Ue = it(ho($), de, o);
+  const Ue = it(go($), de, o);
   !j && j !== 0 && (J = !1);
   const we = C.useRef(), Fe = (h) => {
     const Q = $.props;
@@ -1837,17 +1834,17 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     placement: D,
     PopperComponentProp: A,
     touch: K.current
-  }, at = Lr(De), yt = N.popper ?? p.Popper ?? kr, bt = N.transition ?? p.Transition ?? X ?? Mt, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = Ye(yt, {
+  }, at = Lr(De), yt = N.popper ?? p.Popper ?? kr, bt = N.transition ?? p.Transition ?? X ?? At, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = ze(yt, {
     ...P,
     ...M.popper ?? s.popper,
     className: qe(at.popper, P == null ? void 0 : P.className, (xt = M.popper ?? s.popper) == null ? void 0 : xt.className)
-  }, De), po = Ye(bt, {
+  }, De), po = ze(bt, {
     ...G,
     ...M.transition ?? s.transition
-  }, De), lo = Ye(wt, {
+  }, De), lo = ze(wt, {
     ...M.tooltip ?? s.tooltip,
     className: qe(at.tooltip, (Tt = M.tooltip ?? s.tooltip) == null ? void 0 : Tt.className)
-  }, De), co = Ye(Ot, {
+  }, De), co = ze(Ot, {
     ...M.arrow ?? s.arrow,
     className: qe(at.arrow, (Pt = M.arrow ?? s.arrow) == null ? void 0 : Pt.className)
   }, De);
@@ -1902,7 +1899,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
   /**
    * Tooltip reference element.
    */
-  children: go.isRequired,
+  children: yo.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -2080,7 +2077,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
    */
   TransitionProps: r.object
 });
-const Qr = ({
+const Gr = ({
   title: t,
   children: e,
   arrow: o = !0,
@@ -2091,6 +2088,6 @@ const Qr = ({
   return /* @__PURE__ */ re(ao, { ...i, children: e });
 };
 export {
-  Qr as Tooltip,
-  Qr as default
+  Gr as Tooltip,
+  Gr as default
 };

package/package.json

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

package/theme.d.ts

@@ -30,6 +30,7 @@ export interface ThemeColors {
     medina: string;
     midnight: string;
     mint: string;
+    modalBackdrop: string;
     moss: string;
     ocean: string;
     oldPaper: string;

package/theme.js

@@ -35,6 +35,7 @@ const a = {
     medina: "#004721",
     midnight: "#131313",
     mint: "#a4edb4",
+    modalBackdrop: "#1d1d1d99",
     moss: "#cafad7",
     ocean: "#279fcf",
     oldPaper: "#f4f0e8",