@hybridcore/ui 1.3.4 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/{ButtonBase-DJz-TFGO.js → ButtonBase-D6qhsxB0.js} +7 -8
  2. package/dist/{CardContent-DZnCVGy9.js → CardContent-B8hqgH-I.js} +3 -3
  3. package/dist/{Checkbox-DzmWBCrt.js → Checkbox-BFWhj3s-.js} +6 -6
  4. package/dist/{Collapse-NqW0GIK_.js → Collapse-D_TjnyE5.js} +74 -67
  5. package/dist/DialogContent-BCYm_d1s.js +864 -0
  6. package/dist/{FormControl-aXQs42m6.js → FormControl-BMRUQKHh.js} +55 -55
  7. package/dist/{FormControlLabel-hDa-xf_q.js → FormControlLabel-DENNVXWL.js} +9 -9
  8. package/dist/{IconButton-SnBOFQ43.js → IconButton-D8bwME9t.js} +4 -4
  9. package/dist/{Input-CeVb6kjv.js → Input-Dxzguyp5.js} +5 -5
  10. package/dist/{InputAdornment-fM3loNyx.js → InputAdornment-B8ERE7Zv.js} +4 -4
  11. package/dist/{List-DLIiXc6r.js → List-DEWyK9IO.js} +5 -5
  12. package/dist/{MenuItem-BEW28T9O.js → MenuItem-DstAFfik.js} +12 -12
  13. package/dist/Modal-DNGEQJ1M.js +1267 -0
  14. package/dist/{OutlinedInput-DkzLHRTd.js → OutlinedInput-w2Cj9STF.js} +5 -5
  15. package/dist/{Paper-Dp3qO0cK.js → Paper-BseeergJ.js} +8 -8
  16. package/dist/{Select-Cdmu0dQ4.js → Select-NDq3WyLt.js} +51 -51
  17. package/dist/{Typography-CXe5ytr0.js → Typography-Dg-ROiTA.js} +3 -3
  18. package/dist/components/card/index.js +5 -5
  19. package/dist/components/card/styled.js +1 -1
  20. package/dist/components/collapsible-card/style.js +26 -26
  21. package/dist/components/confirm/dialog.js +5 -5
  22. package/dist/components/container/index.js +6 -6
  23. package/dist/components/context-menu/index.js +604 -191
  24. package/dist/components/data-management/instance-form/components/composite-list/index.js +1 -1
  25. package/dist/components/data-management/instance-form/components/variable/index.js +6 -6
  26. package/dist/components/data-management/instance-form/components/variables/index.js +1 -1
  27. package/dist/components/geometry-picker/index.js +3 -3
  28. package/dist/components/icon-button/index.js +1 -1
  29. package/dist/components/map/styled.js +1 -1
  30. package/dist/components/search-input/index.js +4 -4
  31. package/dist/components/template-property-filters/index.js +1 -1
  32. package/dist/components/template-property-filters/property.js +209 -10
  33. package/dist/components/tree-select/index.js +4 -4
  34. package/dist/components/treeview-filter/index.js +8 -8
  35. package/dist/components/treeview-filter/item/index.js +1 -1
  36. package/dist/components/treeview-filter/item-label/index.js +2 -2
  37. package/dist/{createStyled-liRRhQcN.js → createStyled-B96gjom1.js} +461 -484
  38. package/dist/createSvgIcon-B2WT0K4k.js +87 -0
  39. package/dist/{createSvgIcon-Cl8kMTkx.js → createSvgIcon-BNrb7rDY.js} +3 -3
  40. package/dist/{exactProp-CT2wqJXE.js → exactProp-CI_rjX83.js} +2 -2
  41. package/dist/{index-D9TdkXAs.js → index-B3Oj04nl.js} +5 -5
  42. package/dist/{index-DRy8nExS.js → index-CSfSVkKj.js} +5 -6
  43. package/dist/{listItemTextClasses-BrCbmCR1.js → listItemTextClasses-CFiI_U7B.js} +2 -2
  44. package/dist/main.js +150 -144
  45. package/dist/{styled-Dm8rXzIG.js → styled-cPJbqF0E.js} +24 -24
  46. package/dist/{useTheme-CTuK-wFF.js → useTheme-C-T6Qisa.js} +2 -2
  47. package/dist/{useThemeProps-BXn-nVhw.js → useThemeProps-DeftUmqJ.js} +14 -14
  48. package/dist/{utils-DY9Jk4Ah.js → utils-CCkxV0lZ.js} +15 -15
  49. package/package.json +1 -1
  50. package/dist/DialogContent-D51w7KVX.js +0 -2119
  51. package/dist/ListItem-BkxmqFI8.js +0 -428
  52. package/dist/createSvgIcon-B4TFefhd.js +0 -73
  53. package/dist/property-BsU8ijQF.js +0 -6857
  54. package/dist/requirePropFactory-BItwGLRQ.js +0 -18
  55. package/dist/unsupportedProp-BuVD30Gh.js +0 -9
@@ -1,2119 +0,0 @@
1
- import { _ as l, a as j } from "./extends-Cyw62AD_.js";
2
- import * as d from "react";
3
- import { P as o, a as I } from "./createStyled-liRRhQcN.js";
4
- import { c as w, g as H, a as X, r as Ke, u as Z } from "./useThemeProps-BXn-nVhw.js";
5
- import { g as K, s as A, r as qe, a as te } from "./styled-Dm8rXzIG.js";
6
- import { jsxs as be, jsx as R } from "react/jsx-runtime";
7
- import { u as ee, b as Ee, s as Te, a as ke, B as Ye } from "./ButtonBase-DJz-TFGO.js";
8
- import { u as De } from "./useTheme-CTuK-wFF.js";
9
- import { T as Ge, r as Xe, g as Ce } from "./utils-DY9Jk4Ah.js";
10
- import { e as ae, a as Ie } from "./exactProp-CT2wqJXE.js";
11
- import { o as U } from "./ownerDocument-CUrv0DIK.js";
12
- import { o as me } from "./ownerWindow-niciwP7I.js";
13
- import { c as Re, u as Ze } from "./useId-BHG98T5I.js";
14
- import { i as Me } from "./isHostComponent-kiaBvYVo.js";
15
- import * as Je from "react-dom";
16
- import { P as $e } from "./Paper-Dp3qO0cK.js";
17
- function Qe(e, n, t) {
18
- return e === void 0 || Me(e) ? n : l({}, n, {
19
- ownerState: l({}, n.ownerState, t)
20
- });
21
- }
22
- const eo = {
23
- disableDefaultClasses: !1
24
- }, oo = /* @__PURE__ */ d.createContext(eo);
25
- function no(e) {
26
- const {
27
- disableDefaultClasses: n
28
- } = d.useContext(oo);
29
- return (t) => n ? "" : e(t);
30
- }
31
- function to(e, n = []) {
32
- if (e === void 0)
33
- return {};
34
- const t = {};
35
- return Object.keys(e).filter((r) => r.match(/^on[A-Z]/) && typeof e[r] == "function" && !n.includes(r)).forEach((r) => {
36
- t[r] = e[r];
37
- }), t;
38
- }
39
- function fe(e, n) {
40
- return typeof e == "function" ? e(n) : e;
41
- }
42
- function ge(e, n, t, r, i) {
43
- if (process.env.NODE_ENV === "production")
44
- return null;
45
- const s = e[n], a = i || n;
46
- return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${t}\`. Expected an HTMLElement.`) : null;
47
- }
48
- function ro(e) {
49
- const n = e.documentElement.clientWidth;
50
- return Math.abs(window.innerWidth - n);
51
- }
52
- function Pe(e) {
53
- if (e === void 0)
54
- return {};
55
- const n = {};
56
- return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((t) => {
57
- n[t] = e[t];
58
- }), n;
59
- }
60
- function so(e) {
61
- const {
62
- getSlotProps: n,
63
- additionalProps: t,
64
- externalSlotProps: r,
65
- externalForwardedProps: i,
66
- className: s
67
- } = e;
68
- if (!n) {
69
- const T = w(i == null ? void 0 : i.className, r == null ? void 0 : r.className, s, t == null ? void 0 : t.className), m = l({}, t == null ? void 0 : t.style, i == null ? void 0 : i.style, r == null ? void 0 : r.style), S = l({}, t, i, r);
70
- return T.length > 0 && (S.className = T), Object.keys(m).length > 0 && (S.style = m), {
71
- props: S,
72
- internalRef: void 0
73
- };
74
- }
75
- const a = to(l({}, i, r)), c = Pe(r), p = Pe(i), f = n(a), E = w(f == null ? void 0 : f.className, t == null ? void 0 : t.className, s, i == null ? void 0 : i.className, r == null ? void 0 : r.className), h = l({}, f == null ? void 0 : f.style, t == null ? void 0 : t.style, i == null ? void 0 : i.style, r == null ? void 0 : r.style), b = l({}, f, t, p, c);
76
- return E.length > 0 && (b.className = E), Object.keys(h).length > 0 && (b.style = h), {
77
- props: b,
78
- internalRef: f.ref
79
- };
80
- }
81
- const io = ["elementType", "externalSlotProps", "ownerState"];
82
- function Ne(e) {
83
- var n;
84
- const {
85
- elementType: t,
86
- externalSlotProps: r,
87
- ownerState: i
88
- } = e, s = j(e, io), a = fe(r, i), {
89
- props: c,
90
- internalRef: p
91
- } = so(l({}, s, {
92
- externalSlotProps: a
93
- })), f = ee(p, a == null ? void 0 : a.ref, (n = e.additionalProps) == null ? void 0 : n.ref);
94
- return Qe(t, l({}, c, {
95
- ref: f
96
- }), i);
97
- }
98
- const ao = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
99
- function lo(e) {
100
- const n = parseInt(e.getAttribute("tabindex") || "", 10);
101
- return Number.isNaN(n) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : n;
102
- }
103
- function co(e) {
104
- if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
105
- return !1;
106
- const n = (r) => e.ownerDocument.querySelector(`input[type="radio"]${r}`);
107
- let t = n(`[name="${e.name}"]:checked`);
108
- return t || (t = n(`[name="${e.name}"]`)), t !== e;
109
- }
110
- function po(e) {
111
- return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || co(e));
112
- }
113
- function uo(e) {
114
- const n = [], t = [];
115
- return Array.from(e.querySelectorAll(ao)).forEach((r, i) => {
116
- const s = lo(r);
117
- s === -1 || !po(r) || (s === 0 ? n.push(r) : t.push({
118
- documentOrder: i,
119
- tabIndex: s,
120
- node: r
121
- }));
122
- }), t.sort((r, i) => r.tabIndex === i.tabIndex ? r.documentOrder - i.documentOrder : r.tabIndex - i.tabIndex).map((r) => r.node).concat(n);
123
- }
124
- function fo() {
125
- return !0;
126
- }
127
- function se(e) {
128
- const {
129
- children: n,
130
- disableAutoFocus: t = !1,
131
- disableEnforceFocus: r = !1,
132
- disableRestoreFocus: i = !1,
133
- getTabbable: s = uo,
134
- isEnabled: a = fo,
135
- open: c
136
- } = e, p = d.useRef(!1), f = d.useRef(null), E = d.useRef(null), h = d.useRef(null), b = d.useRef(null), T = d.useRef(!1), m = d.useRef(null), S = ee(n.ref, m), P = d.useRef(null);
137
- d.useEffect(() => {
138
- !c || !m.current || (T.current = !t);
139
- }, [t, c]), d.useEffect(() => {
140
- if (!c || !m.current)
141
- return;
142
- const u = U(m.current);
143
- return m.current.contains(u.activeElement) || (m.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
144
- `)), m.current.setAttribute("tabIndex", "-1")), T.current && m.current.focus()), () => {
145
- i || (h.current && h.current.focus && (p.current = !0, h.current.focus()), h.current = null);
146
- };
147
- }, [c]), d.useEffect(() => {
148
- if (!c || !m.current)
149
- return;
150
- const u = U(m.current), y = (D) => {
151
- const {
152
- current: $
153
- } = m;
154
- if ($ !== null) {
155
- if (!u.hasFocus() || r || !a() || p.current) {
156
- p.current = !1;
157
- return;
158
- }
159
- if (!$.contains(u.activeElement)) {
160
- if (D && b.current !== D.target || u.activeElement !== b.current)
161
- b.current = null;
162
- else if (b.current !== null)
163
- return;
164
- if (!T.current)
165
- return;
166
- let N = [];
167
- if ((u.activeElement === f.current || u.activeElement === E.current) && (N = s(m.current)), N.length > 0) {
168
- var L, F;
169
- const M = !!((L = P.current) != null && L.shiftKey && ((F = P.current) == null ? void 0 : F.key) === "Tab"), _ = N[0], g = N[N.length - 1];
170
- typeof _ != "string" && typeof g != "string" && (M ? g.focus() : _.focus());
171
- } else
172
- $.focus();
173
- }
174
- }
175
- }, v = (D) => {
176
- P.current = D, !(r || !a() || D.key !== "Tab") && u.activeElement === m.current && D.shiftKey && (p.current = !0, E.current && E.current.focus());
177
- };
178
- u.addEventListener("focusin", y), u.addEventListener("keydown", v, !0);
179
- const C = setInterval(() => {
180
- u.activeElement && u.activeElement.tagName === "BODY" && y(null);
181
- }, 50);
182
- return () => {
183
- clearInterval(C), u.removeEventListener("focusin", y), u.removeEventListener("keydown", v, !0);
184
- };
185
- }, [t, r, i, a, c, s]);
186
- const x = (u) => {
187
- h.current === null && (h.current = u.relatedTarget), T.current = !0, b.current = u.target;
188
- const y = n.props.onFocus;
189
- y && y(u);
190
- }, O = (u) => {
191
- h.current === null && (h.current = u.relatedTarget), T.current = !0;
192
- };
193
- return /* @__PURE__ */ be(d.Fragment, {
194
- children: [/* @__PURE__ */ R("div", {
195
- tabIndex: c ? 0 : -1,
196
- onFocus: O,
197
- ref: f,
198
- "data-testid": "sentinelStart"
199
- }), /* @__PURE__ */ d.cloneElement(n, {
200
- ref: S,
201
- onFocus: x
202
- }), /* @__PURE__ */ R("div", {
203
- tabIndex: c ? 0 : -1,
204
- onFocus: O,
205
- ref: E,
206
- "data-testid": "sentinelEnd"
207
- })]
208
- });
209
- }
210
- process.env.NODE_ENV !== "production" && (se.propTypes = {
211
- // ----------------------------- Warning --------------------------------
212
- // | These PropTypes are generated from the TypeScript type definitions |
213
- // | To update them edit TypeScript types and run "yarn proptypes" |
214
- // ----------------------------------------------------------------------
215
- /**
216
- * A single child content element.
217
- */
218
- children: ae,
219
- /**
220
- * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
221
- * replace it to the last focused element when it closes.
222
- * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
223
- *
224
- * Generally this should never be set to `true` as it makes the focus trap less
225
- * accessible to assistive technologies, like screen readers.
226
- * @default false
227
- */
228
- disableAutoFocus: o.bool,
229
- /**
230
- * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
231
- *
232
- * Generally this should never be set to `true` as it makes the focus trap less
233
- * accessible to assistive technologies, like screen readers.
234
- * @default false
235
- */
236
- disableEnforceFocus: o.bool,
237
- /**
238
- * If `true`, the focus trap will not restore focus to previously focused element once
239
- * focus trap is hidden or unmounted.
240
- * @default false
241
- */
242
- disableRestoreFocus: o.bool,
243
- /**
244
- * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
245
- * For instance, you can provide the "tabbable" npm dependency.
246
- * @param {HTMLElement} root
247
- */
248
- getTabbable: o.func,
249
- /**
250
- * This prop extends the `open` prop.
251
- * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
252
- * This prop should be memoized.
253
- * It can be used to support multiple focus trap mounted at the same time.
254
- * @default function defaultIsEnabled(): boolean {
255
- * return true;
256
- * }
257
- */
258
- isEnabled: o.func,
259
- /**
260
- * If `true`, focus is locked.
261
- */
262
- open: o.bool.isRequired
263
- });
264
- process.env.NODE_ENV !== "production" && (se.propTypes = Ie(se.propTypes));
265
- function bo(e) {
266
- return typeof e == "function" ? e() : e;
267
- }
268
- const ie = /* @__PURE__ */ d.forwardRef(function(n, t) {
269
- const {
270
- children: r,
271
- container: i,
272
- disablePortal: s = !1
273
- } = n, [a, c] = d.useState(null), p = ee(/* @__PURE__ */ d.isValidElement(r) ? r.ref : null, t);
274
- if (Ee(() => {
275
- s || c(bo(i) || document.body);
276
- }, [i, s]), Ee(() => {
277
- if (a && !s)
278
- return Te(t, a), () => {
279
- Te(t, null);
280
- };
281
- }, [t, a, s]), s) {
282
- if (/* @__PURE__ */ d.isValidElement(r)) {
283
- const f = {
284
- ref: p
285
- };
286
- return /* @__PURE__ */ d.cloneElement(r, f);
287
- }
288
- return /* @__PURE__ */ R(d.Fragment, {
289
- children: r
290
- });
291
- }
292
- return /* @__PURE__ */ R(d.Fragment, {
293
- children: a && /* @__PURE__ */ Je.createPortal(r, a)
294
- });
295
- });
296
- process.env.NODE_ENV !== "production" && (ie.propTypes = {
297
- // ----------------------------- Warning --------------------------------
298
- // | These PropTypes are generated from the TypeScript type definitions |
299
- // | To update them edit TypeScript types and run "yarn proptypes" |
300
- // ----------------------------------------------------------------------
301
- /**
302
- * The children to render into the `container`.
303
- */
304
- children: o.node,
305
- /**
306
- * An HTML element or function that returns one.
307
- * The `container` will have the portal children appended to it.
308
- *
309
- * By default, it uses the body of the top-level document object,
310
- * so it's simply `document.body` most of the time.
311
- */
312
- container: o.oneOfType([ge, o.func]),
313
- /**
314
- * The `children` will be under the DOM hierarchy of the parent component.
315
- * @default false
316
- */
317
- disablePortal: o.bool
318
- });
319
- process.env.NODE_ENV !== "production" && (ie.propTypes = Ie(ie.propTypes));
320
- function mo(e) {
321
- const n = U(e);
322
- return n.body === e ? me(e).innerWidth > n.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
323
- }
324
- function Q(e, n) {
325
- n ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
326
- }
327
- function Se(e) {
328
- return parseInt(me(e).getComputedStyle(e).paddingRight, 10) || 0;
329
- }
330
- function go(e) {
331
- const t = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, r = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
332
- return t || r;
333
- }
334
- function Oe(e, n, t, r, i) {
335
- const s = [n, t, ...r];
336
- [].forEach.call(e.children, (a) => {
337
- const c = s.indexOf(a) === -1, p = !go(a);
338
- c && p && Q(a, i);
339
- });
340
- }
341
- function pe(e, n) {
342
- let t = -1;
343
- return e.some((r, i) => n(r) ? (t = i, !0) : !1), t;
344
- }
345
- function vo(e, n) {
346
- const t = [], r = e.container;
347
- if (!n.disableScrollLock) {
348
- if (mo(r)) {
349
- const a = ro(U(r));
350
- t.push({
351
- value: r.style.paddingRight,
352
- property: "padding-right",
353
- el: r
354
- }), r.style.paddingRight = `${Se(r) + a}px`;
355
- const c = U(r).querySelectorAll(".mui-fixed");
356
- [].forEach.call(c, (p) => {
357
- t.push({
358
- value: p.style.paddingRight,
359
- property: "padding-right",
360
- el: p
361
- }), p.style.paddingRight = `${Se(p) + a}px`;
362
- });
363
- }
364
- let s;
365
- if (r.parentNode instanceof DocumentFragment)
366
- s = U(r).body;
367
- else {
368
- const a = r.parentElement, c = me(r);
369
- s = (a == null ? void 0 : a.nodeName) === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : r;
370
- }
371
- t.push({
372
- value: s.style.overflow,
373
- property: "overflow",
374
- el: s
375
- }, {
376
- value: s.style.overflowX,
377
- property: "overflow-x",
378
- el: s
379
- }, {
380
- value: s.style.overflowY,
381
- property: "overflow-y",
382
- el: s
383
- }), s.style.overflow = "hidden";
384
- }
385
- return () => {
386
- t.forEach(({
387
- value: s,
388
- el: a,
389
- property: c
390
- }) => {
391
- s ? a.style.setProperty(c, s) : a.style.removeProperty(c);
392
- });
393
- };
394
- }
395
- function ho(e) {
396
- const n = [];
397
- return [].forEach.call(e.children, (t) => {
398
- t.getAttribute("aria-hidden") === "true" && n.push(t);
399
- }), n;
400
- }
401
- class xo {
402
- constructor() {
403
- this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
404
- }
405
- add(n, t) {
406
- let r = this.modals.indexOf(n);
407
- if (r !== -1)
408
- return r;
409
- r = this.modals.length, this.modals.push(n), n.modalRef && Q(n.modalRef, !1);
410
- const i = ho(t);
411
- Oe(t, n.mount, n.modalRef, i, !0);
412
- const s = pe(this.containers, (a) => a.container === t);
413
- return s !== -1 ? (this.containers[s].modals.push(n), r) : (this.containers.push({
414
- modals: [n],
415
- container: t,
416
- restore: null,
417
- hiddenSiblings: i
418
- }), r);
419
- }
420
- mount(n, t) {
421
- const r = pe(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[r];
422
- i.restore || (i.restore = vo(i, t));
423
- }
424
- remove(n, t = !0) {
425
- const r = this.modals.indexOf(n);
426
- if (r === -1)
427
- return r;
428
- const i = pe(this.containers, (a) => a.modals.indexOf(n) !== -1), s = this.containers[i];
429
- if (s.modals.splice(s.modals.indexOf(n), 1), this.modals.splice(r, 1), s.modals.length === 0)
430
- s.restore && s.restore(), n.modalRef && Q(n.modalRef, t), Oe(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
431
- else {
432
- const a = s.modals[s.modals.length - 1];
433
- a.modalRef && Q(a.modalRef, !1);
434
- }
435
- return r;
436
- }
437
- isTopModal(n) {
438
- return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
439
- }
440
- }
441
- function yo(e) {
442
- return K("MuiModal", e);
443
- }
444
- H("MuiModal", ["root", "hidden", "backdrop"]);
445
- const Eo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], To = (e) => {
446
- const {
447
- open: n,
448
- exited: t
449
- } = e;
450
- return X({
451
- root: ["root", !n && t && "hidden"],
452
- backdrop: ["backdrop"]
453
- }, no(yo));
454
- };
455
- function ko(e) {
456
- return typeof e == "function" ? e() : e;
457
- }
458
- function Co(e) {
459
- return e ? e.props.hasOwnProperty("in") : !1;
460
- }
461
- const Ro = new xo(), Be = /* @__PURE__ */ d.forwardRef(function(n, t) {
462
- var r, i;
463
- const {
464
- children: s,
465
- closeAfterTransition: a = !1,
466
- component: c,
467
- container: p,
468
- disableAutoFocus: f = !1,
469
- disableEnforceFocus: E = !1,
470
- disableEscapeKeyDown: h = !1,
471
- disablePortal: b = !1,
472
- disableRestoreFocus: T = !1,
473
- disableScrollLock: m = !1,
474
- hideBackdrop: S = !1,
475
- keepMounted: P = !1,
476
- // private
477
- manager: x = Ro,
478
- onBackdropClick: O,
479
- onClose: u,
480
- onKeyDown: y,
481
- open: v,
482
- onTransitionEnter: C,
483
- onTransitionExited: D,
484
- slotProps: $ = {},
485
- slots: L = {}
486
- } = n, F = j(n, Eo), [N, M] = d.useState(!v), _ = d.useRef({}), g = d.useRef(null), k = d.useRef(null), z = ee(k, t), W = Co(s), V = (r = n["aria-hidden"]) != null ? r : !0, oe = () => U(g.current), q = () => (_.current.modalRef = k.current, _.current.mountNode = g.current, _.current), Y = () => {
487
- x.mount(q(), {
488
- disableScrollLock: m
489
- }), k.current && (k.current.scrollTop = 0);
490
- }, G = ke(() => {
491
- const B = ko(p) || oe().body;
492
- x.add(q(), B), k.current && Y();
493
- }), le = d.useCallback(() => x.isTopModal(q()), [x]), Ae = ke((B) => {
494
- g.current = B, !(!B || !k.current) && (v && le() ? Y() : Q(k.current, V));
495
- }), J = d.useCallback(() => {
496
- x.remove(q(), V);
497
- }, [x, V]);
498
- d.useEffect(() => () => {
499
- J();
500
- }, [J]), d.useEffect(() => {
501
- v ? G() : (!W || !a) && J();
502
- }, [v, J, W, a, G]);
503
- const ce = l({}, n, {
504
- closeAfterTransition: a,
505
- disableAutoFocus: f,
506
- disableEnforceFocus: E,
507
- disableEscapeKeyDown: h,
508
- disablePortal: b,
509
- disableRestoreFocus: T,
510
- disableScrollLock: m,
511
- exited: N,
512
- hideBackdrop: S,
513
- keepMounted: P
514
- }), xe = To(ce), Le = () => {
515
- M(!1), C && C();
516
- }, _e = () => {
517
- M(!0), D && D(), a && J();
518
- }, je = (B) => {
519
- B.target === B.currentTarget && (O && O(B), u && u(B, "backdropClick"));
520
- }, Ve = (B) => {
521
- y && y(B), !(B.key !== "Escape" || !le()) && (h || (B.stopPropagation(), u && u(B, "escapeKeyDown")));
522
- }, ne = {};
523
- s.props.tabIndex === void 0 && (ne.tabIndex = "-1"), W && (ne.onEnter = Re(Le, s.props.onEnter), ne.onExited = Re(_e, s.props.onExited));
524
- const ye = (i = c ?? L.root) != null ? i : "div", Ue = Ne({
525
- elementType: ye,
526
- externalSlotProps: $.root,
527
- externalForwardedProps: F,
528
- additionalProps: {
529
- ref: z,
530
- role: "presentation",
531
- onKeyDown: Ve
532
- },
533
- className: xe.root,
534
- ownerState: ce
535
- }), de = L.backdrop, He = Ne({
536
- elementType: de,
537
- externalSlotProps: $.backdrop,
538
- additionalProps: {
539
- "aria-hidden": !0,
540
- onClick: je,
541
- open: v
542
- },
543
- className: xe.backdrop,
544
- ownerState: ce
545
- });
546
- return !P && !v && (!W || N) ? null : /* @__PURE__ */ R(
547
- ie,
548
- {
549
- ref: Ae,
550
- container: p,
551
- disablePortal: b,
552
- children: /* @__PURE__ */ be(ye, l({}, Ue, {
553
- children: [!S && de ? /* @__PURE__ */ R(de, l({}, He)) : null, /* @__PURE__ */ R(se, {
554
- disableEnforceFocus: E,
555
- disableAutoFocus: f,
556
- disableRestoreFocus: T,
557
- isEnabled: le,
558
- open: v,
559
- children: /* @__PURE__ */ d.cloneElement(s, ne)
560
- })]
561
- }))
562
- }
563
- );
564
- });
565
- process.env.NODE_ENV !== "production" && (Be.propTypes = {
566
- // ----------------------------- Warning --------------------------------
567
- // | These PropTypes are generated from the TypeScript type definitions |
568
- // | To update them edit TypeScript types and run "yarn proptypes" |
569
- // ----------------------------------------------------------------------
570
- /**
571
- * A single child content element.
572
- */
573
- children: ae.isRequired,
574
- /**
575
- * When set to true the Modal waits until a nested Transition is completed before closing.
576
- * @default false
577
- */
578
- closeAfterTransition: o.bool,
579
- /**
580
- * The component used for the root node.
581
- * Either a string to use a HTML element or a component.
582
- */
583
- component: o.elementType,
584
- /**
585
- * An HTML element or function that returns one.
586
- * The `container` will have the portal children appended to it.
587
- *
588
- * By default, it uses the body of the top-level document object,
589
- * so it's simply `document.body` most of the time.
590
- */
591
- container: o.oneOfType([ge, o.func]),
592
- /**
593
- * If `true`, the modal will not automatically shift focus to itself when it opens, and
594
- * replace it to the last focused element when it closes.
595
- * This also works correctly with any modal children that have the `disableAutoFocus` prop.
596
- *
597
- * Generally this should never be set to `true` as it makes the modal less
598
- * accessible to assistive technologies, like screen readers.
599
- * @default false
600
- */
601
- disableAutoFocus: o.bool,
602
- /**
603
- * If `true`, the modal will not prevent focus from leaving the modal while open.
604
- *
605
- * Generally this should never be set to `true` as it makes the modal less
606
- * accessible to assistive technologies, like screen readers.
607
- * @default false
608
- */
609
- disableEnforceFocus: o.bool,
610
- /**
611
- * If `true`, hitting escape will not fire the `onClose` callback.
612
- * @default false
613
- */
614
- disableEscapeKeyDown: o.bool,
615
- /**
616
- * The `children` will be under the DOM hierarchy of the parent component.
617
- * @default false
618
- */
619
- disablePortal: o.bool,
620
- /**
621
- * If `true`, the modal will not restore focus to previously focused element once
622
- * modal is hidden or unmounted.
623
- * @default false
624
- */
625
- disableRestoreFocus: o.bool,
626
- /**
627
- * Disable the scroll lock behavior.
628
- * @default false
629
- */
630
- disableScrollLock: o.bool,
631
- /**
632
- * If `true`, the backdrop is not rendered.
633
- * @default false
634
- */
635
- hideBackdrop: o.bool,
636
- /**
637
- * Always keep the children in the DOM.
638
- * This prop can be useful in SEO situation or
639
- * when you want to maximize the responsiveness of the Modal.
640
- * @default false
641
- */
642
- keepMounted: o.bool,
643
- /**
644
- * Callback fired when the backdrop is clicked.
645
- * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
646
- */
647
- onBackdropClick: o.func,
648
- /**
649
- * Callback fired when the component requests to be closed.
650
- * The `reason` parameter can optionally be used to control the response to `onClose`.
651
- *
652
- * @param {object} event The event source of the callback.
653
- * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
654
- */
655
- onClose: o.func,
656
- /**
657
- * @ignore
658
- */
659
- onKeyDown: o.func,
660
- /**
661
- * If `true`, the component is shown.
662
- */
663
- open: o.bool.isRequired,
664
- /**
665
- * The props used for each slot inside the Modal.
666
- * @default {}
667
- */
668
- slotProps: o.shape({
669
- backdrop: o.oneOfType([o.func, o.object]),
670
- root: o.oneOfType([o.func, o.object])
671
- }),
672
- /**
673
- * The components used for each slot inside the Modal.
674
- * Either a string to use a HTML element or a component.
675
- * @default {}
676
- */
677
- slots: o.shape({
678
- backdrop: o.elementType,
679
- root: o.elementType
680
- })
681
- });
682
- function Po(e) {
683
- return K("MuiButton", e);
684
- }
685
- const re = H("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), Fe = /* @__PURE__ */ d.createContext({});
686
- process.env.NODE_ENV !== "production" && (Fe.displayName = "ButtonGroupContext");
687
- const No = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], So = (e) => {
688
- const {
689
- color: n,
690
- disableElevation: t,
691
- fullWidth: r,
692
- size: i,
693
- variant: s,
694
- classes: a
695
- } = e, c = {
696
- root: ["root", s, `${s}${I(n)}`, `size${I(i)}`, `${s}Size${I(i)}`, n === "inherit" && "colorInherit", t && "disableElevation", r && "fullWidth"],
697
- label: ["label"],
698
- startIcon: ["startIcon", `iconSize${I(i)}`],
699
- endIcon: ["endIcon", `iconSize${I(i)}`]
700
- }, p = X(c, Po, a);
701
- return l({}, a, p);
702
- }, We = (e) => l({}, e.size === "small" && {
703
- "& > *:nth-of-type(1)": {
704
- fontSize: 18
705
- }
706
- }, e.size === "medium" && {
707
- "& > *:nth-of-type(1)": {
708
- fontSize: 20
709
- }
710
- }, e.size === "large" && {
711
- "& > *:nth-of-type(1)": {
712
- fontSize: 22
713
- }
714
- }), Oo = A(Ye, {
715
- shouldForwardProp: (e) => qe(e) || e === "classes",
716
- name: "MuiButton",
717
- slot: "Root",
718
- overridesResolver: (e, n) => {
719
- const {
720
- ownerState: t
721
- } = e;
722
- return [n.root, n[t.variant], n[`${t.variant}${I(t.color)}`], n[`size${I(t.size)}`], n[`${t.variant}Size${I(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
723
- }
724
- })(({
725
- theme: e,
726
- ownerState: n
727
- }) => {
728
- var t, r;
729
- return l({}, e.typography.button, {
730
- minWidth: 64,
731
- padding: "6px 16px",
732
- borderRadius: (e.vars || e).shape.borderRadius,
733
- transition: e.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
734
- duration: e.transitions.duration.short
735
- }),
736
- "&:hover": l({
737
- textDecoration: "none",
738
- backgroundColor: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette.text.primary, e.palette.action.hoverOpacity),
739
- // Reset on touch devices, it doesn't add specificity
740
- "@media (hover: none)": {
741
- backgroundColor: "transparent"
742
- }
743
- }, n.variant === "text" && n.color !== "inherit" && {
744
- backgroundColor: e.vars ? `rgba(${e.vars.palette[n.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette[n.color].main, e.palette.action.hoverOpacity),
745
- // Reset on touch devices, it doesn't add specificity
746
- "@media (hover: none)": {
747
- backgroundColor: "transparent"
748
- }
749
- }, n.variant === "outlined" && n.color !== "inherit" && {
750
- border: `1px solid ${(e.vars || e).palette[n.color].main}`,
751
- backgroundColor: e.vars ? `rgba(${e.vars.palette[n.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette[n.color].main, e.palette.action.hoverOpacity),
752
- // Reset on touch devices, it doesn't add specificity
753
- "@media (hover: none)": {
754
- backgroundColor: "transparent"
755
- }
756
- }, n.variant === "contained" && {
757
- backgroundColor: (e.vars || e).palette.grey.A100,
758
- boxShadow: (e.vars || e).shadows[4],
759
- // Reset on touch devices, it doesn't add specificity
760
- "@media (hover: none)": {
761
- boxShadow: (e.vars || e).shadows[2],
762
- backgroundColor: (e.vars || e).palette.grey[300]
763
- }
764
- }, n.variant === "contained" && n.color !== "inherit" && {
765
- backgroundColor: (e.vars || e).palette[n.color].dark,
766
- // Reset on touch devices, it doesn't add specificity
767
- "@media (hover: none)": {
768
- backgroundColor: (e.vars || e).palette[n.color].main
769
- }
770
- }),
771
- "&:active": l({}, n.variant === "contained" && {
772
- boxShadow: (e.vars || e).shadows[8]
773
- }),
774
- [`&.${re.focusVisible}`]: l({}, n.variant === "contained" && {
775
- boxShadow: (e.vars || e).shadows[6]
776
- }),
777
- [`&.${re.disabled}`]: l({
778
- color: (e.vars || e).palette.action.disabled
779
- }, n.variant === "outlined" && {
780
- border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
781
- }, n.variant === "contained" && {
782
- color: (e.vars || e).palette.action.disabled,
783
- boxShadow: (e.vars || e).shadows[0],
784
- backgroundColor: (e.vars || e).palette.action.disabledBackground
785
- })
786
- }, n.variant === "text" && {
787
- padding: "6px 8px"
788
- }, n.variant === "text" && n.color !== "inherit" && {
789
- color: (e.vars || e).palette[n.color].main
790
- }, n.variant === "outlined" && {
791
- padding: "5px 15px",
792
- border: "1px solid currentColor"
793
- }, n.variant === "outlined" && n.color !== "inherit" && {
794
- color: (e.vars || e).palette[n.color].main,
795
- border: e.vars ? `1px solid rgba(${e.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${te(e.palette[n.color].main, 0.5)}`
796
- }, n.variant === "contained" && {
797
- color: e.vars ? (
798
- // this is safe because grey does not change between default light/dark mode
799
- e.vars.palette.text.primary
800
- ) : (t = (r = e.palette).getContrastText) == null ? void 0 : t.call(r, e.palette.grey[300]),
801
- backgroundColor: (e.vars || e).palette.grey[300],
802
- boxShadow: (e.vars || e).shadows[2]
803
- }, n.variant === "contained" && n.color !== "inherit" && {
804
- color: (e.vars || e).palette[n.color].contrastText,
805
- backgroundColor: (e.vars || e).palette[n.color].main
806
- }, n.color === "inherit" && {
807
- color: "inherit",
808
- borderColor: "currentColor"
809
- }, n.size === "small" && n.variant === "text" && {
810
- padding: "4px 5px",
811
- fontSize: e.typography.pxToRem(13)
812
- }, n.size === "large" && n.variant === "text" && {
813
- padding: "8px 11px",
814
- fontSize: e.typography.pxToRem(15)
815
- }, n.size === "small" && n.variant === "outlined" && {
816
- padding: "3px 9px",
817
- fontSize: e.typography.pxToRem(13)
818
- }, n.size === "large" && n.variant === "outlined" && {
819
- padding: "7px 21px",
820
- fontSize: e.typography.pxToRem(15)
821
- }, n.size === "small" && n.variant === "contained" && {
822
- padding: "4px 10px",
823
- fontSize: e.typography.pxToRem(13)
824
- }, n.size === "large" && n.variant === "contained" && {
825
- padding: "8px 22px",
826
- fontSize: e.typography.pxToRem(15)
827
- }, n.fullWidth && {
828
- width: "100%"
829
- });
830
- }, ({
831
- ownerState: e
832
- }) => e.disableElevation && {
833
- boxShadow: "none",
834
- "&:hover": {
835
- boxShadow: "none"
836
- },
837
- [`&.${re.focusVisible}`]: {
838
- boxShadow: "none"
839
- },
840
- "&:active": {
841
- boxShadow: "none"
842
- },
843
- [`&.${re.disabled}`]: {
844
- boxShadow: "none"
845
- }
846
- }), Do = A("span", {
847
- name: "MuiButton",
848
- slot: "StartIcon",
849
- overridesResolver: (e, n) => {
850
- const {
851
- ownerState: t
852
- } = e;
853
- return [n.startIcon, n[`iconSize${I(t.size)}`]];
854
- }
855
- })(({
856
- ownerState: e
857
- }) => l({
858
- display: "inherit",
859
- marginRight: 8,
860
- marginLeft: -4
861
- }, e.size === "small" && {
862
- marginLeft: -2
863
- }, We(e))), Io = A("span", {
864
- name: "MuiButton",
865
- slot: "EndIcon",
866
- overridesResolver: (e, n) => {
867
- const {
868
- ownerState: t
869
- } = e;
870
- return [n.endIcon, n[`iconSize${I(t.size)}`]];
871
- }
872
- })(({
873
- ownerState: e
874
- }) => l({
875
- display: "inherit",
876
- marginRight: -4,
877
- marginLeft: 8
878
- }, e.size === "small" && {
879
- marginRight: -2
880
- }, We(e))), Mo = /* @__PURE__ */ d.forwardRef(function(n, t) {
881
- const r = d.useContext(Fe), i = Ke(r, n), s = Z({
882
- props: i,
883
- name: "MuiButton"
884
- }), {
885
- children: a,
886
- color: c = "primary",
887
- component: p = "button",
888
- className: f,
889
- disabled: E = !1,
890
- disableElevation: h = !1,
891
- disableFocusRipple: b = !1,
892
- endIcon: T,
893
- focusVisibleClassName: m,
894
- fullWidth: S = !1,
895
- size: P = "medium",
896
- startIcon: x,
897
- type: O,
898
- variant: u = "text"
899
- } = s, y = j(s, No), v = l({}, s, {
900
- color: c,
901
- component: p,
902
- disabled: E,
903
- disableElevation: h,
904
- disableFocusRipple: b,
905
- fullWidth: S,
906
- size: P,
907
- type: O,
908
- variant: u
909
- }), C = So(v), D = x && /* @__PURE__ */ R(Do, {
910
- className: C.startIcon,
911
- ownerState: v,
912
- children: x
913
- }), $ = T && /* @__PURE__ */ R(Io, {
914
- className: C.endIcon,
915
- ownerState: v,
916
- children: T
917
- });
918
- return /* @__PURE__ */ be(Oo, l({
919
- ownerState: v,
920
- className: w(r.className, C.root, f),
921
- component: p,
922
- disabled: E,
923
- focusRipple: !b,
924
- focusVisibleClassName: w(C.focusVisible, m),
925
- ref: t,
926
- type: O
927
- }, y, {
928
- classes: C,
929
- children: [D, a, $]
930
- }));
931
- });
932
- process.env.NODE_ENV !== "production" && (Mo.propTypes = {
933
- // ----------------------------- Warning --------------------------------
934
- // | These PropTypes are generated from the TypeScript type definitions |
935
- // | To update them edit the d.ts file and run "yarn proptypes" |
936
- // ----------------------------------------------------------------------
937
- /**
938
- * The content of the component.
939
- */
940
- children: o.node,
941
- /**
942
- * Override or extend the styles applied to the component.
943
- */
944
- classes: o.object,
945
- /**
946
- * @ignore
947
- */
948
- className: o.string,
949
- /**
950
- * The color of the component.
951
- * It supports both default and custom theme colors, which can be added as shown in the
952
- * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
953
- * @default 'primary'
954
- */
955
- color: o.oneOfType([o.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), o.string]),
956
- /**
957
- * The component used for the root node.
958
- * Either a string to use a HTML element or a component.
959
- */
960
- component: o.elementType,
961
- /**
962
- * If `true`, the component is disabled.
963
- * @default false
964
- */
965
- disabled: o.bool,
966
- /**
967
- * If `true`, no elevation is used.
968
- * @default false
969
- */
970
- disableElevation: o.bool,
971
- /**
972
- * If `true`, the keyboard focus ripple is disabled.
973
- * @default false
974
- */
975
- disableFocusRipple: o.bool,
976
- /**
977
- * If `true`, the ripple effect is disabled.
978
- *
979
- * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
980
- * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
981
- * @default false
982
- */
983
- disableRipple: o.bool,
984
- /**
985
- * Element placed after the children.
986
- */
987
- endIcon: o.node,
988
- /**
989
- * @ignore
990
- */
991
- focusVisibleClassName: o.string,
992
- /**
993
- * If `true`, the button will take up the full width of its container.
994
- * @default false
995
- */
996
- fullWidth: o.bool,
997
- /**
998
- * The URL to link to when the button is clicked.
999
- * If defined, an `a` element will be used as the root node.
1000
- */
1001
- href: o.string,
1002
- /**
1003
- * The size of the component.
1004
- * `small` is equivalent to the dense button styling.
1005
- * @default 'medium'
1006
- */
1007
- size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
1008
- /**
1009
- * Element placed before the children.
1010
- */
1011
- startIcon: o.node,
1012
- /**
1013
- * The system prop that allows defining system overrides as well as additional CSS styles.
1014
- */
1015
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
1016
- /**
1017
- * @ignore
1018
- */
1019
- type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string]),
1020
- /**
1021
- * The variant to use.
1022
- * @default 'text'
1023
- */
1024
- variant: o.oneOfType([o.oneOf(["contained", "outlined", "text"]), o.string])
1025
- });
1026
- const $o = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Bo = {
1027
- entering: {
1028
- opacity: 1
1029
- },
1030
- entered: {
1031
- opacity: 1
1032
- }
1033
- }, ve = /* @__PURE__ */ d.forwardRef(function(n, t) {
1034
- const r = De(), i = {
1035
- enter: r.transitions.duration.enteringScreen,
1036
- exit: r.transitions.duration.leavingScreen
1037
- }, {
1038
- addEndListener: s,
1039
- appear: a = !0,
1040
- children: c,
1041
- easing: p,
1042
- in: f,
1043
- onEnter: E,
1044
- onEntered: h,
1045
- onEntering: b,
1046
- onExit: T,
1047
- onExited: m,
1048
- onExiting: S,
1049
- style: P,
1050
- timeout: x = i,
1051
- // eslint-disable-next-line react/prop-types
1052
- TransitionComponent: O = Ge
1053
- } = n, u = j(n, $o), y = d.useRef(null), v = ee(y, c.ref, t), C = (g) => (k) => {
1054
- if (g) {
1055
- const z = y.current;
1056
- k === void 0 ? g(z) : g(z, k);
1057
- }
1058
- }, D = C(b), $ = C((g, k) => {
1059
- Xe(g);
1060
- const z = Ce({
1061
- style: P,
1062
- timeout: x,
1063
- easing: p
1064
- }, {
1065
- mode: "enter"
1066
- });
1067
- g.style.webkitTransition = r.transitions.create("opacity", z), g.style.transition = r.transitions.create("opacity", z), E && E(g, k);
1068
- }), L = C(h), F = C(S), N = C((g) => {
1069
- const k = Ce({
1070
- style: P,
1071
- timeout: x,
1072
- easing: p
1073
- }, {
1074
- mode: "exit"
1075
- });
1076
- g.style.webkitTransition = r.transitions.create("opacity", k), g.style.transition = r.transitions.create("opacity", k), T && T(g);
1077
- }), M = C(m);
1078
- return /* @__PURE__ */ R(O, l({
1079
- appear: a,
1080
- in: f,
1081
- nodeRef: y,
1082
- onEnter: $,
1083
- onEntered: L,
1084
- onEntering: D,
1085
- onExit: N,
1086
- onExited: M,
1087
- onExiting: F,
1088
- addEndListener: (g) => {
1089
- s && s(y.current, g);
1090
- },
1091
- timeout: x
1092
- }, u, {
1093
- children: (g, k) => /* @__PURE__ */ d.cloneElement(c, l({
1094
- style: l({
1095
- opacity: 0,
1096
- visibility: g === "exited" && !f ? "hidden" : void 0
1097
- }, Bo[g], P, c.props.style),
1098
- ref: v
1099
- }, k))
1100
- }));
1101
- });
1102
- process.env.NODE_ENV !== "production" && (ve.propTypes = {
1103
- // ----------------------------- Warning --------------------------------
1104
- // | These PropTypes are generated from the TypeScript type definitions |
1105
- // | To update them edit the d.ts file and run "yarn proptypes" |
1106
- // ----------------------------------------------------------------------
1107
- /**
1108
- * Add a custom transition end trigger. Called with the transitioning DOM
1109
- * node and a done callback. Allows for more fine grained transition end
1110
- * logic. Note: Timeouts are still used as a fallback if provided.
1111
- */
1112
- addEndListener: o.func,
1113
- /**
1114
- * Perform the enter transition when it first mounts if `in` is also `true`.
1115
- * Set this to `false` to disable this behavior.
1116
- * @default true
1117
- */
1118
- appear: o.bool,
1119
- /**
1120
- * A single child content element.
1121
- */
1122
- children: ae.isRequired,
1123
- /**
1124
- * The transition timing function.
1125
- * You may specify a single easing or a object containing enter and exit values.
1126
- */
1127
- easing: o.oneOfType([o.shape({
1128
- enter: o.string,
1129
- exit: o.string
1130
- }), o.string]),
1131
- /**
1132
- * If `true`, the component will transition in.
1133
- */
1134
- in: o.bool,
1135
- /**
1136
- * @ignore
1137
- */
1138
- onEnter: o.func,
1139
- /**
1140
- * @ignore
1141
- */
1142
- onEntered: o.func,
1143
- /**
1144
- * @ignore
1145
- */
1146
- onEntering: o.func,
1147
- /**
1148
- * @ignore
1149
- */
1150
- onExit: o.func,
1151
- /**
1152
- * @ignore
1153
- */
1154
- onExited: o.func,
1155
- /**
1156
- * @ignore
1157
- */
1158
- onExiting: o.func,
1159
- /**
1160
- * @ignore
1161
- */
1162
- style: o.object,
1163
- /**
1164
- * The duration for the transition, in milliseconds.
1165
- * You may specify a single timeout for all transitions, or individually with an object.
1166
- * @default {
1167
- * enter: theme.transitions.duration.enteringScreen,
1168
- * exit: theme.transitions.duration.leavingScreen,
1169
- * }
1170
- */
1171
- timeout: o.oneOfType([o.number, o.shape({
1172
- appear: o.number,
1173
- enter: o.number,
1174
- exit: o.number
1175
- })])
1176
- });
1177
- function Fo(e) {
1178
- return K("MuiBackdrop", e);
1179
- }
1180
- H("MuiBackdrop", ["root", "invisible"]);
1181
- const Wo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], zo = (e) => {
1182
- const {
1183
- classes: n,
1184
- invisible: t
1185
- } = e;
1186
- return X({
1187
- root: ["root", t && "invisible"]
1188
- }, Fo, n);
1189
- }, wo = A("div", {
1190
- name: "MuiBackdrop",
1191
- slot: "Root",
1192
- overridesResolver: (e, n) => {
1193
- const {
1194
- ownerState: t
1195
- } = e;
1196
- return [n.root, t.invisible && n.invisible];
1197
- }
1198
- })(({
1199
- ownerState: e
1200
- }) => l({
1201
- position: "fixed",
1202
- display: "flex",
1203
- alignItems: "center",
1204
- justifyContent: "center",
1205
- right: 0,
1206
- bottom: 0,
1207
- top: 0,
1208
- left: 0,
1209
- backgroundColor: "rgba(0, 0, 0, 0.5)",
1210
- WebkitTapHighlightColor: "transparent"
1211
- }, e.invisible && {
1212
- backgroundColor: "transparent"
1213
- })), he = /* @__PURE__ */ d.forwardRef(function(n, t) {
1214
- var r, i, s;
1215
- const a = Z({
1216
- props: n,
1217
- name: "MuiBackdrop"
1218
- }), {
1219
- children: c,
1220
- className: p,
1221
- component: f = "div",
1222
- components: E = {},
1223
- componentsProps: h = {},
1224
- invisible: b = !1,
1225
- open: T,
1226
- slotProps: m = {},
1227
- slots: S = {},
1228
- TransitionComponent: P = ve,
1229
- transitionDuration: x
1230
- } = a, O = j(a, Wo), u = l({}, a, {
1231
- component: f,
1232
- invisible: b
1233
- }), y = zo(u), v = (r = m.root) != null ? r : h.root;
1234
- return /* @__PURE__ */ R(P, l({
1235
- in: T,
1236
- timeout: x
1237
- }, O, {
1238
- children: /* @__PURE__ */ R(wo, l({
1239
- "aria-hidden": !0
1240
- }, v, {
1241
- as: (i = (s = S.root) != null ? s : E.Root) != null ? i : f,
1242
- className: w(y.root, p, v == null ? void 0 : v.className),
1243
- ownerState: l({}, u, v == null ? void 0 : v.ownerState),
1244
- classes: y,
1245
- ref: t,
1246
- children: c
1247
- }))
1248
- }));
1249
- });
1250
- process.env.NODE_ENV !== "production" && (he.propTypes = {
1251
- // ----------------------------- Warning --------------------------------
1252
- // | These PropTypes are generated from the TypeScript type definitions |
1253
- // | To update them edit the d.ts file and run "yarn proptypes" |
1254
- // ----------------------------------------------------------------------
1255
- /**
1256
- * The content of the component.
1257
- */
1258
- children: o.node,
1259
- /**
1260
- * Override or extend the styles applied to the component.
1261
- */
1262
- classes: o.object,
1263
- /**
1264
- * @ignore
1265
- */
1266
- className: o.string,
1267
- /**
1268
- * The component used for the root node.
1269
- * Either a string to use a HTML element or a component.
1270
- */
1271
- component: o.elementType,
1272
- /**
1273
- * The components used for each slot inside.
1274
- *
1275
- * This prop is an alias for the `slots` prop.
1276
- * It's recommended to use the `slots` prop instead.
1277
- *
1278
- * @default {}
1279
- */
1280
- components: o.shape({
1281
- Root: o.elementType
1282
- }),
1283
- /**
1284
- * The extra props for the slot components.
1285
- * You can override the existing props or add new ones.
1286
- *
1287
- * This prop is an alias for the `slotProps` prop.
1288
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
1289
- *
1290
- * @default {}
1291
- */
1292
- componentsProps: o.shape({
1293
- root: o.object
1294
- }),
1295
- /**
1296
- * If `true`, the backdrop is invisible.
1297
- * It can be used when rendering a popover or a custom select component.
1298
- * @default false
1299
- */
1300
- invisible: o.bool,
1301
- /**
1302
- * If `true`, the component is shown.
1303
- */
1304
- open: o.bool.isRequired,
1305
- /**
1306
- * The extra props for the slot components.
1307
- * You can override the existing props or add new ones.
1308
- *
1309
- * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
1310
- *
1311
- * @default {}
1312
- */
1313
- slotProps: o.shape({
1314
- root: o.object
1315
- }),
1316
- /**
1317
- * The components used for each slot inside.
1318
- *
1319
- * This prop is an alias for the `components` prop, which will be deprecated in the future.
1320
- *
1321
- * @default {}
1322
- */
1323
- slots: o.shape({
1324
- root: o.elementType
1325
- }),
1326
- /**
1327
- * The system prop that allows defining system overrides as well as additional CSS styles.
1328
- */
1329
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
1330
- /**
1331
- * The component used for the transition.
1332
- * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
1333
- * @default Fade
1334
- */
1335
- TransitionComponent: o.elementType,
1336
- /**
1337
- * The duration for the transition, in milliseconds.
1338
- * You may specify a single timeout for all transitions, or individually with an object.
1339
- */
1340
- transitionDuration: o.oneOfType([o.number, o.shape({
1341
- appear: o.number,
1342
- enter: o.number,
1343
- exit: o.number
1344
- })])
1345
- });
1346
- const Ao = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], Lo = A("div", {
1347
- name: "MuiModal",
1348
- slot: "Root",
1349
- overridesResolver: (e, n) => {
1350
- const {
1351
- ownerState: t
1352
- } = e;
1353
- return [n.root, !t.open && t.exited && n.hidden];
1354
- }
1355
- })(({
1356
- theme: e,
1357
- ownerState: n
1358
- }) => l({
1359
- position: "fixed",
1360
- zIndex: (e.vars || e).zIndex.modal,
1361
- right: 0,
1362
- bottom: 0,
1363
- top: 0,
1364
- left: 0
1365
- }, !n.open && n.exited && {
1366
- visibility: "hidden"
1367
- })), _o = A(he, {
1368
- name: "MuiModal",
1369
- slot: "Backdrop",
1370
- overridesResolver: (e, n) => n.backdrop
1371
- })({
1372
- zIndex: -1
1373
- }), ze = /* @__PURE__ */ d.forwardRef(function(n, t) {
1374
- var r, i, s, a, c, p;
1375
- const f = Z({
1376
- name: "MuiModal",
1377
- props: n
1378
- }), {
1379
- BackdropComponent: E = _o,
1380
- BackdropProps: h,
1381
- classes: b,
1382
- className: T,
1383
- closeAfterTransition: m = !1,
1384
- children: S,
1385
- component: P,
1386
- components: x = {},
1387
- componentsProps: O = {},
1388
- disableAutoFocus: u = !1,
1389
- disableEnforceFocus: y = !1,
1390
- disableEscapeKeyDown: v = !1,
1391
- disablePortal: C = !1,
1392
- disableRestoreFocus: D = !1,
1393
- disableScrollLock: $ = !1,
1394
- hideBackdrop: L = !1,
1395
- keepMounted: F = !1,
1396
- slotProps: N,
1397
- slots: M,
1398
- // eslint-disable-next-line react/prop-types
1399
- theme: _
1400
- } = f, g = j(f, Ao), [k, z] = d.useState(!0), W = {
1401
- closeAfterTransition: m,
1402
- disableAutoFocus: u,
1403
- disableEnforceFocus: y,
1404
- disableEscapeKeyDown: v,
1405
- disablePortal: C,
1406
- disableRestoreFocus: D,
1407
- disableScrollLock: $,
1408
- hideBackdrop: L,
1409
- keepMounted: F
1410
- }, V = l({}, f, W, {
1411
- exited: k
1412
- }), oe = (r = (i = M == null ? void 0 : M.root) != null ? i : x.Root) != null ? r : Lo, q = (s = (a = M == null ? void 0 : M.backdrop) != null ? a : x.Backdrop) != null ? s : E, Y = (c = N == null ? void 0 : N.root) != null ? c : O.root, G = (p = N == null ? void 0 : N.backdrop) != null ? p : O.backdrop;
1413
- return /* @__PURE__ */ R(Be, l({
1414
- slots: {
1415
- root: oe,
1416
- backdrop: q
1417
- },
1418
- slotProps: {
1419
- root: () => l({}, fe(Y, V), !Me(oe) && {
1420
- as: P,
1421
- theme: _
1422
- }, {
1423
- className: w(T, Y == null ? void 0 : Y.className, b == null ? void 0 : b.root, !V.open && V.exited && (b == null ? void 0 : b.hidden))
1424
- }),
1425
- backdrop: () => l({}, h, fe(G, V), {
1426
- className: w(G == null ? void 0 : G.className, b == null ? void 0 : b.backdrop)
1427
- })
1428
- },
1429
- onTransitionEnter: () => z(!1),
1430
- onTransitionExited: () => z(!0),
1431
- ref: t
1432
- }, g, W, {
1433
- children: S
1434
- }));
1435
- });
1436
- process.env.NODE_ENV !== "production" && (ze.propTypes = {
1437
- // ----------------------------- Warning --------------------------------
1438
- // | These PropTypes are generated from the TypeScript type definitions |
1439
- // | To update them edit the d.ts file and run "yarn proptypes" |
1440
- // ----------------------------------------------------------------------
1441
- /**
1442
- * A backdrop component. This prop enables custom backdrop rendering.
1443
- * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
1444
- * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
1445
- * @default styled(Backdrop, {
1446
- * name: 'MuiModal',
1447
- * slot: 'Backdrop',
1448
- * overridesResolver: (props, styles) => {
1449
- * return styles.backdrop;
1450
- * },
1451
- * })({
1452
- * zIndex: -1,
1453
- * })
1454
- */
1455
- BackdropComponent: o.elementType,
1456
- /**
1457
- * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
1458
- * @deprecated Use `slotProps.backdrop` instead.
1459
- */
1460
- BackdropProps: o.object,
1461
- /**
1462
- * A single child content element.
1463
- */
1464
- children: ae.isRequired,
1465
- /**
1466
- * Override or extend the styles applied to the component.
1467
- */
1468
- classes: o.object,
1469
- /**
1470
- * @ignore
1471
- */
1472
- className: o.string,
1473
- /**
1474
- * When set to true the Modal waits until a nested Transition is completed before closing.
1475
- * @default false
1476
- */
1477
- closeAfterTransition: o.bool,
1478
- /**
1479
- * The component used for the root node.
1480
- * Either a string to use a HTML element or a component.
1481
- */
1482
- component: o.elementType,
1483
- /**
1484
- * The components used for each slot inside.
1485
- *
1486
- * This prop is an alias for the `slots` prop.
1487
- * It's recommended to use the `slots` prop instead.
1488
- *
1489
- * @default {}
1490
- */
1491
- components: o.shape({
1492
- Backdrop: o.elementType,
1493
- Root: o.elementType
1494
- }),
1495
- /**
1496
- * The extra props for the slot components.
1497
- * You can override the existing props or add new ones.
1498
- *
1499
- * This prop is an alias for the `slotProps` prop.
1500
- * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
1501
- *
1502
- * @default {}
1503
- */
1504
- componentsProps: o.shape({
1505
- backdrop: o.oneOfType([o.func, o.object]),
1506
- root: o.oneOfType([o.func, o.object])
1507
- }),
1508
- /**
1509
- * An HTML element or function that returns one.
1510
- * The `container` will have the portal children appended to it.
1511
- *
1512
- * By default, it uses the body of the top-level document object,
1513
- * so it's simply `document.body` most of the time.
1514
- */
1515
- container: o.oneOfType([ge, o.func]),
1516
- /**
1517
- * If `true`, the modal will not automatically shift focus to itself when it opens, and
1518
- * replace it to the last focused element when it closes.
1519
- * This also works correctly with any modal children that have the `disableAutoFocus` prop.
1520
- *
1521
- * Generally this should never be set to `true` as it makes the modal less
1522
- * accessible to assistive technologies, like screen readers.
1523
- * @default false
1524
- */
1525
- disableAutoFocus: o.bool,
1526
- /**
1527
- * If `true`, the modal will not prevent focus from leaving the modal while open.
1528
- *
1529
- * Generally this should never be set to `true` as it makes the modal less
1530
- * accessible to assistive technologies, like screen readers.
1531
- * @default false
1532
- */
1533
- disableEnforceFocus: o.bool,
1534
- /**
1535
- * If `true`, hitting escape will not fire the `onClose` callback.
1536
- * @default false
1537
- */
1538
- disableEscapeKeyDown: o.bool,
1539
- /**
1540
- * The `children` will be under the DOM hierarchy of the parent component.
1541
- * @default false
1542
- */
1543
- disablePortal: o.bool,
1544
- /**
1545
- * If `true`, the modal will not restore focus to previously focused element once
1546
- * modal is hidden or unmounted.
1547
- * @default false
1548
- */
1549
- disableRestoreFocus: o.bool,
1550
- /**
1551
- * Disable the scroll lock behavior.
1552
- * @default false
1553
- */
1554
- disableScrollLock: o.bool,
1555
- /**
1556
- * If `true`, the backdrop is not rendered.
1557
- * @default false
1558
- */
1559
- hideBackdrop: o.bool,
1560
- /**
1561
- * Always keep the children in the DOM.
1562
- * This prop can be useful in SEO situation or
1563
- * when you want to maximize the responsiveness of the Modal.
1564
- * @default false
1565
- */
1566
- keepMounted: o.bool,
1567
- /**
1568
- * Callback fired when the backdrop is clicked.
1569
- * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
1570
- */
1571
- onBackdropClick: o.func,
1572
- /**
1573
- * Callback fired when the component requests to be closed.
1574
- * The `reason` parameter can optionally be used to control the response to `onClose`.
1575
- *
1576
- * @param {object} event The event source of the callback.
1577
- * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
1578
- */
1579
- onClose: o.func,
1580
- /**
1581
- * If `true`, the component is shown.
1582
- */
1583
- open: o.bool.isRequired,
1584
- /**
1585
- * The props used for each slot inside the Modal.
1586
- * @default {}
1587
- */
1588
- slotProps: o.shape({
1589
- backdrop: o.oneOfType([o.func, o.object]),
1590
- root: o.oneOfType([o.func, o.object])
1591
- }),
1592
- /**
1593
- * The components used for each slot inside the Modal.
1594
- * Either a string to use a HTML element or a component.
1595
- * @default {}
1596
- */
1597
- slots: o.shape({
1598
- backdrop: o.elementType,
1599
- root: o.elementType
1600
- }),
1601
- /**
1602
- * The system prop that allows defining system overrides as well as additional CSS styles.
1603
- */
1604
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
1605
- });
1606
- function jo(e) {
1607
- return K("MuiDialog", e);
1608
- }
1609
- const ue = H("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), we = /* @__PURE__ */ d.createContext({});
1610
- process.env.NODE_ENV !== "production" && (we.displayName = "DialogContext");
1611
- const Vo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], Uo = A(he, {
1612
- name: "MuiDialog",
1613
- slot: "Backdrop",
1614
- overrides: (e, n) => n.backdrop
1615
- })({
1616
- // Improve scrollable dialog support.
1617
- zIndex: -1
1618
- }), Ho = (e) => {
1619
- const {
1620
- classes: n,
1621
- scroll: t,
1622
- maxWidth: r,
1623
- fullWidth: i,
1624
- fullScreen: s
1625
- } = e, a = {
1626
- root: ["root"],
1627
- container: ["container", `scroll${I(t)}`],
1628
- paper: ["paper", `paperScroll${I(t)}`, `paperWidth${I(String(r))}`, i && "paperFullWidth", s && "paperFullScreen"]
1629
- };
1630
- return X(a, jo, n);
1631
- }, Ko = A(ze, {
1632
- name: "MuiDialog",
1633
- slot: "Root",
1634
- overridesResolver: (e, n) => n.root
1635
- })({
1636
- "@media print": {
1637
- // Use !important to override the Modal inline-style.
1638
- position: "absolute !important"
1639
- }
1640
- }), qo = A("div", {
1641
- name: "MuiDialog",
1642
- slot: "Container",
1643
- overridesResolver: (e, n) => {
1644
- const {
1645
- ownerState: t
1646
- } = e;
1647
- return [n.container, n[`scroll${I(t.scroll)}`]];
1648
- }
1649
- })(({
1650
- ownerState: e
1651
- }) => l({
1652
- height: "100%",
1653
- "@media print": {
1654
- height: "auto"
1655
- },
1656
- // We disable the focus ring for mouse, touch and keyboard users.
1657
- outline: 0
1658
- }, e.scroll === "paper" && {
1659
- display: "flex",
1660
- justifyContent: "center",
1661
- alignItems: "center"
1662
- }, e.scroll === "body" && {
1663
- overflowY: "auto",
1664
- overflowX: "hidden",
1665
- textAlign: "center",
1666
- "&:after": {
1667
- content: '""',
1668
- display: "inline-block",
1669
- verticalAlign: "middle",
1670
- height: "100%",
1671
- width: "0"
1672
- }
1673
- })), Yo = A($e, {
1674
- name: "MuiDialog",
1675
- slot: "Paper",
1676
- overridesResolver: (e, n) => {
1677
- const {
1678
- ownerState: t
1679
- } = e;
1680
- return [n.paper, n[`scrollPaper${I(t.scroll)}`], n[`paperWidth${I(String(t.maxWidth))}`], t.fullWidth && n.paperFullWidth, t.fullScreen && n.paperFullScreen];
1681
- }
1682
- })(({
1683
- theme: e,
1684
- ownerState: n
1685
- }) => l({
1686
- margin: 32,
1687
- position: "relative",
1688
- overflowY: "auto",
1689
- // Fix IE11 issue, to remove at some point.
1690
- "@media print": {
1691
- overflowY: "visible",
1692
- boxShadow: "none"
1693
- }
1694
- }, n.scroll === "paper" && {
1695
- display: "flex",
1696
- flexDirection: "column",
1697
- maxHeight: "calc(100% - 64px)"
1698
- }, n.scroll === "body" && {
1699
- display: "inline-block",
1700
- verticalAlign: "middle",
1701
- textAlign: "left"
1702
- // 'initial' doesn't work on IE11
1703
- }, !n.maxWidth && {
1704
- maxWidth: "calc(100% - 64px)"
1705
- }, n.maxWidth === "xs" && {
1706
- maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `${e.breakpoints.values.xs}${e.breakpoints.unit}`,
1707
- [`&.${ue.paperScrollBody}`]: {
1708
- [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
1709
- maxWidth: "calc(100% - 64px)"
1710
- }
1711
- }
1712
- }, n.maxWidth && n.maxWidth !== "xs" && {
1713
- maxWidth: `${e.breakpoints.values[n.maxWidth]}${e.breakpoints.unit}`,
1714
- [`&.${ue.paperScrollBody}`]: {
1715
- [e.breakpoints.down(e.breakpoints.values[n.maxWidth] + 32 * 2)]: {
1716
- maxWidth: "calc(100% - 64px)"
1717
- }
1718
- }
1719
- }, n.fullWidth && {
1720
- width: "calc(100% - 64px)"
1721
- }, n.fullScreen && {
1722
- margin: 0,
1723
- width: "100%",
1724
- maxWidth: "100%",
1725
- height: "100%",
1726
- maxHeight: "none",
1727
- borderRadius: 0,
1728
- [`&.${ue.paperScrollBody}`]: {
1729
- margin: 0,
1730
- maxWidth: "100%"
1731
- }
1732
- })), Go = /* @__PURE__ */ d.forwardRef(function(n, t) {
1733
- const r = Z({
1734
- props: n,
1735
- name: "MuiDialog"
1736
- }), i = De(), s = {
1737
- enter: i.transitions.duration.enteringScreen,
1738
- exit: i.transitions.duration.leavingScreen
1739
- }, {
1740
- "aria-describedby": a,
1741
- "aria-labelledby": c,
1742
- BackdropComponent: p,
1743
- BackdropProps: f,
1744
- children: E,
1745
- className: h,
1746
- disableEscapeKeyDown: b = !1,
1747
- fullScreen: T = !1,
1748
- fullWidth: m = !1,
1749
- maxWidth: S = "sm",
1750
- onBackdropClick: P,
1751
- onClose: x,
1752
- open: O,
1753
- PaperComponent: u = $e,
1754
- PaperProps: y = {},
1755
- scroll: v = "paper",
1756
- TransitionComponent: C = ve,
1757
- transitionDuration: D = s,
1758
- TransitionProps: $
1759
- } = r, L = j(r, Vo), F = l({}, r, {
1760
- disableEscapeKeyDown: b,
1761
- fullScreen: T,
1762
- fullWidth: m,
1763
- maxWidth: S,
1764
- scroll: v
1765
- }), N = Ho(F), M = d.useRef(), _ = (W) => {
1766
- M.current = W.target === W.currentTarget;
1767
- }, g = (W) => {
1768
- M.current && (M.current = null, P && P(W), x && x(W, "backdropClick"));
1769
- }, k = Ze(c), z = d.useMemo(() => ({
1770
- titleId: k
1771
- }), [k]);
1772
- return /* @__PURE__ */ R(Ko, l({
1773
- className: w(N.root, h),
1774
- closeAfterTransition: !0,
1775
- components: {
1776
- Backdrop: Uo
1777
- },
1778
- componentsProps: {
1779
- backdrop: l({
1780
- transitionDuration: D,
1781
- as: p
1782
- }, f)
1783
- },
1784
- disableEscapeKeyDown: b,
1785
- onClose: x,
1786
- open: O,
1787
- ref: t,
1788
- onClick: g,
1789
- ownerState: F
1790
- }, L, {
1791
- children: /* @__PURE__ */ R(C, l({
1792
- appear: !0,
1793
- in: O,
1794
- timeout: D,
1795
- role: "presentation"
1796
- }, $, {
1797
- children: /* @__PURE__ */ R(qo, {
1798
- className: w(N.container),
1799
- onMouseDown: _,
1800
- ownerState: F,
1801
- children: /* @__PURE__ */ R(Yo, l({
1802
- as: u,
1803
- elevation: 24,
1804
- role: "dialog",
1805
- "aria-describedby": a,
1806
- "aria-labelledby": k
1807
- }, y, {
1808
- className: w(N.paper, y.className),
1809
- ownerState: F,
1810
- children: /* @__PURE__ */ R(we.Provider, {
1811
- value: z,
1812
- children: E
1813
- })
1814
- }))
1815
- })
1816
- }))
1817
- }));
1818
- });
1819
- process.env.NODE_ENV !== "production" && (Go.propTypes = {
1820
- // ----------------------------- Warning --------------------------------
1821
- // | These PropTypes are generated from the TypeScript type definitions |
1822
- // | To update them edit the d.ts file and run "yarn proptypes" |
1823
- // ----------------------------------------------------------------------
1824
- /**
1825
- * The id(s) of the element(s) that describe the dialog.
1826
- */
1827
- "aria-describedby": o.string,
1828
- /**
1829
- * The id(s) of the element(s) that label the dialog.
1830
- */
1831
- "aria-labelledby": o.string,
1832
- /**
1833
- * A backdrop component. This prop enables custom backdrop rendering.
1834
- * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
1835
- * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
1836
- * @default styled(Backdrop, {
1837
- * name: 'MuiModal',
1838
- * slot: 'Backdrop',
1839
- * overridesResolver: (props, styles) => {
1840
- * return styles.backdrop;
1841
- * },
1842
- * })({
1843
- * zIndex: -1,
1844
- * })
1845
- */
1846
- BackdropComponent: o.elementType,
1847
- /**
1848
- * @ignore
1849
- */
1850
- BackdropProps: o.object,
1851
- /**
1852
- * Dialog children, usually the included sub-components.
1853
- */
1854
- children: o.node,
1855
- /**
1856
- * Override or extend the styles applied to the component.
1857
- */
1858
- classes: o.object,
1859
- /**
1860
- * @ignore
1861
- */
1862
- className: o.string,
1863
- /**
1864
- * If `true`, hitting escape will not fire the `onClose` callback.
1865
- * @default false
1866
- */
1867
- disableEscapeKeyDown: o.bool,
1868
- /**
1869
- * If `true`, the dialog is full-screen.
1870
- * @default false
1871
- */
1872
- fullScreen: o.bool,
1873
- /**
1874
- * If `true`, the dialog stretches to `maxWidth`.
1875
- *
1876
- * Notice that the dialog width grow is limited by the default margin.
1877
- * @default false
1878
- */
1879
- fullWidth: o.bool,
1880
- /**
1881
- * Determine the max-width of the dialog.
1882
- * The dialog width grows with the size of the screen.
1883
- * Set to `false` to disable `maxWidth`.
1884
- * @default 'sm'
1885
- */
1886
- maxWidth: o.oneOfType([o.oneOf(["xs", "sm", "md", "lg", "xl", !1]), o.string]),
1887
- /**
1888
- * Callback fired when the backdrop is clicked.
1889
- * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
1890
- */
1891
- onBackdropClick: o.func,
1892
- /**
1893
- * Callback fired when the component requests to be closed.
1894
- *
1895
- * @param {object} event The event source of the callback.
1896
- * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
1897
- */
1898
- onClose: o.func,
1899
- /**
1900
- * If `true`, the component is shown.
1901
- */
1902
- open: o.bool.isRequired,
1903
- /**
1904
- * The component used to render the body of the dialog.
1905
- * @default Paper
1906
- */
1907
- PaperComponent: o.elementType,
1908
- /**
1909
- * Props applied to the [`Paper`](/material-ui/api/paper/) element.
1910
- * @default {}
1911
- */
1912
- PaperProps: o.object,
1913
- /**
1914
- * Determine the container for scrolling the dialog.
1915
- * @default 'paper'
1916
- */
1917
- scroll: o.oneOf(["body", "paper"]),
1918
- /**
1919
- * The system prop that allows defining system overrides as well as additional CSS styles.
1920
- */
1921
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
1922
- /**
1923
- * The component used for the transition.
1924
- * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
1925
- * @default Fade
1926
- */
1927
- TransitionComponent: o.elementType,
1928
- /**
1929
- * The duration for the transition, in milliseconds.
1930
- * You may specify a single timeout for all transitions, or individually with an object.
1931
- * @default {
1932
- * enter: theme.transitions.duration.enteringScreen,
1933
- * exit: theme.transitions.duration.leavingScreen,
1934
- * }
1935
- */
1936
- transitionDuration: o.oneOfType([o.number, o.shape({
1937
- appear: o.number,
1938
- enter: o.number,
1939
- exit: o.number
1940
- })]),
1941
- /**
1942
- * Props applied to the transition element.
1943
- * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
1944
- */
1945
- TransitionProps: o.object
1946
- });
1947
- function Xo(e) {
1948
- return K("MuiDialogActions", e);
1949
- }
1950
- H("MuiDialogActions", ["root", "spacing"]);
1951
- const Zo = ["className", "disableSpacing"], Jo = (e) => {
1952
- const {
1953
- classes: n,
1954
- disableSpacing: t
1955
- } = e;
1956
- return X({
1957
- root: ["root", !t && "spacing"]
1958
- }, Xo, n);
1959
- }, Qo = A("div", {
1960
- name: "MuiDialogActions",
1961
- slot: "Root",
1962
- overridesResolver: (e, n) => {
1963
- const {
1964
- ownerState: t
1965
- } = e;
1966
- return [n.root, !t.disableSpacing && n.spacing];
1967
- }
1968
- })(({
1969
- ownerState: e
1970
- }) => l({
1971
- display: "flex",
1972
- alignItems: "center",
1973
- padding: 8,
1974
- justifyContent: "flex-end",
1975
- flex: "0 0 auto"
1976
- }, !e.disableSpacing && {
1977
- "& > :not(:first-of-type)": {
1978
- marginLeft: 8
1979
- }
1980
- })), en = /* @__PURE__ */ d.forwardRef(function(n, t) {
1981
- const r = Z({
1982
- props: n,
1983
- name: "MuiDialogActions"
1984
- }), {
1985
- className: i,
1986
- disableSpacing: s = !1
1987
- } = r, a = j(r, Zo), c = l({}, r, {
1988
- disableSpacing: s
1989
- }), p = Jo(c);
1990
- return /* @__PURE__ */ R(Qo, l({
1991
- className: w(p.root, i),
1992
- ownerState: c,
1993
- ref: t
1994
- }, a));
1995
- });
1996
- process.env.NODE_ENV !== "production" && (en.propTypes = {
1997
- // ----------------------------- Warning --------------------------------
1998
- // | These PropTypes are generated from the TypeScript type definitions |
1999
- // | To update them edit the d.ts file and run "yarn proptypes" |
2000
- // ----------------------------------------------------------------------
2001
- /**
2002
- * The content of the component.
2003
- */
2004
- children: o.node,
2005
- /**
2006
- * Override or extend the styles applied to the component.
2007
- */
2008
- classes: o.object,
2009
- /**
2010
- * @ignore
2011
- */
2012
- className: o.string,
2013
- /**
2014
- * If `true`, the actions do not have additional margin.
2015
- * @default false
2016
- */
2017
- disableSpacing: o.bool,
2018
- /**
2019
- * The system prop that allows defining system overrides as well as additional CSS styles.
2020
- */
2021
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
2022
- });
2023
- function on(e) {
2024
- return K("MuiDialogContent", e);
2025
- }
2026
- H("MuiDialogContent", ["root", "dividers"]);
2027
- function Tn(e) {
2028
- return K("MuiDialogTitle", e);
2029
- }
2030
- const nn = H("MuiDialogTitle", ["root"]), tn = ["className", "dividers"], rn = (e) => {
2031
- const {
2032
- classes: n,
2033
- dividers: t
2034
- } = e;
2035
- return X({
2036
- root: ["root", t && "dividers"]
2037
- }, on, n);
2038
- }, sn = A("div", {
2039
- name: "MuiDialogContent",
2040
- slot: "Root",
2041
- overridesResolver: (e, n) => {
2042
- const {
2043
- ownerState: t
2044
- } = e;
2045
- return [n.root, t.dividers && n.dividers];
2046
- }
2047
- })(({
2048
- theme: e,
2049
- ownerState: n
2050
- }) => l({
2051
- flex: "1 1 auto",
2052
- // Add iOS momentum scrolling for iOS < 13.0
2053
- WebkitOverflowScrolling: "touch",
2054
- overflowY: "auto",
2055
- padding: "20px 24px"
2056
- }, n.dividers ? {
2057
- padding: "16px 24px",
2058
- borderTop: `1px solid ${(e.vars || e).palette.divider}`,
2059
- borderBottom: `1px solid ${(e.vars || e).palette.divider}`
2060
- } : {
2061
- [`.${nn.root} + &`]: {
2062
- paddingTop: 0
2063
- }
2064
- })), an = /* @__PURE__ */ d.forwardRef(function(n, t) {
2065
- const r = Z({
2066
- props: n,
2067
- name: "MuiDialogContent"
2068
- }), {
2069
- className: i,
2070
- dividers: s = !1
2071
- } = r, a = j(r, tn), c = l({}, r, {
2072
- dividers: s
2073
- }), p = rn(c);
2074
- return /* @__PURE__ */ R(sn, l({
2075
- className: w(p.root, i),
2076
- ownerState: c,
2077
- ref: t
2078
- }, a));
2079
- });
2080
- process.env.NODE_ENV !== "production" && (an.propTypes = {
2081
- // ----------------------------- Warning --------------------------------
2082
- // | These PropTypes are generated from the TypeScript type definitions |
2083
- // | To update them edit the d.ts file and run "yarn proptypes" |
2084
- // ----------------------------------------------------------------------
2085
- /**
2086
- * The content of the component.
2087
- */
2088
- children: o.node,
2089
- /**
2090
- * Override or extend the styles applied to the component.
2091
- */
2092
- classes: o.object,
2093
- /**
2094
- * @ignore
2095
- */
2096
- className: o.string,
2097
- /**
2098
- * Display the top and bottom dividers.
2099
- * @default false
2100
- */
2101
- dividers: o.bool,
2102
- /**
2103
- * The system prop that allows defining system overrides as well as additional CSS styles.
2104
- */
2105
- sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
2106
- });
2107
- export {
2108
- Mo as B,
2109
- Go as D,
2110
- ve as F,
2111
- ge as H,
2112
- ze as M,
2113
- an as a,
2114
- en as b,
2115
- we as c,
2116
- ue as d,
2117
- ro as e,
2118
- Tn as g
2119
- };