@carto/meridian-ds 1.4.1-alpha-menu-tests.1 → 1.4.2-alpha-forwarding-props.1

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 (33) hide show
  1. package/CHANGELOG.md +6 -2
  2. package/dist/{Alert-Cn0nq6aq.js → Alert-1b84B18a.js} +1 -1
  3. package/dist/{Alert-B2JgFj6Y.cjs → Alert-BbMbtaix.cjs} +1 -1
  4. package/dist/{TablePaginationActions-EC4ynZRa.js → TablePaginationActions-EDxBCxpG.js} +1 -0
  5. package/dist/TablePaginationActions-V8ultBUz.cjs +9 -0
  6. package/dist/components/index.cjs +1 -1
  7. package/dist/components/index.js +879 -836
  8. package/dist/theme/index.cjs +1 -1
  9. package/dist/theme/index.js +2 -2
  10. package/dist/types/components/atoms/Button.d.ts.map +1 -1
  11. package/dist/types/components/atoms/IconButton.d.ts.map +1 -1
  12. package/dist/types/components/atoms/Typography.d.ts.map +1 -1
  13. package/dist/types/components/organisms/DatePickers/DatePicker.d.ts +1 -1
  14. package/dist/types/components/organisms/DatePickers/DatePicker.d.ts.map +1 -1
  15. package/dist/types/components/organisms/DatePickers/DateRangePicker.d.ts +1 -1
  16. package/dist/types/components/organisms/DatePickers/DateRangePicker.d.ts.map +1 -1
  17. package/dist/types/components/organisms/DatePickers/DateTimePicker.d.ts +1 -1
  18. package/dist/types/components/organisms/DatePickers/DateTimePicker.d.ts.map +1 -1
  19. package/dist/types/components/organisms/DatePickers/PickersDay.d.ts.map +1 -1
  20. package/dist/types/components/organisms/DatePickers/TimePicker.d.ts +1 -1
  21. package/dist/types/components/organisms/DatePickers/TimePicker.d.ts.map +1 -1
  22. package/dist/types/components/organisms/DatePickers/types.d.ts +2 -0
  23. package/dist/types/components/organisms/DatePickers/types.d.ts.map +1 -1
  24. package/dist/types/components/organisms/Dialog/Dialog.d.ts +1 -1
  25. package/dist/types/components/organisms/Dialog/Dialog.d.ts.map +1 -1
  26. package/dist/types/components/organisms/Dialog/DialogConfirmation.d.ts.map +1 -1
  27. package/dist/types/components/organisms/Dialog/DialogContent.d.ts.map +1 -1
  28. package/dist/types/components/organisms/Dialog/DialogFooter.d.ts.map +1 -1
  29. package/dist/types/components/organisms/Dialog/DialogHeader.d.ts.map +1 -1
  30. package/dist/widgets/index.cjs +1 -1
  31. package/dist/widgets/index.js +2 -2
  32. package/package.json +1 -1
  33. package/dist/TablePaginationActions-7wkkiCXh.cjs +0 -9
package/dist/components/index.js CHANGED
@@ -1,20 +1,20 @@
1
- import { jsx as i, jsxs as x, Fragment as j } from "react/jsx-runtime";
2
- import { forwardRef as $, useState as T, useEffect as H, useMemo as pt, useRef as U, Fragment as Ot, useImperativeHandle as Lt, useCallback as nt } from "react";
3
- import { styled as p, Box as v, Button as gt, CircularProgress as _, TextField as ft, InputAdornment as Y, IconButton as L, Tooltip as W, Select as Wt, MenuItem as mt, FormControl as Et, InputLabel as Ht, FormHelperText as ht, ToggleButtonGroup as _t, Menu as Pt, MenuList as Gt, Link as jt, Checkbox as q, ListItemText as bt, Autocomplete as z, Divider as G, ListItemIcon as Vt, createFilterOptions as Nt, Accordion as Ut, AccordionSummary as Yt, AccordionDetails as qt, Avatar as zt, Snackbar as Zt, Portal as Jt, Fade as Xt, Slide as xt, alpha as Kt, useTheme as V, Toolbar as Qt, AppBar as te, Paper as ee, Dialog as ne, DialogTitle as oe, Chip as ie, DialogContent as re, DialogActions as ae } from "@mui/material";
4
- import { T as B, c as P, u as R, N as ot, A as le } from "../TablePaginationActions-EC4ynZRa.js";
5
- import { a as jo } from "../TablePaginationActions-EC4ynZRa.js";
1
+ import { jsx as i, jsxs as y, Fragment as V } from "react/jsx-runtime";
2
+ import { forwardRef as T, useState as $, useEffect as _, useMemo as pt, useRef as Y, Fragment as Ot, useImperativeHandle as Lt, useCallback as nt } from "react";
3
+ import { styled as g, Box as v, Button as gt, CircularProgress as P, TextField as ft, InputAdornment as q, IconButton as W, Tooltip as H, Select as Wt, MenuItem as mt, FormControl as Et, InputLabel as Ht, FormHelperText as ht, ToggleButtonGroup as _t, Menu as Pt, MenuList as Gt, Link as jt, Checkbox as z, ListItemText as bt, Autocomplete as Z, Divider as j, ListItemIcon as Vt, createFilterOptions as Nt, Accordion as Ut, AccordionSummary as Yt, AccordionDetails as qt, Avatar as zt, Snackbar as Zt, Portal as Jt, Fade as Xt, Slide as xt, alpha as Kt, useTheme as N, Toolbar as Qt, AppBar as te, Paper as ee, Dialog as ne, DialogTitle as oe, Chip as ie, DialogContent as ae, DialogActions as re } from "@mui/material";
4
+ import { T as S, c as G, u as R, N as ot, A as le } from "../TablePaginationActions-EDxBCxpG.js";
5
+ import { a as Vo } from "../TablePaginationActions-EDxBCxpG.js";
6
6
  import { useIntl as F } from "react-intl";
7
- import { VisibilityOffOutlined as ce, VisibilityOutlined as se, Cancel as yt, AddCircleOutlineOutlined as de, CloseOutlined as Mt, MenuOutlined as ue, HelpOutline as Z, TodayOutlined as pe, Check as ge } from "@mui/icons-material";
8
- import { A as Ct } from "../Alert-Cn0nq6aq.js";
7
+ import { VisibilityOffOutlined as ce, VisibilityOutlined as se, Cancel as yt, AddCircleOutlineOutlined as de, CloseOutlined as Mt, MenuOutlined as ue, HelpOutline as J, TodayOutlined as pe, Check as ge } from "@mui/icons-material";
8
+ import { A as Ct } from "../Alert-1b84B18a.js";
9
9
  import "cartocolor";
10
10
  import { M as vt } from "../MenuItem-Cd34y6F3.js";
11
- import { A as J } from "../ArrowDown-B1AG0MlL.js";
11
+ import { A as X } from "../ArrowDown-B1AG0MlL.js";
12
12
  import { DatePicker as fe } from "@mui/x-date-pickers/DatePicker";
13
13
  import { PickersDay as me } from "@mui/x-date-pickers";
14
14
  import { TimePicker as he } from "@mui/x-date-pickers/TimePicker";
15
15
  import { DateTimePicker as be } from "@mui/x-date-pickers/DateTimePicker";
16
16
  import xe from "@mui/material/ClickAwayListener";
17
- const ye = p(v)({
17
+ const ye = g(v)({
18
18
  position: "absolute",
19
19
  top: 0,
20
20
  left: 0,
@@ -23,7 +23,7 @@ const ye = p(v)({
23
23
  display: "flex",
24
24
  alignItems: "center",
25
25
  justifyContent: "center"
26
- }), Me = p(v)({
26
+ }), Me = g(v)({
27
27
  visibility: "hidden",
28
28
  pointerEvents: "none"
29
29
  });
@@ -32,43 +32,44 @@ function Ce({
32
32
  loading: e,
33
33
  disabled: n,
34
34
  startIcon: o,
35
- endIcon: r,
36
- loadingPosition: a,
35
+ endIcon: a,
36
+ loadingPosition: r,
37
37
  ...l
38
38
  }, c) {
39
- const s = /* @__PURE__ */ i(_, { size: 18, color: "inherit" }), d = e && a === void 0, h = () => d ? /* @__PURE__ */ x(v, { sx: { position: "relative" }, children: [
39
+ const s = /* @__PURE__ */ i(P, { size: 18, color: "inherit" }), p = e && r === void 0, h = () => p ? /* @__PURE__ */ y(v, { sx: { position: "relative" }, children: [
40
40
  /* @__PURE__ */ i(ye, { children: s }),
41
41
  /* @__PURE__ */ i(Me, { children: t })
42
- ] }) : t, u = (g) => {
43
- if (!d)
44
- return e && a !== void 0 ? a === g ? s : void 0 : g === "start" ? o : r;
42
+ ] }) : t, d = (m) => {
43
+ if (!p)
44
+ return e && r !== void 0 ? r === m ? s : void 0 : m === "start" ? o : a;
45
45
  };
46
46
  return /* @__PURE__ */ i(
47
47
  gt,
48
48
  {
49
49
  disabled: e || n,
50
- startIcon: u("start"),
51
- endIcon: u("end"),
50
+ startIcon: d("start"),
51
+ endIcon: d("end"),
52
52
  ...l,
53
+ role: "button",
53
54
  ref: c,
54
- children: /* @__PURE__ */ i(B, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: h() })
55
+ children: /* @__PURE__ */ i(S, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: h() })
55
56
  }
56
57
  );
57
58
  }
58
- const ho = $(Ce), ve = p(v)(({ theme: t }) => ({
59
+ const bo = T(Ce), ve = g(v)(({ theme: t }) => ({
59
60
  display: "flex",
60
61
  alignItems: "center",
61
62
  gap: t.spacing(0.5)
62
- })), De = p(B)(({ theme: t }) => ({
63
+ })), ke = g(S)(({ theme: t }) => ({
63
64
  ".Mui-disabled &": {
64
65
  color: t.palette.text.disabled
65
66
  }
66
- })), Ae = p(v)(({ theme: t }) => ({
67
+ })), De = g(v)(({ theme: t }) => ({
67
68
  display: "flex",
68
69
  svg: {
69
- width: P,
70
- height: P,
71
- fontSize: P,
70
+ width: G,
71
+ height: G,
72
+ fontSize: G,
72
73
  path: {
73
74
  fill: t.palette.text.secondary,
74
75
  ".Mui-disabled &": {
@@ -77,16 +78,16 @@ const ho = $(Ce), ve = p(v)(({ theme: t }) => ({
77
78
  }
78
79
  }
79
80
  }));
80
- function X({
81
+ function K({
81
82
  label: t,
82
83
  type: e,
83
84
  icon: n,
84
85
  inheritSize: o
85
86
  }) {
86
- return /* @__PURE__ */ x(ve, { children: [
87
+ return /* @__PURE__ */ y(ve, { children: [
87
88
  t,
88
89
  e && /* @__PURE__ */ i(
89
- De,
90
+ ke,
90
91
  {
91
92
  component: "span",
92
93
  variant: o ? "inherit" : "caption",
@@ -95,11 +96,11 @@ function X({
95
96
  children: e === "required" ? "(required)" : "(optional)"
96
97
  }
97
98
  ),
98
- n && /* @__PURE__ */ i(Ae, { children: n })
99
+ n && /* @__PURE__ */ i(De, { children: n })
99
100
  ] });
100
101
  }
101
- function Ie({ InputProps: t, size: e = "small", ...n }, o) {
102
- const r = F(), a = R(r), [l, c] = T(!1);
102
+ function Ae({ InputProps: t, size: e = "small", ...n }, o) {
103
+ const a = F(), r = R(a), [l, c] = $(!1);
103
104
  return /* @__PURE__ */ i(
104
105
  ft,
105
106
  {
@@ -109,10 +110,10 @@ function Ie({ InputProps: t, size: e = "small", ...n }, o) {
109
110
  size: e,
110
111
  InputProps: {
111
112
  ...t,
112
- endAdornment: /* @__PURE__ */ i(Y, { position: "end", children: /* @__PURE__ */ i(L, { size: e, onClick: () => c(!l), children: /* @__PURE__ */ i(
113
- W,
113
+ endAdornment: /* @__PURE__ */ i(q, { position: "end", children: /* @__PURE__ */ i(W, { size: e, onClick: () => c(!l), children: /* @__PURE__ */ i(
114
+ H,
114
115
  {
115
- title: a.formatMessage({
116
+ title: r.formatMessage({
116
117
  id: `c4r.form.${l ? "hidePassword" : "showPassword"}`
117
118
  }),
118
119
  children: l ? /* @__PURE__ */ i(ce, {}) : /* @__PURE__ */ i(se, {})
@@ -122,13 +123,13 @@ function Ie({ InputProps: t, size: e = "small", ...n }, o) {
122
123
  }
123
124
  );
124
125
  }
125
- const bo = $(Ie), N = {};
126
- function ke(t = "$lodash$") {
127
- N[t] || (N[t] = 0);
128
- const e = ++N[t];
126
+ const xo = T(Ae), U = {};
127
+ function Ie(t = "$lodash$") {
128
+ U[t] || (U[t] = 0);
129
+ const e = ++U[t];
129
130
  return t === "$lodash$" ? `${e}` : `${t}${e}`;
130
131
  }
131
- const we = p(Wt)(({ theme: t }) => ({
132
+ const we = g(Wt)(({ theme: t }) => ({
132
133
  "& .MuiInputAdornment-positionStart": {
133
134
  paddingLeft: t.spacing(2),
134
135
  "&.MuiInputAdornment-sizeSmall": {
@@ -144,7 +145,7 @@ const we = p(Wt)(({ theme: t }) => ({
144
145
  "&.MuiInputBase-root .MuiSelect-select.MuiSelect-multiple": {
145
146
  paddingRight: t.spacing(7)
146
147
  }
147
- })), Be = p(mt)(() => ({
148
+ })), Be = g(mt)(() => ({
148
149
  display: "none"
149
150
  }));
150
151
  function Se({
@@ -152,54 +153,54 @@ function Se({
152
153
  placeholder: e,
153
154
  size: n = "small",
154
155
  displayEmpty: o,
155
- menuProps: r,
156
- inputProps: a,
156
+ menuProps: a,
157
+ inputProps: r,
157
158
  labelId: l,
158
159
  label: c,
159
160
  labelSecondary: s,
160
- helperText: d,
161
+ helperText: p,
161
162
  name: h,
162
- error: u,
163
- focused: g,
164
- disabled: f,
165
- fullWidth: m,
166
- required: y,
163
+ error: d,
164
+ focused: m,
165
+ disabled: u,
166
+ fullWidth: f,
167
+ required: M,
167
168
  "aria-label": b,
168
- ...D
169
- }, w) {
170
- const A = n === "small", [M] = T(() => ke("select-label-")), I = c ? l ?? M : void 0;
171
- return /* @__PURE__ */ x(
169
+ ...I
170
+ }, k) {
171
+ const D = n === "small", [x] = $(() => Ie("select-label-")), C = c ? l ?? x : void 0;
172
+ return /* @__PURE__ */ y(
172
173
  Et,
173
174
  {
174
175
  size: n,
175
- error: u,
176
- focused: g,
177
- disabled: f,
178
- fullWidth: m,
179
- required: y,
176
+ error: d,
177
+ focused: m,
178
+ disabled: u,
179
+ fullWidth: f,
180
+ required: M,
180
181
  children: [
181
- /* @__PURE__ */ x(v, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
182
- c && /* @__PURE__ */ i(Ht, { shrink: !0, id: I, children: c }),
182
+ /* @__PURE__ */ y(v, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
183
+ c && /* @__PURE__ */ i(Ht, { shrink: !0, id: C, children: c }),
183
184
  s && /* @__PURE__ */ i(v, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: s })
184
185
  ] }),
185
- /* @__PURE__ */ x(
186
+ /* @__PURE__ */ y(
186
187
  we,
187
188
  {
188
- ...D,
189
- labelId: I,
189
+ ...I,
190
+ labelId: C,
190
191
  name: h,
191
- ref: w,
192
+ ref: k,
192
193
  size: n,
193
- fullWidth: m,
194
+ fullWidth: f,
194
195
  displayEmpty: o ?? !!e,
195
196
  inputProps: {
196
- ...a,
197
+ ...r,
197
198
  "aria-label": b
198
199
  },
199
200
  MenuProps: {
200
- ...r,
201
+ ...a,
201
202
  PopoverClasses: {
202
- paper: A ? "MuiMenu-paper-sizeSmall" : void 0
203
+ paper: D ? "MuiMenu-paper-sizeSmall" : void 0
203
204
  },
204
205
  anchorOrigin: {
205
206
  vertical: "bottom",
@@ -212,9 +213,9 @@ function Se({
212
213
  },
213
214
  children: [
214
215
  e && /* @__PURE__ */ i(Be, { disabled: !0, value: "", children: /* @__PURE__ */ i(
215
- B,
216
+ S,
216
217
  {
217
- variant: A ? "body2" : "body1",
218
+ variant: D ? "body2" : "body1",
218
219
  color: "text.hint",
219
220
  component: "span",
220
221
  children: e
@@ -224,12 +225,12 @@ function Se({
224
225
  ]
225
226
  }
226
227
  ),
227
- d && /* @__PURE__ */ i(ht, { "aria-label": `${h}-helper`, children: d })
228
+ p && /* @__PURE__ */ i(ht, { "aria-label": `${h}-helper`, children: p })
228
229
  ]
229
230
  }
230
231
  );
231
232
  }
232
- const Te = $(Se), $e = p(_t, {
233
+ const Te = T(Se), $e = g(_t, {
233
234
  shouldForwardProp: (t) => t !== "variant" && t !== "backgroundColor"
234
235
  })(({ variant: t, backgroundColor: e, theme: n }) => ({
235
236
  // Variants
@@ -301,7 +302,7 @@ const Te = $(Se), $e = p(_t, {
301
302
  backgroundColor: "transparent"
302
303
  }
303
304
  }));
304
- function xo({
305
+ function yo({
305
306
  children: t,
306
307
  variant: e = "floating",
307
308
  backgroundColor: n,
@@ -317,7 +318,7 @@ function xo({
317
318
  }
318
319
  );
319
320
  }
320
- const Re = p("div")(({ theme: t }) => ({
321
+ const Re = g("div")(({ theme: t }) => ({
321
322
  position: "relative",
322
323
  display: "inline-flex",
323
324
  // TODO: Remove this once we have a better way to handle the spacing between icon buttons:
@@ -325,7 +326,7 @@ const Re = p("div")(({ theme: t }) => ({
325
326
  "& + &, & + .optionIconButton": {
326
327
  marginLeft: t.spacing(0.5)
327
328
  }
328
- })), Fe = p(L, {
329
+ })), Fe = g(W, {
329
330
  shouldForwardProp: (t) => !["active"].includes(t)
330
331
  })(({ active: t, theme: e }) => ({
331
332
  ...t && {
@@ -341,16 +342,16 @@ function Oe({
341
342
  tooltipPlacement: e = "top",
342
343
  icon: n,
343
344
  size: o = "medium",
344
- variant: r = "icon",
345
- color: a = "default",
345
+ variant: a = "icon",
346
+ color: r = "default",
346
347
  sx: l,
347
348
  className: c,
348
349
  loading: s,
349
- disabled: d,
350
+ disabled: p,
350
351
  active: h,
351
- ...u
352
- }, g) {
353
- return /* @__PURE__ */ i(W, { placement: e, title: t ?? "", children: /* @__PURE__ */ i(
352
+ ...d
353
+ }, m) {
354
+ return /* @__PURE__ */ i(H, { placement: e, title: t ?? "", children: /* @__PURE__ */ i(
354
355
  Re,
355
356
  {
356
357
  className: `optionIconButton ${c ?? ""}`,
@@ -359,20 +360,21 @@ function Oe({
359
360
  children: /* @__PURE__ */ i(
360
361
  Fe,
361
362
  {
362
- ...u,
363
- ref: g,
363
+ ...d,
364
+ ref: m,
364
365
  size: o,
365
- variant: r,
366
- color: a,
366
+ variant: a,
367
+ color: r,
367
368
  active: h,
368
- disabled: d || s,
369
- children: s ? /* @__PURE__ */ i(_, { size: 18, color: "inherit" }) : n
369
+ disabled: p || s,
370
+ role: "button",
371
+ children: s ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : n
370
372
  }
371
373
  )
372
374
  }
373
375
  ) });
374
376
  }
375
- const Le = $(Oe), We = p(Pt, {
377
+ const Le = T(Oe), We = g(Pt, {
376
378
  shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
377
379
  })(({ theme: t, extended: e, width: n, height: o }) => ({
378
380
  ...e && {
@@ -395,12 +397,12 @@ const Le = $(Oe), We = p(Pt, {
395
397
  }
396
398
  }
397
399
  }));
398
- function Ee({ extended: t, width: e, height: n, MenuListProps: o, ...r }, a) {
400
+ function Ee({ extended: t, width: e, height: n, MenuListProps: o, ...a }, r) {
399
401
  return /* @__PURE__ */ i(
400
402
  We,
401
403
  {
402
- ...r,
403
- ref: a,
404
+ ...a,
405
+ ref: r,
404
406
  "data-name": "menu",
405
407
  width: e,
406
408
  height: n,
@@ -414,7 +416,7 @@ function Ee({ extended: t, width: e, height: n, MenuListProps: o, ...r }, a) {
414
416
  }
415
417
  );
416
418
  }
417
- const yo = $(Ee), He = p(Gt, {
419
+ const Mo = T(Ee), He = g(Gt, {
418
420
  shouldForwardProp: (t) => !["extended", "width", "height"].includes(t)
419
421
  })(({ theme: t, extended: e, width: n, height: o }) => ({
420
422
  ...e && {
@@ -432,12 +434,12 @@ const yo = $(Ee), He = p(Gt, {
432
434
  }
433
435
  }
434
436
  }));
435
- function _e({ extended: t, width: e, height: n, ...o }, r) {
437
+ function _e({ extended: t, width: e, height: n, ...o }, a) {
436
438
  return /* @__PURE__ */ i(
437
439
  He,
438
440
  {
439
441
  ...o,
440
- ref: r,
442
+ ref: a,
441
443
  width: e,
442
444
  height: n,
443
445
  extended: t,
@@ -448,9 +450,9 @@ function _e({ extended: t, width: e, height: n, ...o }, r) {
448
450
  }
449
451
  );
450
452
  }
451
- const Mo = $(_e), Pe = p(vt)(() => ({
453
+ const Co = T(_e), Pe = g(vt)(() => ({
452
454
  marginTop: "0 !important"
453
- })), Ge = p(jt)(
455
+ })), Ge = g(jt)(
454
456
  ({ disabled: t, theme: e }) => ({
455
457
  display: "flex",
456
458
  alignItems: "center",
@@ -468,10 +470,10 @@ function je({
468
470
  areAnySelected: e,
469
471
  selectAll: n,
470
472
  selectAllDisabled: o,
471
- ...r
472
- }, a) {
473
+ ...a
474
+ }, r) {
473
475
  const l = F(), c = R(l);
474
- return /* @__PURE__ */ i(Pe, { ...r, ref: a, fixed: !0, "data-name": "menu-filter", children: /* @__PURE__ */ x(
476
+ return /* @__PURE__ */ i(Pe, { ...a, ref: r, fixed: !0, "data-name": "menu-filter", children: /* @__PURE__ */ y(
475
477
  Ge,
476
478
  {
477
479
  variant: "body2",
@@ -483,7 +485,7 @@ function je({
483
485
  tabIndex: 0,
484
486
  children: [
485
487
  /* @__PURE__ */ i(
486
- q,
488
+ z,
487
489
  {
488
490
  checked: t,
489
491
  indeterminate: e && !t,
@@ -495,44 +497,44 @@ function je({
495
497
  }
496
498
  ) });
497
499
  }
498
- const Dt = $(je);
500
+ const kt = T(je);
499
501
  function Ve({
500
502
  selectedOptions: t,
501
503
  options: e,
502
504
  onChange: n
503
505
  }) {
504
- const [o, r] = T(t ?? []), a = e.length === o.length, l = o.length > 0;
505
- return H(() => {
506
- o !== t && r(o);
506
+ const [o, a] = $(t ?? []), r = e.length === o.length, l = o.length > 0;
507
+ return _(() => {
508
+ o !== t && a(o);
507
509
  }, [t]), {
508
- areAllSelected: a,
510
+ areAllSelected: r,
509
511
  areAnySelected: l,
510
512
  currentOptions: o,
511
513
  handleChange: (h) => {
512
514
  const {
513
- target: { value: u }
514
- } = h, g = typeof u == "string" ? u.split(",") : u.filter((f) => f !== void 0);
515
- r(g), n(g);
515
+ target: { value: d }
516
+ } = h, m = typeof d == "string" ? d.split(",") : d.filter((u) => u !== void 0);
517
+ a(m), n(m);
516
518
  },
517
519
  selectAll: () => {
518
- const h = e == null ? void 0 : e.filter(({ disabled: u }) => !u).map(({ value: u }) => u);
520
+ const h = e == null ? void 0 : e.filter(({ disabled: d }) => !d).map(({ value: d }) => d);
519
521
  h && (h.every(
520
- (g) => o.includes(g)
521
- ) ? (r([]), n([])) : (r(h), n(h)));
522
+ (m) => o.includes(m)
523
+ ) ? (a([]), n([])) : (a(h), n(h)));
522
524
  },
523
525
  unselectAll: () => {
524
- r([]), n([]);
526
+ a([]), n([]);
525
527
  }
526
528
  };
527
529
  }
528
- const Ne = p(mt)(({ theme: t }) => ({
530
+ const Ne = g(mt)(({ theme: t }) => ({
529
531
  "&.Mui-disabled": {
530
532
  pointerEvents: "auto",
531
533
  "&:hover": {
532
534
  backgroundColor: `${t.palette.background.default} !important`
533
535
  }
534
536
  }
535
- })), Ue = p(Y, {
537
+ })), Ue = g(q, {
536
538
  shouldForwardProp: (t) => t !== "size"
537
539
  })(({ theme: t, size: e }) => ({
538
540
  display: "none",
@@ -556,79 +558,79 @@ function ze({
556
558
  selectedOptions: e,
557
559
  size: n = "small",
558
560
  placeholder: o,
559
- showCounter: r,
560
- showFilters: a = !0,
561
+ showCounter: a,
562
+ showFilters: r = !0,
561
563
  onChange: l = qe,
562
564
  selectAllDisabled: c,
563
565
  tooltipPlacement: s,
564
- variant: d,
566
+ variant: p,
565
567
  ...h
566
- }, u) {
568
+ }, d) {
567
569
  const {
568
- areAllSelected: g,
569
- areAnySelected: f,
570
- currentOptions: m,
571
- handleChange: y,
570
+ areAllSelected: m,
571
+ areAnySelected: u,
572
+ currentOptions: f,
573
+ handleChange: M,
572
574
  selectAll: b,
573
- unselectAll: D
575
+ unselectAll: I
574
576
  } = Ve({
575
577
  options: t,
576
578
  selectedOptions: e,
577
579
  onChange: l
578
- }), w = n === "small", A = w || d === "standard" ? 0 : 2, M = F(), I = R(M), k = `${m.length} ${I.formatMessage({
580
+ }), k = n === "small", D = k || p === "standard" ? 0 : 2, x = F(), C = R(x), B = `${f.length} ${C.formatMessage({
579
581
  id: "c4r.form.selected"
580
- })}`, O = pt(() => g ? /* @__PURE__ */ i(
581
- B,
582
+ })}`, O = pt(() => m ? /* @__PURE__ */ i(
583
+ S,
582
584
  {
583
585
  component: "span",
584
- variant: w ? "body2" : "body1",
586
+ variant: k ? "body2" : "body1",
585
587
  color: "textPrimary",
586
- ml: A,
587
- children: I.formatMessage({ id: "c4r.form.allSelected" })
588
+ ml: D,
589
+ children: C.formatMessage({ id: "c4r.form.allSelected" })
588
590
  }
589
- ) : f ? /* @__PURE__ */ i(
590
- B,
591
+ ) : u ? /* @__PURE__ */ i(
592
+ S,
591
593
  {
592
594
  component: "span",
593
- variant: w ? "body2" : "body1",
595
+ variant: k ? "body2" : "body1",
594
596
  color: "textPrimary",
595
- ml: A,
596
- children: r && m.length > 1 ? k : m.join(", ")
597
+ ml: D,
598
+ children: a && f.length > 1 ? B : f.join(", ")
597
599
  }
598
600
  ) : /* @__PURE__ */ i(
599
- B,
601
+ S,
600
602
  {
601
603
  component: "span",
602
- variant: w ? "body2" : "body1",
604
+ variant: k ? "body2" : "body1",
603
605
  color: "text.hint",
604
- ml: A,
605
- children: o ?? I.formatMessage({ id: "c4r.form.noneSelected" })
606
+ ml: D,
607
+ children: o ?? C.formatMessage({ id: "c4r.form.noneSelected" })
606
608
  }
607
609
  ), [
608
- g,
610
+ m,
611
+ u,
612
+ B,
609
613
  f,
614
+ C,
610
615
  k,
611
- m,
612
- I,
613
- w,
614
- A,
616
+ D,
615
617
  o,
616
- r
618
+ a
617
619
  ]);
618
- return /* @__PURE__ */ x(
620
+ return /* @__PURE__ */ y(
619
621
  Te,
620
622
  {
621
623
  ...h,
622
- ref: u,
624
+ ref: d,
623
625
  multiple: !0,
624
626
  displayEmpty: !0,
625
627
  placeholder: o,
626
- value: m,
628
+ value: f,
627
629
  renderValue: () => O,
628
- onChange: y,
630
+ onChange: M,
629
631
  size: n,
630
- variant: d,
631
- endAdornment: a && f && /* @__PURE__ */ i(Ue, { position: "end", size: n, children: /* @__PURE__ */ i(L, { onClick: D, size: n, children: /* @__PURE__ */ i(yt, {}) }) }),
632
+ variant: p,
633
+ endAdornment: r && u && /* @__PURE__ */ i(Ue, { position: "end", size: n, children: /* @__PURE__ */ i(W, { onClick: I, size: n, children: /* @__PURE__ */ i(yt, {}) }) }),
632
634
  menuProps: {
633
635
  PaperProps: {
634
636
  sx: {
@@ -639,50 +641,50 @@ function ze({
639
641
  }
640
642
  },
641
643
  children: [
642
- a && /* @__PURE__ */ i(
643
- Dt,
644
+ r && /* @__PURE__ */ i(
645
+ kt,
644
646
  {
645
- areAllSelected: g,
646
- areAnySelected: f,
647
+ areAllSelected: m,
648
+ areAnySelected: u,
647
649
  selectAll: b,
648
650
  selectAllDisabled: c
649
651
  }
650
652
  ),
651
- t == null ? void 0 : t.map((C) => {
652
- const S = /* @__PURE__ */ x(
653
+ t == null ? void 0 : t.map((w) => {
654
+ const E = /* @__PURE__ */ y(
653
655
  Ne,
654
656
  {
655
- value: C.value,
656
- disabled: C.disabled,
657
+ value: w.value,
658
+ disabled: w.disabled,
657
659
  tabIndex: 0,
658
660
  children: [
659
661
  /* @__PURE__ */ i(
660
- q,
662
+ z,
661
663
  {
662
- disabled: C.disabled,
663
- checked: m.includes(C.value)
664
+ disabled: w.disabled,
665
+ checked: f.includes(w.value)
664
666
  }
665
667
  ),
666
- /* @__PURE__ */ i(bt, { primary: C.label })
668
+ /* @__PURE__ */ i(bt, { primary: w.label })
667
669
  ]
668
670
  },
669
- C.value
671
+ w.value
670
672
  );
671
- return C.tooltip ? /* @__PURE__ */ i(
672
- W,
673
+ return w.tooltip ? /* @__PURE__ */ i(
674
+ H,
673
675
  {
674
- title: C.tooltip,
676
+ title: w.tooltip,
675
677
  placement: s,
676
- children: S
678
+ children: E
677
679
  },
678
- C.value
679
- ) : S;
680
+ w.value
681
+ ) : E;
680
682
  })
681
683
  ]
682
684
  }
683
685
  );
684
686
  }
685
- const Co = $(ze), Ze = p(ft, {
687
+ const vo = T(ze), Ze = g(ft, {
686
688
  shouldForwardProp: (t) => t !== "cursor"
687
689
  })(
688
690
  ({ cursor: t, theme: e }) => ({
@@ -715,18 +717,18 @@ function Je({
715
717
  hasFiles: e,
716
718
  size: n,
717
719
  error: o,
718
- disabled: r,
719
- handleReset: a,
720
+ disabled: a,
721
+ handleReset: r,
720
722
  handleOpen: l,
721
723
  inProgress: c
722
724
  }) {
723
- return /* @__PURE__ */ i(Y, { position: "end", children: c ? /* @__PURE__ */ i(L, { "aria-label": "loading", disabled: !0, size: n, children: /* @__PURE__ */ i(_, { size: 18 }) }) : e ? /* @__PURE__ */ i(
724
- L,
725
+ return /* @__PURE__ */ i(q, { position: "end", children: c ? /* @__PURE__ */ i(W, { "aria-label": "loading", disabled: !0, size: n, children: /* @__PURE__ */ i(P, { size: 18 }) }) : e ? /* @__PURE__ */ i(
726
+ W,
725
727
  {
726
- onClick: a,
728
+ onClick: r,
727
729
  size: n,
728
730
  "aria-label": "delete",
729
- disabled: r,
731
+ disabled: a,
730
732
  children: /* @__PURE__ */ i(yt, {})
731
733
  }
732
734
  ) : /* @__PURE__ */ i(
@@ -736,7 +738,7 @@ function Je({
736
738
  size: n,
737
739
  variant: "text",
738
740
  color: o ? "default" : "primary",
739
- disabled: r,
741
+ disabled: a,
740
742
  children: t
741
743
  }
742
744
  ) });
@@ -748,27 +750,27 @@ function Xe({
748
750
  // multiple prop defined here for compatibility with cloud-native but not used in the component
749
751
  handleReset: n,
750
752
  handleOpen: o,
751
- dragOver: r,
752
- error: a,
753
+ dragOver: a,
754
+ error: r,
753
755
  placeholder: l,
754
756
  focused: c,
755
757
  buttonText: s = "Browse",
756
- inProgress: d,
758
+ inProgress: p,
757
759
  InputProps: h,
758
- size: u = "small",
759
- hasFiles: g,
760
- cursor: f = "pointer",
761
- ...m
760
+ size: d = "small",
761
+ hasFiles: m,
762
+ cursor: u = "pointer",
763
+ ...f
762
764
  }) {
763
765
  return /* @__PURE__ */ i(
764
766
  Ze,
765
767
  {
766
- ...m,
767
- size: u,
768
- error: a,
768
+ ...f,
769
+ size: d,
770
+ error: r,
769
771
  placeholder: l,
770
- focused: c ?? r,
771
- cursor: f,
772
+ focused: c ?? a,
773
+ cursor: u,
772
774
  InputProps: {
773
775
  ...h,
774
776
  name: t,
@@ -779,13 +781,13 @@ function Xe({
779
781
  Je,
780
782
  {
781
783
  buttonText: s,
782
- hasFiles: g,
783
- size: u,
784
- error: a,
785
- disabled: !!r,
784
+ hasFiles: m,
785
+ size: d,
786
+ error: r,
787
+ disabled: !!a,
786
788
  handleReset: n,
787
789
  handleOpen: o,
788
- inProgress: d
790
+ inProgress: p
789
791
  }
790
792
  )
791
793
  }
@@ -797,10 +799,10 @@ function Ke({
797
799
  files: e,
798
800
  multiple: n,
799
801
  placeholder: o,
800
- uploadInputRef: r
802
+ uploadInputRef: a
801
803
  }) {
802
- const a = F(), l = R(a), [c, s] = T(""), [d, h] = T(!1);
803
- H(() => {
804
+ const r = F(), l = R(r), [c, s] = $(""), [p, h] = $(!1);
805
+ _(() => {
804
806
  !e || e.length === 0 ? s("") : e.length === 1 ? s(e[0].name) : s(
805
807
  l.formatMessage(
806
808
  { id: "c4r.form.filesSelected" },
@@ -808,98 +810,98 @@ function Ke({
808
810
  )
809
811
  );
810
812
  }, [e, l]);
811
- const u = () => {
812
- var M;
813
- (M = r.current) == null || M.click();
814
- }, g = (M) => {
815
- M.preventDefault(), h(!0);
816
- }, f = (M) => {
817
- M.preventDefault(), h(!1);
818
- }, m = (M) => {
819
- M.preventDefault(), h(!1);
820
- const I = M.dataTransfer.items, k = y(I);
821
- t == null || t(k);
822
- }, y = (M) => {
823
- const I = [];
824
- for (const k of Array.from(M))
825
- if (k.kind === "file") {
826
- const O = k.getAsFile();
827
- I.push(O);
813
+ const d = () => {
814
+ var x;
815
+ (x = a.current) == null || x.click();
816
+ }, m = (x) => {
817
+ x.preventDefault(), h(!0);
818
+ }, u = (x) => {
819
+ x.preventDefault(), h(!1);
820
+ }, f = (x) => {
821
+ x.preventDefault(), h(!1);
822
+ const C = x.dataTransfer.items, B = M(C);
823
+ t == null || t(B);
824
+ }, M = (x) => {
825
+ const C = [];
826
+ for (const B of Array.from(x))
827
+ if (B.kind === "file") {
828
+ const O = B.getAsFile();
829
+ C.push(O);
828
830
  }
829
- return I;
830
- }, b = (M) => {
831
- const I = Array.from(M.target.files);
832
- t == null || t(I);
833
- }, D = (M) => {
834
- M.stopPropagation(), s("");
835
- }, w = pt(() => {
836
- const M = l.formatMessage(
831
+ return C;
832
+ }, b = (x) => {
833
+ const C = Array.from(x.target.files);
834
+ t == null || t(C);
835
+ }, I = (x) => {
836
+ x.stopPropagation(), s("");
837
+ }, k = pt(() => {
838
+ const x = l.formatMessage(
837
839
  { id: "c4r.form.dragPlaceholder" },
838
840
  { count: n ? 0 : 1 }
839
- ), I = l.formatMessage(
841
+ ), C = l.formatMessage(
840
842
  { id: "c4r.form.dragActivePlaceholder" },
841
843
  { count: n ? 0 : 1 }
842
844
  );
843
- let k = "";
844
- return d ? k = I : k = o ?? M, k;
845
- }, [d, n, o, l]);
845
+ let B = "";
846
+ return p ? B = C : B = o ?? x, B;
847
+ }, [p, n, o, l]);
846
848
  return {
847
849
  filesText: c,
848
- getPlaceholder: w,
849
- dragOver: d,
850
+ getPlaceholder: k,
851
+ dragOver: p,
850
852
  inputEvents: {
851
- onDragOver: g,
852
- onDragLeave: f,
853
- onDrop: m,
854
- onClick: u
853
+ onDragOver: m,
854
+ onDragLeave: u,
855
+ onDrop: f,
856
+ onClick: d
855
857
  },
856
858
  handleFiles: b,
857
- handleReset: D
859
+ handleReset: I
858
860
  };
859
861
  }
860
862
  const Qe = ["application/JSON"];
861
- function vo({
863
+ function ko({
862
864
  name: t,
863
865
  buttonText: e,
864
866
  accept: n,
865
867
  files: o,
866
- inProgress: r,
867
- onChange: a,
868
+ inProgress: a,
869
+ onChange: r,
868
870
  multiple: l,
869
871
  placeholder: c,
870
872
  error: s,
871
- focused: d,
873
+ focused: p,
872
874
  nativeInputProps: h,
873
- ...u
875
+ ...d
874
876
  }) {
875
- const g = n ?? Qe, f = U(null), {
876
- filesText: m,
877
- getPlaceholder: y,
877
+ const m = n ?? Qe, u = Y(null), {
878
+ filesText: f,
879
+ getPlaceholder: M,
878
880
  dragOver: b,
879
- inputEvents: D,
880
- handleFiles: w,
881
- handleReset: A
881
+ inputEvents: I,
882
+ handleFiles: k,
883
+ handleReset: D
882
884
  } = Ke({
883
- uploadInputRef: f,
885
+ uploadInputRef: u,
884
886
  files: o,
885
- onChange: a,
887
+ onChange: r,
886
888
  multiple: l,
887
889
  placeholder: c
888
890
  });
889
- return /* @__PURE__ */ x(j, { children: [
891
+ return /* @__PURE__ */ y(V, { children: [
890
892
  /* @__PURE__ */ i(
891
893
  Xe,
892
894
  {
893
- ...u,
894
- placeholder: y,
895
- value: m,
895
+ ...d,
896
+ placeholder: M,
897
+ value: f,
896
898
  error: s,
897
- focused: d ?? b,
898
- handleReset: A,
899
+ focused: p ?? b,
900
+ handleReset: D,
899
901
  dragOver: b,
900
- inProgress: r,
901
- hasFiles: !!m,
902
- InputProps: D,
902
+ inProgress: a,
903
+ hasFiles: !!f,
904
+ InputProps: I,
903
905
  buttonText: e
904
906
  }
905
907
  ),
@@ -907,14 +909,14 @@ function vo({
907
909
  "input",
908
910
  {
909
911
  ...h,
910
- ref: f,
912
+ ref: u,
911
913
  style: { display: "none" },
912
914
  type: "file",
913
915
  "aria-label": t,
914
916
  name: t,
915
- accept: String(g),
917
+ accept: String(m),
916
918
  multiple: l,
917
- onChange: w
919
+ onChange: k
918
920
  }
919
921
  )
920
922
  ] });
@@ -925,12 +927,12 @@ function tn({
925
927
  ...n
926
928
  }, o) {
927
929
  return /* @__PURE__ */ i(
928
- z,
930
+ Z,
929
931
  {
930
932
  ...n,
931
933
  ref: o,
932
934
  disabled: t || e,
933
- popupIcon: e ? /* @__PURE__ */ i(_, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(J, {}),
935
+ popupIcon: e ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(X, {}),
934
936
  "data-name": "autocomplete",
935
937
  ListboxProps: {
936
938
  "aria-multiselectable": !1,
@@ -939,70 +941,70 @@ function tn({
939
941
  }
940
942
  );
941
943
  }
942
- const Do = $(tn), At = (t) => t && typeof t == "object" ? t.title ?? String(t) : String(t), It = (t, e) => typeof t != "object" || t === null ? { value: t, multiple: e } : { ...t, multiple: e }, kt = (t) => /* @__PURE__ */ i("span", { "data-testid": "more-options-tag", children: `+${t}` });
944
+ const Do = T(tn), Dt = (t) => t && typeof t == "object" ? t.title ?? String(t) : String(t), At = (t, e) => typeof t != "object" || t === null ? { value: t, multiple: e } : { ...t, multiple: e }, It = (t) => /* @__PURE__ */ i("span", { "data-testid": "more-options-tag", children: `+${t}` });
943
945
  function wt() {
944
- return { renderOption: (e, n, o, r, a) => {
946
+ return { renderOption: (e, n, o, a, r) => {
945
947
  const {
946
948
  title: l,
947
949
  inputValue: c,
948
950
  divider: s,
949
- fixed: d,
951
+ fixed: p,
950
952
  extended: h,
951
- dense: u,
952
- destructive: g,
953
- disabled: f,
954
- subtitle: m,
955
- iconColor: y,
953
+ dense: d,
954
+ destructive: m,
955
+ disabled: u,
956
+ subtitle: f,
957
+ iconColor: M,
956
958
  startAdornment: b,
957
- endAdornment: D,
958
- alternativeTitle: w,
959
- secondaryText: A,
960
- multiple: M
961
- } = n, { key: I, ...k } = e, O = typeof n == "string" || typeof n == "number", C = (S, E, tt, et) => tt || et || (E && typeof E == "object" && "value" in E ? String(E.value) : S(E));
962
- return /* @__PURE__ */ i(Ot, { children: s ? /* @__PURE__ */ i(G, {}) : /* @__PURE__ */ x(j, { children: [
963
- c && /* @__PURE__ */ i(G, {}),
964
- /* @__PURE__ */ x(
959
+ endAdornment: I,
960
+ alternativeTitle: k,
961
+ secondaryText: D,
962
+ multiple: x
963
+ } = n, { key: C, ...B } = e, O = typeof n == "string" || typeof n == "number", w = (E, A, L, et) => L || et || (A && typeof A == "object" && "value" in A ? String(A.value) : E(A));
964
+ return /* @__PURE__ */ i(Ot, { children: s ? /* @__PURE__ */ i(j, {}) : /* @__PURE__ */ y(V, { children: [
965
+ c && /* @__PURE__ */ i(j, {}),
966
+ /* @__PURE__ */ y(
965
967
  vt,
966
968
  {
967
- ...k,
969
+ ...B,
968
970
  ...!O && {
969
- fixed: d,
971
+ fixed: p,
970
972
  extended: h,
971
- dense: u,
972
- destructive: g,
973
- disabled: f,
974
- subtitle: m,
975
- iconColor: y
973
+ dense: d,
974
+ destructive: m,
975
+ disabled: u,
976
+ subtitle: f,
977
+ iconColor: M
976
978
  },
977
- "aria-disabled": m || f,
979
+ "aria-disabled": f || u,
978
980
  "aria-selected": o.selected,
979
981
  children: [
980
- !m && (b || M || a) && /* @__PURE__ */ x(Vt, { children: [
981
- a || M && /* @__PURE__ */ i(q, { checked: o.selected }),
982
+ !f && (b || x || r) && /* @__PURE__ */ y(Vt, { children: [
983
+ r || x && /* @__PURE__ */ i(z, { checked: o.selected }),
982
984
  b
983
985
  ] }),
984
- /* @__PURE__ */ x(bt, { children: [
985
- C(
986
- r ?? At,
986
+ /* @__PURE__ */ y(bt, { children: [
987
+ w(
988
+ a ?? Dt,
987
989
  n,
988
- w,
990
+ k,
989
991
  l
990
992
  ),
991
- A && /* @__PURE__ */ i(
992
- B,
993
+ D && /* @__PURE__ */ i(
994
+ S,
993
995
  {
994
996
  component: "p",
995
997
  variant: "caption",
996
998
  color: "text.secondary",
997
- children: A
999
+ children: D
998
1000
  }
999
1001
  )
1000
1002
  ] }),
1001
- !m && D
1003
+ !f && I
1002
1004
  ]
1003
1005
  }
1004
1006
  )
1005
- ] }) }, I);
1007
+ ] }) }, C);
1006
1008
  } };
1007
1009
  }
1008
1010
  function en({
@@ -1011,33 +1013,33 @@ function en({
1011
1013
  newItemIcon: n,
1012
1014
  multiple: o
1013
1015
  }) {
1014
- const r = F(), a = R(r), l = Nt(), { renderOption: c } = wt();
1016
+ const a = F(), r = R(a), l = Nt(), { renderOption: c } = wt();
1015
1017
  return {
1016
- creatableFilterOptions: (u, g) => {
1017
- const f = l(
1018
- u,
1019
- g
1020
- ), { inputValue: m } = g, y = u.some(
1021
- (b) => m === t(b)
1018
+ creatableFilterOptions: (d, m) => {
1019
+ const u = l(
1020
+ d,
1021
+ m
1022
+ ), { inputValue: f } = m, M = d.some(
1023
+ (b) => f === t(b)
1022
1024
  );
1023
- if (m.length > 1 && m !== "" && !y) {
1025
+ if (f.length > 1 && f !== "" && !M) {
1024
1026
  let b;
1025
- typeof e == "function" ? b = e(m) : e ? b = `${e} "${m}"` : b = `${a.formatMessage({ id: "c4r.form.add" })} "${m}"`, f.push({
1026
- inputValue: m,
1027
+ typeof e == "function" ? b = e(f) : e ? b = `${e} "${f}"` : b = `${r.formatMessage({ id: "c4r.form.add" })} "${f}"`, u.push({
1028
+ inputValue: f,
1027
1029
  title: b
1028
1030
  });
1029
1031
  }
1030
- return f;
1032
+ return u;
1031
1033
  },
1032
- creatableOptionLabel: (u) => typeof u == "string" ? u : u.inputValue ? u.inputValue : t(u),
1033
- creatableRenderOption: (u, g, f) => {
1034
- const m = g.inputValue ? n ?? /* @__PURE__ */ i(de, {}) : void 0, y = It(g, !!o);
1034
+ creatableOptionLabel: (d) => typeof d == "string" ? d : d.inputValue ? d.inputValue : t(d),
1035
+ creatableRenderOption: (d, m, u) => {
1036
+ const f = m.inputValue ? n ?? /* @__PURE__ */ i(de, {}) : void 0, M = At(m, !!o);
1035
1037
  return c(
1038
+ d,
1039
+ M,
1036
1040
  u,
1037
- y,
1038
- f,
1039
1041
  t,
1040
- m
1042
+ f
1041
1043
  );
1042
1044
  }
1043
1045
  };
@@ -1048,35 +1050,35 @@ function Bt({
1048
1050
  onChange: n,
1049
1051
  getOptionLabel: o
1050
1052
  }) {
1051
- const [r, a] = T(
1053
+ const [a, r] = $(
1052
1054
  Array.isArray(e) ? e : e ? [e] : []
1053
1055
  ), { renderOption: l } = wt();
1054
- H(() => {
1055
- const g = Array.isArray(e) ? e : e ? [e] : [];
1056
- a(g);
1056
+ _(() => {
1057
+ const m = Array.isArray(e) ? e : e ? [e] : [];
1058
+ r(m);
1057
1059
  }, [e]);
1058
- const c = r.length === t.length, s = r.length > 0 && r.length < t.length;
1060
+ const c = a.length === t.length, s = a.length > 0 && a.length < t.length;
1059
1061
  return {
1060
- multipleValue: r,
1062
+ multipleValue: a,
1061
1063
  allSelected: c,
1062
1064
  someSelected: s,
1063
- handleSelectAll: (g) => {
1064
- const f = c ? [] : [...t];
1065
- a(f), n == null || n(
1066
- g,
1067
- f,
1065
+ handleSelectAll: (m) => {
1066
+ const u = c ? [] : [...t];
1067
+ r(u), n == null || n(
1068
+ m,
1069
+ u,
1068
1070
  "selectOption"
1069
1071
  );
1070
1072
  },
1071
- handleChange: (g, f, m) => {
1072
- a(f === null ? [] : f), n == null || n(g, f, m);
1073
+ handleChange: (m, u, f) => {
1074
+ r(u === null ? [] : u), n == null || n(m, u, f);
1073
1075
  },
1074
- multipleRenderOption: (g, f, m) => {
1075
- const y = It(f, !0);
1076
+ multipleRenderOption: (m, u, f) => {
1077
+ const M = At(u, !0);
1076
1078
  return l(
1077
- g,
1078
- y,
1079
1079
  m,
1080
+ M,
1081
+ f,
1080
1082
  o
1081
1083
  );
1082
1084
  }
@@ -1087,25 +1089,25 @@ function nn({
1087
1089
  showFilters: e,
1088
1090
  allSelected: n,
1089
1091
  someSelected: o,
1090
- handleSelectAll: r = () => {
1092
+ handleSelectAll: a = () => {
1091
1093
  },
1092
- multiple: a,
1094
+ multiple: r,
1093
1095
  ...l
1094
1096
  }, c) {
1095
- return /* @__PURE__ */ x(
1097
+ return /* @__PURE__ */ y(
1096
1098
  "ul",
1097
1099
  {
1098
1100
  ref: c,
1099
1101
  ...l,
1100
1102
  role: "listbox",
1101
- "aria-multiselectable": a,
1103
+ "aria-multiselectable": r,
1102
1104
  children: [
1103
- e && a && /* @__PURE__ */ i(
1104
- Dt,
1105
+ e && r && /* @__PURE__ */ i(
1106
+ kt,
1105
1107
  {
1106
1108
  areAllSelected: !!n,
1107
1109
  areAnySelected: !!o,
1108
- selectAll: r
1110
+ selectAll: a
1109
1111
  }
1110
1112
  ),
1111
1113
  t
@@ -1113,35 +1115,35 @@ function nn({
1113
1115
  }
1114
1116
  );
1115
1117
  }
1116
- const St = $(nn);
1118
+ const St = T(nn);
1117
1119
  function on({
1118
1120
  newItemLabel: t,
1119
1121
  newItemIcon: e,
1120
- getOptionLabel: n = At,
1122
+ getOptionLabel: n = Dt,
1121
1123
  multiple: o,
1122
- disableCloseOnSelect: r,
1123
- disabled: a,
1124
+ disableCloseOnSelect: a,
1125
+ disabled: r,
1124
1126
  loading: l,
1125
1127
  showFilters: c,
1126
1128
  options: s = [],
1127
- value: d,
1129
+ value: p,
1128
1130
  onChange: h,
1129
- getLimitTagsText: u,
1130
- ...g
1131
- }, f) {
1132
- const { freeSolo: m = !0, ...y } = g, {
1131
+ getLimitTagsText: d,
1132
+ ...m
1133
+ }, u) {
1134
+ const { freeSolo: f = !0, ...M } = m, {
1133
1135
  multipleValue: b,
1134
- allSelected: D,
1135
- someSelected: w,
1136
- handleSelectAll: A,
1137
- handleChange: M
1136
+ allSelected: I,
1137
+ someSelected: k,
1138
+ handleSelectAll: D,
1139
+ handleChange: x
1138
1140
  } = Bt({
1139
1141
  options: s,
1140
- value: d,
1142
+ value: p,
1141
1143
  onChange: h
1142
1144
  }), {
1143
- creatableFilterOptions: I,
1144
- creatableOptionLabel: k,
1145
+ creatableFilterOptions: C,
1146
+ creatableOptionLabel: B,
1145
1147
  creatableRenderOption: O
1146
1148
  } = en({
1147
1149
  getOptionLabel: n,
@@ -1150,90 +1152,90 @@ function on({
1150
1152
  multiple: o
1151
1153
  });
1152
1154
  return /* @__PURE__ */ i(
1153
- z,
1155
+ Z,
1154
1156
  {
1155
- ...y,
1156
- ref: f,
1157
+ ...M,
1158
+ ref: u,
1157
1159
  options: s,
1158
- value: o ? b : d,
1159
- onChange: M,
1160
- filterOptions: I,
1161
- getOptionLabel: k,
1160
+ value: o ? b : p,
1161
+ onChange: x,
1162
+ filterOptions: C,
1163
+ getOptionLabel: B,
1162
1164
  renderOption: O,
1163
- freeSolo: m,
1165
+ freeSolo: f,
1164
1166
  forcePopupIcon: !0,
1165
1167
  multiple: o,
1166
- disableCloseOnSelect: r ?? o,
1168
+ disableCloseOnSelect: a ?? o,
1167
1169
  ListboxComponent: St,
1168
1170
  ListboxProps: {
1169
1171
  showFilters: c,
1170
- allSelected: D,
1171
- someSelected: w,
1172
- handleSelectAll: A,
1172
+ allSelected: I,
1173
+ someSelected: k,
1174
+ handleSelectAll: D,
1173
1175
  multiple: o
1174
1176
  },
1175
- getLimitTagsText: u ?? kt,
1176
- disabled: a || l,
1177
- popupIcon: l ? /* @__PURE__ */ i(_, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(J, {}),
1177
+ getLimitTagsText: d ?? It,
1178
+ disabled: r || l,
1179
+ popupIcon: l ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(X, {}),
1178
1180
  "data-name": "creatable-autocomplete"
1179
1181
  }
1180
1182
  );
1181
1183
  }
1182
- const Ao = $(on);
1183
- function rn({
1184
+ const Ao = T(on);
1185
+ function an({
1184
1186
  renderOption: t,
1185
1187
  disableCloseOnSelect: e = !0,
1186
1188
  disabled: n,
1187
1189
  loading: o,
1188
- showFilters: r,
1189
- options: a,
1190
+ showFilters: a,
1191
+ options: r,
1190
1192
  value: l,
1191
1193
  onChange: c,
1192
1194
  getOptionLabel: s,
1193
- getLimitTagsText: d,
1195
+ getLimitTagsText: p,
1194
1196
  ...h
1195
- }, u) {
1197
+ }, d) {
1196
1198
  const {
1197
- multipleValue: g,
1198
- allSelected: f,
1199
- someSelected: m,
1200
- handleSelectAll: y,
1199
+ multipleValue: m,
1200
+ allSelected: u,
1201
+ someSelected: f,
1202
+ handleSelectAll: M,
1201
1203
  handleChange: b,
1202
- multipleRenderOption: D
1204
+ multipleRenderOption: I
1203
1205
  } = Bt({
1204
- options: a,
1206
+ options: r,
1205
1207
  value: l,
1206
1208
  onChange: c,
1207
1209
  getOptionLabel: s
1208
1210
  });
1209
1211
  return /* @__PURE__ */ i(
1210
- z,
1212
+ Z,
1211
1213
  {
1212
1214
  ...h,
1213
- ref: u,
1214
- options: a,
1215
- value: g,
1215
+ ref: d,
1216
+ options: r,
1217
+ value: m,
1216
1218
  onChange: b,
1217
1219
  getOptionLabel: s,
1218
- renderOption: t ?? D,
1220
+ renderOption: t ?? I,
1219
1221
  ListboxComponent: St,
1220
1222
  ListboxProps: {
1221
- showFilters: r,
1222
- allSelected: f,
1223
- someSelected: m,
1224
- handleSelectAll: y,
1223
+ showFilters: a,
1224
+ allSelected: u,
1225
+ someSelected: f,
1226
+ handleSelectAll: M,
1225
1227
  multiple: !0
1226
1228
  },
1227
1229
  multiple: !0,
1228
- getLimitTagsText: d ?? kt,
1230
+ getLimitTagsText: p ?? It,
1229
1231
  disableCloseOnSelect: e,
1230
1232
  disabled: n || o,
1231
- popupIcon: o ? /* @__PURE__ */ i(_, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(J, {}),
1233
+ popupIcon: o ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : /* @__PURE__ */ i(X, {}),
1232
1234
  "data-name": "multiple-autocomplete"
1233
1235
  }
1234
1236
  );
1235
1237
  }
1236
- const Io = $(rn), an = p("div", {
1238
+ const Io = T(an), rn = g("div", {
1237
1239
  shouldForwardProp: (t) => t !== "variant"
1238
1240
  })(({ variant: t, theme: e }) => ({
1239
1241
  width: "100%",
@@ -1243,12 +1245,12 @@ const Io = $(rn), an = p("div", {
1243
1245
  boxShadow: `inset 0 0 0 1px ${e.palette.divider}`
1244
1246
  }
1245
1247
  }));
1246
- function ko({
1248
+ function wo({
1247
1249
  variant: t = "standard",
1248
1250
  items: e,
1249
1251
  ...n
1250
1252
  }) {
1251
- return /* @__PURE__ */ i(an, { ...n, variant: t, children: e.map((o, r) => /* @__PURE__ */ x(
1253
+ return /* @__PURE__ */ i(rn, { ...n, variant: t, children: e.map((o, a) => /* @__PURE__ */ y(
1252
1254
  Ut,
1253
1255
  {
1254
1256
  disabled: o.disabled,
@@ -1258,15 +1260,15 @@ function ko({
1258
1260
  /* @__PURE__ */ i(
1259
1261
  Yt,
1260
1262
  {
1261
- "aria-controls": `${r}-content`,
1262
- id: `${r}-header`,
1263
+ "aria-controls": `${a}-content`,
1264
+ id: `${a}-header`,
1263
1265
  children: o.summary
1264
1266
  }
1265
1267
  ),
1266
1268
  /* @__PURE__ */ i(qt, { children: o.content })
1267
1269
  ]
1268
1270
  },
1269
- r
1271
+ a
1270
1272
  )) });
1271
1273
  }
1272
1274
  const it = {
@@ -1274,7 +1276,7 @@ const it = {
1274
1276
  medium: 4,
1275
1277
  small: 3,
1276
1278
  xsmall: 2.25
1277
- }, ln = p(zt, {
1279
+ }, ln = g(zt, {
1278
1280
  shouldForwardProp: (t) => t !== "size" && t !== "disabled"
1279
1281
  })(({ theme: t, size: e = "medium", disabled: n = !1 }) => ({
1280
1282
  width: t.spacing(it[e]),
@@ -1291,18 +1293,18 @@ const it = {
1291
1293
  ...t.typography.caption,
1292
1294
  fontWeight: 500,
1293
1295
  svg: {
1294
- width: P,
1295
- height: P
1296
+ width: G,
1297
+ height: G
1296
1298
  }
1297
1299
  },
1298
1300
  ...n && {
1299
1301
  opacity: 0.6
1300
1302
  }
1301
1303
  }));
1302
- function wo(t) {
1304
+ function Bo(t) {
1303
1305
  return /* @__PURE__ */ i(ln, { ...t });
1304
1306
  }
1305
- const Tt = 480, cn = p(Zt)(({ theme: t }) => ({
1307
+ const Tt = 480, cn = g(Zt)(({ theme: t }) => ({
1306
1308
  bottom: t.spacing(2),
1307
1309
  right: t.spacing(2),
1308
1310
  left: t.spacing(2),
@@ -1313,7 +1315,7 @@ const Tt = 480, cn = p(Zt)(({ theme: t }) => ({
1313
1315
  width: "100%",
1314
1316
  maxWidth: `${Tt}px`
1315
1317
  }
1316
- })), sn = p(v, {
1318
+ })), sn = g(v, {
1317
1319
  shouldForwardProp: (t) => t !== "autoWidth"
1318
1320
  })(({ autoWidth: t, theme: e }) => ({
1319
1321
  minWidth: "100%",
@@ -1328,7 +1330,7 @@ const Tt = 480, cn = p(Zt)(({ theme: t }) => ({
1328
1330
  minWidth: "auto"
1329
1331
  }
1330
1332
  }
1331
- })), dn = p(Ct, {
1333
+ })), dn = g(Ct, {
1332
1334
  shouldForwardProp: (t) => !["hasActions", "closeable"].includes(t)
1333
1335
  })(({ hasActions: t, closeable: e, icon: n, theme: o }) => ({
1334
1336
  position: "relative",
@@ -1380,7 +1382,7 @@ const Tt = 480, cn = p(Zt)(({ theme: t }) => ({
1380
1382
  padding: o.spacing(0.75, 0)
1381
1383
  }
1382
1384
  }
1383
- })), un = p(v)(({ theme: t }) => ({
1385
+ })), un = g(v)(({ theme: t }) => ({
1384
1386
  position: "absolute",
1385
1387
  top: t.spacing(1),
1386
1388
  right: t.spacing(1),
@@ -1391,21 +1393,21 @@ const Tt = 480, cn = p(Zt)(({ theme: t }) => ({
1391
1393
  color: t.palette.white[60]
1392
1394
  }
1393
1395
  }));
1394
- function Bo({
1396
+ function So({
1395
1397
  severity: t = "neutral",
1396
1398
  autoHideDuration: e = ot,
1397
1399
  closeable: n = !0,
1398
1400
  children: o,
1399
- title: r,
1400
- action: a,
1401
+ title: a,
1402
+ action: r,
1401
1403
  open: l,
1402
1404
  onClose: c = () => {
1403
1405
  },
1404
1406
  autoWidth: s,
1405
- icon: d,
1407
+ icon: p,
1406
1408
  ...h
1407
1409
  }) {
1408
- const u = F(), g = R(u);
1410
+ const d = F(), m = R(d);
1409
1411
  return /* @__PURE__ */ i(Jt, { children: /* @__PURE__ */ i(
1410
1412
  cn,
1411
1413
  {
@@ -1415,7 +1417,7 @@ function Bo({
1415
1417
  onClose: c,
1416
1418
  TransitionComponent: s ? Xt : xt,
1417
1419
  "data-auto-width": s,
1418
- children: /* @__PURE__ */ x(
1420
+ children: /* @__PURE__ */ y(
1419
1421
  sn,
1420
1422
  {
1421
1423
  sx: {
@@ -1427,12 +1429,12 @@ function Bo({
1427
1429
  dn,
1428
1430
  {
1429
1431
  severity: t,
1430
- action: a,
1431
- icon: d === !1 || t === "neutral" && !d ? !1 : d,
1432
+ action: r,
1433
+ icon: p === !1 || t === "neutral" && !p ? !1 : p,
1432
1434
  elevation: 6,
1433
- hasActions: !!a,
1435
+ hasActions: !!r,
1434
1436
  closeable: n,
1435
- title: r,
1437
+ title: a,
1436
1438
  children: o
1437
1439
  }
1438
1440
  ),
@@ -1440,9 +1442,9 @@ function Bo({
1440
1442
  Le,
1441
1443
  {
1442
1444
  color: "default",
1443
- onClick: (D) => c(D, "timeout"),
1445
+ onClick: (I) => c(I, "timeout"),
1444
1446
  icon: /* @__PURE__ */ i(Mt, {}),
1445
- tooltip: g.formatMessage({
1447
+ tooltip: m.formatMessage({
1446
1448
  id: "c4r.button.close"
1447
1449
  })
1448
1450
  }
@@ -1453,17 +1455,17 @@ function Bo({
1453
1455
  }
1454
1456
  ) });
1455
1457
  }
1456
- const pn = p("div")(({ theme: t }) => ({
1458
+ const pn = g("div")(({ theme: t }) => ({
1457
1459
  display: "flex",
1458
1460
  alignItems: "center",
1459
1461
  height: le,
1460
1462
  marginRight: t.spacing(1.5)
1461
- })), gn = p(L)(({ theme: t }) => ({
1463
+ })), gn = g(W)(({ theme: t }) => ({
1462
1464
  marginRight: t.spacing(1),
1463
1465
  "&.MuiButtonBase-root svg path": {
1464
1466
  fill: t.palette.brand.appBarContrastText
1465
1467
  }
1466
- })), fn = p(G)(({ theme: t }) => ({
1468
+ })), fn = g(j)(({ theme: t }) => ({
1467
1469
  borderColor: Kt(t.palette.brand.appBarContrastText, 0.12)
1468
1470
  }));
1469
1471
  function mn({
@@ -1478,7 +1480,7 @@ function mn({
1478
1480
  sx: {
1479
1481
  display: { md: "none", xs: "block" }
1480
1482
  },
1481
- children: /* @__PURE__ */ x(pn, { children: [
1483
+ children: /* @__PURE__ */ y(pn, { children: [
1482
1484
  /* @__PURE__ */ i(gn, { onClick: t, children: /* @__PURE__ */ i(ue, {}) }),
1483
1485
  /* @__PURE__ */ i(fn, { orientation: "vertical", flexItem: !0 })
1484
1486
  ] })
@@ -1486,7 +1488,7 @@ function mn({
1486
1488
  )
1487
1489
  );
1488
1490
  }
1489
- const hn = p("div")(({ theme: t }) => ({
1491
+ const hn = g("div")(({ theme: t }) => ({
1490
1492
  display: "flex",
1491
1493
  marginRight: t.spacing(1.5),
1492
1494
  "& a": {
@@ -1500,13 +1502,13 @@ const hn = p("div")(({ theme: t }) => ({
1500
1502
  function bn({ logo: t }) {
1501
1503
  return /* @__PURE__ */ i(hn, { children: t });
1502
1504
  }
1503
- const xn = p(B)({
1505
+ const xn = g(S)({
1504
1506
  display: "flex",
1505
1507
  alignItems: "center",
1506
1508
  whiteSpace: "nowrap"
1507
1509
  });
1508
1510
  function yn({ text: t }) {
1509
- const e = V();
1511
+ const e = N();
1510
1512
  return /* @__PURE__ */ i(
1511
1513
  xn,
1512
1514
  {
@@ -1517,7 +1519,7 @@ function yn({ text: t }) {
1517
1519
  }
1518
1520
  );
1519
1521
  }
1520
- const Mn = p(B)(({ theme: t }) => ({
1522
+ const Mn = g(S)(({ theme: t }) => ({
1521
1523
  display: "flex",
1522
1524
  alignItems: "center",
1523
1525
  "&::before": {
@@ -1528,7 +1530,7 @@ const Mn = p(B)(({ theme: t }) => ({
1528
1530
  }
1529
1531
  }));
1530
1532
  function Cn({ text: t }) {
1531
- const e = V();
1533
+ const e = N();
1532
1534
  return /* @__PURE__ */ i(
1533
1535
  Mn,
1534
1536
  {
@@ -1540,7 +1542,7 @@ function Cn({ text: t }) {
1540
1542
  }
1541
1543
  );
1542
1544
  }
1543
- const vn = p(te)(({ theme: t }) => ({
1545
+ const vn = g(te)(({ theme: t }) => ({
1544
1546
  backgroundColor: t.palette.brand.appBarMain,
1545
1547
  "& .MuiTypography-root": {
1546
1548
  color: t.palette.brand.appBarContrastText
@@ -1548,7 +1550,7 @@ const vn = p(te)(({ theme: t }) => ({
1548
1550
  "& .MuiIconButton-root path": {
1549
1551
  fill: t.palette.brand.appBarContrastText
1550
1552
  }
1551
- })), Dn = p("div")(({ theme: t }) => ({
1553
+ })), kn = g("div")(({ theme: t }) => ({
1552
1554
  display: "flex",
1553
1555
  alignItems: "center",
1554
1556
  maxWidth: "calc(100% - 300px)",
@@ -1556,33 +1558,33 @@ const vn = p(te)(({ theme: t }) => ({
1556
1558
  [t.breakpoints.down("sm")]: {
1557
1559
  minWidth: "192px"
1558
1560
  }
1559
- })), An = p("div")(({ theme: t }) => ({
1561
+ })), Dn = g("div")(({ theme: t }) => ({
1560
1562
  display: "flex",
1561
1563
  alignItems: "center",
1562
1564
  justifyContent: "space-between",
1563
1565
  flex: 1,
1564
1566
  marginLeft: t.spacing(1)
1565
1567
  }));
1566
- function So({
1568
+ function To({
1567
1569
  children: t,
1568
1570
  brandLogo: e,
1569
1571
  brandText: n,
1570
1572
  secondaryText: o,
1571
- showBurgerMenu: r = !1,
1572
- onClickMenu: a,
1573
+ showBurgerMenu: a = !1,
1574
+ onClickMenu: r,
1573
1575
  ...l
1574
1576
  }) {
1575
- return /* @__PURE__ */ i(vn, { ...l, children: /* @__PURE__ */ x(Qt, { children: [
1576
- /* @__PURE__ */ x(Dn, { children: [
1577
- r && /* @__PURE__ */ i(mn, { onClickMenu: a }),
1577
+ return /* @__PURE__ */ i(vn, { ...l, children: /* @__PURE__ */ y(Qt, { children: [
1578
+ /* @__PURE__ */ y(kn, { children: [
1579
+ a && /* @__PURE__ */ i(mn, { onClickMenu: r }),
1578
1580
  e && /* @__PURE__ */ i(bn, { logo: e }),
1579
1581
  n && /* @__PURE__ */ i(yn, { text: n }),
1580
1582
  o && /* @__PURE__ */ i(Cn, { text: o })
1581
1583
  ] }),
1582
- /* @__PURE__ */ i(An, { children: t })
1584
+ /* @__PURE__ */ i(Dn, { children: t })
1583
1585
  ] }) });
1584
1586
  }
1585
- const In = p(v, {
1587
+ const An = g(v, {
1586
1588
  shouldForwardProp: (t) => !["size", "variant"].includes(t)
1587
1589
  })(({ size: t, variant: e, theme: n }) => ({
1588
1590
  position: "absolute",
@@ -1599,24 +1601,24 @@ const In = p(v, {
1599
1601
  }
1600
1602
  }
1601
1603
  }));
1602
- function K({
1604
+ function Q({
1603
1605
  size: t,
1604
1606
  variant: e,
1605
1607
  ...n
1606
1608
  }) {
1607
- const o = F(), r = R(o);
1608
- return /* @__PURE__ */ i(In, { size: t, variant: e, children: /* @__PURE__ */ i(
1609
- L,
1609
+ const o = F(), a = R(o);
1610
+ return /* @__PURE__ */ i(An, { size: t, variant: e, children: /* @__PURE__ */ i(
1611
+ W,
1610
1612
  {
1611
1613
  ...n,
1612
1614
  size: t,
1613
- "aria-label": r.formatMessage({
1615
+ "aria-label": a.formatMessage({
1614
1616
  id: "c4r.form.clearSelection"
1615
1617
  })
1616
1618
  }
1617
1619
  ) });
1618
1620
  }
1619
- const kn = p(v, {
1621
+ const In = g(v, {
1620
1622
  shouldForwardProp: (t) => !["size", "variant", "readOnly"].includes(t)
1621
1623
  })(({ size: t, variant: e, readOnly: n, theme: o }) => ({
1622
1624
  // There is no specific slot to change TextField styles at DatePicker level, so we need to wrap our component to isolate this override. https://mui.com/x/react-date-pickers/date-picker/#customization
@@ -1649,86 +1651,99 @@ const kn = p(v, {
1649
1651
  }
1650
1652
  }
1651
1653
  }));
1652
- function Q({
1654
+ function tt({
1653
1655
  children: t,
1654
1656
  size: e,
1655
1657
  variant: n,
1656
1658
  readOnly: o,
1657
- ...r
1659
+ ...a
1658
1660
  }) {
1659
- return /* @__PURE__ */ i(kn, { ...r, size: e, variant: n, readOnly: o, children: t });
1661
+ return /* @__PURE__ */ i(In, { ...a, size: e, variant: n, readOnly: o, children: t });
1660
1662
  }
1661
- function rt({
1663
+ function at({
1662
1664
  handleClear: t,
1663
1665
  variant: e = "outlined",
1664
1666
  size: n = "small",
1665
1667
  label: o,
1666
- labelHelpTooltip: r,
1667
- type: a,
1668
+ labelHelpTooltip: a,
1669
+ type: r,
1668
1670
  helperText: l,
1669
1671
  placeholder: c,
1670
1672
  slotProps: s,
1671
- slots: d,
1673
+ slots: p,
1672
1674
  error: h,
1673
- showCalendar: u = !0,
1674
- readOnly: g,
1675
- ...f
1675
+ showCalendar: d = !0,
1676
+ readOnly: m,
1677
+ "aria-label": u,
1678
+ "data-testid": f,
1679
+ ...M
1676
1680
  }) {
1677
- const m = F(), y = R(m);
1681
+ const b = F(), I = R(b);
1678
1682
  return (
1679
1683
  // Don't remove className, it's used for styling
1680
- /* @__PURE__ */ i(v, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ i(Q, { size: n, variant: e, readOnly: g, children: /* @__PURE__ */ i(
1681
- fe,
1684
+ /* @__PURE__ */ i(v, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ i(
1685
+ tt,
1682
1686
  {
1683
- ...f,
1684
- label: o && /* @__PURE__ */ i(
1685
- X,
1687
+ size: n,
1688
+ variant: e,
1689
+ readOnly: m,
1690
+ "data-name": "date-picker",
1691
+ "aria-label": u,
1692
+ "data-testid": f,
1693
+ children: /* @__PURE__ */ i(
1694
+ fe,
1686
1695
  {
1687
- label: o,
1688
- type: a,
1689
- icon: r && /* @__PURE__ */ i(W, { title: r, children: /* @__PURE__ */ i(Z, { htmlColor: "text.secondary" }) })
1696
+ ...M,
1697
+ label: o && /* @__PURE__ */ i(
1698
+ K,
1699
+ {
1700
+ label: o,
1701
+ type: r,
1702
+ icon: a && /* @__PURE__ */ i(H, { title: a, children: /* @__PURE__ */ i(J, { htmlColor: "text.secondary" }) })
1703
+ }
1704
+ ),
1705
+ slotProps: {
1706
+ // https://mui.com/x/api/date-pickers/date-picker/#slots
1707
+ textField: {
1708
+ variant: e,
1709
+ helperText: l,
1710
+ placeholder: c,
1711
+ size: n,
1712
+ error: h ?? void 0,
1713
+ // undefined is needed to allow the component to control the error state for the default validation
1714
+ inputProps: {
1715
+ "data-testid": "date-picker-input"
1716
+ }
1717
+ },
1718
+ field: {
1719
+ clearable: !!t,
1720
+ onClear: t
1721
+ },
1722
+ ...s
1723
+ },
1724
+ slots: {
1725
+ clearButton: (k) => /* @__PURE__ */ i(Q, { ...k, size: n, variant: e }),
1726
+ openPickerButton: (k) => /* @__PURE__ */ i(
1727
+ W,
1728
+ {
1729
+ ...k,
1730
+ size: n,
1731
+ "aria-label": I.formatMessage({
1732
+ id: "c4r.form.chooseDate"
1733
+ })
1734
+ }
1735
+ ),
1736
+ ...p
1737
+ },
1738
+ disableOpenPicker: !d,
1739
+ readOnly: m
1690
1740
  }
1691
- ),
1692
- slotProps: {
1693
- // https://mui.com/x/api/date-pickers/date-picker/#slots
1694
- textField: {
1695
- variant: e,
1696
- helperText: l,
1697
- placeholder: c,
1698
- size: n,
1699
- error: h ?? void 0,
1700
- // undefined is needed to allow the component to control the error state for the default validation
1701
- inputProps: {
1702
- "data-testid": "date-picker-input"
1703
- }
1704
- },
1705
- field: {
1706
- clearable: !!t,
1707
- onClear: t
1708
- },
1709
- ...s
1710
- },
1711
- slots: {
1712
- clearButton: (b) => /* @__PURE__ */ i(K, { ...b, size: n, variant: e }),
1713
- openPickerButton: (b) => /* @__PURE__ */ i(
1714
- L,
1715
- {
1716
- ...b,
1717
- size: n,
1718
- "aria-label": y.formatMessage({
1719
- id: "c4r.form.chooseDate"
1720
- })
1721
- }
1722
- ),
1723
- ...d
1724
- },
1725
- disableOpenPicker: !u,
1726
- readOnly: g
1741
+ )
1727
1742
  }
1728
- ) }) })
1743
+ ) })
1729
1744
  );
1730
1745
  }
1731
- const wn = p(v, {
1746
+ const wn = g(v, {
1732
1747
  shouldForwardProp: (t) => ![
1733
1748
  "isSelected",
1734
1749
  "isStartDate",
@@ -1743,8 +1758,8 @@ const wn = p(v, {
1743
1758
  isSelected: e,
1744
1759
  isStartDate: n,
1745
1760
  isEndDate: o,
1746
- isSelectedMonth: r,
1747
- isLastDay: a,
1761
+ isSelectedMonth: a,
1762
+ isLastDay: r,
1748
1763
  isFirstDay: l
1749
1764
  }) => ({
1750
1765
  position: "relative",
@@ -1753,7 +1768,7 @@ const wn = p(v, {
1753
1768
  margin: 0
1754
1769
  },
1755
1770
  // Highlight the selected date range
1756
- ...e && r && {
1771
+ ...e && a && {
1757
1772
  // Creates a continuous background color between start and end date
1758
1773
  "&::before": {
1759
1774
  content: '""',
@@ -1769,7 +1784,7 @@ const wn = p(v, {
1769
1784
  borderRadius: `${t.shape.borderRadius}px 0 0 ${t.shape.borderRadius}px`
1770
1785
  },
1771
1786
  // Selected end date OR last day of the month
1772
- ...(o || a) && {
1787
+ ...(o || r) && {
1773
1788
  right: 0,
1774
1789
  borderRadius: `0 ${t.shape.borderRadius}px ${t.shape.borderRadius}px 0`
1775
1790
  }
@@ -1793,7 +1808,7 @@ const wn = p(v, {
1793
1808
  }
1794
1809
  },
1795
1810
  // Last day of month and first selected day in a week
1796
- ...a && {
1811
+ ...r && {
1797
1812
  "&:first-of-type::before": {
1798
1813
  left: 0,
1799
1814
  right: 0,
@@ -1823,7 +1838,7 @@ const wn = p(v, {
1823
1838
  }
1824
1839
  }
1825
1840
  })
1826
- ), Bn = p(me, {
1841
+ ), Bn = g(me, {
1827
1842
  shouldForwardProp: (t) => t !== "isDateRangeLimit"
1828
1843
  })(({ theme: t, isDateRangeLimit: e }) => ({
1829
1844
  "&.MuiPickersDay-root": {
@@ -1843,37 +1858,38 @@ const wn = p(v, {
1843
1858
  }
1844
1859
  }
1845
1860
  }
1846
- })), at = (t, e) => !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
1861
+ })), rt = (t, e) => !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
1847
1862
  function lt({
1848
1863
  day: t,
1849
1864
  startDate: e,
1850
1865
  endDate: n,
1851
1866
  selectedMonth: o,
1852
- ...r
1867
+ ...a
1853
1868
  }) {
1854
- const a = !!(e && at(e, t)), l = !!(n && at(n, t)), c = !!(e && n && t.getTime() >= e.getTime() && t.getTime() <= n.getTime()), s = t.getDate() === 1, d = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), h = !!(o && t.getMonth() === o.getMonth());
1869
+ const r = !!(e && rt(e, t)), l = !!(n && rt(n, t)), c = !!(e && n && t.getTime() >= e.getTime() && t.getTime() <= n.getTime()), s = t.getDate() === 1, p = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), h = !!(o && t.getMonth() === o.getMonth());
1855
1870
  return /* @__PURE__ */ i(
1856
1871
  wn,
1857
1872
  {
1858
1873
  isSelected: c,
1859
- isStartDate: a,
1874
+ isStartDate: r,
1860
1875
  isEndDate: l,
1861
1876
  isSelectedMonth: h,
1862
- isLastDay: d,
1877
+ isLastDay: p,
1863
1878
  isFirstDay: s,
1864
1879
  children: /* @__PURE__ */ i(
1865
1880
  Bn,
1866
1881
  {
1867
- ...r,
1882
+ ...a,
1868
1883
  day: t,
1869
- selected: c || a || l,
1870
- isDateRangeLimit: a || l
1884
+ selected: c || r || l,
1885
+ isDateRangeLimit: r || l,
1886
+ "data-name": "pickers-day"
1871
1887
  }
1872
1888
  )
1873
1889
  }
1874
1890
  );
1875
1891
  }
1876
- const Sn = p(v, {
1892
+ const Sn = g(v, {
1877
1893
  shouldForwardProp: (t) => !["variant"].includes(t)
1878
1894
  })(({ variant: t, theme: e }) => ({
1879
1895
  display: "flex",
@@ -1923,175 +1939,190 @@ const Sn = p(v, {
1923
1939
  }
1924
1940
  }
1925
1941
  }));
1926
- function To({
1942
+ function $o({
1927
1943
  globalHelperText: t,
1928
1944
  error: e,
1929
1945
  variant: n = "outlined",
1930
1946
  startProps: o,
1931
- endProps: r,
1932
- ...a
1947
+ endProps: a,
1948
+ "aria-label": r,
1949
+ "data-testid": l,
1950
+ ...c
1933
1951
  }) {
1934
- const l = F(), c = R(l), [s, d] = T(!1), [h, u] = T(!1), [g, f] = T(
1952
+ const s = F(), p = R(s), [h, d] = $(!1), [m, u] = $(!1), [f, M] = $(
1935
1953
  (o == null ? void 0 : o.value) || null
1936
- ), [m, y] = T((r == null ? void 0 : r.value) || null), [b, D] = T(
1937
- (r == null ? void 0 : r.value) ?? (o == null ? void 0 : o.value) ?? /* @__PURE__ */ new Date()
1938
- ), w = e ?? (o == null ? void 0 : o.error) ?? (r == null ? void 0 : r.error), A = (C, S) => {
1939
- f(C), o != null && o.onChange && o.onChange(C, S), C && S.validationError === null && !h && S.trigger === null && (u(!1), d(!0));
1940
- }, M = (C, S) => {
1941
- y(C), r != null && r.onChange && r.onChange(C, S);
1942
- }, I = () => {
1954
+ ), [b, I] = $((a == null ? void 0 : a.value) || null), [k, D] = $(
1955
+ (a == null ? void 0 : a.value) ?? (o == null ? void 0 : o.value) ?? /* @__PURE__ */ new Date()
1956
+ ), x = e ?? (o == null ? void 0 : o.error) ?? (a == null ? void 0 : a.error), C = (A, L) => {
1957
+ M(A), o != null && o.onChange && o.onChange(A, L), A && L.validationError === null && !m && L.trigger === null && (u(!1), d(!0));
1958
+ }, B = (A, L) => {
1959
+ I(A), a != null && a.onChange && a.onChange(A, L);
1960
+ }, O = () => {
1943
1961
  u(!0), d(!1), setTimeout(() => {
1944
- D(g ?? /* @__PURE__ */ new Date());
1962
+ D(f ?? /* @__PURE__ */ new Date());
1945
1963
  }, 120);
1946
- }, k = () => {
1964
+ }, w = () => {
1947
1965
  u(!1), d(!0), setTimeout(() => {
1948
- D(m ?? g ?? /* @__PURE__ */ new Date());
1966
+ D(b ?? f ?? /* @__PURE__ */ new Date());
1949
1967
  }, 120);
1950
- }, O = () => {
1968
+ }, E = () => {
1951
1969
  u(!1), d(!0), setTimeout(() => {
1952
- D(m ?? g ?? /* @__PURE__ */ new Date());
1970
+ D(b ?? f ?? /* @__PURE__ */ new Date());
1953
1971
  }, 120);
1954
1972
  };
1955
- return /* @__PURE__ */ x(v, { children: [
1956
- /* @__PURE__ */ x(Sn, { variant: n, children: [
1957
- /* @__PURE__ */ i(
1958
- rt,
1959
- {
1960
- ...a,
1961
- ...o,
1962
- value: (o == null ? void 0 : o.value) ?? g,
1963
- maxDate: m ?? void 0,
1964
- label: (o == null ? void 0 : o.label) ?? c.formatMessage({ id: "c4r.form.startDate" }),
1965
- slotProps: {
1966
- popper: {
1967
- placement: "bottom-start",
1968
- "aria-label": c.formatMessage({
1969
- id: "c4r.form.startDateCalendar"
1970
- })
1971
- },
1972
- ...o == null ? void 0 : o.slotProps
1973
- },
1974
- slots: {
1975
- openPickerIcon: pe,
1976
- day: (C) => /* @__PURE__ */ i(
1977
- lt,
1978
- {
1979
- ...C,
1980
- startDate: g,
1981
- endDate: m,
1982
- selectedMonth: b
1983
- }
1984
- ),
1985
- ...o == null ? void 0 : o.slots
1986
- },
1987
- error: (o == null ? void 0 : o.error) ?? e,
1988
- open: h,
1989
- onChange: A,
1990
- onOpen: I,
1991
- onClose: k,
1992
- onMonthChange: (C) => D(C),
1993
- variant: n
1994
- }
1995
- ),
1996
- /* @__PURE__ */ i(
1997
- rt,
1998
- {
1999
- ...a,
2000
- ...r,
2001
- value: (r == null ? void 0 : r.value) ?? m,
2002
- minDate: g ?? void 0,
2003
- slotProps: {
2004
- popper: {
2005
- "aria-label": c.formatMessage({
2006
- id: "c4r.form.endDateCalendar"
2007
- })
2008
- },
2009
- ...r == null ? void 0 : r.slotProps
2010
- },
2011
- slots: {
2012
- day: (C) => /* @__PURE__ */ i(
2013
- lt,
2014
- {
2015
- ...C,
2016
- startDate: g,
2017
- endDate: m,
2018
- selectedMonth: b
2019
- }
2020
- ),
2021
- ...r == null ? void 0 : r.slots
2022
- },
2023
- label: (r == null ? void 0 : r.label) ?? c.formatMessage({ id: "c4r.form.endDate" }),
2024
- error: (r == null ? void 0 : r.error) ?? e,
2025
- open: s,
2026
- onOpen: O,
2027
- onClose: () => d(!1),
2028
- onChange: M,
2029
- onMonthChange: (C) => D(C),
2030
- variant: n
2031
- }
2032
- )
2033
- ] }),
2034
- t && /* @__PURE__ */ i(ht, { error: w, children: t })
1973
+ return /* @__PURE__ */ y(v, { children: [
1974
+ /* @__PURE__ */ y(
1975
+ Sn,
1976
+ {
1977
+ variant: n,
1978
+ "data-name": "date-range-picker",
1979
+ "aria-label": r,
1980
+ "data-testid": l,
1981
+ children: [
1982
+ /* @__PURE__ */ i(
1983
+ at,
1984
+ {
1985
+ ...c,
1986
+ ...o,
1987
+ value: (o == null ? void 0 : o.value) ?? f,
1988
+ maxDate: b ?? void 0,
1989
+ label: (o == null ? void 0 : o.label) ?? p.formatMessage({ id: "c4r.form.startDate" }),
1990
+ slotProps: {
1991
+ popper: {
1992
+ placement: "bottom-start",
1993
+ "aria-label": p.formatMessage({
1994
+ id: "c4r.form.startDateCalendar"
1995
+ })
1996
+ },
1997
+ ...o == null ? void 0 : o.slotProps
1998
+ },
1999
+ slots: {
2000
+ openPickerIcon: pe,
2001
+ day: (A) => /* @__PURE__ */ i(
2002
+ lt,
2003
+ {
2004
+ ...A,
2005
+ startDate: f,
2006
+ endDate: b,
2007
+ selectedMonth: k
2008
+ }
2009
+ ),
2010
+ ...o == null ? void 0 : o.slots
2011
+ },
2012
+ error: (o == null ? void 0 : o.error) ?? e,
2013
+ open: m,
2014
+ onChange: C,
2015
+ onOpen: O,
2016
+ onClose: w,
2017
+ onMonthChange: (A) => D(A),
2018
+ variant: n
2019
+ }
2020
+ ),
2021
+ /* @__PURE__ */ i(
2022
+ at,
2023
+ {
2024
+ ...c,
2025
+ ...a,
2026
+ value: (a == null ? void 0 : a.value) ?? b,
2027
+ minDate: f ?? void 0,
2028
+ slotProps: {
2029
+ popper: {
2030
+ "aria-label": p.formatMessage({
2031
+ id: "c4r.form.endDateCalendar"
2032
+ })
2033
+ },
2034
+ ...a == null ? void 0 : a.slotProps
2035
+ },
2036
+ slots: {
2037
+ day: (A) => /* @__PURE__ */ i(
2038
+ lt,
2039
+ {
2040
+ ...A,
2041
+ startDate: f,
2042
+ endDate: b,
2043
+ selectedMonth: k
2044
+ }
2045
+ ),
2046
+ ...a == null ? void 0 : a.slots
2047
+ },
2048
+ label: (a == null ? void 0 : a.label) ?? p.formatMessage({ id: "c4r.form.endDate" }),
2049
+ error: (a == null ? void 0 : a.error) ?? e,
2050
+ open: h,
2051
+ onOpen: E,
2052
+ onClose: () => d(!1),
2053
+ onChange: B,
2054
+ onMonthChange: (A) => D(A),
2055
+ variant: n
2056
+ }
2057
+ )
2058
+ ]
2059
+ }
2060
+ ),
2061
+ t && /* @__PURE__ */ i(ht, { error: x, children: t })
2035
2062
  ] });
2036
2063
  }
2037
2064
  const $t = (t, e, n, o) => {
2038
- const r = t == null ? void 0 : t.includes("hours"), a = t == null ? void 0 : t.includes("seconds"), l = t == null ? void 0 : t.includes("minutes"), c = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
2065
+ const a = t == null ? void 0 : t.includes("hours"), r = t == null ? void 0 : t.includes("seconds"), l = t == null ? void 0 : t.includes("minutes"), c = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
2039
2066
  if (o) return o;
2040
2067
  const s = [];
2041
- return e && s.push("MM/dd/yyyy "), r && s.push(n ? "hh" : "HH"), c || s.push(":"), l && s.push("mm"), a && s.push(":ss"), n && s.push(" a"), s.join("");
2068
+ return e && s.push("MM/dd/yyyy "), a && s.push(n ? "hh" : "HH"), c || s.push(":"), l && s.push("mm"), r && s.push(":ss"), n && s.push(" a"), s.join("");
2042
2069
  };
2043
- function $o({
2070
+ function Ro({
2044
2071
  handleClear: t,
2045
2072
  variant: e = "outlined",
2046
2073
  size: n = "small",
2047
2074
  label: o,
2048
- labelHelpTooltip: r,
2049
- type: a,
2075
+ labelHelpTooltip: a,
2076
+ type: r,
2050
2077
  helperText: l,
2051
2078
  placeholder: c,
2052
2079
  error: s,
2053
- showClock: d = !0,
2080
+ showClock: p = !0,
2054
2081
  readOnly: h,
2055
- slotProps: u,
2056
- slots: g,
2057
- ampm: f = !0,
2058
- views: m = ["hours", "minutes"],
2059
- format: y,
2060
- ...b
2082
+ slotProps: d,
2083
+ slots: m,
2084
+ ampm: u = !0,
2085
+ views: f = ["hours", "minutes"],
2086
+ format: M,
2087
+ "data-testid": b,
2088
+ "aria-label": I,
2089
+ ...k
2061
2090
  }) {
2062
- const D = F(), w = R(D), A = U(null), [M, I] = T(0);
2063
- return H(() => {
2064
- if (!A.current) return;
2065
- const k = new ResizeObserver((O) => {
2066
- var S;
2067
- const C = (S = O[0]) == null ? void 0 : S.contentRect.width;
2068
- C && I(C);
2091
+ const D = F(), x = R(D), C = Y(null), [B, O] = $(0);
2092
+ return _(() => {
2093
+ if (!C.current) return;
2094
+ const w = new ResizeObserver((E) => {
2095
+ var L;
2096
+ const A = (L = E[0]) == null ? void 0 : L.contentRect.width;
2097
+ A && O(A);
2069
2098
  });
2070
- return k.observe(A.current), () => {
2071
- k.disconnect();
2099
+ return w.observe(C.current), () => {
2100
+ w.disconnect();
2072
2101
  };
2073
2102
  }, []), /* @__PURE__ */ i(
2074
- Q,
2103
+ tt,
2075
2104
  {
2076
2105
  size: n,
2077
2106
  variant: e,
2078
2107
  readOnly: h,
2079
- "data-testid": "time-picker",
2108
+ "data-name": "time-picker",
2109
+ "data-testid": b ?? "time-picker",
2110
+ "aria-label": I,
2080
2111
  children: /* @__PURE__ */ i(
2081
2112
  he,
2082
2113
  {
2083
- ...b,
2084
- ref: A,
2114
+ ...k,
2115
+ ref: C,
2085
2116
  label: /* @__PURE__ */ i(
2086
- X,
2117
+ K,
2087
2118
  {
2088
- label: o ?? w.formatMessage({ id: "c4r.form.time" }),
2089
- type: a,
2090
- icon: r && /* @__PURE__ */ i(W, { title: r, children: /* @__PURE__ */ i(Z, { htmlColor: "text.secondary" }) })
2119
+ label: o ?? x.formatMessage({ id: "c4r.form.time" }),
2120
+ type: r,
2121
+ icon: a && /* @__PURE__ */ i(H, { title: a, children: /* @__PURE__ */ i(J, { htmlColor: "text.secondary" }) })
2091
2122
  }
2092
2123
  ),
2093
2124
  views: ["hours"],
2094
- format: $t(m, !1, f, y),
2125
+ format: $t(f, !1, u, M),
2095
2126
  slotProps: {
2096
2127
  textField: {
2097
2128
  variant: e,
@@ -2113,74 +2144,78 @@ function $o({
2113
2144
  },
2114
2145
  layout: {
2115
2146
  sx: {
2116
- width: M
2147
+ width: B
2117
2148
  }
2118
2149
  },
2119
- ...u
2150
+ ...d
2120
2151
  },
2121
2152
  slots: {
2122
- clearButton: (k) => /* @__PURE__ */ i(K, { ...k, size: n, variant: e }),
2123
- openPickerButton: (k) => /* @__PURE__ */ i(
2124
- L,
2153
+ clearButton: (w) => /* @__PURE__ */ i(Q, { ...w, size: n, variant: e }),
2154
+ openPickerButton: (w) => /* @__PURE__ */ i(
2155
+ W,
2125
2156
  {
2126
- ...k,
2157
+ ...w,
2127
2158
  size: n,
2128
- "aria-label": w.formatMessage({
2159
+ "aria-label": x.formatMessage({
2129
2160
  id: "c4r.form.chooseDate"
2130
2161
  })
2131
2162
  }
2132
2163
  ),
2133
- ...g
2164
+ ...m
2134
2165
  },
2135
- disableOpenPicker: !d,
2166
+ disableOpenPicker: !p,
2136
2167
  readOnly: h,
2137
- ampm: f
2168
+ ampm: u
2138
2169
  }
2139
2170
  )
2140
2171
  }
2141
2172
  );
2142
2173
  }
2143
- function Ro({
2174
+ function Fo({
2144
2175
  handleClear: t,
2145
2176
  variant: e = "outlined",
2146
2177
  size: n = "small",
2147
2178
  label: o,
2148
- labelHelpTooltip: r,
2149
- type: a,
2179
+ labelHelpTooltip: a,
2180
+ type: r,
2150
2181
  helperText: l,
2151
2182
  placeholder: c,
2152
2183
  error: s,
2153
- showCalendar: d = !0,
2184
+ showCalendar: p = !0,
2154
2185
  readOnly: h,
2155
- slotProps: u,
2156
- slots: g,
2157
- ampm: f = !0,
2158
- views: m = ["hours", "minutes"],
2159
- format: y,
2160
- ...b
2186
+ slotProps: d,
2187
+ slots: m,
2188
+ ampm: u = !0,
2189
+ views: f = ["hours", "minutes"],
2190
+ format: M,
2191
+ "data-testid": b,
2192
+ "aria-label": I,
2193
+ ...k
2161
2194
  }) {
2162
- const D = F(), w = R(D);
2195
+ const D = F(), x = R(D);
2163
2196
  return /* @__PURE__ */ i(
2164
- Q,
2197
+ tt,
2165
2198
  {
2166
2199
  size: n,
2167
2200
  variant: e,
2168
2201
  readOnly: h,
2169
- "data-testid": "date-time-picker",
2202
+ "data-name": "date-time-picker",
2203
+ "data-testid": b ?? "date-time-picker",
2204
+ "aria-label": I,
2170
2205
  children: /* @__PURE__ */ i(
2171
2206
  be,
2172
2207
  {
2173
- ...b,
2208
+ ...k,
2174
2209
  label: /* @__PURE__ */ i(
2175
- X,
2210
+ K,
2176
2211
  {
2177
- label: o ?? w.formatMessage({ id: "c4r.form.time" }),
2178
- type: a,
2179
- icon: r && /* @__PURE__ */ i(W, { title: r, children: /* @__PURE__ */ i(Z, { htmlColor: "text.secondary" }) })
2212
+ label: o ?? x.formatMessage({ id: "c4r.form.time" }),
2213
+ type: r,
2214
+ icon: a && /* @__PURE__ */ i(H, { title: a, children: /* @__PURE__ */ i(J, { htmlColor: "text.secondary" }) })
2180
2215
  }
2181
2216
  ),
2182
2217
  views: ["year", "month", "day", "hours"],
2183
- format: $t(m, !0, f, y),
2218
+ format: $t(f, !0, u, M),
2184
2219
  slotProps: {
2185
2220
  textField: {
2186
2221
  variant: e,
@@ -2197,59 +2232,59 @@ function Ro({
2197
2232
  clearable: !!t,
2198
2233
  onClear: t
2199
2234
  },
2200
- ...u
2235
+ ...d
2201
2236
  },
2202
2237
  slots: {
2203
- clearButton: (A) => /* @__PURE__ */ i(K, { ...A, size: n, variant: e }),
2204
- openPickerButton: (A) => /* @__PURE__ */ i(
2205
- L,
2238
+ clearButton: (C) => /* @__PURE__ */ i(Q, { ...C, size: n, variant: e }),
2239
+ openPickerButton: (C) => /* @__PURE__ */ i(
2240
+ W,
2206
2241
  {
2207
- ...A,
2242
+ ...C,
2208
2243
  size: n,
2209
- "aria-label": w.formatMessage({
2244
+ "aria-label": x.formatMessage({
2210
2245
  id: "c4r.form.chooseDate"
2211
2246
  })
2212
2247
  }
2213
2248
  ),
2214
- ...g
2249
+ ...m
2215
2250
  },
2216
- disableOpenPicker: !d,
2251
+ disableOpenPicker: !p,
2217
2252
  readOnly: h,
2218
- ampm: f
2253
+ ampm: u
2219
2254
  }
2220
2255
  )
2221
2256
  }
2222
2257
  );
2223
2258
  }
2224
- const Tn = [{ outlinedBullet: !1, value: "" }], $n = p("ul")(({ theme: t }) => ({
2259
+ const Tn = [{ outlinedBullet: !1, value: "" }], $n = g("ul")(({ theme: t }) => ({
2225
2260
  listStyle: "none",
2226
2261
  paddingLeft: 0,
2227
2262
  margin: t.spacing(0.5, 0, 0, 0)
2228
- })), Rn = p("li")(({ theme: t }) => ({
2263
+ })), Rn = g("li")(({ theme: t }) => ({
2229
2264
  display: "flex",
2230
2265
  alignItems: "center",
2231
2266
  justifyContent: "space-between",
2232
2267
  "&:not(:last-child)": {
2233
2268
  marginBottom: t.spacing(0.5)
2234
2269
  }
2235
- })), Fn = p("span")(({ theme: t }) => ({
2270
+ })), Fn = g("span")(({ theme: t }) => ({
2236
2271
  width: t.spacing(1),
2237
2272
  height: t.spacing(1),
2238
2273
  marginRight: t.spacing(0.5),
2239
2274
  border: `2px solid ${t.palette.qualitative.bold[1]}`,
2240
2275
  borderRadius: "50%",
2241
2276
  backgroundColor: t.palette.qualitative.bold[1]
2242
- })), On = p(B)(({ theme: t }) => ({
2277
+ })), On = g(S)(({ theme: t }) => ({
2243
2278
  minWidth: t.spacing(10),
2244
2279
  marginRight: t.spacing(1.5)
2245
2280
  }));
2246
- function Fo({
2281
+ function Oo({
2247
2282
  items: t = Tn,
2248
2283
  title: e
2249
2284
  }) {
2250
- return /* @__PURE__ */ x(j, { children: [
2251
- e && /* @__PURE__ */ i(B, { color: "inherit", variant: "caption", weight: "medium", children: e }),
2252
- /* @__PURE__ */ i($n, { children: t.map((n, o) => /* @__PURE__ */ x(Rn, { children: [
2285
+ return /* @__PURE__ */ y(V, { children: [
2286
+ e && /* @__PURE__ */ i(S, { color: "inherit", variant: "caption", weight: "medium", children: e }),
2287
+ /* @__PURE__ */ i($n, { children: t.map((n, o) => /* @__PURE__ */ y(Rn, { children: [
2253
2288
  /* @__PURE__ */ i(
2254
2289
  Fn,
2255
2290
  {
@@ -2260,7 +2295,7 @@ function Fo({
2260
2295
  }
2261
2296
  ),
2262
2297
  n.category && /* @__PURE__ */ i(On, { color: "inherit", variant: "caption", children: n.category }),
2263
- /* @__PURE__ */ i(B, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
2298
+ /* @__PURE__ */ i(S, { color: "inherit", variant: "caption", weight: "medium", children: n.value })
2264
2299
  ] }, o)) })
2265
2300
  ] });
2266
2301
  }
@@ -2288,7 +2323,7 @@ const ct = {
2288
2323
  height: "calc(100vh - 80px)",
2289
2324
  maxWidth: "960px"
2290
2325
  }
2291
- }, dt = p(ee, {
2326
+ }, dt = g(ee, {
2292
2327
  shouldForwardProp: (t) => !["fullScreen", "height", "width", "hasForm"].includes(t)
2293
2328
  })(
2294
2329
  ({
@@ -2296,30 +2331,30 @@ const ct = {
2296
2331
  height: e,
2297
2332
  width: n,
2298
2333
  hasForm: o,
2299
- size: r = "small",
2300
- theme: a
2334
+ size: a = "small",
2335
+ theme: r
2301
2336
  }) => ({
2302
2337
  "&.MuiPaper-root": {
2303
2338
  position: "relative",
2304
2339
  display: "flex",
2305
2340
  flexDirection: "column",
2306
- margin: a.spacing(5),
2307
- borderRadius: a.spacing(1),
2308
- ...st[r],
2309
- maxHeight: ct[r],
2310
- [`@media (max-height:${ct[r]})`]: {
2341
+ margin: r.spacing(5),
2342
+ borderRadius: r.spacing(1),
2343
+ ...st[a],
2344
+ maxHeight: ct[a],
2345
+ [`@media (max-height:${ct[a]})`]: {
2311
2346
  maxHeight: "calc(100vh - 80px)",
2312
- ...r === "large" && {
2347
+ ...a === "large" && {
2313
2348
  minHeight: e !== "auto" ? "calc(100vh - 80px)" : "auto"
2314
2349
  }
2315
2350
  },
2316
2351
  ...t && {
2317
2352
  width: "100vw",
2318
- maxWidth: `calc(100vw - ${a.spacing(10)})`,
2353
+ maxWidth: `calc(100vw - ${r.spacing(10)})`,
2319
2354
  height: "100vh",
2320
- maxHeight: `calc(100vh - ${a.spacing(10)})`,
2321
- margin: a.spacing(5),
2322
- borderRadius: a.spacing(1)
2355
+ maxHeight: `calc(100vh - ${r.spacing(10)})`,
2356
+ margin: r.spacing(5),
2357
+ borderRadius: r.spacing(1)
2323
2358
  },
2324
2359
  ...e && {
2325
2360
  height: e,
@@ -2328,7 +2363,7 @@ const ct = {
2328
2363
  ...n && {
2329
2364
  width: n
2330
2365
  },
2331
- [a.breakpoints.down("sm")]: {
2366
+ [r.breakpoints.down("sm")]: {
2332
2367
  position: "absolute",
2333
2368
  width: "100%",
2334
2369
  maxWidth: "100%",
@@ -2342,21 +2377,21 @@ const ct = {
2342
2377
  borderRadius: 0,
2343
2378
  ...e && {
2344
2379
  top: "auto",
2345
- borderRadius: a.spacing(1, 1, 0, 0),
2380
+ borderRadius: r.spacing(1, 1, 0, 0),
2346
2381
  height: e,
2347
2382
  minHeight: e
2348
2383
  }
2349
2384
  },
2350
2385
  // Special case for Dialogs wrapped in Form
2351
2386
  ...o && {
2352
- maxHeight: `calc(100vh - ${a.spacing(10)})`,
2387
+ maxHeight: `calc(100vh - ${r.spacing(10)})`,
2353
2388
  form: {
2354
2389
  flex: 1,
2355
2390
  display: "flex",
2356
2391
  flexDirection: "column",
2357
2392
  justifyContent: "space-between",
2358
2393
  overflow: "hidden",
2359
- ...st[r],
2394
+ ...st[a],
2360
2395
  maxWidth: "100%",
2361
2396
  ...t && {
2362
2397
  width: "100%",
@@ -2371,14 +2406,14 @@ const ct = {
2371
2406
  ...n && {
2372
2407
  width: n
2373
2408
  },
2374
- [a.breakpoints.down("sm")]: {
2409
+ [r.breakpoints.down("sm")]: {
2375
2410
  width: "100%",
2376
2411
  maxWidth: "100%",
2377
2412
  height: "100vh",
2378
2413
  maxHeight: "100vh",
2379
2414
  ...e && {
2380
2415
  top: "auto",
2381
- borderRadius: a.spacing(1, 1, 0, 0),
2416
+ borderRadius: r.spacing(1, 1, 0, 0),
2382
2417
  height: e,
2383
2418
  minHeight: e
2384
2419
  }
@@ -2388,30 +2423,32 @@ const ct = {
2388
2423
  }
2389
2424
  })
2390
2425
  );
2391
- function Oo({
2426
+ function Ln({
2392
2427
  nonModal: t,
2393
2428
  children: e,
2394
2429
  size: n = "small",
2395
2430
  PaperProps: o,
2396
- fullScreen: r,
2397
- height: a,
2431
+ fullScreen: a,
2432
+ height: r,
2398
2433
  width: l,
2399
2434
  hasForm: c,
2400
2435
  "aria-label": s,
2401
- "data-testid": d,
2436
+ "data-testid": p,
2402
2437
  ...h
2403
- }) {
2438
+ }, d) {
2404
2439
  return t ? /* @__PURE__ */ i(
2405
2440
  dt,
2406
2441
  {
2407
2442
  size: n,
2408
- fullScreen: r,
2409
- height: a,
2443
+ fullScreen: a,
2444
+ height: r,
2410
2445
  width: l,
2411
2446
  hasForm: c,
2412
2447
  "aria-label": s,
2413
- "data-testid": d,
2448
+ "data-testid": p,
2449
+ "data-name": "dialog",
2414
2450
  ...h,
2451
+ ref: d,
2415
2452
  children: e
2416
2453
  }
2417
2454
  ) : /* @__PURE__ */ i(
@@ -2421,90 +2458,93 @@ function Oo({
2421
2458
  PaperProps: {
2422
2459
  ...o,
2423
2460
  size: n,
2424
- fullScreen: r,
2425
- height: a,
2461
+ fullScreen: a,
2462
+ height: r,
2426
2463
  width: l,
2427
2464
  hasForm: c
2428
2465
  },
2429
- fullScreen: r,
2466
+ fullScreen: a,
2430
2467
  role: "section",
2431
2468
  "aria-label": s,
2432
- "data-testid": d,
2469
+ "data-testid": p,
2433
2470
  "data-size": n,
2434
2471
  "data-width": l,
2435
- "data-height": a,
2472
+ "data-height": r,
2473
+ "data-name": "dialog",
2436
2474
  ...h,
2475
+ ref: d,
2437
2476
  children: e
2438
2477
  }
2439
2478
  );
2440
2479
  }
2441
- const Ln = p(oe)(() => ({
2480
+ const Lo = T(Ln), Wn = g(oe)(() => ({
2442
2481
  padding: 0,
2443
2482
  zIndex: 10
2444
- })), Wn = p(v)(({ theme: t }) => ({
2483
+ })), En = g(v)(({ theme: t }) => ({
2445
2484
  display: "flex",
2446
2485
  alignItems: "center",
2447
2486
  justifyContent: "space-between",
2448
2487
  padding: t.spacing(2),
2449
2488
  minHeight: t.spacing(8)
2450
- })), ut = p(v)(({ theme: t }) => ({
2489
+ })), ut = g(v)(({ theme: t }) => ({
2451
2490
  display: "flex",
2452
2491
  alignItems: "center",
2453
2492
  gap: t.spacing(1),
2454
2493
  overflow: "hidden"
2455
- })), En = p(Mt)(({ theme: t }) => ({
2494
+ })), Hn = g(Mt)(({ theme: t }) => ({
2456
2495
  color: t.palette.text.secondary
2457
- })), Hn = p(G)(() => ({
2496
+ })), _n = g(j)(() => ({
2458
2497
  "+ .MuiDialogContent-root": {
2459
2498
  borderTop: "none !important"
2460
2499
  }
2461
2500
  }));
2462
- function Lo({
2501
+ function Wo({
2463
2502
  title: t,
2464
2503
  chipLabel: e,
2465
2504
  chipProps: n,
2466
2505
  children: o,
2467
- onClose: r,
2468
- secondaryActions: a,
2506
+ onClose: a,
2507
+ secondaryActions: r,
2469
2508
  "aria-label": l,
2470
2509
  closeIcon: c,
2471
2510
  ...s
2472
2511
  }) {
2473
- const d = F(), h = R(d);
2474
- return /* @__PURE__ */ x(j, { children: [
2475
- /* @__PURE__ */ x(Ln, { component: "div", ...s, children: [
2476
- /* @__PURE__ */ x(Wn, { children: [
2477
- /* @__PURE__ */ x(ut, { flex: 1, maxWidth: 0.8, children: [
2512
+ const p = F(), h = R(p);
2513
+ return /* @__PURE__ */ y(V, { children: [
2514
+ /* @__PURE__ */ y(Wn, { component: "div", "data-name": "dialog-header", ...s, children: [
2515
+ /* @__PURE__ */ y(En, { children: [
2516
+ /* @__PURE__ */ y(ut, { flex: 1, maxWidth: 0.8, children: [
2478
2517
  /* @__PURE__ */ i(
2479
- B,
2518
+ S,
2480
2519
  {
2481
2520
  component: "h2",
2482
2521
  variant: "inherit",
2483
2522
  noWrap: !0,
2484
2523
  "aria-label": l,
2524
+ role: "heading",
2485
2525
  children: t
2486
2526
  }
2487
2527
  ),
2488
2528
  e && /* @__PURE__ */ i(ie, { color: "default", label: e, ...n })
2489
2529
  ] }),
2490
- /* @__PURE__ */ x(ut, { children: [
2491
- a,
2492
- r && /* @__PURE__ */ i(
2493
- W,
2530
+ /* @__PURE__ */ y(ut, { children: [
2531
+ r,
2532
+ a && /* @__PURE__ */ i(
2533
+ H,
2494
2534
  {
2495
2535
  title: h.formatMessage({ id: "c4r.button.close" }),
2496
2536
  placement: "left",
2497
- children: /* @__PURE__ */ i(L, { onClick: r, children: c || /* @__PURE__ */ i(En, { "data-testid": "CloseIcon" }) })
2537
+ children: /* @__PURE__ */ i(W, { onClick: a, children: c || /* @__PURE__ */ i(Hn, { "data-testid": "CloseIcon" }) })
2498
2538
  }
2499
2539
  )
2500
2540
  ] })
2501
2541
  ] }),
2502
2542
  o
2503
2543
  ] }),
2504
- o && /* @__PURE__ */ i(Hn, {})
2544
+ o && /* @__PURE__ */ i(_n, {})
2505
2545
  ] });
2506
2546
  }
2507
- const _n = p(re, {
2547
+ const Pn = g(ae, {
2508
2548
  shouldForwardProp: (t) => !["scrollableContent", "withGutter", "withBottomGutter"].includes(t)
2509
2549
  })(({ theme: t, scrollableContent: e, withGutter: n, withBottomGutter: o }) => ({
2510
2550
  display: "flex",
@@ -2535,62 +2575,63 @@ const _n = p(re, {
2535
2575
  }
2536
2576
  }
2537
2577
  }));
2538
- function Pn({
2578
+ function Gn({
2539
2579
  children: t,
2540
2580
  scrollableContent: e,
2541
2581
  hasFooterAlert: n,
2542
2582
  withGutter: o = !0,
2543
- withBottomGutter: r = !0,
2544
- onScroll: a,
2583
+ withBottomGutter: a = !0,
2584
+ onScroll: r,
2545
2585
  ...l
2546
2586
  }, c) {
2547
- const s = V(), [d, h] = T(null);
2587
+ const s = N(), [p, h] = $(null);
2548
2588
  Lt(
2549
2589
  c,
2550
- () => d,
2551
- [d]
2590
+ () => p,
2591
+ [p]
2552
2592
  );
2553
- const u = nt(
2554
- (f) => {
2555
- const m = Math.abs(f.scrollHeight - f.clientHeight - f.scrollTop) < 1, y = f.scrollTop === 0, b = `1px solid ${s.palette.divider}`;
2556
- f.style.borderTop = y ? "none" : b, f.style.borderBottom = m && !n ? "none" : b;
2593
+ const d = nt(
2594
+ (u) => {
2595
+ const f = Math.abs(u.scrollHeight - u.clientHeight - u.scrollTop) < 1, M = u.scrollTop === 0, b = `1px solid ${s.palette.divider}`;
2596
+ u.style.borderTop = M ? "none" : b, u.style.borderBottom = f && !n ? "none" : b;
2557
2597
  },
2558
2598
  [s.palette.divider, n]
2559
- ), g = nt(
2560
- (f) => {
2561
- u(f.target), a == null || a(f);
2599
+ ), m = nt(
2600
+ (u) => {
2601
+ d(u.target), r == null || r(u);
2562
2602
  },
2563
- [u, a]
2603
+ [d, r]
2564
2604
  );
2565
- return H(() => {
2566
- d && u(d);
2567
- }, [d, u]), H(() => {
2568
- if (!d || typeof ResizeObserver > "u") return;
2569
- const f = new ResizeObserver(() => {
2570
- u(d);
2605
+ return _(() => {
2606
+ p && d(p);
2607
+ }, [p, d]), _(() => {
2608
+ if (!p || typeof ResizeObserver > "u") return;
2609
+ const u = new ResizeObserver(() => {
2610
+ d(p);
2571
2611
  });
2572
- return f.observe(d), () => f.disconnect();
2573
- }, [d, u]), /* @__PURE__ */ i(
2574
- _n,
2612
+ return u.observe(p), () => u.disconnect();
2613
+ }, [p, d]), /* @__PURE__ */ i(
2614
+ Pn,
2575
2615
  {
2576
2616
  ref: h,
2577
- onScroll: g,
2617
+ onScroll: m,
2578
2618
  scrollableContent: e,
2579
2619
  withGutter: o,
2580
- withBottomGutter: r && o,
2620
+ withBottomGutter: a && o,
2621
+ "data-name": "dialog-content",
2581
2622
  ...l,
2582
2623
  children: t
2583
2624
  }
2584
2625
  );
2585
2626
  }
2586
- const Gn = $(Pn), Wo = p(Gn, {
2627
+ const jn = T(Gn), Eo = g(jn, {
2587
2628
  shouldForwardProp: (t) => t !== "withAlert"
2588
2629
  })(({ withAlert: t, theme: e }) => ({
2589
2630
  padding: `${e.spacing(0, 2)} !important`,
2590
2631
  ...t && {
2591
2632
  paddingBottom: `${e.spacing(3)} !important`
2592
2633
  }
2593
- })), jn = p(Ct)(({ theme: t }) => ({
2634
+ })), Vn = g(Ct)(({ theme: t }) => ({
2594
2635
  minHeight: "auto",
2595
2636
  padding: 0,
2596
2637
  backgroundColor: "transparent",
@@ -2609,9 +2650,9 @@ function Rt({
2609
2650
  severity: e = "neutral",
2610
2651
  ...n
2611
2652
  }) {
2612
- return /* @__PURE__ */ i(jn, { severity: e, ...n, children: t });
2653
+ return /* @__PURE__ */ i(Vn, { severity: e, ...n, "data-name": "dialog-alert", children: t });
2613
2654
  }
2614
- const Vn = p(v, {
2655
+ const Nn = g(v, {
2615
2656
  shouldForwardProp: (t) => !["dark", "hasChildren"].includes(t)
2616
2657
  })(({ dark: t, hasChildren: e, theme: n }) => ({
2617
2658
  flex: "0 0 auto",
@@ -2633,14 +2674,14 @@ const Vn = p(v, {
2633
2674
  }
2634
2675
  }
2635
2676
  }
2636
- })), Nn = p(v)(() => ({
2677
+ })), Un = g(v)(() => ({
2637
2678
  display: "flex",
2638
2679
  alignItems: "center",
2639
2680
  justifyContent: "space-between",
2640
2681
  "& > div:empty": {
2641
2682
  padding: 0
2642
2683
  }
2643
- })), Un = p(v, {
2684
+ })), Yn = g(v, {
2644
2685
  shouldForwardProp: (t) => t !== "hasAlert"
2645
2686
  })(({ hasAlert: t, theme: e }) => ({
2646
2687
  display: "flex",
@@ -2648,7 +2689,7 @@ const Vn = p(v, {
2648
2689
  gap: e.spacing(1),
2649
2690
  padding: e.spacing(2),
2650
2691
  paddingTop: t ? 0 : e.spacing(2)
2651
- })), Ft = p(ae, {
2692
+ })), Ft = g(re, {
2652
2693
  shouldForwardProp: (t) => t !== "hasAlert"
2653
2694
  })(({ hasAlert: t, theme: e }) => ({
2654
2695
  gap: e.spacing(1),
@@ -2658,33 +2699,34 @@ const Vn = p(v, {
2658
2699
  ".MuiButton-root + .MuiButton-root": {
2659
2700
  marginLeft: 0
2660
2701
  }
2661
- })), Yn = p(G)(() => ({
2702
+ })), qn = g(j)(() => ({
2662
2703
  // To prevent double border in the top when content is scrollable
2663
2704
  marginTop: "-1px"
2664
2705
  }));
2665
- function Eo({
2706
+ function Ho({
2666
2707
  children: t,
2667
2708
  secondaryActions: e,
2668
2709
  alertContent: n,
2669
2710
  alertProps: o,
2670
- dark: r,
2671
- topContent: a,
2711
+ dark: a,
2712
+ topContent: r,
2672
2713
  ...l
2673
2714
  }) {
2674
- return /* @__PURE__ */ x(j, { children: [
2675
- a,
2676
- !!n && /* @__PURE__ */ i(Yn, {}),
2677
- /* @__PURE__ */ x(
2678
- Vn,
2715
+ return /* @__PURE__ */ y(V, { children: [
2716
+ r,
2717
+ !!n && /* @__PURE__ */ i(qn, {}),
2718
+ /* @__PURE__ */ y(
2719
+ Nn,
2679
2720
  {
2680
2721
  ...l,
2681
- dark: r,
2682
- "data-theme": r ? "dark" : "light",
2722
+ dark: a,
2723
+ "data-theme": a ? "dark" : "light",
2724
+ "data-name": "dialog-footer",
2683
2725
  hasChildren: !!t,
2684
2726
  children: [
2685
2727
  !!n && /* @__PURE__ */ i(v, { sx: { p: 2, pt: 1.5, pb: 1 }, children: /* @__PURE__ */ i(Rt, { ...o, children: n }) }),
2686
- /* @__PURE__ */ x(Nn, { children: [
2687
- /* @__PURE__ */ i(Un, { hasAlert: !!n, children: e }),
2728
+ /* @__PURE__ */ y(Un, { children: [
2729
+ /* @__PURE__ */ i(Yn, { hasAlert: !!n, children: e }),
2688
2730
  /* @__PURE__ */ i(Ft, { hasAlert: !!n, children: t })
2689
2731
  ] })
2690
2732
  ]
@@ -2692,7 +2734,7 @@ function Eo({
2692
2734
  )
2693
2735
  ] });
2694
2736
  }
2695
- const qn = p(v)(({ theme: t }) => ({
2737
+ const zn = g(v)(({ theme: t }) => ({
2696
2738
  position: "absolute",
2697
2739
  width: "100%",
2698
2740
  zIndex: 100,
@@ -2705,9 +2747,9 @@ const qn = p(v)(({ theme: t }) => ({
2705
2747
  boxSizing: "border-box",
2706
2748
  alignItems: "flex-end",
2707
2749
  background: t.palette.white[60]
2708
- })), zn = p("div")(() => ({
2750
+ })), Zn = g("div")(() => ({
2709
2751
  width: "100%"
2710
- })), Zn = p(v)(({ theme: t }) => ({
2752
+ })), Jn = g(v)(({ theme: t }) => ({
2711
2753
  width: "100%",
2712
2754
  padding: t.spacing(1.5, 2, 2),
2713
2755
  backgroundColor: t.palette.background.paper,
@@ -2717,37 +2759,38 @@ const qn = p(v)(({ theme: t }) => ({
2717
2759
  marginTop: t.spacing(1)
2718
2760
  }
2719
2761
  }));
2720
- function Ho({
2762
+ function _o({
2721
2763
  children: t,
2722
2764
  onClickAway: e,
2723
2765
  actions: n,
2724
2766
  severity: o = "warning",
2725
- opened: r,
2726
- "data-testid": a,
2767
+ opened: a,
2768
+ "data-testid": r,
2727
2769
  "aria-label": l,
2728
2770
  ...c
2729
2771
  }) {
2730
- const s = U(null), d = V();
2772
+ const s = Y(null), p = N();
2731
2773
  return /* @__PURE__ */ i(
2732
- qn,
2774
+ zn,
2733
2775
  {
2734
2776
  ref: s,
2735
- "data-testid": a,
2777
+ "data-testid": r,
2736
2778
  "aria-label": l,
2737
2779
  role: "presentation",
2780
+ "data-name": "dialog-confirmation",
2738
2781
  children: /* @__PURE__ */ i(xe, { onClickAway: () => {
2739
2782
  e && e();
2740
2783
  }, children: /* @__PURE__ */ i(
2741
2784
  xt,
2742
2785
  {
2743
2786
  direction: "up",
2744
- in: r,
2787
+ in: a,
2745
2788
  container: s.current,
2746
2789
  mountOnEnter: !0,
2747
2790
  unmountOnExit: !0,
2748
- easing: d.transitions.easing.easeOut,
2791
+ easing: p.transitions.easing.easeOut,
2749
2792
  timeout: 350,
2750
- children: /* @__PURE__ */ i(zn, { children: /* @__PURE__ */ x(Zn, { children: [
2793
+ children: /* @__PURE__ */ i(Zn, { children: /* @__PURE__ */ y(Jn, { children: [
2751
2794
  /* @__PURE__ */ i(Rt, { severity: o, ...c, children: t }),
2752
2795
  /* @__PURE__ */ i(Ft, { children: n })
2753
2796
  ] }) })
@@ -2756,7 +2799,7 @@ function Ho({
2756
2799
  }
2757
2800
  );
2758
2801
  }
2759
- const Jn = p(v)(({ theme: t }) => ({
2802
+ const Xn = g(v)(({ theme: t }) => ({
2760
2803
  display: "flex",
2761
2804
  alignItems: "center",
2762
2805
  justifyContent: "center",
@@ -2765,7 +2808,7 @@ const Jn = p(v)(({ theme: t }) => ({
2765
2808
  "& > div": {
2766
2809
  flex: 1
2767
2810
  }
2768
- })), Xn = p(v)(({ theme: t }) => ({
2811
+ })), Kn = g(v)(({ theme: t }) => ({
2769
2812
  display: "flex",
2770
2813
  flex: 1,
2771
2814
  flexDirection: "column",
@@ -2793,7 +2836,7 @@ const Jn = p(v)(({ theme: t }) => ({
2793
2836
  content: "none"
2794
2837
  }
2795
2838
  }));
2796
- function Kn({
2839
+ function Qn({
2797
2840
  theme: t,
2798
2841
  completed: e,
2799
2842
  current: n
@@ -2811,7 +2854,7 @@ function Kn({
2811
2854
  color: t.palette.text.secondary
2812
2855
  };
2813
2856
  }
2814
- const Qn = p("span", {
2857
+ const to = g("span", {
2815
2858
  shouldForwardProp: (t) => t !== "completed" && t !== "current"
2816
2859
  })(({ theme: t, completed: e, current: n }) => ({
2817
2860
  display: "flex",
@@ -2823,66 +2866,66 @@ const Qn = p("span", {
2823
2866
  borderRadius: "50%",
2824
2867
  border: `${t.spacing(0.25)} solid currentColor`,
2825
2868
  ...t.typography.caption,
2826
- ...Kn({ theme: t, completed: e, current: n })
2869
+ ...Qn({ theme: t, completed: e, current: n })
2827
2870
  }));
2828
- function _o({
2871
+ function Po({
2829
2872
  currentStep: t,
2830
2873
  stepsLabels: e,
2831
2874
  ...n
2832
2875
  }) {
2833
- return /* @__PURE__ */ i(Jn, { ...n, children: /* @__PURE__ */ i(v, { sx: { display: "flex" }, children: e.map((o, r) => {
2834
- const a = r + 1, l = a === t, c = a < t;
2835
- return /* @__PURE__ */ x(
2836
- Xn,
2876
+ return /* @__PURE__ */ i(Xn, { ...n, "data-name": "dialog-stepper", children: /* @__PURE__ */ i(v, { sx: { display: "flex" }, children: e.map((o, a) => {
2877
+ const r = a + 1, l = r === t, c = r < t;
2878
+ return /* @__PURE__ */ y(
2879
+ Kn,
2837
2880
  {
2838
2881
  "data-state": c ? "completed" : l ? "current" : "uncompleted",
2839
2882
  children: [
2840
- /* @__PURE__ */ i(Qn, { completed: c, current: l, children: c ? /* @__PURE__ */ i(ge, { fontSize: "small", "aria-label": "Completed step" }) : a }),
2841
- /* @__PURE__ */ i(B, { variant: "caption", component: "div", color: c ? "success.main" : l ? "textPrimary" : "textSecondary", children: o })
2883
+ /* @__PURE__ */ i(to, { completed: c, current: l, children: c ? /* @__PURE__ */ i(ge, { fontSize: "small", "aria-label": "Completed step" }) : r }),
2884
+ /* @__PURE__ */ i(S, { variant: "caption", component: "div", color: c ? "success.main" : l ? "textPrimary" : "textSecondary", children: o })
2842
2885
  ]
2843
2886
  },
2844
- r
2887
+ a
2845
2888
  );
2846
2889
  }) }) });
2847
2890
  }
2848
2891
  export {
2849
- ko as AccordionGroup,
2892
+ wo as AccordionGroup,
2850
2893
  Ct as Alert,
2851
- So as AppBar,
2894
+ To as AppBar,
2852
2895
  Do as Autocomplete,
2853
- wo as Avatar,
2854
- ho as Button,
2896
+ Bo as Avatar,
2897
+ bo as Button,
2855
2898
  Ao as CreatableAutocomplete,
2856
- rt as DatePicker,
2857
- To as DateRangePicker,
2858
- Ro as DateTimePicker,
2859
- Oo as Dialog,
2899
+ at as DatePicker,
2900
+ $o as DateRangePicker,
2901
+ Fo as DateTimePicker,
2902
+ Lo as Dialog,
2860
2903
  Ft as DialogActions,
2861
2904
  Rt as DialogAlert,
2862
- Ho as DialogConfirmation,
2863
- Gn as DialogContent,
2864
- Wo as DialogContentPadded,
2865
- Eo as DialogFooter,
2866
- Lo as DialogHeader,
2905
+ _o as DialogConfirmation,
2906
+ jn as DialogContent,
2907
+ Eo as DialogContentPadded,
2908
+ Ho as DialogFooter,
2909
+ Wo as DialogHeader,
2867
2910
  dt as DialogPaper,
2868
- _o as DialogStepper,
2911
+ Po as DialogStepper,
2869
2912
  Le as IconButton,
2870
- X as LabelWithIndicator,
2871
- yo as Menu,
2913
+ K as LabelWithIndicator,
2914
+ Mo as Menu,
2872
2915
  vt as MenuItem,
2873
- Dt as MenuItemFilter,
2874
- Mo as MenuList,
2916
+ kt as MenuItemFilter,
2917
+ Co as MenuList,
2875
2918
  Io as MultipleAutocomplete,
2876
- Co as MultipleSelectField,
2877
- bo as PasswordField,
2919
+ vo as MultipleSelectField,
2920
+ xo as PasswordField,
2878
2921
  Te as SelectField,
2879
- Bo as Snackbar,
2880
- jo as TablePaginationActions,
2881
- $o as TimePicker,
2882
- xo as ToggleButtonGroup,
2883
- Fo as TooltipData,
2884
- B as Typography,
2885
- vo as UploadField,
2922
+ So as Snackbar,
2923
+ Vo as TablePaginationActions,
2924
+ Ro as TimePicker,
2925
+ yo as ToggleButtonGroup,
2926
+ Oo as TooltipData,
2927
+ S as Typography,
2928
+ ko as UploadField,
2886
2929
  Xe as UploadFieldBase,
2887
2930
  st as dialogDimensionsBySize
2888
2931
  };