jcicl 0.0.149 → 0.0.151

package/Modal/Modal.js

@@ -0,0 +1,405 @@
+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 });
+export {
+  he as default
+};

package/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default, type ModalProps } from './Modal';

package/Modal/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Modal.js";
+export {
+  o 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 { b as ea, u as oa } from "../.chunks/index.js";
+import { a 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,11 +1,14 @@
 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, 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 { 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 { m as lt } from "../.chunks/memoTheme.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 { 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 { 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]);
@@ -965,7 +968,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);
-  Ct(() => {
+  At(() => {
     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));
@@ -973,7 +976,7 @@ const jr = (t) => {
     O.current && O.current.forceUpdate();
   }), C.useEffect(() => {
     n && P(_e(n));
-  }, [n]), Ct(() => {
+  }, [n]), At(() => {
     if (!A || !s)
       return;
     const G = (k) => {
@@ -1018,7 +1021,7 @@ const jr = (t) => {
     placement: R
   };
   T !== null && (M.TransitionProps = T);
-  const N = jr(e), j = u.root ?? "div", X = mo({
+  const N = jr(e), j = u.root ?? "div", X = wo({
     elementType: j,
     externalSlotProps: x.root,
     externalForwardedProps: v,
@@ -1111,7 +1114,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: bo(r.oneOfType([Qe, r.object, r.func]), (t) => {
+  anchorEl: yo(r.oneOfType([Qe, r.object, r.func]), (t) => {
     if (t.open) {
       const e = _e(t.anchorEl);
       if (e && ot(e) && e.nodeType === 1) {
@@ -1669,7 +1672,7 @@ const Lr = (t) => {
   }
 })));
 let Ge = !1;
-const Vt = new wo();
+const Vt = new bo();
 let Be = {
   x: 0,
   y: 0
@@ -1711,12 +1714,12 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     slotProps: M = {},
     slots: N = {},
     title: j,
-    TransitionComponent: X = At,
+    TransitionComponent: X = Mt,
     TransitionProps: G,
     ...S
   } = n, $ = /* @__PURE__ */ C.isValidElement(i) ? i : /* @__PURE__ */ re("span", {
     children: i
-  }), 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({
+  }), 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({
     controlled: R,
     default: !1,
     name: "Tooltip",
@@ -1732,13 +1735,13 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
 `));
     }, [j, L, h]);
   }
-  const ge = ho(E), pe = C.useRef(), ye = Mt(() => {
+  const ge = vo(E), pe = C.useRef(), ye = Ct(() => {
     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 = Mt(
+  }, le = Ct(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
@@ -1784,7 +1787,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
       document.removeEventListener("keydown", h);
     };
   }, [le, J]);
-  const Ue = it(go($), de, o);
+  const Ue = it(ho($), de, o);
   !j && j !== 0 && (J = !1);
   const we = C.useRef(), Fe = (h) => {
     const Q = $.props;
@@ -1834,17 +1837,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 ?? At, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = ze(yt, {
+  }, 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, {
     ...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 = ze(bt, {
+  }, De), po = Ye(bt, {
     ...G,
     ...M.transition ?? s.transition
-  }, De), lo = ze(wt, {
+  }, De), lo = Ye(wt, {
     ...M.tooltip ?? s.tooltip,
     className: qe(at.tooltip, (Tt = M.tooltip ?? s.tooltip) == null ? void 0 : Tt.className)
-  }, De), co = ze(Ot, {
+  }, De), co = Ye(Ot, {
     ...M.arrow ?? s.arrow,
     className: qe(at.arrow, (Pt = M.arrow ?? s.arrow) == null ? void 0 : Pt.className)
   }, De);
@@ -1899,7 +1902,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
   /**
    * Tooltip reference element.
    */
-  children: yo.isRequired,
+  children: go.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -2077,7 +2080,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
    */
   TransitionProps: r.object
 });
-const Gr = ({
+const Qr = ({
   title: t,
   children: e,
   arrow: o = !0,
@@ -2088,6 +2091,6 @@ const Gr = ({
   return /* @__PURE__ */ re(ao, { ...i, children: e });
 };
 export {
-  Gr as Tooltip,
-  Gr as default
+  Qr as Tooltip,
+  Qr as default
 };

package/package.json

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