jcicl 0.0.147 → 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
+};