@hybridcore/ui 1.6.12 → 1.6.14

package/dist/{DialogContent-BvVjD9z3.js → dialog-BtJhjyF5.js}

@@ -1,58 +1,63 @@
-import { a as t, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as u from "react";
-import { P as o } from "./index-C__OZmYy.js";
-import { c as b } from "./clsx-OuTLNxxd.js";
-import { g as h, a as y, s as f, b as m, u as S, c as P } from "./generateUtilityClasses-C3ivN9Ie.js";
-import { P as R, u as G } from "./Paper-BkQLdsCI.js";
-import { jsx as p } from "react/jsx-runtime";
-import { B as J, M as Q, F as Z } from "./Modal-MUZygjmQ.js";
-import { u as oo } from "./useId-BW-oWmul.js";
-function eo(e) {
-  return y("MuiDialog", e);
+import { jsx as l, jsxs as B } from "react/jsx-runtime";
+import { confirmable as to } from "react-confirm";
+import { IconButton as ao } from "@mui/material";
+import { Close as io } from "@mui/icons-material";
+import { a as r, _ as h } from "./extends-C3382pL0.js";
+import * as d from "react";
+import { P as o } from "./index-CblbdqjE.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+import { g as y, a as C, s as m, b, u as D, c as v } from "./generateUtilityClasses-Cc-owZ4J.js";
+import { P as _, u as no } from "./Paper-B1HV8GyO.js";
+import { B as ro, M as so, F as lo } from "./Modal-BVYydOr5.js";
+import { u as co } from "./useId-BW-oWmul.js";
+import { T as po } from "./Typography-D3X-Y5fh.js";
+import { B as E } from "./Button-Cem3nbwc.js";
+function uo(e) {
+  return C("MuiDialog", e);
 }
-const W = h("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), j = /* @__PURE__ */ u.createContext({});
-process.env.NODE_ENV !== "production" && (j.displayName = "DialogContext");
-const ao = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ro = f(J, {
+const N = y("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), P = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (P.displayName = "DialogContext");
+const mo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], fo = m(ro, {
   name: "MuiDialog",
   slot: "Backdrop",
-  overrides: (e, a) => a.backdrop
+  overrides: (e, t) => t.backdrop
 })({
   // Improve scrollable dialog support.
   zIndex: -1
-}), io = (e) => {
+}), go = (e) => {
   const {
-    classes: a,
-    scroll: r,
+    classes: t,
+    scroll: a,
     maxWidth: i,
-    fullWidth: s,
-    fullScreen: n
-  } = e, l = {
+    fullWidth: n,
+    fullScreen: s
+  } = e, c = {
     root: ["root"],
-    container: ["container", `scroll${m(r)}`],
-    paper: ["paper", `paperScroll${m(r)}`, `paperWidth${m(String(i))}`, s && "paperFullWidth", n && "paperFullScreen"]
+    container: ["container", `scroll${b(a)}`],
+    paper: ["paper", `paperScroll${b(a)}`, `paperWidth${b(String(i))}`, n && "paperFullWidth", s && "paperFullScreen"]
   };
-  return P(l, eo, a);
-}, to = f(Q, {
+  return v(c, uo, t);
+}, bo = m(so, {
   name: "MuiDialog",
   slot: "Root",
-  overridesResolver: (e, a) => a.root
+  overridesResolver: (e, t) => t.root
 })({
   "@media print": {
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), so = f("div", {
+}), xo = m("div", {
   name: "MuiDialog",
   slot: "Container",
-  overridesResolver: (e, a) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: a
     } = e;
-    return [a.container, a[`scroll${m(r.scroll)}`]];
+    return [t.container, t[`scroll${b(a.scroll)}`]];
   }
 })(({
   ownerState: e
-}) => t({
+}) => r({
   height: "100%",
   "@media print": {
     height: "auto"
@@ -74,19 +79,19 @@ const ao = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     height: "100%",
     width: "0"
   }
-})), no = f(R, {
+})), ho = m(_, {
   name: "MuiDialog",
   slot: "Paper",
-  overridesResolver: (e, a) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: a
     } = e;
-    return [a.paper, a[`scrollPaper${m(r.scroll)}`], a[`paperWidth${m(String(r.maxWidth))}`], r.fullWidth && a.paperFullWidth, r.fullScreen && a.paperFullScreen];
+    return [t.paper, t[`scrollPaper${b(a.scroll)}`], t[`paperWidth${b(String(a.maxWidth))}`], a.fullWidth && t.paperFullWidth, a.fullScreen && t.paperFullScreen];
   }
 })(({
   theme: e,
-  ownerState: a
-}) => t({
+  ownerState: t
+}) => r({
   margin: 32,
   position: "relative",
   overflowY: "auto",
@@ -95,133 +100,133 @@ const ao = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     overflowY: "visible",
     boxShadow: "none"
   }
-}, a.scroll === "paper" && {
+}, t.scroll === "paper" && {
   display: "flex",
   flexDirection: "column",
   maxHeight: "calc(100% - 64px)"
-}, a.scroll === "body" && {
+}, t.scroll === "body" && {
   display: "inline-block",
   verticalAlign: "middle",
   textAlign: "left"
   // 'initial' doesn't work on IE11
-}, !a.maxWidth && {
+}, !t.maxWidth && {
   maxWidth: "calc(100% - 64px)"
-}, a.maxWidth === "xs" && {
+}, t.maxWidth === "xs" && {
   maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,
-  [`&.${W.paperScrollBody}`]: {
+  [`&.${N.paperScrollBody}`]: {
     [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
   }
-}, a.maxWidth && a.maxWidth !== "xs" && {
-  maxWidth: `${e.breakpoints.values[a.maxWidth]}${e.breakpoints.unit}`,
-  [`&.${W.paperScrollBody}`]: {
-    [e.breakpoints.down(e.breakpoints.values[a.maxWidth] + 32 * 2)]: {
+}, t.maxWidth && t.maxWidth !== "xs" && {
+  maxWidth: `${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`,
+  [`&.${N.paperScrollBody}`]: {
+    [e.breakpoints.down(e.breakpoints.values[t.maxWidth] + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
   }
-}, a.fullWidth && {
+}, t.fullWidth && {
   width: "calc(100% - 64px)"
-}, a.fullScreen && {
+}, t.fullScreen && {
   margin: 0,
   width: "100%",
   maxWidth: "100%",
   height: "100%",
   maxHeight: "none",
   borderRadius: 0,
-  [`&.${W.paperScrollBody}`]: {
+  [`&.${N.paperScrollBody}`]: {
     margin: 0,
     maxWidth: "100%"
   }
-})), lo = /* @__PURE__ */ u.forwardRef(function(a, r) {
-  const i = S({
-    props: a,
+})), F = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
     name: "MuiDialog"
-  }), s = G(), n = {
-    enter: s.transitions.duration.enteringScreen,
-    exit: s.transitions.duration.leavingScreen
+  }), n = no(), s = {
+    enter: n.transitions.duration.enteringScreen,
+    exit: n.transitions.duration.leavingScreen
   }, {
-    "aria-describedby": l,
-    "aria-labelledby": c,
-    BackdropComponent: g,
-    BackdropProps: A,
-    children: E,
-    className: _,
-    disableEscapeKeyDown: M = !1,
-    fullScreen: F = !1,
-    fullWidth: U = !1,
-    maxWidth: I = "sm",
-    onBackdropClick: N,
-    onClick: w,
-    onClose: D,
-    open: B,
-    PaperComponent: L = R,
-    PaperProps: $ = {},
-    scroll: V = "paper",
-    TransitionComponent: K = Z,
-    transitionDuration: O = n,
-    TransitionProps: Y
-  } = i, X = T(i, ao), x = t({}, i, {
-    disableEscapeKeyDown: M,
-    fullScreen: F,
-    fullWidth: U,
-    maxWidth: I,
-    scroll: V
-  }), C = io(x), v = u.useRef(), z = (d) => {
-    v.current = d.target === d.currentTarget;
-  }, H = (d) => {
-    w && w(d), v.current && (v.current = null, N && N(d), D && D(d, "backdropClick"));
-  }, k = oo(c), q = u.useMemo(() => ({
-    titleId: k
-  }), [k]);
-  return /* @__PURE__ */ p(to, t({
-    className: b(C.root, _),
+    "aria-describedby": c,
+    "aria-labelledby": p,
+    BackdropComponent: u,
+    BackdropProps: T,
+    children: K,
+    className: L,
+    disableEscapeKeyDown: w = !1,
+    fullScreen: Y = !1,
+    fullWidth: z = !1,
+    maxWidth: X = "sm",
+    onBackdropClick: O,
+    onClick: $,
+    onClose: k,
+    open: R,
+    PaperComponent: H = _,
+    PaperProps: j = {},
+    scroll: q = "paper",
+    TransitionComponent: G = lo,
+    transitionDuration: A = s,
+    TransitionProps: J
+  } = i, Q = h(i, mo), x = r({}, i, {
+    disableEscapeKeyDown: w,
+    fullScreen: Y,
+    fullWidth: z,
+    maxWidth: X,
+    scroll: q
+  }), W = go(x), S = d.useRef(), Z = (f) => {
+    S.current = f.target === f.currentTarget;
+  }, oo = (f) => {
+    $ && $(f), S.current && (S.current = null, O && O(f), k && k(f, "backdropClick"));
+  }, M = co(p), eo = d.useMemo(() => ({
+    titleId: M
+  }), [M]);
+  return /* @__PURE__ */ l(bo, r({
+    className: g(W.root, L),
     closeAfterTransition: !0,
     components: {
-      Backdrop: ro
+      Backdrop: fo
     },
     componentsProps: {
-      backdrop: t({
-        transitionDuration: O,
-        as: g
-      }, A)
+      backdrop: r({
+        transitionDuration: A,
+        as: u
+      }, T)
     },
-    disableEscapeKeyDown: M,
-    onClose: D,
-    open: B,
-    ref: r,
-    onClick: H,
+    disableEscapeKeyDown: w,
+    onClose: k,
+    open: R,
+    ref: a,
+    onClick: oo,
     ownerState: x
-  }, X, {
-    children: /* @__PURE__ */ p(K, t({
+  }, Q, {
+    children: /* @__PURE__ */ l(G, r({
       appear: !0,
-      in: B,
-      timeout: O,
+      in: R,
+      timeout: A,
       role: "presentation"
-    }, Y, {
-      children: /* @__PURE__ */ p(so, {
-        className: b(C.container),
-        onMouseDown: z,
+    }, J, {
+      children: /* @__PURE__ */ l(xo, {
+        className: g(W.container),
+        onMouseDown: Z,
         ownerState: x,
-        children: /* @__PURE__ */ p(no, t({
-          as: L,
+        children: /* @__PURE__ */ l(ho, r({
+          as: H,
           elevation: 24,
           role: "dialog",
-          "aria-describedby": l,
-          "aria-labelledby": k
-        }, $, {
-          className: b(C.paper, $.className),
+          "aria-describedby": c,
+          "aria-labelledby": M
+        }, j, {
+          className: g(W.paper, j.className),
           ownerState: x,
-          children: /* @__PURE__ */ p(j.Provider, {
-            value: q,
-            children: E
+          children: /* @__PURE__ */ l(P.Provider, {
+            value: eo,
+            children: K
           })
         }))
       })
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (lo.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -353,30 +358,30 @@ process.env.NODE_ENV !== "production" && (lo.propTypes = {
    */
   TransitionProps: o.object
 });
-function co(e) {
-  return y("MuiDialogActions", e);
+function yo(e) {
+  return C("MuiDialogActions", e);
 }
-h("MuiDialogActions", ["root", "spacing"]);
-const po = ["className", "disableSpacing"], uo = (e) => {
+y("MuiDialogActions", ["root", "spacing"]);
+const Co = ["className", "disableSpacing"], Do = (e) => {
   const {
-    classes: a,
-    disableSpacing: r
+    classes: t,
+    disableSpacing: a
   } = e;
-  return P({
-    root: ["root", !r && "spacing"]
-  }, co, a);
-}, mo = f("div", {
+  return v({
+    root: ["root", !a && "spacing"]
+  }, yo, t);
+}, vo = m("div", {
   name: "MuiDialogActions",
   slot: "Root",
-  overridesResolver: (e, a) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: a
     } = e;
-    return [a.root, !r.disableSpacing && a.spacing];
+    return [t.root, !a.disableSpacing && t.spacing];
   }
 })(({
   ownerState: e
-}) => t({
+}) => r({
   display: "flex",
   alignItems: "center",
   padding: 8,
@@ -386,23 +391,23 @@ const po = ["className", "disableSpacing"], uo = (e) => {
   "& > :not(style) ~ :not(style)": {
     marginLeft: 8
   }
-})), fo = /* @__PURE__ */ u.forwardRef(function(a, r) {
-  const i = S({
-    props: a,
+})), U = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
     name: "MuiDialogActions"
   }), {
-    className: s,
-    disableSpacing: n = !1
-  } = i, l = T(i, po), c = t({}, i, {
-    disableSpacing: n
-  }), g = uo(c);
-  return /* @__PURE__ */ p(mo, t({
-    className: b(g.root, s),
-    ownerState: c,
-    ref: r
-  }, l));
+    className: n,
+    disableSpacing: s = !1
+  } = i, c = h(i, Co), p = r({}, i, {
+    disableSpacing: s
+  }), u = Do(p);
+  return /* @__PURE__ */ l(vo, r({
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a
+  }, c));
 });
-process.env.NODE_ENV !== "production" && (fo.propTypes = {
+process.env.NODE_ENV !== "production" && (U.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -429,64 +434,64 @@ process.env.NODE_ENV !== "production" && (fo.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function go(e) {
-  return y("MuiDialogContent", e);
+function To(e) {
+  return C("MuiDialogContent", e);
 }
-h("MuiDialogContent", ["root", "dividers"]);
-function No(e) {
-  return y("MuiDialogTitle", e);
+y("MuiDialogContent", ["root", "dividers"]);
+function ko(e) {
+  return C("MuiDialogTitle", e);
 }
-const bo = h("MuiDialogTitle", ["root"]), xo = ["className", "dividers"], ho = (e) => {
+const Wo = y("MuiDialogTitle", ["root"]), So = ["className", "dividers"], Mo = (e) => {
   const {
-    classes: a,
-    dividers: r
+    classes: t,
+    dividers: a
   } = e;
-  return P({
-    root: ["root", r && "dividers"]
-  }, go, a);
-}, yo = f("div", {
+  return v({
+    root: ["root", a && "dividers"]
+  }, To, t);
+}, Bo = m("div", {
   name: "MuiDialogContent",
   slot: "Root",
-  overridesResolver: (e, a) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: a
     } = e;
-    return [a.root, r.dividers && a.dividers];
+    return [t.root, a.dividers && t.dividers];
   }
 })(({
   theme: e,
-  ownerState: a
-}) => t({
+  ownerState: t
+}) => r({
   flex: "1 1 auto",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch",
   overflowY: "auto",
   padding: "20px 24px"
-}, a.dividers ? {
+}, t.dividers ? {
   padding: "16px 24px",
   borderTop: `1px solid ${(e.vars || e).palette.divider}`,
   borderBottom: `1px solid ${(e.vars || e).palette.divider}`
 } : {
-  [`.${bo.root} + &`]: {
+  [`.${Wo.root} + &`]: {
     paddingTop: 0
   }
-})), Do = /* @__PURE__ */ u.forwardRef(function(a, r) {
-  const i = S({
-    props: a,
+})), I = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
     name: "MuiDialogContent"
   }), {
-    className: s,
-    dividers: n = !1
-  } = i, l = T(i, xo), c = t({}, i, {
-    dividers: n
-  }), g = ho(c);
-  return /* @__PURE__ */ p(yo, t({
-    className: b(g.root, s),
-    ownerState: c,
-    ref: r
-  }, l));
+    className: n,
+    dividers: s = !1
+  } = i, c = h(i, So), p = r({}, i, {
+    dividers: s
+  }), u = Mo(p);
+  return /* @__PURE__ */ l(Bo, r({
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a
+  }, c));
 });
-process.env.NODE_ENV !== "production" && (Do.propTypes = {
+process.env.NODE_ENV !== "production" && (I.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -513,11 +518,147 @@ process.env.NODE_ENV !== "production" && (Do.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
+const No = ["className", "id"], Po = (e) => {
+  const {
+    classes: t
+  } = e;
+  return v({
+    root: ["root"]
+  }, ko, t);
+}, wo = m(po, {
+  name: "MuiDialogTitle",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({
+  padding: "16px 24px",
+  flex: "0 0 auto"
+}), V = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const i = D({
+    props: t,
+    name: "MuiDialogTitle"
+  }), {
+    className: n,
+    id: s
+  } = i, c = h(i, No), p = i, u = Po(p), {
+    titleId: T = s
+  } = d.useContext(P);
+  return /* @__PURE__ */ l(wo, r({
+    component: "h2",
+    className: g(u.root, n),
+    ownerState: p,
+    ref: a,
+    variant: "h6",
+    id: s ?? T
+  }, c));
+});
+process.env.NODE_ENV !== "production" && (V.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,
+  /**
+   * @ignore
+   */
+  id: o.string,
+  /**
+   * 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])
+});
+const Oo = {
+  confirmButtonText: "OK",
+  cancelButtonText: "Cancel",
+  disableCancelButton: !1
+}, $o = ({
+  show: e = !0,
+  proceed: t = () => {
+  },
+  title: a,
+  description: i,
+  options: n
+}) => {
+  n = { ...Oo, ...n };
+  const s = () => {
+    t(!1);
+  }, c = () => {
+    t(!1);
+  }, p = () => {
+    t(!0);
+  };
+  return /* @__PURE__ */ B(
+    F,
+    {
+      open: e,
+      onClose: s,
+      "aria-labelledby": "dialog-title",
+      "aria-describedby": "dialog-description",
+      sx: {
+        zIndex: 9999,
+        "& .MuiDialog-paper": {
+          borderRadius: 3
+        },
+        "& .MuiDialogTitle-root": {
+          px: 4,
+          py: 3
+        },
+        "& .MuiDialogContent-root": {
+          p: 4,
+          pt: 0
+        },
+        "& .MuiDialogActions-root": {
+          p: 4,
+          background: "#0439910A"
+        }
+      },
+      children: [
+        /* @__PURE__ */ B(
+          V,
+          {
+            id: "dialog-title",
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              a,
+              /* @__PURE__ */ l(ao, { onClick: c, children: /* @__PURE__ */ l(io, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(I, { sx: { minWidth: 400 }, children: i }),
+        /* @__PURE__ */ B(U, { children: [
+          !n.disableCancelButton && /* @__PURE__ */ l(E, { color: "inherit", onClick: c, children: n.cancelButtonText }),
+          /* @__PURE__ */ l(
+            E,
+            {
+              variant: "contained",
+              color: "primary",
+              onClick: p,
+              autoFocus: !0,
+              children: n.confirmButtonText
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Xo = to($o);
 export {
-  lo as D,
-  Do as a,
-  j as b,
-  fo as c,
-  W as d,
-  No as g
+  Xo as D,
+  F as a,
+  V as b,
+  I as c
 };