@cgi-learning-hub/ui 1.3.2 → 1.3.3-dev.1732123246

package/dist/DialogContent-CP2NOfUr.js

@@ -0,0 +1,602 @@
+import * as d from "react";
+import { I as y, J as x, K as u, L as m, P as o } from "./identifier-BewKgEhI.js";
+import { u as J } from "./useTheme-0u9_WhjM.js";
+import { jsx as p } from "react/jsx-runtime";
+import { s as f, u as S, c as w } from "./DefaultPropsProvider-StV_SUuk.js";
+import { m as B } from "./memoTheme-B9kDhX1-.js";
+import { B as G, F as Q } from "./Backdrop-DorR8O-b.js";
+import { M as Z } from "./Modal-BDx2_UzP.js";
+import { P as R } from "./Paper-CMUbp6SX.js";
+import { u as oo } from "./useId-CK6Kn3Tn.js";
+function eo(a) {
+  return y("MuiDialog", a);
+}
+const k = x("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), $ = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && ($.displayName = "DialogContext");
+const ao = f(G, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (a, e) => e.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), to = (a) => {
+  const {
+    classes: e,
+    scroll: t,
+    maxWidth: r,
+    fullWidth: s,
+    fullScreen: i
+  } = a, n = {
+    root: ["root"],
+    container: ["container", `scroll${u(t)}`],
+    paper: ["paper", `paperScroll${u(t)}`, `paperWidth${u(String(r))}`, s && "paperFullWidth", i && "paperFullScreen"]
+  };
+  return w(n, eo, e);
+}, ro = f(Z, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (a, e) => e.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), so = f("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (a, e) => {
+    const {
+      ownerState: t
+    } = a;
+    return [e.container, e[`scroll${u(t.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"
+      }
+    }
+  }]
+}), io = f(R, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (a, e) => {
+    const {
+      ownerState: t
+    } = a;
+    return [e.paper, e[`scrollPaper${u(t.scroll)}`], e[`paperWidth${u(String(t.maxWidth))}`], t.fullWidth && e.paperFullWidth, t.fullScreen && e.paperFullScreen];
+  }
+})(B(({
+  theme: a
+}) => ({
+  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: e
+    }) => !e.maxWidth,
+    style: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }, {
+    props: {
+      maxWidth: "xs"
+    },
+    style: {
+      maxWidth: a.breakpoints.unit === "px" ? Math.max(a.breakpoints.values.xs, 444) : `max(${a.breakpoints.values.xs}${a.breakpoints.unit}, 444px)`,
+      [`&.${k.paperScrollBody}`]: {
+        [a.breakpoints.down(Math.max(a.breakpoints.values.xs, 444) + 32 * 2)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  }, ...Object.keys(a.breakpoints.values).filter((e) => e !== "xs").map((e) => ({
+    props: {
+      maxWidth: e
+    },
+    style: {
+      maxWidth: `${a.breakpoints.values[e]}${a.breakpoints.unit}`,
+      [`&.${k.paperScrollBody}`]: {
+        [a.breakpoints.down(a.breakpoints.values[e] + 32 * 2)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  })), {
+    props: ({
+      ownerState: e
+    }) => e.fullWidth,
+    style: {
+      width: "calc(100% - 64px)"
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => e.fullScreen,
+    style: {
+      margin: 0,
+      width: "100%",
+      maxWidth: "100%",
+      height: "100%",
+      maxHeight: "none",
+      borderRadius: 0,
+      [`&.${k.paperScrollBody}`]: {
+        margin: 0,
+        maxWidth: "100%"
+      }
+    }
+  }]
+}))), no = /* @__PURE__ */ d.forwardRef(function(e, t) {
+  const r = S({
+    props: e,
+    name: "MuiDialog"
+  }), s = J(), i = {
+    enter: s.transitions.duration.enteringScreen,
+    exit: s.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": n,
+    "aria-labelledby": l,
+    "aria-modal": g = !0,
+    BackdropComponent: j,
+    BackdropProps: A,
+    children: E,
+    className: F,
+    disableEscapeKeyDown: T = !1,
+    fullScreen: U = !1,
+    fullWidth: I = !1,
+    maxWidth: L = "sm",
+    onBackdropClick: W,
+    onClick: M,
+    onClose: v,
+    open: P,
+    PaperComponent: V = R,
+    PaperProps: N = {},
+    scroll: K = "paper",
+    TransitionComponent: Y = Q,
+    transitionDuration: O = i,
+    TransitionProps: _,
+    ...X
+  } = r, b = {
+    ...r,
+    disableEscapeKeyDown: T,
+    fullScreen: U,
+    fullWidth: I,
+    maxWidth: L,
+    scroll: K
+  }, h = to(b), D = d.useRef(), z = (c) => {
+    D.current = c.target === c.currentTarget;
+  }, H = (c) => {
+    M && M(c), D.current && (D.current = null, W && W(c), v && v(c, "backdropClick"));
+  }, C = oo(l), q = d.useMemo(() => ({
+    titleId: C
+  }), [C]);
+  return /* @__PURE__ */ p(ro, {
+    className: m(h.root, F),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: ao
+    },
+    componentsProps: {
+      backdrop: {
+        transitionDuration: O,
+        as: j,
+        ...A
+      }
+    },
+    disableEscapeKeyDown: T,
+    onClose: v,
+    open: P,
+    ref: t,
+    onClick: H,
+    ownerState: b,
+    ...X,
+    children: /* @__PURE__ */ p(Y, {
+      appear: !0,
+      in: P,
+      timeout: O,
+      role: "presentation",
+      ..._,
+      children: /* @__PURE__ */ p(so, {
+        className: m(h.container),
+        onMouseDown: z,
+        ownerState: b,
+        children: /* @__PURE__ */ p(io, {
+          as: V,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": n,
+          "aria-labelledby": C,
+          "aria-modal": g,
+          ...N,
+          className: m(h.paper, N.className),
+          ownerState: b,
+          children: /* @__PURE__ */ p($.Provider, {
+            value: q,
+            children: E
+          })
+        })
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (no.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": o.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": o.string,
+  /**
+   * Informs assistive technologies that the element is modal.
+   * It's added on the element with role="dialog".
+   * @default true
+   */
+  "aria-modal": o.oneOfType([o.oneOf(["false", "true"]), o.bool]),
+  /**
+   * 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: o.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: o.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: o.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: o.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: o.oneOfType([o.oneOf(["xs", "sm", "md", "lg", "xl", !1]), o.string]),
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: o.func,
+  /**
+   * @ignore
+   */
+  onClick: o.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: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: o.elementType,
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   * @default {}
+   */
+  PaperProps: o.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: o.oneOf(["body", "paper"]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.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: o.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: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.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: o.object
+});
+function lo(a) {
+  return y("MuiDialogActions", a);
+}
+const Wo = x("MuiDialogActions", ["root", "spacing"]), po = (a) => {
+  const {
+    classes: e,
+    disableSpacing: t
+  } = a;
+  return w({
+    root: ["root", !t && "spacing"]
+  }, lo, e);
+}, co = f("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (a, e) => {
+    const {
+      ownerState: t
+    } = a;
+    return [e.root, !t.disableSpacing && e.spacing];
+  }
+})({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto",
+  variants: [{
+    props: ({
+      ownerState: a
+    }) => !a.disableSpacing,
+    style: {
+      "& > :not(style) ~ :not(style)": {
+        marginLeft: 8
+      }
+    }
+  }]
+}), uo = /* @__PURE__ */ d.forwardRef(function(e, t) {
+  const r = S({
+    props: e,
+    name: "MuiDialogActions"
+  }), {
+    className: s,
+    disableSpacing: i = !1,
+    ...n
+  } = r, l = {
+    ...r,
+    disableSpacing: i
+  }, g = po(l);
+  return /* @__PURE__ */ p(co, {
+    className: m(g.root, s),
+    ownerState: l,
+    ref: t,
+    ...n
+  });
+});
+process.env.NODE_ENV !== "production" && (uo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function fo(a) {
+  return y("MuiDialogContent", a);
+}
+const Mo = x("MuiDialogContent", ["root", "dividers"]);
+function Po(a) {
+  return y("MuiDialogTitle", a);
+}
+const go = x("MuiDialogTitle", ["root"]), mo = (a) => {
+  const {
+    classes: e,
+    dividers: t
+  } = a;
+  return w({
+    root: ["root", t && "dividers"]
+  }, fo, e);
+}, bo = f("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (a, e) => {
+    const {
+      ownerState: t
+    } = a;
+    return [e.root, t.dividers && e.dividers];
+  }
+})(B(({
+  theme: a
+}) => ({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px",
+  variants: [{
+    props: ({
+      ownerState: e
+    }) => e.dividers,
+    style: {
+      padding: "16px 24px",
+      borderTop: `1px solid ${(a.vars || a).palette.divider}`,
+      borderBottom: `1px solid ${(a.vars || a).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: e
+    }) => !e.dividers,
+    style: {
+      [`.${go.root} + &`]: {
+        paddingTop: 0
+      }
+    }
+  }]
+}))), yo = /* @__PURE__ */ d.forwardRef(function(e, t) {
+  const r = S({
+    props: e,
+    name: "MuiDialogContent"
+  }), {
+    className: s,
+    dividers: i = !1,
+    ...n
+  } = r, l = {
+    ...r,
+    dividers: i
+  }, g = mo(l);
+  return /* @__PURE__ */ p(bo, {
+    className: m(g.root, s),
+    ownerState: l,
+    ref: t,
+    ...n
+  });
+});
+process.env.NODE_ENV !== "production" && (yo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * Display the top and bottom dividers.
+   * @default false
+   */
+  dividers: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+export {
+  no as D,
+  uo as a,
+  yo as b,
+  Wo as c,
+  k as d,
+  lo as e,
+  Mo as f,
+  eo as g,
+  fo as h,
+  go as i,
+  Po as j,
+  $ as k
+};