@mt-gloss/ui 0.1.14 → 0.1.15
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.
- package/{Expandable-CTI-osAf.js → Expandable-ByRpX7qt.js} +791 -790
- package/catalog.js +2 -2
- package/index.js +195 -193
- package/lib/primitives/dashboard/MetricCard/CardShell.d.ts +1 -1
- package/lib/primitives/dashboard/MetricCard/types.d.ts +9 -0
- package/lib/primitives/dashboard/SectionDivider/SectionDivider.d.ts +9 -1
- package/package.json +1 -1
- package/ui.css +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as d, jsx as e, Fragment as
|
|
1
|
+
import { jsxs as d, jsx as e, Fragment as Ge } from "react/jsx-runtime";
|
|
2
2
|
import q, { useId as Oe, useState as O, useCallback as S, createContext as Yt, useContext as Ut, useRef as ie, useEffect as le, useMemo as ee, useSyncExternalStore as ss, useReducer as os, forwardRef as is, useImperativeHandle as ls } from "react";
|
|
3
|
-
import { S as Z, E as
|
|
4
|
-
import { formatTrend as no, isStatusModeEnabled as so, formatValue as ir, getValueFontSize as _a, getDateRangeForPreset as je, formatDateRangeSmart as
|
|
3
|
+
import { S as Z, E as qe, C as B, h as cs, R as Ne, k as ds, l as us, m as ms, aj as ps, P as fs, s as gs, ac as hs, ak as _e, Q as bs, V as Xa, W as qa, X as ys, Y as vs, _ as _s, $ as xs, a0 as Ns, a1 as Ss, a4 as Cs, a5 as ws, a6 as ks, ab as Ds, a7 as Is, a8 as Ts, O as Es, N as Ms, i as Ps, j as Bs, a2 as Rs, a3 as As, n as zs, t as $s, y as Fs, v as Os, U as bt, z as Ls, A as Hs, w as Ws, D as Gs, x as Vs, ah as js, ai as Ks, F as Ys, G as Us, H as Xs, I as qs, J as Zs, K as Js, L as Qs, M as eo, c as he, ad as Ht, e as Za, d as kt, g as Ze, Z as Ja, B as to, af as ro, b as Qa, T as Ae, ae as ao, ag as va } from "./UIContext-C3E-k7HI.js";
|
|
4
|
+
import { formatTrend as no, isStatusModeEnabled as so, formatValue as ir, getValueFontSize as _a, getDateRangeForPreset as je, formatDateRangeSmart as ut, isInRange as oo, isSameDay as Qt, formatMarketDates as io, DEFAULT_MARKET_PRESETS as er, isMarketActive as xt, detectPreset as tr, getDateRangeDisplayInfo as $t, toUppercasePresetId as rr, generateMarketId as lo, ROLLING_OPTIONS as Nr, PERIOD_OPTIONS as Sr } from "@mt-gloss/utils";
|
|
5
5
|
import { useGridApiRef as co, DataGridPro as uo } from "@mui/x-data-grid-pro";
|
|
6
|
-
import { Chip as Wt, Tooltip as
|
|
6
|
+
import { Chip as Wt, Tooltip as pt, MenuItem as Gt, Menu as mo, Box as se, Popper as po, Paper as fo, MenuList as go, ListItemText as ho, IconButton as Xe, Select as xa, Typography as Te, Divider as bo, Button as rt, Collapse as yo, Popover as vo, Dialog as _o, DialogTitle as xo, DialogContent as No, TextField as ar, DialogActions as So, Tabs as Co, Tab as wo } from "@mui/material";
|
|
7
7
|
import ko from "@mui/icons-material/Person";
|
|
8
8
|
import Do from "@mui/icons-material/Business";
|
|
9
9
|
import Io from "@mui/icons-material/BarChart";
|
|
@@ -38,7 +38,7 @@ import { DateRangePicker as Sa } from "@mui/x-date-pickers-pro/DateRangePicker";
|
|
|
38
38
|
import { LocalizationProvider as Ko } from "@mui/x-date-pickers/LocalizationProvider";
|
|
39
39
|
import { AdapterDateFns as Yo } from "@mui/x-date-pickers/AdapterDateFns";
|
|
40
40
|
import { isSameDay as Ca } from "date-fns";
|
|
41
|
-
import { resolvePreset as
|
|
41
|
+
import { resolvePreset as mt } from "@mt-gloss/utils/dateInterpretation";
|
|
42
42
|
import { usePickerLayout as Uo, PickersLayoutRoot as Xo, PickersLayoutContentWrapper as qo, pickersLayoutClasses as Zo } from "@mui/x-date-pickers/PickersLayout";
|
|
43
43
|
import { useReducedMotion as Jo, LayoutGroup as Qo, motion as Ct, AnimatePresence as Rr } from "framer-motion";
|
|
44
44
|
import { useSensors as ei, useSensor as wa, PointerSensor as ti, KeyboardSensor as ri, DndContext as ai, closestCenter as ni, DragOverlay as si } from "@dnd-kit/core";
|
|
@@ -50,19 +50,19 @@ import fi from "@mui/icons-material/TableChart";
|
|
|
50
50
|
import gi from "@mui/icons-material/Refresh";
|
|
51
51
|
import { useFloating as an, autoUpdate as hi, offset as bi, flip as yi, shift as vi, size as _i, useDismiss as nn, useInteractions as sn, FloatingPortal as on, useClick as xi, FloatingFocusManager as Ni } from "@floating-ui/react";
|
|
52
52
|
import Si from "@mui/icons-material/Undo";
|
|
53
|
-
import { z as
|
|
53
|
+
import { z as ve } from "zod";
|
|
54
54
|
const Ci = {
|
|
55
55
|
primary: {
|
|
56
56
|
bg: B.BrandPrimary,
|
|
57
57
|
color: B.TextInverse,
|
|
58
58
|
borderColor: "transparent",
|
|
59
|
-
elevation:
|
|
59
|
+
elevation: qe.ButtonDefault
|
|
60
60
|
},
|
|
61
61
|
secondary: {
|
|
62
62
|
bg: B.BgSurface,
|
|
63
63
|
color: B.TextPrimary,
|
|
64
64
|
borderColor: B.BorderDefault,
|
|
65
|
-
elevation:
|
|
65
|
+
elevation: qe.ButtonDefault
|
|
66
66
|
},
|
|
67
67
|
ghost: {
|
|
68
68
|
bg: "transparent",
|
|
@@ -78,7 +78,7 @@ const Ci = {
|
|
|
78
78
|
bg: B.Red600,
|
|
79
79
|
color: B.TextInverse,
|
|
80
80
|
borderColor: "transparent",
|
|
81
|
-
elevation:
|
|
81
|
+
elevation: qe.ButtonDefault
|
|
82
82
|
}
|
|
83
83
|
}, wi = {
|
|
84
84
|
xs: { padding: Z.Xs, paddingX: Z.Sm, fontSize: "0.75rem", fontWeight: "500", minHeight: "24px", gap: Z.Xs },
|
|
@@ -89,7 +89,7 @@ const Ci = {
|
|
|
89
89
|
}, ki = {
|
|
90
90
|
radius: Ne.Md
|
|
91
91
|
};
|
|
92
|
-
function
|
|
92
|
+
function Ie(r) {
|
|
93
93
|
const {
|
|
94
94
|
variant: t = "primary",
|
|
95
95
|
size: a = "md",
|
|
@@ -139,7 +139,7 @@ function we(r) {
|
|
|
139
139
|
}
|
|
140
140
|
);
|
|
141
141
|
}
|
|
142
|
-
|
|
142
|
+
Ie.displayName = "PresetButton";
|
|
143
143
|
const Di = q.createContext({
|
|
144
144
|
isInGroup: !1
|
|
145
145
|
}), ln = q.forwardRef(
|
|
@@ -179,7 +179,7 @@ const Ii = {
|
|
|
179
179
|
}, Ei = {
|
|
180
180
|
trackBg: B.BgSurface,
|
|
181
181
|
checkColor: B.TextInverse
|
|
182
|
-
},
|
|
182
|
+
}, it = q.forwardRef(
|
|
183
183
|
(r, t) => {
|
|
184
184
|
const {
|
|
185
185
|
variant: a = "default",
|
|
@@ -237,7 +237,7 @@ const Ii = {
|
|
|
237
237
|
] });
|
|
238
238
|
}
|
|
239
239
|
);
|
|
240
|
-
|
|
240
|
+
it.displayName = "PresetCheckbox";
|
|
241
241
|
const cn = Yt(null);
|
|
242
242
|
function Mi() {
|
|
243
243
|
return Ut(cn);
|
|
@@ -285,7 +285,7 @@ function Pi({
|
|
|
285
285
|
p && /* @__PURE__ */ e("span", { className: "gloss-checkbox-group__required", children: " *" })
|
|
286
286
|
] }),
|
|
287
287
|
/* @__PURE__ */ e("div", { className: "gloss-checkbox-group__items", role: "group", children: n ? n.map((k) => /* @__PURE__ */ e(
|
|
288
|
-
|
|
288
|
+
it,
|
|
289
289
|
{
|
|
290
290
|
checked: C(k.value),
|
|
291
291
|
onChange: () => h(k.value),
|
|
@@ -307,7 +307,7 @@ const Bi = q.forwardRef(
|
|
|
307
307
|
({ value: r, ...t }, a) => {
|
|
308
308
|
const n = Mi();
|
|
309
309
|
return n ? /* @__PURE__ */ e(
|
|
310
|
-
|
|
310
|
+
it,
|
|
311
311
|
{
|
|
312
312
|
ref: a,
|
|
313
313
|
checked: n.isSelected(r),
|
|
@@ -319,7 +319,7 @@ const Bi = q.forwardRef(
|
|
|
319
319
|
value: r,
|
|
320
320
|
...t
|
|
321
321
|
}
|
|
322
|
-
) : /* @__PURE__ */ e(
|
|
322
|
+
) : /* @__PURE__ */ e(it, { ref: a, value: r, ...t });
|
|
323
323
|
}
|
|
324
324
|
);
|
|
325
325
|
Bi.displayName = "GroupCheckbox";
|
|
@@ -717,28 +717,28 @@ const Zi = {
|
|
|
717
717
|
const U = Math.min(l, Math.max(c, z));
|
|
718
718
|
return Math.round((Math.round((U - c) / u) * u + c) * 1e3) / 1e3;
|
|
719
719
|
}, [c, l, u]), H = S((z, U = !1) => {
|
|
720
|
-
const
|
|
721
|
-
|
|
720
|
+
const Q = [P(z[0]), P(z[1])];
|
|
721
|
+
Q[0] > Q[1] - p && (x === 0 ? Q[0] = Q[1] - p : Q[1] = Q[0] + p), Q[0] = Math.max(c, Q[0]), Q[1] = Math.min(l, Q[1]), N || E(Q), i?.(Q), U && o?.(Q);
|
|
722
722
|
}, [P, p, x, c, l, N, i, o]), Y = S((z, U) => {
|
|
723
723
|
if (!I.current) return 0;
|
|
724
|
-
const
|
|
724
|
+
const Q = I.current.getBoundingClientRect(), K = y === "horizontal" ? (z - Q.left) / Q.width : 1 - (U - Q.top) / Q.height;
|
|
725
725
|
return c + Math.min(1, Math.max(0, K)) * (l - c);
|
|
726
726
|
}, [y, c, l]), V = S((z) => {
|
|
727
727
|
if (_) return;
|
|
728
728
|
z.preventDefault();
|
|
729
|
-
const U = Y(z.clientX, z.clientY),
|
|
730
|
-
D(
|
|
729
|
+
const U = Y(z.clientX, z.clientY), Q = Math.abs(U - R[0]) <= Math.abs(U - R[1]) ? 0 : 1;
|
|
730
|
+
D(Q);
|
|
731
731
|
const K = [...R];
|
|
732
|
-
K[
|
|
732
|
+
K[Q] = U, H(K);
|
|
733
733
|
}, [_, Y, R, H]);
|
|
734
734
|
le(() => {
|
|
735
735
|
if (x === null) return;
|
|
736
|
-
const z = (
|
|
736
|
+
const z = (Q) => {
|
|
737
737
|
const K = [...R];
|
|
738
|
-
K[x] = Y(
|
|
739
|
-
}, U = (
|
|
738
|
+
K[x] = Y(Q.clientX, Q.clientY), H(K);
|
|
739
|
+
}, U = (Q) => {
|
|
740
740
|
const K = [...R];
|
|
741
|
-
K[x] = Y(
|
|
741
|
+
K[x] = Y(Q.clientX, Q.clientY), H(K, !0), D(null);
|
|
742
742
|
};
|
|
743
743
|
return document.addEventListener("mousemove", z), document.addEventListener("mouseup", U), () => {
|
|
744
744
|
document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", U);
|
|
@@ -746,13 +746,13 @@ const Zi = {
|
|
|
746
746
|
}, [x, Y, R, H]);
|
|
747
747
|
const M = S((z) => (U) => {
|
|
748
748
|
if (_) return;
|
|
749
|
-
let
|
|
750
|
-
if (U.key === "ArrowRight" || U.key === "ArrowUp")
|
|
751
|
-
else if (U.key === "ArrowLeft" || U.key === "ArrowDown")
|
|
749
|
+
let Q = 0;
|
|
750
|
+
if (U.key === "ArrowRight" || U.key === "ArrowUp") Q = u;
|
|
751
|
+
else if (U.key === "ArrowLeft" || U.key === "ArrowDown") Q = -u;
|
|
752
752
|
else return;
|
|
753
753
|
U.preventDefault();
|
|
754
754
|
const K = [...R];
|
|
755
|
-
K[z] +=
|
|
755
|
+
K[z] += Q, H(K, !0);
|
|
756
756
|
}, [_, u, R, H]), W = Math.abs(L - A) < 5, j = { ...Ji, ...Zi[a] }, G = ["gloss-preset-rangeslider", `gloss-preset-rangeslider--${a}`, _ && "gloss-preset-rangeslider--disabled"].filter(Boolean).join(" ");
|
|
757
757
|
return /* @__PURE__ */ d("div", { className: G, children: [
|
|
758
758
|
v && /* @__PURE__ */ d("label", { className: "gloss-preset-rangeslider__label", htmlFor: k, children: [
|
|
@@ -926,8 +926,8 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
|
|
|
926
926
|
}, [R, o]), W = S((X) => {
|
|
927
927
|
X.stopPropagation(), R || N(null), o?.(null);
|
|
928
928
|
}, [R, o]), j = S((X) => P((te) => {
|
|
929
|
-
const
|
|
930
|
-
return
|
|
929
|
+
const ye = new Date(te);
|
|
930
|
+
return ye.setMonth(ye.getMonth() + X), ye;
|
|
931
931
|
}), []);
|
|
932
932
|
le(() => {
|
|
933
933
|
if (!E) return;
|
|
@@ -940,9 +940,9 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
|
|
|
940
940
|
bg: B.BgSurface,
|
|
941
941
|
borderColor: il[a],
|
|
942
942
|
radius: Ne.Md,
|
|
943
|
-
elevation:
|
|
943
|
+
elevation: qe.Card,
|
|
944
944
|
...ol[n]
|
|
945
|
-
}, U = { bg: B.BrandPrimary, color: B.TextInverse, radius: Ne.Sm },
|
|
945
|
+
}, U = { bg: B.BrandPrimary, color: B.TextInverse, radius: Ne.Sm }, Q = { bg: B.BgMuted, radius: Ne.Sm }, K = [
|
|
946
946
|
"gloss-preset-datepicker",
|
|
947
947
|
`gloss-preset-datepicker--${a}`,
|
|
948
948
|
`gloss-preset-datepicker--${n}`,
|
|
@@ -955,26 +955,26 @@ const tl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], rl = ["January", "
|
|
|
955
955
|
] }),
|
|
956
956
|
/* @__PURE__ */ e("input", { ref: t, type: "hidden", id: I, name: w, value: A ? A.toISOString() : "" }),
|
|
957
957
|
/* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-datepicker__trigger", onClick: () => !v && x((X) => !X), disabled: v, "aria-haspopup": "dialog", "aria-expanded": E, children: [
|
|
958
|
-
/* @__PURE__ */ e(
|
|
958
|
+
/* @__PURE__ */ e(_e, { name: "calendar", size: "sm" }),
|
|
959
959
|
/* @__PURE__ */ e("span", { className: `gloss-preset-datepicker__value ${G ? "" : "gloss-preset-datepicker__placeholder"}`, children: G || f }),
|
|
960
|
-
h && A && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__clear", onClick: W, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(
|
|
961
|
-
/* @__PURE__ */ e(
|
|
960
|
+
h && A && /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__clear", onClick: W, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" }) }),
|
|
961
|
+
/* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
|
|
962
962
|
] }),
|
|
963
963
|
E && /* @__PURE__ */ e("div", { ref: H, role: "dialog", "aria-label": "Choose date", children: /* @__PURE__ */ d(bs, { definition: z, children: [
|
|
964
964
|
/* @__PURE__ */ d(Xa, { children: [
|
|
965
|
-
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(
|
|
965
|
+
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(_e, { name: "chevron-left", size: "sm" }) }),
|
|
966
966
|
/* @__PURE__ */ d("span", { className: "gloss-preset-datepicker__title", children: [
|
|
967
967
|
rl[L.getMonth()],
|
|
968
968
|
" ",
|
|
969
969
|
L.getFullYear()
|
|
970
970
|
] }),
|
|
971
|
-
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(1), "aria-label": "Next month", children: /* @__PURE__ */ e(
|
|
971
|
+
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-datepicker__nav-btn", onClick: () => j(1), "aria-label": "Next month", children: /* @__PURE__ */ e(_e, { name: "chevron-right", size: "sm" }) })
|
|
972
972
|
] }),
|
|
973
973
|
/* @__PURE__ */ e("div", { className: "gloss-preset-datepicker__day-headers", children: V.map((X) => /* @__PURE__ */ e("span", { className: "gloss-preset-datepicker__day-header", children: X }, X)) }),
|
|
974
974
|
/* @__PURE__ */ e(qa, { children: Y.map((X, te) => /* @__PURE__ */ e(
|
|
975
975
|
ys,
|
|
976
976
|
{
|
|
977
|
-
definition: X.isSelected ? U : X.isToday ?
|
|
977
|
+
definition: X.isSelected ? U : X.isToday ? Q : void 0,
|
|
978
978
|
selected: X.isSelected,
|
|
979
979
|
today: X.isToday,
|
|
980
980
|
outsideMonth: !X.isCurrentMonth,
|
|
@@ -1056,7 +1056,7 @@ const Ar = (r) => {
|
|
|
1056
1056
|
bg: B.BgSurface,
|
|
1057
1057
|
borderColor: ul[a],
|
|
1058
1058
|
radius: Ne.Md,
|
|
1059
|
-
elevation:
|
|
1059
|
+
elevation: qe.Card,
|
|
1060
1060
|
...dl[n]
|
|
1061
1061
|
}, Y = [
|
|
1062
1062
|
"gloss-preset-timepicker",
|
|
@@ -1068,10 +1068,10 @@ const Ar = (r) => {
|
|
|
1068
1068
|
b && /* @__PURE__ */ e("label", { className: "gloss-preset-timepicker__label", htmlFor: w, children: b }),
|
|
1069
1069
|
/* @__PURE__ */ e("input", { ref: t, type: "hidden", id: w, name: C, value: N }),
|
|
1070
1070
|
/* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-timepicker__trigger", onClick: () => !_ && g((V) => !V), disabled: _, "aria-haspopup": "listbox", "aria-expanded": I, children: [
|
|
1071
|
-
/* @__PURE__ */ e(
|
|
1071
|
+
/* @__PURE__ */ e(_e, { name: "clock", size: "sm" }),
|
|
1072
1072
|
/* @__PURE__ */ e("span", { className: `gloss-preset-timepicker__value ${P ? "" : "gloss-preset-timepicker__placeholder"}`, children: P || f }),
|
|
1073
|
-
v && N && /* @__PURE__ */ e("span", { className: "gloss-preset-timepicker__clear", onClick: L, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(
|
|
1074
|
-
/* @__PURE__ */ e(
|
|
1073
|
+
v && N && /* @__PURE__ */ e("span", { className: "gloss-preset-timepicker__clear", onClick: L, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" }) }),
|
|
1074
|
+
/* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
|
|
1075
1075
|
] }),
|
|
1076
1076
|
I && /* @__PURE__ */ e(vs, { definition: H, children: /* @__PURE__ */ e(_s, { children: R.map((V) => /* @__PURE__ */ e(xs, { selected: V === N, onClick: () => A(V), children: Da(V, c, l) }, V)) }) }),
|
|
1077
1077
|
y && /* @__PURE__ */ e("div", { className: `gloss-preset-timepicker__helper ${a === "error" ? "gloss-preset-timepicker__helper--error" : ""}`, children: y })
|
|
@@ -1130,80 +1130,80 @@ const pl = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], fl = ["January", "
|
|
|
1130
1130
|
id: T,
|
|
1131
1131
|
name: w
|
|
1132
1132
|
} = r, k = Oe(), I = T || k, g = ie(null), [E, x] = O(!1), [D, N] = O(i), [R, A] = O(!1), L = s !== void 0, P = L ? s : D, [H, Y] = O(() => P.start || /* @__PURE__ */ new Date()), V = ee(() => {
|
|
1133
|
-
const
|
|
1134
|
-
return
|
|
1133
|
+
const de = new Date(H);
|
|
1134
|
+
return de.setMonth(de.getMonth() + 1), de;
|
|
1135
1135
|
}, [H]), M = mn({ enabled: E, onEscape: () => x(!1) }), W = ee(() => Ta(H.getFullYear(), H.getMonth(), P, y, c, l), [H, P, y, c, l]), j = ee(() => Ta(V.getFullYear(), V.getMonth(), P, y, c, l), [V, P, y, c, l]), G = ee(() => {
|
|
1136
|
-
const
|
|
1136
|
+
const de = [...pl];
|
|
1137
1137
|
if (y > 0) {
|
|
1138
|
-
const
|
|
1139
|
-
|
|
1138
|
+
const fe = de.splice(0, y);
|
|
1139
|
+
de.push(...fe);
|
|
1140
1140
|
}
|
|
1141
|
-
return
|
|
1142
|
-
}, [y]), z = S((
|
|
1143
|
-
let
|
|
1141
|
+
return de;
|
|
1142
|
+
}, [y]), z = S((de) => {
|
|
1143
|
+
let fe;
|
|
1144
1144
|
if (!R || !P.start)
|
|
1145
|
-
|
|
1145
|
+
fe = { start: de, end: null }, A(!0);
|
|
1146
1146
|
else {
|
|
1147
|
-
if (
|
|
1147
|
+
if (fe = de < P.start ? { start: de, end: P.start } : { start: P.start, end: de }, u && fe.start && fe.end && Math.ceil(Math.abs(fe.end.getTime() - fe.start.getTime()) / 864e5) > u) return;
|
|
1148
1148
|
A(!1), x(!1);
|
|
1149
1149
|
}
|
|
1150
|
-
L || N(
|
|
1151
|
-
}, [R, P, u, L, o]), U = S((
|
|
1152
|
-
|
|
1153
|
-
const
|
|
1154
|
-
L || N(
|
|
1155
|
-
}, [L, o]),
|
|
1156
|
-
const
|
|
1157
|
-
return
|
|
1150
|
+
L || N(fe), o?.(fe);
|
|
1151
|
+
}, [R, P, u, L, o]), U = S((de) => {
|
|
1152
|
+
de.stopPropagation();
|
|
1153
|
+
const fe = { start: null, end: null };
|
|
1154
|
+
L || N(fe), o?.(fe), A(!1);
|
|
1155
|
+
}, [L, o]), Q = S((de) => Y((fe) => {
|
|
1156
|
+
const ce = new Date(fe);
|
|
1157
|
+
return ce.setMonth(ce.getMonth() + de), ce;
|
|
1158
1158
|
}), []);
|
|
1159
1159
|
le(() => {
|
|
1160
1160
|
if (!E) return;
|
|
1161
|
-
const
|
|
1162
|
-
g.current && !g.current.contains(
|
|
1161
|
+
const de = (fe) => {
|
|
1162
|
+
g.current && !g.current.contains(fe.target) && (x(!1), A(!1));
|
|
1163
1163
|
};
|
|
1164
|
-
return document.addEventListener("mousedown",
|
|
1164
|
+
return document.addEventListener("mousedown", de), () => document.removeEventListener("mousedown", de);
|
|
1165
1165
|
}, [E]);
|
|
1166
1166
|
const K = ee(() => !P.start && !P.end ? "" : P.start && !P.end ? `${kr(P.start, f)} - ...` : P.start && P.end ? `${kr(P.start, f)} - ${kr(P.end, f)}` : "", [P, f]), X = {
|
|
1167
1167
|
bg: B.BgSurface,
|
|
1168
1168
|
borderColor: a === "error" ? B.BorderError : a === "success" ? B.BorderSuccess : B.BorderDefault,
|
|
1169
1169
|
radius: Ne.Md,
|
|
1170
|
-
elevation:
|
|
1170
|
+
elevation: qe.Card,
|
|
1171
1171
|
...hl[n]
|
|
1172
1172
|
}, te = [
|
|
1173
1173
|
"gloss-preset-daterangepicker",
|
|
1174
1174
|
`gloss-preset-daterangepicker--${a}`,
|
|
1175
1175
|
`gloss-preset-daterangepicker--${n}`,
|
|
1176
1176
|
h && "gloss-preset-daterangepicker--disabled"
|
|
1177
|
-
].filter(Boolean).join(" "),
|
|
1177
|
+
].filter(Boolean).join(" "), ye = (de, fe, ce) => /* @__PURE__ */ d("div", { className: "gloss-preset-daterangepicker__month", children: [
|
|
1178
1178
|
/* @__PURE__ */ d(Xa, { children: [
|
|
1179
|
-
|
|
1179
|
+
ce === "left" && /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__nav-btn", onClick: () => Q(-1), "aria-label": "Previous month", children: /* @__PURE__ */ e(_e, { name: "chevron-left", size: "sm" }) }),
|
|
1180
1180
|
/* @__PURE__ */ d("span", { className: "gloss-preset-daterangepicker__month-title", children: [
|
|
1181
|
-
fl[
|
|
1181
|
+
fl[de.getMonth()],
|
|
1182
1182
|
" ",
|
|
1183
|
-
|
|
1183
|
+
de.getFullYear()
|
|
1184
1184
|
] }),
|
|
1185
|
-
|
|
1185
|
+
ce === "right" && /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__nav-btn", onClick: () => Q(1), "aria-label": "Next month", children: /* @__PURE__ */ e(_e, { name: "chevron-right", size: "sm" }) })
|
|
1186
1186
|
] }),
|
|
1187
|
-
/* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: G.map((
|
|
1188
|
-
/* @__PURE__ */ e(qa, { children:
|
|
1187
|
+
/* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__day-headers", children: G.map((ae) => /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__day-header", children: ae }, ae)) }),
|
|
1188
|
+
/* @__PURE__ */ e(qa, { children: fe.map((ae, be) => /* @__PURE__ */ e(Ss, { selected: ae.isSelected, today: ae.isToday, outsideMonth: !ae.isCurrentMonth, disabled: ae.isDisabled, rangeStart: ae.isRangeStart, rangeEnd: ae.isRangeEnd, inRange: ae.inRange, onClick: () => !ae.isDisabled && z(ae.date), children: ae.date.getDate() }, be)) })
|
|
1189
1189
|
] });
|
|
1190
1190
|
return /* @__PURE__ */ d("div", { className: te, ref: g, children: [
|
|
1191
1191
|
_ && /* @__PURE__ */ e("label", { className: "gloss-preset-daterangepicker__label", htmlFor: I, children: _ }),
|
|
1192
1192
|
/* @__PURE__ */ e("input", { ref: t, type: "hidden", id: I, name: w ? `${w}[start]` : void 0, value: P.start ? P.start.toISOString() : "" }),
|
|
1193
1193
|
/* @__PURE__ */ e("input", { type: "hidden", name: w ? `${w}[end]` : void 0, value: P.end ? P.end.toISOString() : "" }),
|
|
1194
|
-
/* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-daterangepicker__trigger", onClick: () => !h && x((
|
|
1195
|
-
/* @__PURE__ */ e(
|
|
1194
|
+
/* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-daterangepicker__trigger", onClick: () => !h && x((de) => !de), disabled: h, "aria-haspopup": "dialog", "aria-expanded": E, children: [
|
|
1195
|
+
/* @__PURE__ */ e(_e, { name: "calendar", size: "sm" }),
|
|
1196
1196
|
/* @__PURE__ */ e("span", { className: `gloss-preset-daterangepicker__value ${K ? "" : "gloss-preset-daterangepicker__placeholder"}`, children: K || b }),
|
|
1197
|
-
C && (P.start || P.end) && /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__clear", onClick: U, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(
|
|
1198
|
-
/* @__PURE__ */ e(
|
|
1197
|
+
C && (P.start || P.end) && /* @__PURE__ */ e("span", { className: "gloss-preset-daterangepicker__clear", onClick: U, role: "button", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" }) }),
|
|
1198
|
+
/* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
|
|
1199
1199
|
] }),
|
|
1200
1200
|
E && /* @__PURE__ */ d("div", { ref: M, className: "gloss-preset-daterangepicker__dropdown", role: "dialog", "aria-label": "Choose date range", children: [
|
|
1201
|
-
m && p.length > 0 && /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__presets", children: p.map((
|
|
1202
|
-
L || N(
|
|
1203
|
-
}, children:
|
|
1201
|
+
m && p.length > 0 && /* @__PURE__ */ e("div", { className: "gloss-preset-daterangepicker__presets", children: p.map((de) => /* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-daterangepicker__preset", onClick: () => {
|
|
1202
|
+
L || N(de.range), o?.(de.range), x(!1);
|
|
1203
|
+
}, children: de.label }, de.label)) }),
|
|
1204
1204
|
/* @__PURE__ */ d(Ns, { definition: X, children: [
|
|
1205
|
-
|
|
1206
|
-
|
|
1205
|
+
ye(H, W, "left"),
|
|
1206
|
+
ye(V, j, "right")
|
|
1207
1207
|
] })
|
|
1208
1208
|
] }),
|
|
1209
1209
|
v && /* @__PURE__ */ e("div", { className: `gloss-preset-daterangepicker__helper ${a === "error" ? "gloss-preset-daterangepicker__helper--error" : ""}`, children: v })
|
|
@@ -1311,7 +1311,7 @@ const bl = () => Math.random().toString(36).slice(2, 11), Ea = (r) => {
|
|
|
1311
1311
|
tabIndex: p ? -1 : 0,
|
|
1312
1312
|
onKeyDown: (M) => M.key === "Enter" && !p && k.current?.click(),
|
|
1313
1313
|
children: [
|
|
1314
|
-
/* @__PURE__ */ e(
|
|
1314
|
+
/* @__PURE__ */ e(_e, { name: "upload-cloud", size: "lg" }),
|
|
1315
1315
|
/* @__PURE__ */ e("span", { className: "gloss-preset-fileupload__text", children: b }),
|
|
1316
1316
|
o && /* @__PURE__ */ d("span", { className: "gloss-preset-fileupload__accept", children: [
|
|
1317
1317
|
"Accepted: ",
|
|
@@ -1321,13 +1321,13 @@ const bl = () => Math.random().toString(36).slice(2, 11), Ea = (r) => {
|
|
|
1321
1321
|
}
|
|
1322
1322
|
),
|
|
1323
1323
|
N.length > 0 && /* @__PURE__ */ e(ws, { children: N.map((M) => /* @__PURE__ */ d(ks, { error: !!M.error, children: [
|
|
1324
|
-
m && M.preview ? /* @__PURE__ */ e("img", { src: M.preview, alt: M.file.name, className: "gloss-preset-fileupload__preview" }) : /* @__PURE__ */ e(
|
|
1324
|
+
m && M.preview ? /* @__PURE__ */ e("img", { src: M.preview, alt: M.file.name, className: "gloss-preset-fileupload__preview" }) : /* @__PURE__ */ e(_e, { name: "file", size: "md" }),
|
|
1325
1325
|
/* @__PURE__ */ d("div", { className: "gloss-preset-fileupload__file-info", children: [
|
|
1326
1326
|
/* @__PURE__ */ e("span", { className: "gloss-preset-fileupload__file-name", children: M.file.name }),
|
|
1327
1327
|
/* @__PURE__ */ e("span", { className: "gloss-preset-fileupload__file-size", children: Ea(M.file.size) }),
|
|
1328
1328
|
M.error && /* @__PURE__ */ e("span", { className: "gloss-preset-fileupload__file-error", children: M.error })
|
|
1329
1329
|
] }),
|
|
1330
|
-
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-fileupload__remove", onClick: () => P(M.id), "aria-label": `Remove ${M.file.name}`, children: /* @__PURE__ */ e(
|
|
1330
|
+
/* @__PURE__ */ e("button", { type: "button", className: "gloss-preset-fileupload__remove", onClick: () => P(M.id), "aria-label": `Remove ${M.file.name}`, children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" }) })
|
|
1331
1331
|
] }, M.id)) }),
|
|
1332
1332
|
_ && /* @__PURE__ */ e("div", { className: `gloss-preset-fileupload__helper ${a === "error" ? "gloss-preset-fileupload__helper--error" : ""}`, children: _ })
|
|
1333
1333
|
] });
|
|
@@ -1420,7 +1420,7 @@ const vl = [
|
|
|
1420
1420
|
}, [h]);
|
|
1421
1421
|
const R = {
|
|
1422
1422
|
radius: Ne.Md,
|
|
1423
|
-
elevation:
|
|
1423
|
+
elevation: qe.Card,
|
|
1424
1424
|
...xl[a]
|
|
1425
1425
|
}, A = [
|
|
1426
1426
|
"gloss-preset-colorpicker",
|
|
@@ -1433,7 +1433,7 @@ const vl = [
|
|
|
1433
1433
|
/* @__PURE__ */ d("button", { type: "button", className: "gloss-preset-colorpicker__trigger", onClick: () => !u && C((L) => !L), disabled: u, "aria-haspopup": "dialog", "aria-expanded": h, children: [
|
|
1434
1434
|
/* @__PURE__ */ e(Ds, { style: { backgroundColor: I } }),
|
|
1435
1435
|
/* @__PURE__ */ e("span", { className: "gloss-preset-colorpicker__value", children: I }),
|
|
1436
|
-
/* @__PURE__ */ e(
|
|
1436
|
+
/* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
|
|
1437
1437
|
] }),
|
|
1438
1438
|
h && /* @__PURE__ */ e("div", { className: "gloss-preset-colorpicker__dropdown", children: /* @__PURE__ */ d(Is, { definition: R, disabled: u, children: [
|
|
1439
1439
|
/* @__PURE__ */ e(Ts, { children: /* @__PURE__ */ e("input", { type: "color", value: gn(g.r, g.g, g.b), onChange: D, className: "gloss-preset-colorpicker__native", disabled: u }) }),
|
|
@@ -1482,7 +1482,7 @@ const Sl = {
|
|
|
1482
1482
|
);
|
|
1483
1483
|
wl.displayName = "PresetRating";
|
|
1484
1484
|
function kl(r, t = "md") {
|
|
1485
|
-
return r ? typeof r == "string" ? /* @__PURE__ */ e(
|
|
1485
|
+
return r ? typeof r == "string" ? /* @__PURE__ */ e(_e, { name: r, size: t }) : r : null;
|
|
1486
1486
|
}
|
|
1487
1487
|
const Dl = q.forwardRef(
|
|
1488
1488
|
({
|
|
@@ -1509,9 +1509,9 @@ const Dl = q.forwardRef(
|
|
|
1509
1509
|
}, _ = s === "lg" ? "md" : "sm";
|
|
1510
1510
|
return /* @__PURE__ */ d("div", { ref: l, className: "gloss-split-button", onKeyDown: b, children: [
|
|
1511
1511
|
/* @__PURE__ */ d(ln, { attached: !0, children: [
|
|
1512
|
-
/* @__PURE__ */ e(
|
|
1512
|
+
/* @__PURE__ */ e(Ie, { variant: n, size: s, disabled: i, onClick: t, leftIcon: c, children: r }),
|
|
1513
1513
|
/* @__PURE__ */ e(
|
|
1514
|
-
|
|
1514
|
+
Ie,
|
|
1515
1515
|
{
|
|
1516
1516
|
ref: f,
|
|
1517
1517
|
variant: n,
|
|
@@ -1573,7 +1573,7 @@ function Ml(r) {
|
|
|
1573
1573
|
children: o,
|
|
1574
1574
|
...c
|
|
1575
1575
|
} = r;
|
|
1576
|
-
if ({ ...c }, i) return /* @__PURE__ */ e(
|
|
1576
|
+
if ({ ...c }, i) return /* @__PURE__ */ e(Ge, { children: o });
|
|
1577
1577
|
const l = {
|
|
1578
1578
|
...El,
|
|
1579
1579
|
...Il[t],
|
|
@@ -1583,7 +1583,7 @@ function Ml(r) {
|
|
|
1583
1583
|
`gloss-preset-tooltip--${t}`,
|
|
1584
1584
|
`gloss-preset-tooltip--${a}`
|
|
1585
1585
|
].join(" ");
|
|
1586
|
-
return /* @__PURE__ */ d(
|
|
1586
|
+
return /* @__PURE__ */ d(Ge, { children: [
|
|
1587
1587
|
o,
|
|
1588
1588
|
/* @__PURE__ */ e(Ms, { definition: l, className: u, placement: s, children: n })
|
|
1589
1589
|
] });
|
|
@@ -1604,7 +1604,7 @@ const Pl = {
|
|
|
1604
1604
|
color: B.TextPrimary,
|
|
1605
1605
|
radius: Ne.Md,
|
|
1606
1606
|
placeholderColor: B.TextTertiary
|
|
1607
|
-
},
|
|
1607
|
+
}, Me = q.forwardRef(
|
|
1608
1608
|
(r, t) => {
|
|
1609
1609
|
const {
|
|
1610
1610
|
variant: a,
|
|
@@ -1670,7 +1670,7 @@ const Pl = {
|
|
|
1670
1670
|
] });
|
|
1671
1671
|
}
|
|
1672
1672
|
);
|
|
1673
|
-
|
|
1673
|
+
Me.displayName = "PresetInput";
|
|
1674
1674
|
const Al = {
|
|
1675
1675
|
default: { borderColor: B.BorderDefault },
|
|
1676
1676
|
error: { borderColor: B.BorderError },
|
|
@@ -1800,7 +1800,7 @@ const Fl = {
|
|
|
1800
1800
|
return /* @__PURE__ */ d("div", { className: L, children: [
|
|
1801
1801
|
m && /* @__PURE__ */ e("label", { className: "gloss-preset-numberinput__label", children: m }),
|
|
1802
1802
|
/* @__PURE__ */ d(Rs, { definition: A, disabled: b, children: [
|
|
1803
|
-
v && /* @__PURE__ */ e("button", { type: "button", onClick: () => g(k - u), disabled: b || D, "aria-label": "Decrease value", tabIndex: -1, children: /* @__PURE__ */ e(
|
|
1803
|
+
v && /* @__PURE__ */ e("button", { type: "button", onClick: () => g(k - u), disabled: b || D, "aria-label": "Decrease value", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "minus", size: "sm" }) }),
|
|
1804
1804
|
/* @__PURE__ */ e(
|
|
1805
1805
|
"input",
|
|
1806
1806
|
{
|
|
@@ -1818,7 +1818,7 @@ const Fl = {
|
|
|
1818
1818
|
"aria-valuenow": k
|
|
1819
1819
|
}
|
|
1820
1820
|
),
|
|
1821
|
-
v && /* @__PURE__ */ e("button", { type: "button", onClick: () => g(k + u), disabled: b || N, "aria-label": "Increase value", tabIndex: -1, children: /* @__PURE__ */ e(
|
|
1821
|
+
v && /* @__PURE__ */ e("button", { type: "button", onClick: () => g(k + u), disabled: b || N, "aria-label": "Increase value", tabIndex: -1, children: /* @__PURE__ */ e(_e, { name: "plus", size: "sm" }) })
|
|
1822
1822
|
] }),
|
|
1823
1823
|
f && /* @__PURE__ */ e("div", { className: `gloss-preset-numberinput__helper ${a === "error" ? "gloss-preset-numberinput__helper--error" : ""}`, children: f })
|
|
1824
1824
|
] });
|
|
@@ -1959,7 +1959,7 @@ const Kl = {
|
|
|
1959
1959
|
bg: B.BgSurface,
|
|
1960
1960
|
radius: Ne.Md
|
|
1961
1961
|
};
|
|
1962
|
-
B.BgSurface, B.BorderDefault, Ne.Md,
|
|
1962
|
+
B.BgSurface, B.BorderDefault, Ne.Md, qe.Card;
|
|
1963
1963
|
function It(r) {
|
|
1964
1964
|
const {
|
|
1965
1965
|
variant: t = "default",
|
|
@@ -1990,7 +1990,7 @@ const Xl = Yt("md"), ql = {
|
|
|
1990
1990
|
elevated: {
|
|
1991
1991
|
bg: B.BgSurface,
|
|
1992
1992
|
border: "none",
|
|
1993
|
-
elevation:
|
|
1993
|
+
elevation: qe.Card
|
|
1994
1994
|
},
|
|
1995
1995
|
outlined: {
|
|
1996
1996
|
bg: B.BgSurface,
|
|
@@ -2267,7 +2267,7 @@ const hc = {
|
|
|
2267
2267
|
bg: B.BgSurface,
|
|
2268
2268
|
borderColor: B.BorderDefault,
|
|
2269
2269
|
radius: Ne.Md,
|
|
2270
|
-
elevation:
|
|
2270
|
+
elevation: qe.Card
|
|
2271
2271
|
}, yc = q.forwardRef(
|
|
2272
2272
|
({ size: r = "md", children: t, ...a }, n) => {
|
|
2273
2273
|
const s = { ...a };
|
|
@@ -2412,13 +2412,13 @@ const vn = q.forwardRef(
|
|
|
2412
2412
|
}
|
|
2413
2413
|
);
|
|
2414
2414
|
vn.displayName = "AsyncLoader";
|
|
2415
|
-
const
|
|
2415
|
+
const Je = {
|
|
2416
2416
|
instant: 0,
|
|
2417
2417
|
fast: 100,
|
|
2418
2418
|
normal: 200,
|
|
2419
2419
|
slow: 300,
|
|
2420
2420
|
slower: 400
|
|
2421
|
-
},
|
|
2421
|
+
}, Qe = {
|
|
2422
2422
|
linear: "linear",
|
|
2423
2423
|
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
2424
2424
|
easeOut: "cubic-bezier(0, 0, 0.2, 1)",
|
|
@@ -2434,8 +2434,8 @@ const Qe = {
|
|
|
2434
2434
|
from: { opacity: 1 },
|
|
2435
2435
|
to: { opacity: 0 }
|
|
2436
2436
|
},
|
|
2437
|
-
duration:
|
|
2438
|
-
easing:
|
|
2437
|
+
duration: Je.normal,
|
|
2438
|
+
easing: Qe.easeOut
|
|
2439
2439
|
},
|
|
2440
2440
|
fadeScale: {
|
|
2441
2441
|
enter: {
|
|
@@ -2446,8 +2446,8 @@ const Qe = {
|
|
|
2446
2446
|
from: { opacity: 1, transform: "scale(1)" },
|
|
2447
2447
|
to: { opacity: 0, transform: "scale(0.95)" }
|
|
2448
2448
|
},
|
|
2449
|
-
duration:
|
|
2450
|
-
easing:
|
|
2449
|
+
duration: Je.fast,
|
|
2450
|
+
easing: Qe.easeOut
|
|
2451
2451
|
},
|
|
2452
2452
|
slideUp: {
|
|
2453
2453
|
enter: {
|
|
@@ -2458,8 +2458,8 @@ const Qe = {
|
|
|
2458
2458
|
from: { opacity: 1, transform: "translateY(0)" },
|
|
2459
2459
|
to: { opacity: 0, transform: "translateY(8px)" }
|
|
2460
2460
|
},
|
|
2461
|
-
duration:
|
|
2462
|
-
easing:
|
|
2461
|
+
duration: Je.normal,
|
|
2462
|
+
easing: Qe.easeOut
|
|
2463
2463
|
},
|
|
2464
2464
|
slideDown: {
|
|
2465
2465
|
enter: {
|
|
@@ -2470,8 +2470,8 @@ const Qe = {
|
|
|
2470
2470
|
from: { opacity: 1, transform: "translateY(0)" },
|
|
2471
2471
|
to: { opacity: 0, transform: "translateY(-8px)" }
|
|
2472
2472
|
},
|
|
2473
|
-
duration:
|
|
2474
|
-
easing:
|
|
2473
|
+
duration: Je.normal,
|
|
2474
|
+
easing: Qe.easeOut
|
|
2475
2475
|
},
|
|
2476
2476
|
slideLeft: {
|
|
2477
2477
|
enter: {
|
|
@@ -2482,8 +2482,8 @@ const Qe = {
|
|
|
2482
2482
|
from: { opacity: 1, transform: "translateX(0)" },
|
|
2483
2483
|
to: { opacity: 0, transform: "translateX(8px)" }
|
|
2484
2484
|
},
|
|
2485
|
-
duration:
|
|
2486
|
-
easing:
|
|
2485
|
+
duration: Je.normal,
|
|
2486
|
+
easing: Qe.easeOut
|
|
2487
2487
|
},
|
|
2488
2488
|
slideRight: {
|
|
2489
2489
|
enter: {
|
|
@@ -2494,8 +2494,8 @@ const Qe = {
|
|
|
2494
2494
|
from: { opacity: 1, transform: "translateX(0)" },
|
|
2495
2495
|
to: { opacity: 0, transform: "translateX(-8px)" }
|
|
2496
2496
|
},
|
|
2497
|
-
duration:
|
|
2498
|
-
easing:
|
|
2497
|
+
duration: Je.normal,
|
|
2498
|
+
easing: Qe.easeOut
|
|
2499
2499
|
},
|
|
2500
2500
|
zoom: {
|
|
2501
2501
|
enter: {
|
|
@@ -2506,8 +2506,8 @@ const Qe = {
|
|
|
2506
2506
|
from: { opacity: 1, transform: "scale(1)" },
|
|
2507
2507
|
to: { opacity: 0, transform: "scale(0.8)" }
|
|
2508
2508
|
},
|
|
2509
|
-
duration:
|
|
2510
|
-
easing:
|
|
2509
|
+
duration: Je.normal,
|
|
2510
|
+
easing: Qe.spring
|
|
2511
2511
|
},
|
|
2512
2512
|
collapse: {
|
|
2513
2513
|
enter: {
|
|
@@ -2518,11 +2518,11 @@ const Qe = {
|
|
|
2518
2518
|
from: { opacity: 1, height: "auto", overflow: "hidden" },
|
|
2519
2519
|
to: { opacity: 0, height: "0", overflow: "hidden" }
|
|
2520
2520
|
},
|
|
2521
|
-
duration:
|
|
2522
|
-
easing:
|
|
2521
|
+
duration: Je.slow,
|
|
2522
|
+
easing: Qe.easeInOut
|
|
2523
2523
|
}
|
|
2524
2524
|
};
|
|
2525
|
-
function Um(r, t =
|
|
2525
|
+
function Um(r, t = Je.normal, a = Qe.easeOut) {
|
|
2526
2526
|
return r.map((n) => `${n} ${t}ms ${a}`).join(", ");
|
|
2527
2527
|
}
|
|
2528
2528
|
function Xm(r, t, a) {
|
|
@@ -2547,7 +2547,7 @@ function Cc({
|
|
|
2547
2547
|
...m
|
|
2548
2548
|
}) {
|
|
2549
2549
|
delete m.className, delete m.style;
|
|
2550
|
-
const [f, b] = O(r ? "entered" : "exited"), [y, _] = O(r), v = ie(null), h = ie(null), C = typeof t == "string" ? Dr[t] : t, T = a ?? (typeof t == "string" ? Dr[t]?.duration :
|
|
2550
|
+
const [f, b] = O(r ? "entered" : "exited"), [y, _] = O(r), v = ie(null), h = ie(null), C = typeof t == "string" ? Dr[t] : t, T = a ?? (typeof t == "string" ? Dr[t]?.duration : Je.normal) ?? Je.normal, w = n ?? (typeof t == "string" ? Dr[t]?.easing : Qe.easeOut) ?? Qe.easeOut, k = S(() => {
|
|
2551
2551
|
v.current && (clearTimeout(v.current), v.current = null), h.current && (cancelAnimationFrame(h.current), h.current = null);
|
|
2552
2552
|
}, []);
|
|
2553
2553
|
if (le(() => (k(), r ? (_(!0), o?.(), h.current = requestAnimationFrame(() => {
|
|
@@ -2893,7 +2893,7 @@ const Tc = (r) => {
|
|
|
2893
2893
|
gap: n = 8
|
|
2894
2894
|
} = r, s = Math.max(1, t);
|
|
2895
2895
|
return /* @__PURE__ */ e(
|
|
2896
|
-
|
|
2896
|
+
he,
|
|
2897
2897
|
{
|
|
2898
2898
|
className: "gloss-skeleton",
|
|
2899
2899
|
"aria-hidden": "true",
|
|
@@ -2941,7 +2941,7 @@ const Pa = [60, 80, 45, 90, 65, 75, 55, 85, 70, 50], Ec = ({
|
|
|
2941
2941
|
}) => {
|
|
2942
2942
|
const a = Math.max(1, Math.min(r, Pa.length)), n = Pa.slice(0, a);
|
|
2943
2943
|
return /* @__PURE__ */ e(
|
|
2944
|
-
|
|
2944
|
+
he,
|
|
2945
2945
|
{
|
|
2946
2946
|
className: "gloss-skeleton-chart",
|
|
2947
2947
|
"aria-hidden": "true",
|
|
@@ -2975,7 +2975,7 @@ const Mc = ({
|
|
|
2975
2975
|
rowHeight: n = 44
|
|
2976
2976
|
}) => {
|
|
2977
2977
|
const s = Math.max(1, r), i = Math.max(1, t);
|
|
2978
|
-
return /* @__PURE__ */ d(
|
|
2978
|
+
return /* @__PURE__ */ d(he, { className: "gloss-skeleton-table", "aria-hidden": "true", style: { width: "100%" }, children: [
|
|
2979
2979
|
/* @__PURE__ */ e(
|
|
2980
2980
|
"div",
|
|
2981
2981
|
{
|
|
@@ -3034,7 +3034,7 @@ const Pc = ({
|
|
|
3034
3034
|
}) => {
|
|
3035
3035
|
const a = t >= 2 ? "40%" : "55%";
|
|
3036
3036
|
return /* @__PURE__ */ d(
|
|
3037
|
-
|
|
3037
|
+
he,
|
|
3038
3038
|
{
|
|
3039
3039
|
className: "gloss-skeleton-card",
|
|
3040
3040
|
"aria-hidden": "true",
|
|
@@ -3426,7 +3426,7 @@ function kn(r) {
|
|
|
3426
3426
|
if (!n) {
|
|
3427
3427
|
const l = r.statuses[0];
|
|
3428
3428
|
return /* @__PURE__ */ d(
|
|
3429
|
-
|
|
3429
|
+
he,
|
|
3430
3430
|
{
|
|
3431
3431
|
definition: { display: "flex", direction: "column" },
|
|
3432
3432
|
className: "gloss-status-card gloss-status-card--flag-off",
|
|
@@ -3530,7 +3530,7 @@ const Ir = {
|
|
|
3530
3530
|
/* @__PURE__ */ e("circle", { cx: "7", cy: "10", r: "0.7", fill: "currentColor" })
|
|
3531
3531
|
]
|
|
3532
3532
|
}
|
|
3533
|
-
),
|
|
3533
|
+
), at = function(t) {
|
|
3534
3534
|
if (t.variant === "status-mode")
|
|
3535
3535
|
return /* @__PURE__ */ e(kn, { ...t });
|
|
3536
3536
|
const {
|
|
@@ -3712,7 +3712,7 @@ const Ir = {
|
|
|
3712
3712
|
p === "critical" ? "gloss-threshold-critical" : "",
|
|
3713
3713
|
p === "critical" ? "gloss-threshold-pulse" : ""
|
|
3714
3714
|
].filter(Boolean).join(" ");
|
|
3715
|
-
return /* @__PURE__ */ d(
|
|
3715
|
+
return /* @__PURE__ */ d(Ge, { children: [
|
|
3716
3716
|
p !== "none" && /* @__PURE__ */ e("div", { className: V }),
|
|
3717
3717
|
p === "warn" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--warn", children: /* @__PURE__ */ e(Ac, {}) }),
|
|
3718
3718
|
p === "critical" && /* @__PURE__ */ e("span", { className: "gloss-threshold-icon gloss-threshold-icon--critical", children: /* @__PURE__ */ e(zc, {}) }),
|
|
@@ -3733,7 +3733,7 @@ const Ir = {
|
|
|
3733
3733
|
a === "sparkline" && /* @__PURE__ */ e(fr, { data: b, color: m, isStale: u }),
|
|
3734
3734
|
a === "bars" && /* @__PURE__ */ e(Nn, { data: y, color: m, isStale: u }),
|
|
3735
3735
|
/* @__PURE__ */ e(
|
|
3736
|
-
|
|
3736
|
+
he,
|
|
3737
3737
|
{
|
|
3738
3738
|
className: "gloss-metric-card__zone-a",
|
|
3739
3739
|
style: { height: 28, flexShrink: 0, zIndex: 2, position: "relative" },
|
|
@@ -3741,7 +3741,7 @@ const Ir = {
|
|
|
3741
3741
|
}
|
|
3742
3742
|
),
|
|
3743
3743
|
/* @__PURE__ */ d(
|
|
3744
|
-
|
|
3744
|
+
he,
|
|
3745
3745
|
{
|
|
3746
3746
|
definition: { display: "flex", align: "center" },
|
|
3747
3747
|
className: `gloss-metric-card__zone-b ${D}`,
|
|
@@ -3767,7 +3767,7 @@ const Ir = {
|
|
|
3767
3767
|
}
|
|
3768
3768
|
),
|
|
3769
3769
|
/* @__PURE__ */ d(
|
|
3770
|
-
|
|
3770
|
+
he,
|
|
3771
3771
|
{
|
|
3772
3772
|
definition: { display: "flex", justify: "between", align: "center" },
|
|
3773
3773
|
className: `gloss-metric-card__zone-c ${D}`,
|
|
@@ -3788,7 +3788,7 @@ const Ir = {
|
|
|
3788
3788
|
a === "segmented" && Y()
|
|
3789
3789
|
] });
|
|
3790
3790
|
};
|
|
3791
|
-
|
|
3791
|
+
at.displayName = "MetricCard";
|
|
3792
3792
|
let $r = null;
|
|
3793
3793
|
const Fr = /* @__PURE__ */ new Set();
|
|
3794
3794
|
function $c(r) {
|
|
@@ -3973,8 +3973,8 @@ const Dn = (r) => {
|
|
|
3973
3973
|
v("collapsed");
|
|
3974
3974
|
return;
|
|
3975
3975
|
}
|
|
3976
|
-
const
|
|
3977
|
-
return () => clearTimeout(
|
|
3976
|
+
const ne = setTimeout(() => v("normal"), 200);
|
|
3977
|
+
return () => clearTimeout(ne);
|
|
3978
3978
|
}, [o]);
|
|
3979
3979
|
const [h, C] = O(!!n);
|
|
3980
3980
|
le(() => {
|
|
@@ -3993,9 +3993,9 @@ const Dn = (r) => {
|
|
|
3993
3993
|
), N = ee(
|
|
3994
3994
|
() => za(a, m),
|
|
3995
3995
|
[a, m]
|
|
3996
|
-
), R = Math.max(0, 5 - D.length - 1), A = ee(() => N.filter((
|
|
3997
|
-
const
|
|
3998
|
-
return N.filter((
|
|
3996
|
+
), R = Math.max(0, 5 - D.length - 1), A = ee(() => N.filter((ne) => ne.isPromotable).sort((ne, pe) => ne.order - pe.order).slice(0, R), [N, R]), L = ee(() => {
|
|
3997
|
+
const ne = new Set(A.map((pe) => pe.id));
|
|
3998
|
+
return N.filter((pe) => !ne.has(pe.id)).sort((pe, He) => pe.order - He.order);
|
|
3999
3999
|
}, [N, A]), P = ee(
|
|
4000
4000
|
() => Vc(N, R),
|
|
4001
4001
|
[N, R]
|
|
@@ -4005,8 +4005,8 @@ const Dn = (r) => {
|
|
|
4005
4005
|
}, [s]);
|
|
4006
4006
|
const M = u === "up" ? "top-start" : "bottom-start", { refs: W, floatingStyles: j, placement: G, context: z } = an({
|
|
4007
4007
|
open: H,
|
|
4008
|
-
onOpenChange: (
|
|
4009
|
-
|
|
4008
|
+
onOpenChange: (ne) => {
|
|
4009
|
+
ne || (V(!1), i(!1));
|
|
4010
4010
|
},
|
|
4011
4011
|
placement: M,
|
|
4012
4012
|
// quick-260418-k7k-fix-2: strategy='fixed' positions the floating menu
|
|
@@ -4038,8 +4038,8 @@ const Dn = (r) => {
|
|
|
4038
4038
|
}),
|
|
4039
4039
|
vi({ padding: 8 }),
|
|
4040
4040
|
_i({
|
|
4041
|
-
apply({ rects:
|
|
4042
|
-
|
|
4041
|
+
apply({ rects: ne, elements: pe }) {
|
|
4042
|
+
pe.floating.style.width = `${ne.reference.width}px`;
|
|
4043
4043
|
}
|
|
4044
4044
|
})
|
|
4045
4045
|
],
|
|
@@ -4048,71 +4048,71 @@ const Dn = (r) => {
|
|
|
4048
4048
|
outsidePress: !0,
|
|
4049
4049
|
outsidePressEvent: "mousedown",
|
|
4050
4050
|
escapeKey: !0
|
|
4051
|
-
}), { getFloatingProps:
|
|
4051
|
+
}), { getFloatingProps: Q, getReferenceProps: K } = sn([U]), te = (u ? M : G ?? M).startsWith("top") ? "up" : "down", ye = !H || P ? "collapsed" : te === "up" ? "expanded-up" : "expanded-down", de = {
|
|
4052
4052
|
display: "inline-flex",
|
|
4053
4053
|
alignItems: "center",
|
|
4054
4054
|
overflow: "hidden",
|
|
4055
4055
|
maxWidth: _ === "collapsed" ? 0 : 200,
|
|
4056
4056
|
opacity: _ === "collapsed" ? 0 : 1,
|
|
4057
4057
|
transition: "max-width 250ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms ease"
|
|
4058
|
-
},
|
|
4058
|
+
}, fe = typeof l == "number" && Number.isFinite(l), ce = {
|
|
4059
4059
|
position: "absolute",
|
|
4060
4060
|
bottom: 0,
|
|
4061
|
-
left:
|
|
4061
|
+
left: fe ? `${l}px` : "50%",
|
|
4062
4062
|
transform: "translateX(-50%)",
|
|
4063
|
-
transition:
|
|
4064
|
-
},
|
|
4063
|
+
transition: fe ? `left ${Ke.ANCHOR_X_MS}ms ease-out` : void 0
|
|
4064
|
+
}, ae = ie(null);
|
|
4065
4065
|
le(() => () => {
|
|
4066
|
-
|
|
4066
|
+
ae.current !== null && (clearTimeout(ae.current), ae.current = null);
|
|
4067
4067
|
}, []);
|
|
4068
|
-
const
|
|
4069
|
-
(
|
|
4068
|
+
const be = S(
|
|
4069
|
+
(ne) => {
|
|
4070
4070
|
if (!H) return;
|
|
4071
|
-
const
|
|
4072
|
-
|
|
4073
|
-
|
|
4071
|
+
const pe = ne.nativeEvent?.relatedTarget, He = ne.relatedTarget, $e = pe ?? He;
|
|
4072
|
+
$e && typeof $e.closest == "function" && $e.closest("[data-action-strip]") || (ae.current !== null && clearTimeout(ae.current), ae.current = setTimeout(() => {
|
|
4073
|
+
ae.current = null, i(!1);
|
|
4074
4074
|
}, Ke.GRACE_CLOSE_MS));
|
|
4075
4075
|
},
|
|
4076
4076
|
[H, i]
|
|
4077
4077
|
), ke = S(() => {
|
|
4078
|
-
|
|
4078
|
+
ae.current !== null && (clearTimeout(ae.current), ae.current = null);
|
|
4079
4079
|
}, []), Se = S(() => {
|
|
4080
|
-
const
|
|
4081
|
-
V(!!
|
|
4082
|
-
}, [s, i]), [
|
|
4080
|
+
const ne = !s;
|
|
4081
|
+
V(!!ne), i(ne);
|
|
4082
|
+
}, [s, i]), [De, Ye] = O(
|
|
4083
4083
|
{}
|
|
4084
|
-
),
|
|
4084
|
+
), Ee = ie(
|
|
4085
4085
|
{}
|
|
4086
4086
|
);
|
|
4087
4087
|
le(() => () => {
|
|
4088
|
-
for (const
|
|
4089
|
-
for (const
|
|
4090
|
-
|
|
4088
|
+
for (const ne of Object.values(Ee.current))
|
|
4089
|
+
for (const pe of ne) clearTimeout(pe);
|
|
4090
|
+
Ee.current = {};
|
|
4091
4091
|
}, []);
|
|
4092
|
-
const me = S((
|
|
4093
|
-
const
|
|
4094
|
-
|
|
4095
|
-
const
|
|
4096
|
-
|
|
4097
|
-
const
|
|
4098
|
-
Ye((
|
|
4099
|
-
const
|
|
4100
|
-
return delete
|
|
4092
|
+
const me = S((ne) => {
|
|
4093
|
+
const pe = ne.id;
|
|
4094
|
+
Ee.current[pe] || (Ee.current[pe] = []), Ye(($e) => ({ ...$e, [pe]: "pressed" }));
|
|
4095
|
+
const He = setTimeout(() => {
|
|
4096
|
+
ne.onClick(), Ye((Ce) => ({ ...Ce, [pe]: "check" }));
|
|
4097
|
+
const $e = setTimeout(() => {
|
|
4098
|
+
Ye((Ce) => {
|
|
4099
|
+
const Re = { ...Ce };
|
|
4100
|
+
return delete Re[pe], Re;
|
|
4101
4101
|
});
|
|
4102
4102
|
}, Ke.FEEDBACK_CHECK_MS);
|
|
4103
|
-
|
|
4103
|
+
Ee.current[pe]?.push($e);
|
|
4104
4104
|
}, Ke.FEEDBACK_PRESS_MS);
|
|
4105
|
-
|
|
4106
|
-
}, []),
|
|
4107
|
-
(
|
|
4108
|
-
if (!
|
|
4109
|
-
|
|
4105
|
+
Ee.current[pe]?.push(He);
|
|
4106
|
+
}, []), xe = S(
|
|
4107
|
+
(ne) => {
|
|
4108
|
+
if (!ne.showFeedback) {
|
|
4109
|
+
ne.onClick();
|
|
4110
4110
|
return;
|
|
4111
4111
|
}
|
|
4112
|
-
me(
|
|
4112
|
+
me(ne);
|
|
4113
4113
|
},
|
|
4114
4114
|
[me]
|
|
4115
|
-
), [
|
|
4115
|
+
), [Ve, Le] = O(null);
|
|
4116
4116
|
return /* @__PURE__ */ e(Qo, { children: /* @__PURE__ */ e(
|
|
4117
4117
|
Ct.div,
|
|
4118
4118
|
{
|
|
@@ -4126,10 +4126,10 @@ const Dn = (r) => {
|
|
|
4126
4126
|
"data-click-locked": Y ? "true" : "false",
|
|
4127
4127
|
"data-visible": n ? "true" : "false",
|
|
4128
4128
|
"data-has-shown": h ? "true" : "false",
|
|
4129
|
-
style:
|
|
4130
|
-
onPointerLeave:
|
|
4129
|
+
style: ce,
|
|
4130
|
+
onPointerLeave: be,
|
|
4131
4131
|
onPointerEnter: ke,
|
|
4132
|
-
onMouseLeave:
|
|
4132
|
+
onMouseLeave: be,
|
|
4133
4133
|
onMouseEnter: ke,
|
|
4134
4134
|
...K(),
|
|
4135
4135
|
children: /* @__PURE__ */ d(
|
|
@@ -4146,9 +4146,9 @@ const Dn = (r) => {
|
|
|
4146
4146
|
"data-action-strip-pill": !0,
|
|
4147
4147
|
"data-primary-count": D.length,
|
|
4148
4148
|
"data-overflow-count": N.length,
|
|
4149
|
-
"data-variant":
|
|
4149
|
+
"data-variant": ye,
|
|
4150
4150
|
variants: I,
|
|
4151
|
-
animate:
|
|
4151
|
+
animate: ye,
|
|
4152
4152
|
initial: "collapsed",
|
|
4153
4153
|
transition: {
|
|
4154
4154
|
layout: {
|
|
@@ -4189,27 +4189,27 @@ const Dn = (r) => {
|
|
|
4189
4189
|
{
|
|
4190
4190
|
"data-action-strip-collapse": !0,
|
|
4191
4191
|
"data-pill-mode": _,
|
|
4192
|
-
style:
|
|
4192
|
+
style: de,
|
|
4193
4193
|
children: [
|
|
4194
|
-
D.map((
|
|
4195
|
-
const
|
|
4194
|
+
D.map((ne) => {
|
|
4195
|
+
const pe = De[ne.id] ?? "none", He = Ve === ne.id, $e = ne.isActive && ne.activeIcon || pe === "check";
|
|
4196
4196
|
return /* @__PURE__ */ e(
|
|
4197
4197
|
"button",
|
|
4198
4198
|
{
|
|
4199
4199
|
type: "button",
|
|
4200
4200
|
className: "gloss-action-strip__icon-slot",
|
|
4201
|
-
"data-action-id":
|
|
4201
|
+
"data-action-id": ne.id,
|
|
4202
4202
|
"data-action-kind": "primary",
|
|
4203
|
-
"data-feedback-state":
|
|
4204
|
-
"data-active":
|
|
4205
|
-
title: ed(
|
|
4206
|
-
onClick: () =>
|
|
4207
|
-
onMouseEnter: () =>
|
|
4208
|
-
onMouseLeave: () =>
|
|
4209
|
-
style: td(
|
|
4210
|
-
children:
|
|
4203
|
+
"data-feedback-state": pe,
|
|
4204
|
+
"data-active": ne.isActive ? "true" : "false",
|
|
4205
|
+
title: ed(ne),
|
|
4206
|
+
onClick: () => xe(ne),
|
|
4207
|
+
onMouseEnter: () => Le(ne.id),
|
|
4208
|
+
onMouseLeave: () => Le((Ce) => Ce === ne.id ? null : Ce),
|
|
4209
|
+
style: td(ne, He, pe),
|
|
4210
|
+
children: $e ? pe === "check" ? ne.activeIcon ?? /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }) : ne.activeIcon : ne.icon
|
|
4211
4211
|
},
|
|
4212
|
-
|
|
4212
|
+
ne.id
|
|
4213
4213
|
);
|
|
4214
4214
|
}),
|
|
4215
4215
|
/* @__PURE__ */ e(
|
|
@@ -4221,20 +4221,20 @@ const Dn = (r) => {
|
|
|
4221
4221
|
variants: x,
|
|
4222
4222
|
animate: H ? "expanded" : "collapsed",
|
|
4223
4223
|
initial: "collapsed",
|
|
4224
|
-
children: /* @__PURE__ */ e(Rr, { mode: "popLayout", initial: !1, children: H ? A.map((
|
|
4224
|
+
children: /* @__PURE__ */ e(Rr, { mode: "popLayout", initial: !1, children: H ? A.map((ne) => /* @__PURE__ */ e(
|
|
4225
4225
|
Ct.span,
|
|
4226
4226
|
{
|
|
4227
4227
|
className: "gloss-action-strip__icon-slot",
|
|
4228
|
-
"data-action-id":
|
|
4228
|
+
"data-action-id": ne.id,
|
|
4229
4229
|
"data-action-kind": "promoted",
|
|
4230
|
-
title:
|
|
4230
|
+
title: ne.label,
|
|
4231
4231
|
variants: E,
|
|
4232
4232
|
initial: "initial",
|
|
4233
4233
|
animate: "animate",
|
|
4234
4234
|
exit: "exit",
|
|
4235
|
-
children:
|
|
4235
|
+
children: ne.icon ?? null
|
|
4236
4236
|
},
|
|
4237
|
-
|
|
4237
|
+
ne.id
|
|
4238
4238
|
)) : null })
|
|
4239
4239
|
}
|
|
4240
4240
|
),
|
|
@@ -4273,7 +4273,7 @@ const Dn = (r) => {
|
|
|
4273
4273
|
{
|
|
4274
4274
|
ref: W.setFloating,
|
|
4275
4275
|
style: { ...j, zIndex: 9999 },
|
|
4276
|
-
...
|
|
4276
|
+
...Q(),
|
|
4277
4277
|
children: /* @__PURE__ */ e(
|
|
4278
4278
|
Ct.div,
|
|
4279
4279
|
{
|
|
@@ -4290,23 +4290,23 @@ const Dn = (r) => {
|
|
|
4290
4290
|
style: {
|
|
4291
4291
|
transformOrigin: Gc(te)
|
|
4292
4292
|
},
|
|
4293
|
-
children: L.map((
|
|
4293
|
+
children: L.map((ne) => /* @__PURE__ */ d(
|
|
4294
4294
|
"button",
|
|
4295
4295
|
{
|
|
4296
4296
|
type: "button",
|
|
4297
4297
|
className: "gloss-action-strip__menu-item",
|
|
4298
|
-
"data-action-id":
|
|
4299
|
-
"data-action-kind":
|
|
4298
|
+
"data-action-id": ne.id,
|
|
4299
|
+
"data-action-kind": ne.isPromotable ? "overflow" : "footer",
|
|
4300
4300
|
role: "menuitem",
|
|
4301
4301
|
onClick: () => {
|
|
4302
|
-
|
|
4302
|
+
ne.onClick();
|
|
4303
4303
|
},
|
|
4304
4304
|
children: [
|
|
4305
|
-
|
|
4306
|
-
/* @__PURE__ */ e("span", { children:
|
|
4305
|
+
ne.icon ? /* @__PURE__ */ e("span", { className: "gloss-action-strip__menu-icon", children: ne.icon }) : null,
|
|
4306
|
+
/* @__PURE__ */ e("span", { children: ne.label })
|
|
4307
4307
|
]
|
|
4308
4308
|
},
|
|
4309
|
-
|
|
4309
|
+
ne.id
|
|
4310
4310
|
))
|
|
4311
4311
|
},
|
|
4312
4312
|
"action-strip-menu"
|
|
@@ -4404,7 +4404,7 @@ const ad = [
|
|
|
4404
4404
|
});
|
|
4405
4405
|
}, _ = s === "stacked";
|
|
4406
4406
|
return s === "dimension-chooser" ? /* @__PURE__ */ d(
|
|
4407
|
-
|
|
4407
|
+
he,
|
|
4408
4408
|
{
|
|
4409
4409
|
definition: { display: "flex", direction: "column", padding: "10px 12px 8px", gap: "6px" },
|
|
4410
4410
|
style: { width: "100%", height: "100%" },
|
|
@@ -4456,13 +4456,13 @@ const ad = [
|
|
|
4456
4456
|
]
|
|
4457
4457
|
}
|
|
4458
4458
|
) : /* @__PURE__ */ d(
|
|
4459
|
-
|
|
4459
|
+
he,
|
|
4460
4460
|
{
|
|
4461
4461
|
definition: { display: "flex", direction: "column", padding: "10px 12px 8px", gap: "6px" },
|
|
4462
4462
|
style: { width: "100%", height: "100%" },
|
|
4463
4463
|
children: [
|
|
4464
4464
|
/* @__PURE__ */ d(
|
|
4465
|
-
|
|
4465
|
+
he,
|
|
4466
4466
|
{
|
|
4467
4467
|
definition: { display: "flex", align: "center", justify: "between" },
|
|
4468
4468
|
className: "gloss-metric-card__back-title",
|
|
@@ -4489,7 +4489,7 @@ const ad = [
|
|
|
4489
4489
|
}
|
|
4490
4490
|
),
|
|
4491
4491
|
/* @__PURE__ */ e(
|
|
4492
|
-
|
|
4492
|
+
he,
|
|
4493
4493
|
{
|
|
4494
4494
|
definition: { display: "grid", gap: "6px" },
|
|
4495
4495
|
style: { gridTemplateColumns: "repeat(3, 1fr)", flex: 1, alignContent: "center" },
|
|
@@ -4523,7 +4523,7 @@ const ad = [
|
|
|
4523
4523
|
);
|
|
4524
4524
|
};
|
|
4525
4525
|
In.displayName = "CardBack";
|
|
4526
|
-
const
|
|
4526
|
+
const nt = function({
|
|
4527
4527
|
contentSlot: t,
|
|
4528
4528
|
children: a,
|
|
4529
4529
|
colSpan: n = 1,
|
|
@@ -4562,63 +4562,64 @@ const st = function({
|
|
|
4562
4562
|
anchorX: W,
|
|
4563
4563
|
extensionOverflow: j,
|
|
4564
4564
|
cardRef: G,
|
|
4565
|
-
hovered: z
|
|
4565
|
+
hovered: z,
|
|
4566
|
+
forceHide: U
|
|
4566
4567
|
}) {
|
|
4567
|
-
const [
|
|
4568
|
-
|
|
4569
|
-
}, []),
|
|
4568
|
+
const [Q, K] = O(!1), [X, te] = O(!1), [ye, de] = O(!1), fe = ie(!1), ce = ie(null), ae = z !== void 0 ? z : Q, be = G ?? ce, ke = ie(null), Se = ie(null), De = t ?? a, Ye = S(() => {
|
|
4569
|
+
ke.current = null, Se.current = null, de(!0);
|
|
4570
|
+
}, []), Ee = S(() => {
|
|
4570
4571
|
if (A) {
|
|
4571
|
-
const
|
|
4572
|
-
if (
|
|
4572
|
+
const pe = Se.current;
|
|
4573
|
+
if (pe !== null && pe.length < 2)
|
|
4573
4574
|
return;
|
|
4574
|
-
|
|
4575
|
+
de(!1), pe && pe.length >= 2 && L && L(pe);
|
|
4575
4576
|
} else
|
|
4576
|
-
|
|
4577
|
-
}, [g, L, A]),
|
|
4578
|
-
|
|
4577
|
+
de(!1), ke.current && g && g(ke.current);
|
|
4578
|
+
}, [g, L, A]), me = S((pe) => {
|
|
4579
|
+
ke.current = pe;
|
|
4579
4580
|
}, []);
|
|
4580
4581
|
le(() => {
|
|
4581
|
-
c && z === void 0 &&
|
|
4582
|
+
c && z === void 0 && K(!1);
|
|
4582
4583
|
}, [c, z]);
|
|
4583
|
-
const
|
|
4584
|
-
z === void 0 && (
|
|
4585
|
-
}, [z]),
|
|
4584
|
+
const xe = S(() => {
|
|
4585
|
+
z === void 0 && (fe.current = !1, K(!0));
|
|
4586
|
+
}, [z]), Ve = S(() => {
|
|
4586
4587
|
if (z === void 0) {
|
|
4587
|
-
if (
|
|
4588
|
-
|
|
4588
|
+
if (X) {
|
|
4589
|
+
fe.current = !0;
|
|
4589
4590
|
return;
|
|
4590
4591
|
}
|
|
4591
|
-
|
|
4592
|
+
fe.current = !1, K(!1);
|
|
4592
4593
|
}
|
|
4593
|
-
}, [z,
|
|
4594
|
+
}, [z, X]);
|
|
4594
4595
|
le(() => {
|
|
4595
|
-
z === void 0 && !
|
|
4596
|
-
}, [
|
|
4597
|
-
const Le =
|
|
4596
|
+
z === void 0 && !X && fe.current && (fe.current = !1, K(!1));
|
|
4597
|
+
}, [X, z]);
|
|
4598
|
+
const Le = !U && (ae || X), ne = [
|
|
4598
4599
|
u ? "gloss-card-shell--accent-ring" : ""
|
|
4599
4600
|
].filter(Boolean).join(" ") || void 0;
|
|
4600
4601
|
return /* @__PURE__ */ d(
|
|
4601
4602
|
"div",
|
|
4602
4603
|
{
|
|
4603
|
-
ref:
|
|
4604
|
-
className:
|
|
4604
|
+
ref: be,
|
|
4605
|
+
className: ne,
|
|
4605
4606
|
style: {
|
|
4606
4607
|
position: "relative",
|
|
4607
4608
|
height: "100%",
|
|
4608
4609
|
borderRadius: 12,
|
|
4609
4610
|
backgroundColor: "var(--color-surface-primary)",
|
|
4610
|
-
border:
|
|
4611
|
+
border: ae && !c ? "1px solid var(--overlay-subtle)" : "1px solid var(--overlay-border-light)",
|
|
4611
4612
|
overflow: "visible",
|
|
4612
4613
|
cursor: "default",
|
|
4613
|
-
boxShadow: u ? "var(--shadow-card), 0 0 0 2px var(--color-accent, #4f46e5)" :
|
|
4614
|
+
boxShadow: u ? "var(--shadow-card), 0 0 0 2px var(--color-accent, #4f46e5)" : ae && !c ? "var(--shadow-card-hover)" : "var(--shadow-card)",
|
|
4614
4615
|
transition: "border-color 180ms, box-shadow 180ms",
|
|
4615
4616
|
perspective: 600,
|
|
4616
4617
|
transformStyle: "preserve-3d",
|
|
4617
|
-
zIndex: (
|
|
4618
|
+
zIndex: (ae || X) && !c ? 10 : "auto",
|
|
4618
4619
|
...l
|
|
4619
4620
|
},
|
|
4620
|
-
onMouseEnter: c ? void 0 :
|
|
4621
|
-
onMouseLeave: c ? void 0 :
|
|
4621
|
+
onMouseEnter: c ? void 0 : xe,
|
|
4622
|
+
onMouseLeave: c ? void 0 : Ve,
|
|
4622
4623
|
children: [
|
|
4623
4624
|
o && /* @__PURE__ */ e(
|
|
4624
4625
|
"div",
|
|
@@ -4638,7 +4639,7 @@ const st = function({
|
|
|
4638
4639
|
}
|
|
4639
4640
|
),
|
|
4640
4641
|
/* @__PURE__ */ e(
|
|
4641
|
-
|
|
4642
|
+
he,
|
|
4642
4643
|
{
|
|
4643
4644
|
definition: { display: "flex", direction: "column", padding: "10px 12px 8px", bg: "var(--color-surface-primary)", radius: "12px" },
|
|
4644
4645
|
style: {
|
|
@@ -4647,14 +4648,14 @@ const st = function({
|
|
|
4647
4648
|
zIndex: 2,
|
|
4648
4649
|
backfaceVisibility: "hidden",
|
|
4649
4650
|
WebkitBackfaceVisibility: "hidden",
|
|
4650
|
-
transform:
|
|
4651
|
+
transform: ye ? "rotateY(180deg)" : "rotateY(0deg)",
|
|
4651
4652
|
transition: "transform 500ms cubic-bezier(0.22, 1, 0.36, 1)"
|
|
4652
4653
|
},
|
|
4653
|
-
children:
|
|
4654
|
+
children: De
|
|
4654
4655
|
}
|
|
4655
4656
|
),
|
|
4656
4657
|
/* @__PURE__ */ e(
|
|
4657
|
-
|
|
4658
|
+
he,
|
|
4658
4659
|
{
|
|
4659
4660
|
definition: { bg: "var(--color-surface-primary)", radius: "12px" },
|
|
4660
4661
|
style: {
|
|
@@ -4663,7 +4664,7 @@ const st = function({
|
|
|
4663
4664
|
zIndex: 2,
|
|
4664
4665
|
backfaceVisibility: "hidden",
|
|
4665
4666
|
WebkitBackfaceVisibility: "hidden",
|
|
4666
|
-
transform:
|
|
4667
|
+
transform: ye ? "rotateY(0deg)" : "rotateY(-180deg)",
|
|
4667
4668
|
transition: "transform 500ms cubic-bezier(0.22, 1, 0.36, 1)"
|
|
4668
4669
|
},
|
|
4669
4670
|
children: D ?? /* @__PURE__ */ e(
|
|
@@ -4671,11 +4672,11 @@ const st = function({
|
|
|
4671
4672
|
{
|
|
4672
4673
|
mode: A ? "stacked" : "single",
|
|
4673
4674
|
currentTimeframe: E,
|
|
4674
|
-
onSelectTimeframe:
|
|
4675
|
+
onSelectTimeframe: me,
|
|
4675
4676
|
title: x,
|
|
4676
4677
|
currentStackedTimeframes: P,
|
|
4677
|
-
onSelectStackedTimeframes: (
|
|
4678
|
-
|
|
4678
|
+
onSelectStackedTimeframes: (pe) => {
|
|
4679
|
+
Se.current = pe;
|
|
4679
4680
|
}
|
|
4680
4681
|
}
|
|
4681
4682
|
)
|
|
@@ -4695,13 +4696,13 @@ const st = function({
|
|
|
4695
4696
|
}
|
|
4696
4697
|
),
|
|
4697
4698
|
!c && (() => {
|
|
4698
|
-
const
|
|
4699
|
-
w && !p && !m &&
|
|
4699
|
+
const pe = [];
|
|
4700
|
+
w && !p && !m && pe.push({
|
|
4700
4701
|
id: "retry",
|
|
4701
4702
|
icon: /* @__PURE__ */ e(gi, { style: { fontSize: 16 } }),
|
|
4702
4703
|
label: "Retry",
|
|
4703
4704
|
onClick: w
|
|
4704
|
-
}), p &&
|
|
4705
|
+
}), p && pe.push({
|
|
4705
4706
|
id: "graph",
|
|
4706
4707
|
icon: /* @__PURE__ */ e(pi, { style: { fontSize: 16 } }),
|
|
4707
4708
|
activeIcon: /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }),
|
|
@@ -4710,7 +4711,7 @@ const st = function({
|
|
|
4710
4711
|
isActive: H,
|
|
4711
4712
|
showFeedback: !0,
|
|
4712
4713
|
activeColor: "#4f46e5"
|
|
4713
|
-
}), m &&
|
|
4714
|
+
}), m && pe.push({
|
|
4714
4715
|
id: "details",
|
|
4715
4716
|
icon: /* @__PURE__ */ e(fi, { style: { fontSize: 16 } }),
|
|
4716
4717
|
activeIcon: /* @__PURE__ */ e(Dt, { style: { fontSize: 16 } }),
|
|
@@ -4719,39 +4720,39 @@ const st = function({
|
|
|
4719
4720
|
isActive: Y,
|
|
4720
4721
|
showFeedback: !0,
|
|
4721
4722
|
activeColor: "#10b981"
|
|
4722
|
-
}), T &&
|
|
4723
|
+
}), T && pe.push({
|
|
4723
4724
|
id: "navigate",
|
|
4724
4725
|
icon: /* @__PURE__ */ e(en, { style: { fontSize: 13 } }),
|
|
4725
4726
|
label: "Open details in new tab",
|
|
4726
4727
|
onClick: T
|
|
4727
4728
|
});
|
|
4728
|
-
const
|
|
4729
|
-
onSettings: I ?
|
|
4729
|
+
const He = rd({
|
|
4730
|
+
onSettings: I ? Ye : void 0,
|
|
4730
4731
|
onRemove: b,
|
|
4731
4732
|
onReplace: C,
|
|
4732
4733
|
onRefresh: k,
|
|
4733
4734
|
onWhatsThis: y
|
|
4734
|
-
}),
|
|
4735
|
-
...Xe,
|
|
4736
|
-
order: Re.length + $e
|
|
4737
|
-
})), yt = Ve.map((Xe, $e) => ({
|
|
4738
|
-
...Xe,
|
|
4739
|
-
order: Re.length + Pe.length + $e
|
|
4740
|
-
})), Ue = [
|
|
4741
|
-
...Re,
|
|
4735
|
+
}), $e = He.filter((Pe) => Pe.id === "whats-this"), Ce = He.filter((Pe) => Pe.id !== "whats-this"), ft = (j ?? []).map((Pe, we) => ({
|
|
4742
4736
|
...Pe,
|
|
4743
|
-
|
|
4737
|
+
order: Ce.length + we
|
|
4738
|
+
})), Ue = $e.map((Pe, we) => ({
|
|
4739
|
+
...Pe,
|
|
4740
|
+
order: Ce.length + ft.length + we
|
|
4741
|
+
})), yt = [
|
|
4742
|
+
...Ce,
|
|
4743
|
+
...ft,
|
|
4744
|
+
...Ue
|
|
4744
4745
|
];
|
|
4745
4746
|
return /* @__PURE__ */ e(
|
|
4746
4747
|
Dn,
|
|
4747
4748
|
{
|
|
4748
|
-
primary:
|
|
4749
|
-
overflow:
|
|
4749
|
+
primary: pe,
|
|
4750
|
+
overflow: yt,
|
|
4750
4751
|
visible: Le,
|
|
4751
|
-
expanded:
|
|
4752
|
-
onExpandedChange:
|
|
4753
|
-
isFlipped:
|
|
4754
|
-
onFlipBack:
|
|
4752
|
+
expanded: X,
|
|
4753
|
+
onExpandedChange: te,
|
|
4754
|
+
isFlipped: ye,
|
|
4755
|
+
onFlipBack: Ee,
|
|
4755
4756
|
anchorX: W,
|
|
4756
4757
|
context: {
|
|
4757
4758
|
isErrorState: !!(w && !p && !m),
|
|
@@ -4766,7 +4767,7 @@ const st = function({
|
|
|
4766
4767
|
}
|
|
4767
4768
|
);
|
|
4768
4769
|
};
|
|
4769
|
-
|
|
4770
|
+
nt.displayName = "CardShell";
|
|
4770
4771
|
function nd(r) {
|
|
4771
4772
|
return r === 1 ? 1 : r === 2 ? 3 : 5;
|
|
4772
4773
|
}
|
|
@@ -4843,7 +4844,7 @@ const sd = function(t) {
|
|
|
4843
4844
|
() => H.slice(0, Math.min(H.length, P)),
|
|
4844
4845
|
[H, P]
|
|
4845
4846
|
), V = c?.[C];
|
|
4846
|
-
return /* @__PURE__ */ d(
|
|
4847
|
+
return /* @__PURE__ */ d(Ge, { children: [
|
|
4847
4848
|
V && V.length >= 2 && /* @__PURE__ */ e(fr, { data: V, color: l, isStale: m }),
|
|
4848
4849
|
/* @__PURE__ */ e(
|
|
4849
4850
|
"div",
|
|
@@ -4852,7 +4853,7 @@ const sd = function(t) {
|
|
|
4852
4853
|
"data-stacked-capacity": P,
|
|
4853
4854
|
style: { position: "relative", width: "100%", height: "100%" },
|
|
4854
4855
|
children: /* @__PURE__ */ d(
|
|
4855
|
-
|
|
4856
|
+
he,
|
|
4856
4857
|
{
|
|
4857
4858
|
definition: { display: "flex", direction: "column" },
|
|
4858
4859
|
style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" },
|
|
@@ -4880,7 +4881,7 @@ const sd = function(t) {
|
|
|
4880
4881
|
children: Y.map((M, W) => {
|
|
4881
4882
|
const j = M.timeframe === C;
|
|
4882
4883
|
return /* @__PURE__ */ d(
|
|
4883
|
-
|
|
4884
|
+
he,
|
|
4884
4885
|
{
|
|
4885
4886
|
definition: { display: "flex", direction: "column", align: "center", justify: "center" },
|
|
4886
4887
|
"data-slot-idx": W,
|
|
@@ -5383,7 +5384,7 @@ function vd(r) {
|
|
|
5383
5384
|
paginationMode: "server"
|
|
5384
5385
|
} : { autoPageSize: !0 }, [l]), x = ee(() => fd, []);
|
|
5385
5386
|
return s ? /* @__PURE__ */ e(
|
|
5386
|
-
|
|
5387
|
+
he,
|
|
5387
5388
|
{
|
|
5388
5389
|
className: "gloss-unified-breakdown-table gloss-unified-breakdown-table--error",
|
|
5389
5390
|
style: {
|
|
@@ -5398,7 +5399,7 @@ function vd(r) {
|
|
|
5398
5399
|
children: "Failed to load data. Please try again."
|
|
5399
5400
|
}
|
|
5400
5401
|
) : i && !n ? /* @__PURE__ */ e(
|
|
5401
|
-
|
|
5402
|
+
he,
|
|
5402
5403
|
{
|
|
5403
5404
|
className: "gloss-unified-breakdown-table gloss-unified-breakdown-table--empty",
|
|
5404
5405
|
style: {
|
|
@@ -5412,8 +5413,8 @@ function vd(r) {
|
|
|
5412
5413
|
},
|
|
5413
5414
|
children: "No data available."
|
|
5414
5415
|
}
|
|
5415
|
-
) : /* @__PURE__ */ d(
|
|
5416
|
-
u && u.length > 0 && /* @__PURE__ */ e(
|
|
5416
|
+
) : /* @__PURE__ */ d(he, { className: "gloss-unified-breakdown-table", style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [
|
|
5417
|
+
u && u.length > 0 && /* @__PURE__ */ e(he, { style: { padding: "0 8px 8px", display: "flex", gap: "4px", flexWrap: "wrap" }, children: u.map((D) => /* @__PURE__ */ e(
|
|
5417
5418
|
xn,
|
|
5418
5419
|
{
|
|
5419
5420
|
id: D.id,
|
|
@@ -5425,7 +5426,7 @@ function vd(r) {
|
|
|
5425
5426
|
},
|
|
5426
5427
|
D.id
|
|
5427
5428
|
)) }),
|
|
5428
|
-
/* @__PURE__ */ e(
|
|
5429
|
+
/* @__PURE__ */ e(he, { style: { flex: 1, minHeight: 0, width: "100%", overflow: "hidden" }, children: /* @__PURE__ */ e(
|
|
5429
5430
|
uo,
|
|
5430
5431
|
{
|
|
5431
5432
|
rows: w,
|
|
@@ -5468,7 +5469,7 @@ const Tn = q.memo(({
|
|
|
5468
5469
|
showDimensionGroup: y = !0,
|
|
5469
5470
|
datePickerSlot: _
|
|
5470
5471
|
}) => /* @__PURE__ */ d(kt, { definition: { direction: "horizontal", align: "center" }, className: "gloss-chart-control-bar__row-1", children: [
|
|
5471
|
-
/* @__PURE__ */ e(
|
|
5472
|
+
/* @__PURE__ */ e(he, { style: { marginRight: 10 }, children: /* @__PURE__ */ e(
|
|
5472
5473
|
cr,
|
|
5473
5474
|
{
|
|
5474
5475
|
group: t,
|
|
@@ -5477,7 +5478,7 @@ const Tn = q.memo(({
|
|
|
5477
5478
|
groupRef: c
|
|
5478
5479
|
}
|
|
5479
5480
|
) }),
|
|
5480
|
-
/* @__PURE__ */ e(
|
|
5481
|
+
/* @__PURE__ */ e(he, { style: { marginRight: 6 }, children: /* @__PURE__ */ e(
|
|
5481
5482
|
cr,
|
|
5482
5483
|
{
|
|
5483
5484
|
group: a,
|
|
@@ -5489,7 +5490,7 @@ const Tn = q.memo(({
|
|
|
5489
5490
|
connectorActive: f
|
|
5490
5491
|
}
|
|
5491
5492
|
) }),
|
|
5492
|
-
y && /* @__PURE__ */ e(
|
|
5493
|
+
y && /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(
|
|
5493
5494
|
cr,
|
|
5494
5495
|
{
|
|
5495
5496
|
group: n,
|
|
@@ -5501,7 +5502,7 @@ const Tn = q.memo(({
|
|
|
5501
5502
|
connectorActive: b
|
|
5502
5503
|
}
|
|
5503
5504
|
) }),
|
|
5504
|
-
_ && /* @__PURE__ */ e(
|
|
5505
|
+
_ && /* @__PURE__ */ e(he, { className: "gloss-chart-control-bar__datepicker", children: _ })
|
|
5505
5506
|
] }));
|
|
5506
5507
|
Tn.displayName = "Row1Controls";
|
|
5507
5508
|
const $a = () => /* @__PURE__ */ d(
|
|
@@ -5964,13 +5965,13 @@ const Td = q.memo(({
|
|
|
5964
5965
|
id: me.id,
|
|
5965
5966
|
label: me.label || me.name || me.id
|
|
5966
5967
|
}))
|
|
5967
|
-
}), [b, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [A, L] = O(""), [P, H] = O(!1), Y = _.entity === "items" && T, V = k, M = Y || V, W = ie(null), j = ie(null), G = ie(null), z = ie(null), U = ie({}),
|
|
5968
|
+
}), [b, l]), [T, w] = O(!1), [k, I] = O(!1), [g, E] = O(null), [x, D] = O(null), [N, R] = O(""), [A, L] = O(""), [P, H] = O(!1), Y = _.entity === "items" && T, V = k, M = Y || V, W = ie(null), j = ie(null), G = ie(null), z = ie(null), U = ie({}), Q = ie({}), K = Id(
|
|
5968
5969
|
W,
|
|
5969
5970
|
j,
|
|
5970
5971
|
G,
|
|
5971
5972
|
z,
|
|
5972
5973
|
U,
|
|
5973
|
-
|
|
5974
|
+
Q,
|
|
5974
5975
|
_,
|
|
5975
5976
|
M,
|
|
5976
5977
|
g,
|
|
@@ -5979,40 +5980,40 @@ const Td = q.memo(({
|
|
|
5979
5980
|
le(() => (X.current !== _.dimension && (te.current && clearTimeout(te.current), H(!0), te.current = setTimeout(() => H(!1), 150)), X.current = _.dimension, () => {
|
|
5980
5981
|
te.current && clearTimeout(te.current);
|
|
5981
5982
|
}), [_.dimension]);
|
|
5982
|
-
const
|
|
5983
|
+
const ye = ie({ id: null, name: null }), de = ie({ id: null, name: null });
|
|
5983
5984
|
le(() => {
|
|
5984
|
-
const me = r.entity?.id ?? null,
|
|
5985
|
-
(me !==
|
|
5985
|
+
const me = r.entity?.id ?? null, xe = r.entity?.name ?? null, Ve = r.byItem?.id ?? null, Le = r.byItem?.name ?? null;
|
|
5986
|
+
(me !== ye.current.id || xe !== ye.current.name) && (ye.current = { id: me, name: xe }, me && xe ? (D(xe), I(!0), L("")) : D(null)), (Ve !== de.current.id || Le !== de.current.name) && (de.current = { id: Ve, name: Le }, Ve && Le ? (E(Le), w(!0), R("")) : E(null));
|
|
5986
5987
|
}, [r.entity?.id, r.entity?.name, r.byItem?.id, r.byItem?.name]);
|
|
5987
|
-
const
|
|
5988
|
-
me === "metric" ? a(
|
|
5989
|
-
}, [a, t, n]),
|
|
5988
|
+
const fe = S((me, xe) => {
|
|
5989
|
+
me === "metric" ? a(xe) : me === "entity" ? (t(xe), xe !== "items" && w(!1)) : me === "dimension" && n(xe);
|
|
5990
|
+
}, [a, t, n]), ce = S(() => {
|
|
5990
5991
|
_.entity === "items" && w((me) => !me);
|
|
5991
|
-
}, [_.entity]),
|
|
5992
|
+
}, [_.entity]), ae = S(() => {
|
|
5992
5993
|
I((me) => !me);
|
|
5993
|
-
}, []),
|
|
5994
|
+
}, []), be = S((me) => {
|
|
5994
5995
|
E(me), R(""), i(me, me);
|
|
5995
5996
|
}, [i]), ke = S(() => {
|
|
5996
5997
|
E(null), i(null, null);
|
|
5997
5998
|
}, [i]), Se = S((me) => {
|
|
5998
5999
|
D(me), L(""), s(me, me);
|
|
5999
|
-
}, [s]),
|
|
6000
|
+
}, [s]), De = S(() => {
|
|
6000
6001
|
D(null), s(null, null);
|
|
6001
6002
|
}, [s]), Ye = S((me) => {
|
|
6002
|
-
const
|
|
6003
|
-
E(
|
|
6004
|
-
}, [i]),
|
|
6005
|
-
const
|
|
6006
|
-
D(
|
|
6003
|
+
const xe = me.label || me.name || me.id;
|
|
6004
|
+
E(xe), R(""), i(me.id, xe);
|
|
6005
|
+
}, [i]), Ee = S((me) => {
|
|
6006
|
+
const xe = me.label || me.name || me.id;
|
|
6007
|
+
D(xe), L(""), s(me.id, xe);
|
|
6007
6008
|
}, [s]);
|
|
6008
6009
|
return /* @__PURE__ */ d("div", { ref: W, className: "gloss-chart-control-bar", children: [
|
|
6009
|
-
K.tracks.map((me,
|
|
6010
|
+
K.tracks.map((me, xe) => /* @__PURE__ */ e(
|
|
6010
6011
|
"div",
|
|
6011
6012
|
{
|
|
6012
6013
|
className: "gloss-chart-control-bar__track",
|
|
6013
6014
|
style: { left: me.left, top: me.top, width: me.width, height: me.height }
|
|
6014
6015
|
},
|
|
6015
|
-
|
|
6016
|
+
xe
|
|
6016
6017
|
)),
|
|
6017
6018
|
/* @__PURE__ */ d("div", { className: "gloss-chart-control-bar__shapes", children: [
|
|
6018
6019
|
/* @__PURE__ */ e(
|
|
@@ -6044,21 +6045,21 @@ const Td = q.memo(({
|
|
|
6044
6045
|
}
|
|
6045
6046
|
)
|
|
6046
6047
|
] }),
|
|
6047
|
-
/* @__PURE__ */ e(
|
|
6048
|
+
/* @__PURE__ */ e(he, { className: "gloss-chart-control-bar__interactive", children: /* @__PURE__ */ e(
|
|
6048
6049
|
Tn,
|
|
6049
6050
|
{
|
|
6050
6051
|
selections: _,
|
|
6051
6052
|
metricGroup: v,
|
|
6052
6053
|
entityGroup: h,
|
|
6053
6054
|
dimensionGroup: C,
|
|
6054
|
-
onSelect:
|
|
6055
|
-
onEntityToggle:
|
|
6056
|
-
onDimensionToggle:
|
|
6055
|
+
onSelect: fe,
|
|
6056
|
+
onEntityToggle: ce,
|
|
6057
|
+
onDimensionToggle: ae,
|
|
6057
6058
|
metricGroupRef: j,
|
|
6058
6059
|
entityGroupRef: G,
|
|
6059
6060
|
dimensionGroupRef: z,
|
|
6060
6061
|
entityTabRefs: U,
|
|
6061
|
-
dimensionTabRefs:
|
|
6062
|
+
dimensionTabRefs: Q,
|
|
6062
6063
|
showItemFilter: Y,
|
|
6063
6064
|
showEntityFilter: V,
|
|
6064
6065
|
showDimensionGroup: y,
|
|
@@ -6075,7 +6076,7 @@ const Td = q.memo(({
|
|
|
6075
6076
|
entityFilterLayout: { left: K.entityFilter.left, width: K.entityFilter.width },
|
|
6076
6077
|
itemSearch: N,
|
|
6077
6078
|
setItemSearch: R,
|
|
6078
|
-
onItemSubmit:
|
|
6079
|
+
onItemSubmit: be,
|
|
6079
6080
|
onItemSelect: Ye,
|
|
6080
6081
|
onItemClear: ke,
|
|
6081
6082
|
itemFilterValue: g,
|
|
@@ -6083,8 +6084,8 @@ const Td = q.memo(({
|
|
|
6083
6084
|
entitySearch: A,
|
|
6084
6085
|
setEntitySearch: L,
|
|
6085
6086
|
onEntitySubmit: Se,
|
|
6086
|
-
onEntitySelect:
|
|
6087
|
-
onEntityClear:
|
|
6087
|
+
onEntitySelect: Ee,
|
|
6088
|
+
onEntityClear: De,
|
|
6088
6089
|
entityFilterValue: x,
|
|
6089
6090
|
entityFading: P,
|
|
6090
6091
|
entityOptions: l
|
|
@@ -6636,8 +6637,8 @@ function Rd({
|
|
|
6636
6637
|
a();
|
|
6637
6638
|
}, [k, y, _, v, h, C, a]), g = S((x) => {
|
|
6638
6639
|
const D = x.labelFn ? x.labelFn(i, o) : x.label;
|
|
6639
|
-
return (x.disabled ? x.disabled(i) : !1) ? /* @__PURE__ */ e(
|
|
6640
|
-
/* @__PURE__ */ e(
|
|
6640
|
+
return (x.disabled ? x.disabled(i) : !1) ? /* @__PURE__ */ e(pt, { title: x.disabledTooltip || "", placement: "left", enterDelay: 300, children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ d(Gt, { disabled: !0, className: "gloss-unified-context-menu__item--disabled", children: [
|
|
6641
|
+
/* @__PURE__ */ e(Ze, { icon: Oa(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
|
|
6641
6642
|
/* @__PURE__ */ d("span", { className: "gloss-unified-context-menu__text-group", style: { flex: 1, minWidth: 0 }, children: [
|
|
6642
6643
|
/* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__label", style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", maxWidth: 200 }, children: D }),
|
|
6643
6644
|
x.subtitle && /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__subtitle", style: { display: "block" }, children: x.subtitle })
|
|
@@ -6648,7 +6649,7 @@ function Rd({
|
|
|
6648
6649
|
onClick: () => I(x),
|
|
6649
6650
|
className: x.variant === "destructive" ? "gloss-unified-context-menu__item--destructive" : void 0,
|
|
6650
6651
|
children: [
|
|
6651
|
-
/* @__PURE__ */ e(
|
|
6652
|
+
/* @__PURE__ */ e(Ze, { icon: Oa(x.icon), definition: { size: "sm" }, style: { marginRight: 8, flexShrink: 0 } }),
|
|
6652
6653
|
/* @__PURE__ */ d("span", { className: "gloss-unified-context-menu__text-group", style: { flex: 1, minWidth: 0 }, children: [
|
|
6653
6654
|
/* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__label", style: { display: "block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", maxWidth: 200 }, children: D }),
|
|
6654
6655
|
x.subtitle && /* @__PURE__ */ e("span", { className: "gloss-unified-context-menu__subtitle", style: { display: "block" }, children: x.subtitle })
|
|
@@ -6719,7 +6720,7 @@ const Wr = ({
|
|
|
6719
6720
|
if (!b || !["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"].includes(b.id))
|
|
6720
6721
|
return "";
|
|
6721
6722
|
const { start: g, end: E } = je(b.id);
|
|
6722
|
-
return
|
|
6723
|
+
return ut(g, E, /* @__PURE__ */ new Date());
|
|
6723
6724
|
}, [b]), _ = S(() => {
|
|
6724
6725
|
l && l(r, !0);
|
|
6725
6726
|
}, [r, l]), v = S(() => {
|
|
@@ -6824,7 +6825,7 @@ const Wr = ({
|
|
|
6824
6825
|
)
|
|
6825
6826
|
] }),
|
|
6826
6827
|
/* @__PURE__ */ e(
|
|
6827
|
-
|
|
6828
|
+
Xe,
|
|
6828
6829
|
{
|
|
6829
6830
|
size: "small",
|
|
6830
6831
|
onClick: (x) => w(x, I.id),
|
|
@@ -6853,7 +6854,7 @@ const Wr = ({
|
|
|
6853
6854
|
}
|
|
6854
6855
|
);
|
|
6855
6856
|
return y ? /* @__PURE__ */ e(
|
|
6856
|
-
|
|
6857
|
+
pt,
|
|
6857
6858
|
{
|
|
6858
6859
|
title: y,
|
|
6859
6860
|
placement: "top-start",
|
|
@@ -6949,8 +6950,8 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
6949
6950
|
}, [w]), R = S((z) => n.some(
|
|
6950
6951
|
(U) => U.startDate && U.endDate && z >= U.startDate && z <= U.endDate
|
|
6951
6952
|
), [n]), A = S((z) => n.filter(
|
|
6952
|
-
(
|
|
6953
|
-
).map((
|
|
6953
|
+
(Q) => Q.startDate && Q.endDate && z >= Q.startDate && z <= Q.endDate
|
|
6954
|
+
).map((Q) => Q.label).join(", "), [n]), L = S((z) => {
|
|
6954
6955
|
if (!r) return !1;
|
|
6955
6956
|
const U = v || t;
|
|
6956
6957
|
return U ? oo(z, r, U) : !1;
|
|
@@ -6971,39 +6972,39 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
6971
6972
|
h(null);
|
|
6972
6973
|
}, []), G = ee(() => {
|
|
6973
6974
|
const z = [];
|
|
6974
|
-
for (let
|
|
6975
|
+
for (let Q = 0; Q < I; Q++)
|
|
6975
6976
|
z.push(
|
|
6976
6977
|
/* @__PURE__ */ e(
|
|
6977
6978
|
se,
|
|
6978
6979
|
{
|
|
6979
6980
|
className: "mini-calendar__day mini-calendar__day--empty"
|
|
6980
6981
|
},
|
|
6981
|
-
`empty-${
|
|
6982
|
+
`empty-${Q}`
|
|
6982
6983
|
)
|
|
6983
6984
|
);
|
|
6984
6985
|
const U = /* @__PURE__ */ new Date();
|
|
6985
|
-
for (let
|
|
6986
|
-
const K = new Date(T, w,
|
|
6987
|
-
|
|
6986
|
+
for (let Q = 1; Q <= k; Q++) {
|
|
6987
|
+
const K = new Date(T, w, Q), X = L(K), te = P(K), ye = H(K), de = Y(K), fe = V(K), ce = R(K), ae = Qt(K, U), be = ["mini-calendar__day"];
|
|
6988
|
+
fe ? (be.push("mini-calendar__day--disabled"), ye ? be.push("mini-calendar__day--disabled-end") : X && be.push("mini-calendar__day--disabled-in-range"), ce && be.push("mini-calendar__day--market")) : (de ? be.push("mini-calendar__day--single") : te ? be.push("mini-calendar__day--start") : ye ? be.push("mini-calendar__day--end") : X && be.push("mini-calendar__day--in-range"), (de || te || ye || X) && (u === "secondary" ? be.push("mini-calendar__day--secondary") : u === "tertiary" && be.push("mini-calendar__day--tertiary")), ae && !te && !ye && !de && be.push("mini-calendar__day--today"), ce && be.push("mini-calendar__day--market"));
|
|
6988
6989
|
const ke = /* @__PURE__ */ e(
|
|
6989
6990
|
se,
|
|
6990
6991
|
{
|
|
6991
6992
|
component: "button",
|
|
6992
|
-
onClick:
|
|
6993
|
-
onMouseEnter:
|
|
6994
|
-
className:
|
|
6993
|
+
onClick: fe ? void 0 : () => M(Q),
|
|
6994
|
+
onMouseEnter: fe ? void 0 : () => W(Q),
|
|
6995
|
+
className: be.join(" "),
|
|
6995
6996
|
sx: {
|
|
6996
6997
|
border: "none",
|
|
6997
6998
|
fontFamily: "inherit"
|
|
6998
6999
|
},
|
|
6999
|
-
children:
|
|
7000
|
+
children: Q
|
|
7000
7001
|
}
|
|
7001
7002
|
);
|
|
7002
|
-
if (
|
|
7003
|
+
if (ce && !fe) {
|
|
7003
7004
|
const Se = A(K);
|
|
7004
7005
|
z.push(
|
|
7005
7006
|
/* @__PURE__ */ e(
|
|
7006
|
-
|
|
7007
|
+
pt,
|
|
7007
7008
|
{
|
|
7008
7009
|
title: Se,
|
|
7009
7010
|
placement: "top",
|
|
@@ -7015,12 +7016,12 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
7015
7016
|
},
|
|
7016
7017
|
children: ke
|
|
7017
7018
|
},
|
|
7018
|
-
|
|
7019
|
+
Q
|
|
7019
7020
|
)
|
|
7020
7021
|
);
|
|
7021
7022
|
} else
|
|
7022
7023
|
z.push(
|
|
7023
|
-
/* @__PURE__ */ e(q.Fragment, { children: ke },
|
|
7024
|
+
/* @__PURE__ */ e(q.Fragment, { children: ke }, Q)
|
|
7024
7025
|
);
|
|
7025
7026
|
}
|
|
7026
7027
|
return z;
|
|
@@ -7040,7 +7041,7 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
7040
7041
|
},
|
|
7041
7042
|
children: [
|
|
7042
7043
|
/* @__PURE__ */ d(se, { className: "mini-calendar__header", children: [
|
|
7043
|
-
/* @__PURE__ */ e(
|
|
7044
|
+
/* @__PURE__ */ e(Xe, { onClick: E, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(Vo, { fontSize: "small" }) }),
|
|
7044
7045
|
c ? /* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
|
|
7045
7046
|
/* @__PURE__ */ e(
|
|
7046
7047
|
xa,
|
|
@@ -7094,8 +7095,8 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
7094
7095
|
children: Fd((/* @__PURE__ */ new Date()).getFullYear()).map((z) => /* @__PURE__ */ e(Gt, { value: z, sx: { fontSize: 13 }, children: z }, z))
|
|
7095
7096
|
}
|
|
7096
7097
|
)
|
|
7097
|
-
] }) : /* @__PURE__ */ e(
|
|
7098
|
-
/* @__PURE__ */ e(
|
|
7098
|
+
] }) : /* @__PURE__ */ e(Te, { variant: "body2", fontWeight: 500, children: g }),
|
|
7099
|
+
/* @__PURE__ */ e(Xe, { onClick: x, size: "small", sx: { p: 0.5 }, children: /* @__PURE__ */ e(jo, { fontSize: "small" }) })
|
|
7099
7100
|
] }),
|
|
7100
7101
|
/* @__PURE__ */ e(se, { className: "mini-calendar__grid", children: zd.map((z, U) => /* @__PURE__ */ e(
|
|
7101
7102
|
se,
|
|
@@ -7109,9 +7110,9 @@ const zd = ["S", "M", "T", "W", "T", "F", "S"], La = {
|
|
|
7109
7110
|
(o || y) && /* @__PURE__ */ d(se, { className: "mini-calendar__legend", children: [
|
|
7110
7111
|
o && /* @__PURE__ */ d(se, { className: "mini-calendar__legend-item", children: [
|
|
7111
7112
|
/* @__PURE__ */ e(se, { className: "mini-calendar__legend-dot mini-calendar__legend-dot--market" }),
|
|
7112
|
-
/* @__PURE__ */ e(
|
|
7113
|
+
/* @__PURE__ */ e(Te, { variant: "caption", color: "text.secondary", children: "Market event" })
|
|
7113
7114
|
] }),
|
|
7114
|
-
y && /* @__PURE__ */ e(
|
|
7115
|
+
y && /* @__PURE__ */ e(Te, { variant: "caption", color: "primary", children: "Select end date" })
|
|
7115
7116
|
] })
|
|
7116
7117
|
]
|
|
7117
7118
|
}
|
|
@@ -7168,7 +7169,7 @@ const Ot = ({
|
|
|
7168
7169
|
/* @__PURE__ */ d(se, { sx: { flex: 1, minWidth: 0 }, children: [
|
|
7169
7170
|
/* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
|
|
7170
7171
|
/* @__PURE__ */ e(
|
|
7171
|
-
|
|
7172
|
+
Te,
|
|
7172
7173
|
{
|
|
7173
7174
|
variant: "body2",
|
|
7174
7175
|
noWrap: !0,
|
|
@@ -7197,7 +7198,7 @@ const Ot = ({
|
|
|
7197
7198
|
)
|
|
7198
7199
|
] }),
|
|
7199
7200
|
/* @__PURE__ */ d(
|
|
7200
|
-
|
|
7201
|
+
Te,
|
|
7201
7202
|
{
|
|
7202
7203
|
variant: "caption",
|
|
7203
7204
|
color: "text.secondary",
|
|
@@ -7213,7 +7214,7 @@ const Ot = ({
|
|
|
7213
7214
|
] }),
|
|
7214
7215
|
t && /* @__PURE__ */ e(Dt, { fontSize: "small", sx: { color: "success.main", flexShrink: 0 } }),
|
|
7215
7216
|
s && /* @__PURE__ */ e(
|
|
7216
|
-
|
|
7217
|
+
Xe,
|
|
7217
7218
|
{
|
|
7218
7219
|
className: "market-edit-button",
|
|
7219
7220
|
size: "small",
|
|
@@ -7263,21 +7264,21 @@ const Od = {
|
|
|
7263
7264
|
const h = ee(() => ({
|
|
7264
7265
|
...Od,
|
|
7265
7266
|
...u
|
|
7266
|
-
}), [u]), C = ie(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = ie(null), [R, A] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, Y] = O(null), [V, M] = O(null), [W, j] = O(null), [G, z] = O(null), [U,
|
|
7267
|
-
|
|
7268
|
-
}, [v]), [te,
|
|
7269
|
-
const $ = m || er, F = f || [],
|
|
7267
|
+
}), [u]), C = ie(null), [T, w] = O(null), [k, I] = O("calendar"), [g, E] = O(null), [x, D] = O(null), N = ie(null), [R, A] = O(() => h.lastPreset || "mtd"), [L, P] = O(null), [H, Y] = O(null), [V, M] = O(null), [W, j] = O(null), [G, z] = O(null), [U, Q] = O(() => a ? _ ?? h.compareEnabled ?? !1 : !1), K = _ ?? U, X = S(($) => {
|
|
7268
|
+
Q($), v?.($);
|
|
7269
|
+
}, [v]), [te, ye] = O("A"), [de, fe] = O(() => h.lastPresetB ?? null), [ce, ae] = O(null), [be, ke] = O(null), [Se, De] = O(null), [Ye, Ee] = O(null), [me, xe] = O(null), [Ve, Le] = O(null), [ne, pe] = O(null), [He, $e] = O(null), [Ce, Re] = O(null), [ft, Ue] = O(null), [yt, Pe] = O(null), [we, vt] = O(1), [ra, lt] = O(!1), [Gn, Vn] = O(void 0), Be = V !== null ? V : R, Tt = V !== null ? W : L, ct = V !== null ? G : H, st = Se !== null ? Se : de, Et = Se !== null ? Ye : ce, Mt = Se !== null ? me : be, ot = Ce !== null ? Ce : Ve, Pt = Ce !== null ? ft : ne, Bt = Ce !== null ? yt : He, aa = V !== null && (V !== R || W !== L || G !== H), [ge, hr] = O(() => {
|
|
7270
|
+
const $ = m || er, F = f || [], J = new Set(F.map((ue) => ue.id)), re = $.filter((ue) => !J.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), oe = F.map((ue) => ({
|
|
7270
7271
|
...ue,
|
|
7271
7272
|
active: xt(ue)
|
|
7272
7273
|
}));
|
|
7273
|
-
return [...
|
|
7274
|
+
return [...re, ...oe].sort((ue, ze) => ue.startDate.getTime() - ze.startDate.getTime());
|
|
7274
7275
|
});
|
|
7275
7276
|
le(() => {
|
|
7276
|
-
const $ = m || er, F = f || [],
|
|
7277
|
+
const $ = m || er, F = f || [], J = new Set(F.map((ue) => ue.id)), re = $.filter((ue) => !J.has(ue.id)).map((ue) => ({ ...ue, active: xt(ue) })), oe = F.map((ue) => ({
|
|
7277
7278
|
...ue,
|
|
7278
7279
|
active: xt(ue)
|
|
7279
7280
|
}));
|
|
7280
|
-
hr([...
|
|
7281
|
+
hr([...re, ...oe].sort((ue, ze) => ue.startDate.getTime() - ze.startDate.getTime()));
|
|
7281
7282
|
}, [m, f]);
|
|
7282
7283
|
const [Rt, jn] = O(!1), [Fe, At] = O({
|
|
7283
7284
|
label: "",
|
|
@@ -7287,26 +7288,26 @@ const Od = {
|
|
|
7287
7288
|
}), { pastAndCurrentEvents: br, futureEvents: yr } = ee(() => {
|
|
7288
7289
|
const $ = /* @__PURE__ */ new Date();
|
|
7289
7290
|
$.setHours(0, 0, 0, 0);
|
|
7290
|
-
const F = [],
|
|
7291
|
-
return
|
|
7292
|
-
|
|
7293
|
-
}), { pastAndCurrentEvents: F, futureEvents:
|
|
7294
|
-
}, [
|
|
7295
|
-
const $ = m || er, F = new Set($.map((
|
|
7291
|
+
const F = [], J = [];
|
|
7292
|
+
return ge.forEach((re) => {
|
|
7293
|
+
re.startDate > $ ? J.push(re) : F.push(re);
|
|
7294
|
+
}), { pastAndCurrentEvents: F, futureEvents: J };
|
|
7295
|
+
}, [ge]), { defaultMarketEvents: na, customRanges: sa, futureDefaultEvents: qt, futureCustomRanges: oa } = ee(() => {
|
|
7296
|
+
const $ = m || er, F = new Set($.map((J) => J.id));
|
|
7296
7297
|
return {
|
|
7297
|
-
defaultMarketEvents: br.filter((
|
|
7298
|
-
customRanges: br.filter((
|
|
7299
|
-
futureDefaultEvents: yr.filter((
|
|
7300
|
-
futureCustomRanges: yr.filter((
|
|
7298
|
+
defaultMarketEvents: br.filter((J) => !J.isCustom && F.has(J.id)),
|
|
7299
|
+
customRanges: br.filter((J) => J.isCustom || !F.has(J.id)),
|
|
7300
|
+
futureDefaultEvents: yr.filter((J) => !J.isCustom && F.has(J.id)),
|
|
7301
|
+
futureCustomRanges: yr.filter((J) => J.isCustom || !F.has(J.id))
|
|
7301
7302
|
};
|
|
7302
|
-
}, [br, yr, m]),
|
|
7303
|
+
}, [br, yr, m]), dt = o || !!T;
|
|
7303
7304
|
le(() => {
|
|
7304
7305
|
o && V === null && (M(R), j(L), z(H));
|
|
7305
7306
|
}, [o, V, R, L, H]);
|
|
7306
|
-
const
|
|
7307
|
-
() =>
|
|
7308
|
-
[
|
|
7309
|
-
),
|
|
7307
|
+
const We = ee(
|
|
7308
|
+
() => ge.find(($) => $.active),
|
|
7309
|
+
[ge]
|
|
7310
|
+
), et = ee(() => r ? !Array.isArray(r) && "rangeA" in r ? {
|
|
7310
7311
|
start: r.rangeA[0],
|
|
7311
7312
|
end: r.rangeA[1],
|
|
7312
7313
|
rangeB: r.rangeB ? { start: r.rangeB[0], end: r.rangeB[1] } : null
|
|
@@ -7318,68 +7319,68 @@ const Od = {
|
|
|
7318
7319
|
le(() => {
|
|
7319
7320
|
r && !Array.isArray(r) && "rangeA" in r && r.rangeB && X(!0);
|
|
7320
7321
|
}, [r, X]), le(() => {
|
|
7321
|
-
if (!
|
|
7322
|
-
const $ = /* @__PURE__ */ new Date(), F = new Date(
|
|
7322
|
+
if (!et.start || !et.end) return;
|
|
7323
|
+
const $ = /* @__PURE__ */ new Date(), F = new Date(et.start);
|
|
7323
7324
|
F.setHours(0, 0, 0, 0);
|
|
7324
|
-
const
|
|
7325
|
-
|
|
7326
|
-
let
|
|
7325
|
+
const J = new Date(et.end);
|
|
7326
|
+
J.setHours(0, 0, 0, 0);
|
|
7327
|
+
let re = null;
|
|
7327
7328
|
if (h.lastPreset) {
|
|
7328
7329
|
const oe = je(h.lastPreset, $), ue = new Date(oe.start);
|
|
7329
7330
|
ue.setHours(0, 0, 0, 0);
|
|
7330
7331
|
const ze = new Date(oe.end);
|
|
7331
|
-
ze.setHours(0, 0, 0, 0), F.getTime() === ue.getTime() &&
|
|
7332
|
+
ze.setHours(0, 0, 0, 0), F.getTime() === ue.getTime() && J.getTime() === ze.getTime() && (re = h.lastPreset);
|
|
7332
7333
|
}
|
|
7333
|
-
if (!
|
|
7334
|
-
const oe = tr(
|
|
7335
|
-
|
|
7334
|
+
if (!re) {
|
|
7335
|
+
const oe = tr(et.start, et.end, $, ge);
|
|
7336
|
+
re = oe ? oe.id : null;
|
|
7336
7337
|
}
|
|
7337
|
-
|
|
7338
|
-
}, [
|
|
7338
|
+
re ? (A(re), P(null), Y(null)) : (A("custom"), P(et.start), Y(et.end)), M(null), j(null), z(null);
|
|
7339
|
+
}, [et.start?.getTime(), et.end?.getTime(), ge, h.lastPreset]);
|
|
7339
7340
|
const Kn = ee(() => {
|
|
7340
7341
|
let $, F;
|
|
7341
7342
|
if (R === "custom" && L && H)
|
|
7342
7343
|
$ = L, F = H;
|
|
7343
7344
|
else {
|
|
7344
|
-
const
|
|
7345
|
-
if (
|
|
7346
|
-
$ =
|
|
7345
|
+
const re = ge.find((oe) => oe.id === R);
|
|
7346
|
+
if (re)
|
|
7347
|
+
$ = re.startDate, F = re.endDate;
|
|
7347
7348
|
else {
|
|
7348
7349
|
const oe = je(R);
|
|
7349
7350
|
$ = oe.start, F = oe.end;
|
|
7350
7351
|
}
|
|
7351
7352
|
}
|
|
7352
|
-
return $t($, F, /* @__PURE__ */ new Date(),
|
|
7353
|
-
}, [R, L, H,
|
|
7354
|
-
if (!K || !
|
|
7353
|
+
return $t($, F, /* @__PURE__ */ new Date(), ge).display;
|
|
7354
|
+
}, [R, L, H, ge]), Yn = ee(() => {
|
|
7355
|
+
if (!K || !de) return null;
|
|
7355
7356
|
let $, F;
|
|
7356
|
-
if (
|
|
7357
|
-
$ =
|
|
7357
|
+
if (de === "custom" && ce && be)
|
|
7358
|
+
$ = ce, F = be;
|
|
7358
7359
|
else {
|
|
7359
|
-
const
|
|
7360
|
-
if (
|
|
7361
|
-
$ =
|
|
7360
|
+
const re = ge.find((oe) => oe.id === de);
|
|
7361
|
+
if (re)
|
|
7362
|
+
$ = re.startDate, F = re.endDate;
|
|
7362
7363
|
else {
|
|
7363
|
-
const oe = je(
|
|
7364
|
+
const oe = je(de);
|
|
7364
7365
|
$ = oe.start, F = oe.end;
|
|
7365
7366
|
}
|
|
7366
7367
|
}
|
|
7367
|
-
return $t($, F, /* @__PURE__ */ new Date(),
|
|
7368
|
-
}, [K,
|
|
7369
|
-
const $ = ["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"], F =
|
|
7368
|
+
return $t($, F, /* @__PURE__ */ new Date(), ge).display;
|
|
7369
|
+
}, [K, de, ce, be, ge]), ia = ee(() => {
|
|
7370
|
+
const $ = ["7d", "30d", "60d", "90d", "mtd", "qtd", "ytd", "lytd"], F = ge.find((J) => J.id === R);
|
|
7370
7371
|
if (F)
|
|
7371
|
-
return
|
|
7372
|
+
return ut(F.startDate, F.endDate, /* @__PURE__ */ new Date());
|
|
7372
7373
|
if ($.includes(R)) {
|
|
7373
|
-
const { start:
|
|
7374
|
-
return
|
|
7374
|
+
const { start: J, end: re } = je(R);
|
|
7375
|
+
return ut(J, re, /* @__PURE__ */ new Date());
|
|
7375
7376
|
}
|
|
7376
7377
|
return "";
|
|
7377
|
-
}, [R,
|
|
7378
|
+
}, [R, ge]), la = ee(() => {
|
|
7378
7379
|
let $, F;
|
|
7379
|
-
if (Be === "custom" && Tt &&
|
|
7380
|
-
$ = Tt, F =
|
|
7380
|
+
if (Be === "custom" && Tt && ct)
|
|
7381
|
+
$ = Tt, F = ct;
|
|
7381
7382
|
else {
|
|
7382
|
-
const oe =
|
|
7383
|
+
const oe = ge.find((ue) => ue.id === Be);
|
|
7383
7384
|
if (oe)
|
|
7384
7385
|
$ = oe.startDate, F = oe.endDate;
|
|
7385
7386
|
else {
|
|
@@ -7387,148 +7388,148 @@ const Od = {
|
|
|
7387
7388
|
$ = ue.start, F = ue.end;
|
|
7388
7389
|
}
|
|
7389
7390
|
}
|
|
7390
|
-
const
|
|
7391
|
-
return
|
|
7392
|
-
}, [Be, Tt,
|
|
7391
|
+
const J = $t($, F, /* @__PURE__ */ new Date(), ge), re = ut($, F, /* @__PURE__ */ new Date());
|
|
7392
|
+
return J.preset ? `${J.preset.label} (${re})` : re;
|
|
7393
|
+
}, [Be, Tt, ct, ge]);
|
|
7393
7394
|
ee(() => {
|
|
7394
|
-
if (!K || !
|
|
7395
|
+
if (!K || !st) return null;
|
|
7395
7396
|
let $, F;
|
|
7396
|
-
if (
|
|
7397
|
+
if (st === "custom" && Et && Mt)
|
|
7397
7398
|
$ = Et, F = Mt;
|
|
7398
7399
|
else {
|
|
7399
|
-
const oe =
|
|
7400
|
+
const oe = ge.find((ue) => ue.id === st);
|
|
7400
7401
|
if (oe)
|
|
7401
7402
|
$ = oe.startDate, F = oe.endDate;
|
|
7402
7403
|
else {
|
|
7403
|
-
const ue = je(
|
|
7404
|
+
const ue = je(st);
|
|
7404
7405
|
$ = ue.start, F = ue.end;
|
|
7405
7406
|
}
|
|
7406
7407
|
}
|
|
7407
|
-
const
|
|
7408
|
-
return
|
|
7409
|
-
}, [K,
|
|
7410
|
-
if (!K ||
|
|
7408
|
+
const J = $t($, F, /* @__PURE__ */ new Date(), ge), re = ut($, F, /* @__PURE__ */ new Date());
|
|
7409
|
+
return J.preset ? `${J.preset.label} (${re})` : re;
|
|
7410
|
+
}, [K, st, Et, Mt, ge]), ee(() => {
|
|
7411
|
+
if (!K || we < 3 || !ot) return null;
|
|
7411
7412
|
let $, F;
|
|
7412
|
-
if (
|
|
7413
|
+
if (ot === "custom" && Pt && Bt)
|
|
7413
7414
|
$ = Pt, F = Bt;
|
|
7414
7415
|
else {
|
|
7415
|
-
const oe =
|
|
7416
|
+
const oe = ge.find((ue) => ue.id === ot);
|
|
7416
7417
|
if (oe)
|
|
7417
7418
|
$ = oe.startDate, F = oe.endDate;
|
|
7418
7419
|
else {
|
|
7419
|
-
const ue = je(
|
|
7420
|
+
const ue = je(ot);
|
|
7420
7421
|
$ = ue.start, F = ue.end;
|
|
7421
7422
|
}
|
|
7422
7423
|
}
|
|
7423
|
-
const
|
|
7424
|
-
return
|
|
7425
|
-
}, [K,
|
|
7424
|
+
const J = $t($, F, /* @__PURE__ */ new Date(), ge), re = ut($, F, /* @__PURE__ */ new Date());
|
|
7425
|
+
return J.preset ? `${J.preset.label} (${re})` : re;
|
|
7426
|
+
}, [K, we, ot, Pt, Bt, ge]);
|
|
7426
7427
|
const Un = S(($) => {
|
|
7427
|
-
M(R), j(L), z(H), K && (
|
|
7428
|
-
}, [R, L, H, K,
|
|
7429
|
-
const
|
|
7430
|
-
|
|
7431
|
-
}, [t]), Zt = S(($, F,
|
|
7432
|
-
if ($ === "custom" && F &&
|
|
7433
|
-
return [F,
|
|
7434
|
-
const
|
|
7435
|
-
if (
|
|
7436
|
-
return [
|
|
7428
|
+
M(R), j(L), z(H), K && (De(de), Ee(ce), xe(be), we >= 3 && (Re(Ve), Ue(ne), Pe(He))), w($.currentTarget);
|
|
7429
|
+
}, [R, L, H, K, we, de, ce, be, Ve, ne, He]), ca = S(($, F, J) => {
|
|
7430
|
+
const re = [$, F];
|
|
7431
|
+
J && (re.shortcutId = rr(J)), t(re);
|
|
7432
|
+
}, [t]), Zt = S(($, F, J) => {
|
|
7433
|
+
if ($ === "custom" && F && J)
|
|
7434
|
+
return [F, J];
|
|
7435
|
+
const re = ge.find((ze) => ze.id === $);
|
|
7436
|
+
if (re)
|
|
7437
|
+
return [re.startDate, re.endDate];
|
|
7437
7438
|
const { start: oe, end: ue } = je($);
|
|
7438
7439
|
return [oe, ue];
|
|
7439
|
-
}, [
|
|
7440
|
+
}, [ge]), tt = S(($) => {
|
|
7440
7441
|
p && p({ ...h, ...$ });
|
|
7441
7442
|
}, [p, h]), Jt = S(() => {
|
|
7442
7443
|
if (V === null) return;
|
|
7443
7444
|
A(V), P(W), Y(G);
|
|
7444
7445
|
const $ = Zt(V, W, G);
|
|
7445
|
-
if (K &&
|
|
7446
|
-
|
|
7447
|
-
const F = Zt(Se, Ye, me),
|
|
7446
|
+
if (K && we >= 2 && Se !== null) {
|
|
7447
|
+
fe(Se), ae(Ye), ke(me);
|
|
7448
|
+
const F = Zt(Se, Ye, me), J = {
|
|
7448
7449
|
rangeA: $,
|
|
7449
7450
|
rangeB: F,
|
|
7450
7451
|
shortcutId: rr(V),
|
|
7451
7452
|
shortcutIdB: rr(Se)
|
|
7452
7453
|
};
|
|
7453
|
-
if (
|
|
7454
|
-
|
|
7455
|
-
const
|
|
7456
|
-
|
|
7454
|
+
if (we >= 3 && Ce !== null) {
|
|
7455
|
+
Le(Ce), pe(ft), $e(yt);
|
|
7456
|
+
const re = Zt(Ce, ft, yt);
|
|
7457
|
+
J.rangeC = re, J.shortcutIdC = rr(Ce), tt({
|
|
7457
7458
|
lastPreset: V,
|
|
7458
7459
|
compareEnabled: !0,
|
|
7459
|
-
rangeCount:
|
|
7460
|
+
rangeCount: we,
|
|
7460
7461
|
lastPresetB: Se,
|
|
7461
|
-
lastPresetC:
|
|
7462
|
+
lastPresetC: Ce
|
|
7462
7463
|
});
|
|
7463
7464
|
} else
|
|
7464
|
-
|
|
7465
|
+
tt({
|
|
7465
7466
|
lastPreset: V,
|
|
7466
7467
|
compareEnabled: !0,
|
|
7467
|
-
rangeCount:
|
|
7468
|
+
rangeCount: we,
|
|
7468
7469
|
lastPresetB: Se,
|
|
7469
7470
|
lastPresetC: null
|
|
7470
7471
|
});
|
|
7471
|
-
t(
|
|
7472
|
+
t(J);
|
|
7472
7473
|
} else
|
|
7473
|
-
|
|
7474
|
+
tt({
|
|
7474
7475
|
lastPreset: V,
|
|
7475
7476
|
compareEnabled: !1,
|
|
7476
7477
|
rangeCount: 1,
|
|
7477
7478
|
lastPresetB: null,
|
|
7478
7479
|
lastPresetC: null
|
|
7479
7480
|
}), ca($[0], $[1], V);
|
|
7480
|
-
}, [V, W, G, K,
|
|
7481
|
-
o || (aa && Jt(), M(null), j(null), z(null),
|
|
7481
|
+
}, [V, W, G, K, we, Se, Ye, me, Ce, ft, yt, Zt, t, ca, tt]), Xn = S(() => {
|
|
7482
|
+
o || (aa && Jt(), M(null), j(null), z(null), De(null), Ee(null), xe(null), Re(null), Ue(null), Pe(null), D(null), w(null));
|
|
7482
7483
|
}, [o, aa, Jt]), da = S(() => {
|
|
7483
|
-
o || (M(null), j(null), z(null),
|
|
7484
|
+
o || (M(null), j(null), z(null), De(null), Ee(null), xe(null), Re(null), Ue(null), Pe(null), D(null), w(null));
|
|
7484
7485
|
}, [o]), ua = S(() => {
|
|
7485
|
-
if (
|
|
7486
|
+
if (we >= 3) return;
|
|
7486
7487
|
const $ = V !== null ? V : R;
|
|
7487
|
-
|
|
7488
|
-
}, [
|
|
7489
|
-
$ === "C" ? (vt(2),
|
|
7488
|
+
we === 1 ? (X(!0), vt(2), De($), ye("B"), lt(!0)) : we === 2 && (vt(3), Re($), ye("C"));
|
|
7489
|
+
}, [we, V, R, X]), ma = S(($) => {
|
|
7490
|
+
$ === "C" ? (vt(2), Re(null), Ue(null), Pe(null), Le(null), pe(null), $e(null), te === "C" && ye("B")) : $ === "B" && we === 2 && (X(!1), vt(1), De(null), Ee(null), xe(null), fe(null), ae(null), ke(null), ye("A"), lt(!1), tt({
|
|
7490
7491
|
compareEnabled: !1,
|
|
7491
7492
|
rangeCount: 1,
|
|
7492
7493
|
lastPresetB: null,
|
|
7493
7494
|
lastPresetC: null
|
|
7494
7495
|
}));
|
|
7495
|
-
}, [
|
|
7496
|
-
X(!1), vt(1),
|
|
7496
|
+
}, [we, te, X, tt]), qn = S(() => {
|
|
7497
|
+
X(!1), vt(1), ye("A"), lt(!1), De(null), Ee(null), xe(null), fe(null), ae(null), ke(null), Re(null), Ue(null), Pe(null), Le(null), pe(null), $e(null), tt({
|
|
7497
7498
|
compareEnabled: !1,
|
|
7498
7499
|
rangeCount: 1,
|
|
7499
7500
|
lastPresetB: null,
|
|
7500
7501
|
lastPresetC: null
|
|
7501
7502
|
});
|
|
7502
|
-
}, [X,
|
|
7503
|
-
N.current && (clearTimeout(N.current), N.current = null), D(null), K && te === "C" ? (
|
|
7503
|
+
}, [X, tt]), vr = S(($) => {
|
|
7504
|
+
N.current && (clearTimeout(N.current), N.current = null), D(null), K && te === "C" ? (Re($), Ue(null), Pe(null)) : K && te === "B" ? (De($), Ee(null), xe(null)) : (M($), j(null), z(null));
|
|
7504
7505
|
}, [K, te]), zt = S(($) => {
|
|
7505
|
-
if (!
|
|
7506
|
-
const
|
|
7507
|
-
K && te === "C" ? (
|
|
7508
|
-
}, [
|
|
7506
|
+
if (!ge.find((re) => re.id === $)) return;
|
|
7507
|
+
const J = h.pinnedPreset || "mtd";
|
|
7508
|
+
K && te === "C" ? (Re((Ce !== null ? Ce : Ve) === $ ? J : $), Ue(null), Pe(null)) : K && te === "B" ? (De((Se !== null ? Se : de) === $ ? J : $), Ee(null), xe(null)) : (M((V !== null ? V : R) === $ ? J : $), j(null), z(null));
|
|
7509
|
+
}, [ge, K, te, h.pinnedPreset, V, R, Se, de, Ce, Ve]), Zn = S(($, F) => {
|
|
7509
7510
|
if (K && te === "C")
|
|
7510
7511
|
if (Ue($), F) {
|
|
7511
|
-
|
|
7512
|
-
const
|
|
7513
|
-
|
|
7512
|
+
Pe(F);
|
|
7513
|
+
const J = tr($, F, /* @__PURE__ */ new Date(), ge);
|
|
7514
|
+
J ? (Re(J.id), Ue(null), Pe(null)) : Re("custom");
|
|
7514
7515
|
} else
|
|
7515
|
-
|
|
7516
|
+
Re("custom"), Pe(null);
|
|
7516
7517
|
else if (K && te === "B")
|
|
7517
|
-
if (
|
|
7518
|
-
|
|
7519
|
-
const
|
|
7520
|
-
|
|
7518
|
+
if (Ee($), F) {
|
|
7519
|
+
xe(F);
|
|
7520
|
+
const J = tr($, F, /* @__PURE__ */ new Date(), ge);
|
|
7521
|
+
J ? (De(J.id), Ee(null), xe(null)) : De("custom");
|
|
7521
7522
|
} else
|
|
7522
|
-
|
|
7523
|
+
De("custom"), xe(null);
|
|
7523
7524
|
else if (j($), F) {
|
|
7524
7525
|
z(F);
|
|
7525
|
-
const
|
|
7526
|
-
|
|
7526
|
+
const J = tr($, F, /* @__PURE__ */ new Date(), ge);
|
|
7527
|
+
J ? (M(J.id), j(null), z(null)) : M("custom");
|
|
7527
7528
|
} else
|
|
7528
7529
|
M("custom"), z(null);
|
|
7529
|
-
}, [
|
|
7530
|
-
|
|
7531
|
-
}, [K, te,
|
|
7530
|
+
}, [ge, K, te]), pa = S(($) => {
|
|
7531
|
+
tt({ pinnedPreset: $ }), K && te === "C" ? (Re($), Ue(null), Pe(null)) : K && te === "B" ? (De($), Ee(null), xe(null)) : (M($), j(null), z(null));
|
|
7532
|
+
}, [K, te, tt]), fa = S(($, F) => {
|
|
7532
7533
|
N.current && (clearTimeout(N.current), N.current = null), F ? D($) : N.current = setTimeout(() => {
|
|
7533
7534
|
D(null);
|
|
7534
7535
|
}, 150);
|
|
@@ -7536,14 +7537,14 @@ const Od = {
|
|
|
7536
7537
|
Jt(), M(null), j(null), z(null), w(null);
|
|
7537
7538
|
}, [Jt]), Jn = S(() => {
|
|
7538
7539
|
let $;
|
|
7539
|
-
if (Be === "custom" &&
|
|
7540
|
-
$ =
|
|
7540
|
+
if (Be === "custom" && ct)
|
|
7541
|
+
$ = ct;
|
|
7541
7542
|
else {
|
|
7542
|
-
const F =
|
|
7543
|
+
const F = ge.find((J) => J.id === Be);
|
|
7543
7544
|
F ? $ = F.endDate : $ = je(Be).end;
|
|
7544
7545
|
}
|
|
7545
7546
|
I("calendar"), Vn(new Date($));
|
|
7546
|
-
}, [Be,
|
|
7547
|
+
}, [Be, ct, ge]);
|
|
7547
7548
|
le(() => {
|
|
7548
7549
|
g && At({
|
|
7549
7550
|
label: g.label || "",
|
|
@@ -7584,11 +7585,11 @@ const Od = {
|
|
|
7584
7585
|
g.isCustom && y?.(g.id);
|
|
7585
7586
|
const $ = m || er;
|
|
7586
7587
|
hr((F) => {
|
|
7587
|
-
const
|
|
7588
|
-
return
|
|
7588
|
+
const J = F.filter((oe) => oe.id !== g.id), re = $.find((oe) => oe.id === g.id);
|
|
7589
|
+
return re && !g.isCustom ? [...J, { ...re, active: xt(re) }].sort((oe, ue) => oe.startDate.getTime() - ue.startDate.getTime()) : J;
|
|
7589
7590
|
}), E(null);
|
|
7590
7591
|
}, [g, y, m]), gt = ($) => Be === $;
|
|
7591
|
-
Nr.some(($) => $.id === Be), Sr.some(($) => $.id === Be),
|
|
7592
|
+
Nr.some(($) => $.id === Be), Sr.some(($) => $.id === Be), ge.some(($) => $.id === Be);
|
|
7592
7593
|
const ha = ee(() => {
|
|
7593
7594
|
const $ = { small: 280, medium: 340, large: 400 };
|
|
7594
7595
|
return $[n] || $.medium;
|
|
@@ -7598,31 +7599,31 @@ const Od = {
|
|
|
7598
7599
|
if ($ === "today") return "Today";
|
|
7599
7600
|
const F = Nr.find((oe) => oe.id === $);
|
|
7600
7601
|
if (F) return F.label;
|
|
7601
|
-
const
|
|
7602
|
-
if (
|
|
7603
|
-
const
|
|
7604
|
-
return
|
|
7605
|
-
}, [
|
|
7606
|
-
let
|
|
7607
|
-
if ($ === "custom" && F &&
|
|
7608
|
-
|
|
7602
|
+
const J = Sr.find((oe) => oe.id === $);
|
|
7603
|
+
if (J) return J.label;
|
|
7604
|
+
const re = ge.find((oe) => oe.id === $);
|
|
7605
|
+
return re ? re.label : $;
|
|
7606
|
+
}, [ge]), _r = S(($, F, J) => {
|
|
7607
|
+
let re, oe;
|
|
7608
|
+
if ($ === "custom" && F && J)
|
|
7609
|
+
re = F, oe = J;
|
|
7609
7610
|
else {
|
|
7610
|
-
const ue =
|
|
7611
|
+
const ue = ge.find((ze) => ze.id === $);
|
|
7611
7612
|
if (ue)
|
|
7612
|
-
|
|
7613
|
+
re = ue.startDate, oe = ue.endDate;
|
|
7613
7614
|
else {
|
|
7614
7615
|
const ze = je($ || "mtd");
|
|
7615
|
-
|
|
7616
|
+
re = ze.start, oe = ze.end;
|
|
7616
7617
|
}
|
|
7617
7618
|
}
|
|
7618
|
-
return
|
|
7619
|
-
}, [
|
|
7620
|
-
|
|
7619
|
+
return ut(re, oe, /* @__PURE__ */ new Date());
|
|
7620
|
+
}, [ge]), rs = S(() => {
|
|
7621
|
+
lt(($) => !$);
|
|
7621
7622
|
}, []), as = S(() => {
|
|
7622
7623
|
const $ = V !== null ? V : R;
|
|
7623
|
-
X(!0), vt(2),
|
|
7624
|
-
}, [V, R, X]), xr = S(({ label: $, isActive: F, presetName:
|
|
7625
|
-
const ya = !
|
|
7624
|
+
X(!0), vt(2), De($), ye("B"), lt(!0);
|
|
7625
|
+
}, [V, R, X]), xr = S(({ label: $, isActive: F, presetName: J, dateRange: re, color: oe, onSelect: ue, onRemove: ze }) => {
|
|
7626
|
+
const ya = !J || J === "Select...";
|
|
7626
7627
|
return /* @__PURE__ */ d(
|
|
7627
7628
|
se,
|
|
7628
7629
|
{
|
|
@@ -7632,16 +7633,16 @@ const Od = {
|
|
|
7632
7633
|
/* @__PURE__ */ e(se, { className: "range-card__color-bar" }),
|
|
7633
7634
|
/* @__PURE__ */ d(se, { className: "range-card__content", children: [
|
|
7634
7635
|
/* @__PURE__ */ d(se, { className: "range-card__header", children: [
|
|
7635
|
-
/* @__PURE__ */ e(
|
|
7636
|
+
/* @__PURE__ */ e(Te, { className: "range-card__label", children: $ }),
|
|
7636
7637
|
/* @__PURE__ */ e(se, { className: `range-card__indicator ${F ? "range-card__indicator--active" : ""}` })
|
|
7637
7638
|
] }),
|
|
7638
|
-
ya ? /* @__PURE__ */ e(
|
|
7639
|
-
/* @__PURE__ */ e(
|
|
7640
|
-
/* @__PURE__ */ e(
|
|
7639
|
+
ya ? /* @__PURE__ */ e(Te, { className: "range-card__preset", sx: { color: "#9ca3af", fontStyle: "italic" }, children: "Select a date range" }) : /* @__PURE__ */ d(Ge, { children: [
|
|
7640
|
+
/* @__PURE__ */ e(Te, { className: "range-card__preset", children: J }),
|
|
7641
|
+
/* @__PURE__ */ e(Te, { className: "range-card__dates", children: re })
|
|
7641
7642
|
] })
|
|
7642
7643
|
] }),
|
|
7643
7644
|
ze && /* @__PURE__ */ e(
|
|
7644
|
-
|
|
7645
|
+
Xe,
|
|
7645
7646
|
{
|
|
7646
7647
|
className: "range-card__remove",
|
|
7647
7648
|
size: "small",
|
|
@@ -7656,21 +7657,21 @@ const Od = {
|
|
|
7656
7657
|
}
|
|
7657
7658
|
);
|
|
7658
7659
|
}, []), ba = /* @__PURE__ */ e(se, { sx: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ e(
|
|
7659
|
-
|
|
7660
|
+
rt,
|
|
7660
7661
|
{
|
|
7661
7662
|
ref: C,
|
|
7662
7663
|
onClick: Un,
|
|
7663
7664
|
variant: "text",
|
|
7664
7665
|
size: "small",
|
|
7665
|
-
startIcon: /* @__PURE__ */ e(Na, { sx: { fontSize: 14, color:
|
|
7666
|
+
startIcon: /* @__PURE__ */ e(Na, { sx: { fontSize: 14, color: dt ? "white" : "rgba(79, 70, 229, 1)" } }),
|
|
7666
7667
|
endIcon: /* @__PURE__ */ e(
|
|
7667
7668
|
lr,
|
|
7668
7669
|
{
|
|
7669
7670
|
sx: {
|
|
7670
7671
|
fontSize: 16,
|
|
7671
|
-
transform:
|
|
7672
|
+
transform: dt ? "rotate(180deg)" : "none",
|
|
7672
7673
|
transition: "transform 200ms",
|
|
7673
|
-
color:
|
|
7674
|
+
color: dt ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.4)"
|
|
7674
7675
|
}
|
|
7675
7676
|
}
|
|
7676
7677
|
),
|
|
@@ -7683,14 +7684,14 @@ const Od = {
|
|
|
7683
7684
|
px: 1.5,
|
|
7684
7685
|
minWidth: "auto",
|
|
7685
7686
|
borderRadius: "5px",
|
|
7686
|
-
color:
|
|
7687
|
-
bgcolor:
|
|
7687
|
+
color: dt ? "white" : "#1a1d23",
|
|
7688
|
+
bgcolor: dt ? "rgba(79, 70, 229, 1)" : "transparent",
|
|
7688
7689
|
border: "none",
|
|
7689
7690
|
"&:hover": {
|
|
7690
|
-
bgcolor:
|
|
7691
|
+
bgcolor: dt ? "rgba(79, 70, 229, 0.9)" : "rgba(0, 0, 0, 0.04)",
|
|
7691
7692
|
border: "none"
|
|
7692
7693
|
},
|
|
7693
|
-
...K && !
|
|
7694
|
+
...K && !dt ? {
|
|
7694
7695
|
color: "secondary.main"
|
|
7695
7696
|
} : {}
|
|
7696
7697
|
},
|
|
@@ -7702,7 +7703,7 @@ const Od = {
|
|
|
7702
7703
|
) });
|
|
7703
7704
|
return /* @__PURE__ */ d(se, { className: "hybrid-date-picker", sx: l, children: [
|
|
7704
7705
|
ia ? /* @__PURE__ */ e(
|
|
7705
|
-
|
|
7706
|
+
pt,
|
|
7706
7707
|
{
|
|
7707
7708
|
title: ia,
|
|
7708
7709
|
placement: "top-start",
|
|
@@ -7715,7 +7716,7 @@ const Od = {
|
|
|
7715
7716
|
}
|
|
7716
7717
|
) : ba,
|
|
7717
7718
|
(() => {
|
|
7718
|
-
const $ = /* @__PURE__ */ d(
|
|
7719
|
+
const $ = /* @__PURE__ */ d(Ge, { children: [
|
|
7719
7720
|
s && /* @__PURE__ */ d(
|
|
7720
7721
|
se,
|
|
7721
7722
|
{
|
|
@@ -7729,9 +7730,9 @@ const Od = {
|
|
|
7729
7730
|
borderColor: "divider"
|
|
7730
7731
|
},
|
|
7731
7732
|
children: [
|
|
7732
|
-
/* @__PURE__ */ e(
|
|
7733
|
+
/* @__PURE__ */ e(Te, { variant: "subtitle2", fontWeight: 600, color: "text.primary", children: i }),
|
|
7733
7734
|
/* @__PURE__ */ e(
|
|
7734
|
-
|
|
7735
|
+
Xe,
|
|
7735
7736
|
{
|
|
7736
7737
|
size: "small",
|
|
7737
7738
|
onClick: da,
|
|
@@ -7743,11 +7744,11 @@ const Od = {
|
|
|
7743
7744
|
]
|
|
7744
7745
|
}
|
|
7745
7746
|
),
|
|
7746
|
-
|
|
7747
|
+
We && /* @__PURE__ */ e(se, { className: "hybrid-date-picker__active-banner", children: /* @__PURE__ */ d(
|
|
7747
7748
|
se,
|
|
7748
7749
|
{
|
|
7749
|
-
className: `hybrid-date-picker__active-banner-content ${gt(
|
|
7750
|
-
onClick: () => zt(
|
|
7750
|
+
className: `hybrid-date-picker__active-banner-content ${gt(We.id) ? "hybrid-date-picker__active-banner-content--selected" : ""}`,
|
|
7751
|
+
onClick: () => zt(We.id),
|
|
7751
7752
|
sx: {
|
|
7752
7753
|
"&:hover .active-market-edit-button": {
|
|
7753
7754
|
opacity: 1
|
|
@@ -7758,7 +7759,7 @@ const Od = {
|
|
|
7758
7759
|
/* @__PURE__ */ e(Br, { fontSize: "small", sx: { color: "success.main" } }),
|
|
7759
7760
|
/* @__PURE__ */ d(se, { children: [
|
|
7760
7761
|
/* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
|
|
7761
|
-
/* @__PURE__ */ e(
|
|
7762
|
+
/* @__PURE__ */ e(Te, { variant: "body2", fontWeight: 500, children: We.label }),
|
|
7762
7763
|
/* @__PURE__ */ e(
|
|
7763
7764
|
Wt,
|
|
7764
7765
|
{
|
|
@@ -7774,22 +7775,22 @@ const Od = {
|
|
|
7774
7775
|
}
|
|
7775
7776
|
)
|
|
7776
7777
|
] }),
|
|
7777
|
-
/* @__PURE__ */ d(
|
|
7778
|
-
|
|
7778
|
+
/* @__PURE__ */ d(Te, { variant: "caption", color: "text.secondary", children: [
|
|
7779
|
+
ut(We.startDate, We.endDate),
|
|
7779
7780
|
" · ",
|
|
7780
|
-
|
|
7781
|
+
We.location
|
|
7781
7782
|
] })
|
|
7782
7783
|
] })
|
|
7783
7784
|
] }),
|
|
7784
7785
|
/* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
|
|
7785
|
-
gt(
|
|
7786
|
+
gt(We.id) && /* @__PURE__ */ e(Dt, { fontSize: "small", sx: { color: "success.main" } }),
|
|
7786
7787
|
/* @__PURE__ */ e(
|
|
7787
|
-
|
|
7788
|
+
Xe,
|
|
7788
7789
|
{
|
|
7789
7790
|
className: "active-market-edit-button",
|
|
7790
7791
|
size: "small",
|
|
7791
7792
|
onClick: (F) => {
|
|
7792
|
-
F.stopPropagation(), E(
|
|
7793
|
+
F.stopPropagation(), E(We);
|
|
7793
7794
|
},
|
|
7794
7795
|
sx: {
|
|
7795
7796
|
p: 0.5,
|
|
@@ -7848,8 +7849,8 @@ const Od = {
|
|
|
7848
7849
|
}
|
|
7849
7850
|
),
|
|
7850
7851
|
/* @__PURE__ */ e(bo, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5 } }),
|
|
7851
|
-
/* @__PURE__ */ e(
|
|
7852
|
-
|
|
7852
|
+
/* @__PURE__ */ e(pt, { title: "Calendar view", arrow: !0, children: /* @__PURE__ */ e(
|
|
7853
|
+
Xe,
|
|
7853
7854
|
{
|
|
7854
7855
|
size: "small",
|
|
7855
7856
|
onClick: () => I("calendar"),
|
|
@@ -7858,8 +7859,8 @@ const Od = {
|
|
|
7858
7859
|
children: /* @__PURE__ */ e(Na, { sx: { fontSize: 16 } })
|
|
7859
7860
|
}
|
|
7860
7861
|
) }),
|
|
7861
|
-
/* @__PURE__ */ e(
|
|
7862
|
-
|
|
7862
|
+
/* @__PURE__ */ e(pt, { title: "Events", arrow: !0, children: /* @__PURE__ */ d(
|
|
7863
|
+
Xe,
|
|
7863
7864
|
{
|
|
7864
7865
|
size: "small",
|
|
7865
7866
|
onClick: () => I("markets"),
|
|
@@ -7870,7 +7871,7 @@ const Od = {
|
|
|
7870
7871
|
},
|
|
7871
7872
|
children: [
|
|
7872
7873
|
/* @__PURE__ */ e(Br, { sx: { fontSize: 16 } }),
|
|
7873
|
-
|
|
7874
|
+
We && /* @__PURE__ */ e(
|
|
7874
7875
|
se,
|
|
7875
7876
|
{
|
|
7876
7877
|
sx: {
|
|
@@ -7891,14 +7892,14 @@ const Od = {
|
|
|
7891
7892
|
] }),
|
|
7892
7893
|
/* @__PURE__ */ d(se, { className: "hybrid-date-picker__content", children: [
|
|
7893
7894
|
k === "calendar" && (() => {
|
|
7894
|
-
const F = K && te === "C" ?
|
|
7895
|
+
const F = K && te === "C" ? ot : K && te === "B" ? st : Be, J = K && te === "C" ? Pt : K && te === "B" ? Et : Tt, re = K && te === "C" ? Bt : K && te === "B" ? Mt : ct;
|
|
7895
7896
|
return /* @__PURE__ */ e(
|
|
7896
7897
|
Mn,
|
|
7897
7898
|
{
|
|
7898
|
-
selectedStart: F === "custom" &&
|
|
7899
|
-
selectedEnd: F === "custom" ?
|
|
7899
|
+
selectedStart: F === "custom" && J ? J : ge.find((oe) => oe.id === F)?.startDate ?? je(F || "mtd").start,
|
|
7900
|
+
selectedEnd: F === "custom" ? re : ge.find((oe) => oe.id === F)?.endDate ?? je(F || "mtd").end,
|
|
7900
7901
|
onSelect: Zn,
|
|
7901
|
-
marketDates:
|
|
7902
|
+
marketDates: ge,
|
|
7902
7903
|
size: n,
|
|
7903
7904
|
focusDate: Gn,
|
|
7904
7905
|
rangeColor: K && te === "B" ? "secondary" : K && te === "C" ? "tertiary" : "primary"
|
|
@@ -7906,8 +7907,8 @@ const Od = {
|
|
|
7906
7907
|
);
|
|
7907
7908
|
})(),
|
|
7908
7909
|
k === "markets" && /* @__PURE__ */ d(se, { className: "hybrid-date-picker__markets-list", children: [
|
|
7909
|
-
/* @__PURE__ */ e(
|
|
7910
|
-
na.filter((F) => !
|
|
7910
|
+
/* @__PURE__ */ e(Te, { className: "hybrid-date-picker__events-section-header", children: "Market Events" }),
|
|
7911
|
+
na.filter((F) => !We || F.id !== We.id).map((F) => /* @__PURE__ */ e(
|
|
7911
7912
|
Ot,
|
|
7912
7913
|
{
|
|
7913
7914
|
preset: F,
|
|
@@ -7917,9 +7918,9 @@ const Od = {
|
|
|
7917
7918
|
},
|
|
7918
7919
|
F.id
|
|
7919
7920
|
)),
|
|
7920
|
-
qt.length > 0 && /* @__PURE__ */ d(
|
|
7921
|
+
qt.length > 0 && /* @__PURE__ */ d(Ge, { children: [
|
|
7921
7922
|
/* @__PURE__ */ e(
|
|
7922
|
-
|
|
7923
|
+
rt,
|
|
7923
7924
|
{
|
|
7924
7925
|
fullWidth: !0,
|
|
7925
7926
|
size: "small",
|
|
@@ -7959,8 +7960,8 @@ const Od = {
|
|
|
7959
7960
|
F.id
|
|
7960
7961
|
))
|
|
7961
7962
|
] }),
|
|
7962
|
-
/* @__PURE__ */ e(
|
|
7963
|
-
sa.length > 0 ? sa.filter((F) => !
|
|
7963
|
+
/* @__PURE__ */ e(Te, { className: "hybrid-date-picker__events-section-header", children: "Custom Ranges" }),
|
|
7964
|
+
sa.length > 0 ? sa.filter((F) => !We || F.id !== We.id).map((F) => /* @__PURE__ */ e(
|
|
7964
7965
|
Ot,
|
|
7965
7966
|
{
|
|
7966
7967
|
preset: F,
|
|
@@ -7970,7 +7971,7 @@ const Od = {
|
|
|
7970
7971
|
},
|
|
7971
7972
|
F.id
|
|
7972
7973
|
)) : /* @__PURE__ */ e(
|
|
7973
|
-
|
|
7974
|
+
Te,
|
|
7974
7975
|
{
|
|
7975
7976
|
variant: "caption",
|
|
7976
7977
|
color: "text.secondary",
|
|
@@ -7990,7 +7991,7 @@ const Od = {
|
|
|
7990
7991
|
F.id
|
|
7991
7992
|
)),
|
|
7992
7993
|
/* @__PURE__ */ e(se, { className: "hybrid-date-picker__markets-list-add", children: /* @__PURE__ */ e(
|
|
7993
|
-
|
|
7994
|
+
rt,
|
|
7994
7995
|
{
|
|
7995
7996
|
fullWidth: !0,
|
|
7996
7997
|
variant: "outlined",
|
|
@@ -8028,7 +8029,7 @@ const Od = {
|
|
|
8028
8029
|
sx: { fontSize: 18, color: "text.secondary" }
|
|
8029
8030
|
}
|
|
8030
8031
|
),
|
|
8031
|
-
/* @__PURE__ */ d(
|
|
8032
|
+
/* @__PURE__ */ d(Te, { variant: "body2", fontWeight: 500, color: "text.primary", component: "span", sx: { display: "flex", alignItems: "center", gap: 0.25, flexWrap: "nowrap" }, children: [
|
|
8032
8033
|
"Comparing:",
|
|
8033
8034
|
/* @__PURE__ */ d(
|
|
8034
8035
|
se,
|
|
@@ -8036,7 +8037,7 @@ const Od = {
|
|
|
8036
8037
|
component: "span",
|
|
8037
8038
|
className: "hybrid-date-picker__footer-drawer-range-label",
|
|
8038
8039
|
onClick: (F) => {
|
|
8039
|
-
F.stopPropagation(),
|
|
8040
|
+
F.stopPropagation(), lt(!0), ye("A");
|
|
8040
8041
|
},
|
|
8041
8042
|
sx: { ml: 0.5 },
|
|
8042
8043
|
children: [
|
|
@@ -8052,15 +8053,15 @@ const Od = {
|
|
|
8052
8053
|
component: "span",
|
|
8053
8054
|
className: "hybrid-date-picker__footer-drawer-range-label",
|
|
8054
8055
|
onClick: (F) => {
|
|
8055
|
-
F.stopPropagation(),
|
|
8056
|
+
F.stopPropagation(), lt(!0), ye("B");
|
|
8056
8057
|
},
|
|
8057
8058
|
children: [
|
|
8058
8059
|
/* @__PURE__ */ e(se, { component: "span", sx: { color: "#10B981", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
|
|
8059
|
-
_t(
|
|
8060
|
+
_t(st)
|
|
8060
8061
|
]
|
|
8061
8062
|
}
|
|
8062
8063
|
),
|
|
8063
|
-
|
|
8064
|
+
we === 3 && /* @__PURE__ */ d(Ge, { children: [
|
|
8064
8065
|
" vs ",
|
|
8065
8066
|
/* @__PURE__ */ d(
|
|
8066
8067
|
se,
|
|
@@ -8068,11 +8069,11 @@ const Od = {
|
|
|
8068
8069
|
component: "span",
|
|
8069
8070
|
className: "hybrid-date-picker__footer-drawer-range-label",
|
|
8070
8071
|
onClick: (F) => {
|
|
8071
|
-
F.stopPropagation(),
|
|
8072
|
+
F.stopPropagation(), lt(!0), ye("C");
|
|
8072
8073
|
},
|
|
8073
8074
|
children: [
|
|
8074
8075
|
/* @__PURE__ */ e(se, { component: "span", sx: { color: "#F59E0B", fontSize: 10, mr: 0.25, lineHeight: 1 }, children: "●" }),
|
|
8075
|
-
_t(
|
|
8076
|
+
_t(ot)
|
|
8076
8077
|
]
|
|
8077
8078
|
}
|
|
8078
8079
|
)
|
|
@@ -8080,8 +8081,8 @@ const Od = {
|
|
|
8080
8081
|
] })
|
|
8081
8082
|
] }),
|
|
8082
8083
|
/* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
|
|
8083
|
-
|
|
8084
|
-
|
|
8084
|
+
we < 3 && /* @__PURE__ */ e(
|
|
8085
|
+
Xe,
|
|
8085
8086
|
{
|
|
8086
8087
|
size: "small",
|
|
8087
8088
|
onClick: (F) => {
|
|
@@ -8093,7 +8094,7 @@ const Od = {
|
|
|
8093
8094
|
}
|
|
8094
8095
|
),
|
|
8095
8096
|
/* @__PURE__ */ e(
|
|
8096
|
-
|
|
8097
|
+
Xe,
|
|
8097
8098
|
{
|
|
8098
8099
|
size: "small",
|
|
8099
8100
|
onClick: (F) => {
|
|
@@ -8115,40 +8116,40 @@ const Od = {
|
|
|
8115
8116
|
label: "A",
|
|
8116
8117
|
isActive: te === "A",
|
|
8117
8118
|
presetName: _t(Be),
|
|
8118
|
-
dateRange: _r(Be, Tt,
|
|
8119
|
+
dateRange: _r(Be, Tt, ct),
|
|
8119
8120
|
color: "blue",
|
|
8120
|
-
onSelect: () =>
|
|
8121
|
+
onSelect: () => ye("A"),
|
|
8121
8122
|
onRemove: null
|
|
8122
8123
|
}
|
|
8123
8124
|
),
|
|
8124
|
-
|
|
8125
|
+
we >= 2 && /* @__PURE__ */ e(
|
|
8125
8126
|
xr,
|
|
8126
8127
|
{
|
|
8127
8128
|
label: "B",
|
|
8128
8129
|
isActive: te === "B",
|
|
8129
|
-
presetName: _t(
|
|
8130
|
-
dateRange: _r(
|
|
8130
|
+
presetName: _t(st),
|
|
8131
|
+
dateRange: _r(st, Et, Mt),
|
|
8131
8132
|
color: "green",
|
|
8132
|
-
onSelect: () =>
|
|
8133
|
+
onSelect: () => ye("B"),
|
|
8133
8134
|
onRemove: () => ma("B")
|
|
8134
8135
|
}
|
|
8135
8136
|
),
|
|
8136
|
-
|
|
8137
|
+
we === 3 && /* @__PURE__ */ e(
|
|
8137
8138
|
xr,
|
|
8138
8139
|
{
|
|
8139
8140
|
label: "C",
|
|
8140
8141
|
isActive: te === "C",
|
|
8141
|
-
presetName: _t(
|
|
8142
|
-
dateRange: _r(
|
|
8142
|
+
presetName: _t(ot),
|
|
8143
|
+
dateRange: _r(ot, Pt, Bt),
|
|
8143
8144
|
color: "amber",
|
|
8144
|
-
onSelect: () =>
|
|
8145
|
+
onSelect: () => ye("C"),
|
|
8145
8146
|
onRemove: () => ma("C")
|
|
8146
8147
|
}
|
|
8147
8148
|
),
|
|
8148
|
-
|
|
8149
|
+
we < 3 && /* @__PURE__ */ e(se, { className: "range-card-add", onClick: ua, children: /* @__PURE__ */ e(Ft, { sx: { fontSize: 20, color: "grey.500" } }) })
|
|
8149
8150
|
] }) }),
|
|
8150
8151
|
/* @__PURE__ */ e(se, { className: "hybrid-date-picker__footer-row", sx: { justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
|
|
8151
|
-
|
|
8152
|
+
rt,
|
|
8152
8153
|
{
|
|
8153
8154
|
variant: "contained",
|
|
8154
8155
|
size: "small",
|
|
@@ -8167,8 +8168,8 @@ const Od = {
|
|
|
8167
8168
|
) : (
|
|
8168
8169
|
/* State 1: No comparison - show Close link or + TimeFrame button */
|
|
8169
8170
|
/* @__PURE__ */ d(se, { className: "hybrid-date-picker__footer-row", children: [
|
|
8170
|
-
/* @__PURE__ */ e(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: a ? /* @__PURE__ */ e(
|
|
8171
|
-
|
|
8171
|
+
/* @__PURE__ */ e(se, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: a ? /* @__PURE__ */ e(pt, { title: "Add a second time frame to compare data across different periods", arrow: !0, children: /* @__PURE__ */ e(
|
|
8172
|
+
rt,
|
|
8172
8173
|
{
|
|
8173
8174
|
size: "small",
|
|
8174
8175
|
variant: "contained",
|
|
@@ -8185,7 +8186,7 @@ const Od = {
|
|
|
8185
8186
|
children: "TimeFrame"
|
|
8186
8187
|
}
|
|
8187
8188
|
) }) : /* @__PURE__ */ e(
|
|
8188
|
-
|
|
8189
|
+
rt,
|
|
8189
8190
|
{
|
|
8190
8191
|
size: "small",
|
|
8191
8192
|
onClick: () => {
|
|
@@ -8208,7 +8209,7 @@ const Od = {
|
|
|
8208
8209
|
) }),
|
|
8209
8210
|
/* @__PURE__ */ d(se, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
|
|
8210
8211
|
/* @__PURE__ */ e(
|
|
8211
|
-
|
|
8212
|
+
Te,
|
|
8212
8213
|
{
|
|
8213
8214
|
variant: "caption",
|
|
8214
8215
|
color: "text.secondary",
|
|
@@ -8230,7 +8231,7 @@ const Od = {
|
|
|
8230
8231
|
title: "Click to view in calendar",
|
|
8231
8232
|
children: (() => {
|
|
8232
8233
|
const F = la.match(/^(.+?)(\s*\(.+\))$/);
|
|
8233
|
-
return F && F[1] && F[1].length > 14 ? /* @__PURE__ */ d(
|
|
8234
|
+
return F && F[1] && F[1].length > 14 ? /* @__PURE__ */ d(Ge, { children: [
|
|
8234
8235
|
F[1],
|
|
8235
8236
|
/* @__PURE__ */ e("br", {}),
|
|
8236
8237
|
F[2]
|
|
@@ -8239,7 +8240,7 @@ const Od = {
|
|
|
8239
8240
|
}
|
|
8240
8241
|
),
|
|
8241
8242
|
/* @__PURE__ */ e(
|
|
8242
|
-
|
|
8243
|
+
rt,
|
|
8243
8244
|
{
|
|
8244
8245
|
variant: "contained",
|
|
8245
8246
|
size: "small",
|
|
@@ -8276,7 +8277,7 @@ const Od = {
|
|
|
8276
8277
|
) : /* @__PURE__ */ e(
|
|
8277
8278
|
vo,
|
|
8278
8279
|
{
|
|
8279
|
-
open:
|
|
8280
|
+
open: dt,
|
|
8280
8281
|
anchorEl: T,
|
|
8281
8282
|
onClose: Xn,
|
|
8282
8283
|
disableScrollLock: !0,
|
|
@@ -8310,14 +8311,14 @@ const Od = {
|
|
|
8310
8311
|
onClose: () => E(null),
|
|
8311
8312
|
maxWidth: "xs",
|
|
8312
8313
|
fullWidth: !0,
|
|
8313
|
-
children: g && /* @__PURE__ */ d(
|
|
8314
|
+
children: g && /* @__PURE__ */ d(Ge, { children: [
|
|
8314
8315
|
/* @__PURE__ */ d(xo, { sx: { py: 1.5, px: 2, display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
|
|
8315
|
-
/* @__PURE__ */ e(
|
|
8316
|
-
/* @__PURE__ */ e(
|
|
8316
|
+
/* @__PURE__ */ e(Te, { variant: "subtitle1", fontWeight: 600, children: g.isNew ? "Add Market Event" : "Edit Market Event" }),
|
|
8317
|
+
/* @__PURE__ */ e(Xe, { size: "small", onClick: () => E(null), children: /* @__PURE__ */ e(wt, { fontSize: "small" }) })
|
|
8317
8318
|
] }),
|
|
8318
8319
|
/* @__PURE__ */ d(No, { sx: { px: 2, py: 1.5 }, children: [
|
|
8319
8320
|
/* @__PURE__ */ d(se, { className: "market-edit-modal__field", children: [
|
|
8320
|
-
/* @__PURE__ */ e(
|
|
8321
|
+
/* @__PURE__ */ e(Te, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Name" }),
|
|
8321
8322
|
/* @__PURE__ */ e(
|
|
8322
8323
|
ar,
|
|
8323
8324
|
{
|
|
@@ -8332,7 +8333,7 @@ const Od = {
|
|
|
8332
8333
|
] }),
|
|
8333
8334
|
/* @__PURE__ */ d(se, { className: "market-edit-modal__row", sx: { mt: 2 }, children: [
|
|
8334
8335
|
/* @__PURE__ */ d(se, { children: [
|
|
8335
|
-
/* @__PURE__ */ e(
|
|
8336
|
+
/* @__PURE__ */ e(Te, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Start Date" }),
|
|
8336
8337
|
/* @__PURE__ */ e(
|
|
8337
8338
|
ar,
|
|
8338
8339
|
{
|
|
@@ -8346,7 +8347,7 @@ const Od = {
|
|
|
8346
8347
|
)
|
|
8347
8348
|
] }),
|
|
8348
8349
|
/* @__PURE__ */ d(se, { children: [
|
|
8349
|
-
/* @__PURE__ */ e(
|
|
8350
|
+
/* @__PURE__ */ e(Te, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "End Date" }),
|
|
8350
8351
|
/* @__PURE__ */ e(
|
|
8351
8352
|
ar,
|
|
8352
8353
|
{
|
|
@@ -8361,7 +8362,7 @@ const Od = {
|
|
|
8361
8362
|
] })
|
|
8362
8363
|
] }),
|
|
8363
8364
|
/* @__PURE__ */ d(se, { className: "market-edit-modal__field", sx: { mt: 2 }, children: [
|
|
8364
|
-
/* @__PURE__ */ e(
|
|
8365
|
+
/* @__PURE__ */ e(Te, { variant: "caption", fontWeight: 500, color: "text.secondary", component: "label", children: "Location" }),
|
|
8365
8366
|
/* @__PURE__ */ e(
|
|
8366
8367
|
ar,
|
|
8367
8368
|
{
|
|
@@ -8377,7 +8378,7 @@ const Od = {
|
|
|
8377
8378
|
] }),
|
|
8378
8379
|
/* @__PURE__ */ d(So, { sx: { px: 2, py: 1.5, justifyContent: "space-between", bgcolor: "grey.50" }, children: [
|
|
8379
8380
|
g.isNew ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
|
|
8380
|
-
|
|
8381
|
+
rt,
|
|
8381
8382
|
{
|
|
8382
8383
|
size: "small",
|
|
8383
8384
|
color: "error",
|
|
@@ -8388,7 +8389,7 @@ const Od = {
|
|
|
8388
8389
|
),
|
|
8389
8390
|
/* @__PURE__ */ d(se, { sx: { display: "flex", gap: 1 }, children: [
|
|
8390
8391
|
/* @__PURE__ */ e(
|
|
8391
|
-
|
|
8392
|
+
rt,
|
|
8392
8393
|
{
|
|
8393
8394
|
size: "small",
|
|
8394
8395
|
onClick: () => E(null),
|
|
@@ -8397,7 +8398,7 @@ const Od = {
|
|
|
8397
8398
|
}
|
|
8398
8399
|
),
|
|
8399
8400
|
/* @__PURE__ */ e(
|
|
8400
|
-
|
|
8401
|
+
rt,
|
|
8401
8402
|
{
|
|
8402
8403
|
variant: "contained",
|
|
8403
8404
|
size: "small",
|
|
@@ -8434,7 +8435,7 @@ const Ha = {
|
|
|
8434
8435
|
activePresetId: a
|
|
8435
8436
|
}) => {
|
|
8436
8437
|
const n = (s) => {
|
|
8437
|
-
const { start: i, end: o } =
|
|
8438
|
+
const { start: i, end: o } = mt(s);
|
|
8438
8439
|
r([i, o]), t?.(s);
|
|
8439
8440
|
};
|
|
8440
8441
|
return /* @__PURE__ */ d("div", { className: "gloss-timeframe-simple-selector", children: [
|
|
@@ -8470,32 +8471,32 @@ Pn.displayName = "SimpleSelector";
|
|
|
8470
8471
|
const Mr = [
|
|
8471
8472
|
// Today - at the top
|
|
8472
8473
|
{ label: "Today", id: "TODAY", value: () => {
|
|
8473
|
-
const r =
|
|
8474
|
+
const r = mt("TODAY");
|
|
8474
8475
|
return [r.start, r.end];
|
|
8475
8476
|
} },
|
|
8476
8477
|
// Existing presets
|
|
8477
8478
|
{ label: "This month", id: "MTD", value: () => {
|
|
8478
|
-
const r =
|
|
8479
|
+
const r = mt("MTD");
|
|
8479
8480
|
return [r.start, r.end];
|
|
8480
8481
|
} },
|
|
8481
8482
|
{ label: "30 days", id: "30D", value: () => {
|
|
8482
|
-
const r =
|
|
8483
|
+
const r = mt("30D");
|
|
8483
8484
|
return [r.start, r.end];
|
|
8484
8485
|
} },
|
|
8485
8486
|
{ label: "60 days", id: "60D", value: () => {
|
|
8486
|
-
const r =
|
|
8487
|
+
const r = mt("60D");
|
|
8487
8488
|
return [r.start, r.end];
|
|
8488
8489
|
} },
|
|
8489
8490
|
{ label: "90 days", id: "90D", value: () => {
|
|
8490
|
-
const r =
|
|
8491
|
+
const r = mt("90D");
|
|
8491
8492
|
return [r.start, r.end];
|
|
8492
8493
|
} },
|
|
8493
8494
|
{ label: "This year", id: "YTD", value: () => {
|
|
8494
|
-
const r =
|
|
8495
|
+
const r = mt("YTD");
|
|
8495
8496
|
return [r.start, r.end];
|
|
8496
8497
|
} },
|
|
8497
8498
|
{ label: "LYTD", id: "LYTD", value: () => {
|
|
8498
|
-
const r =
|
|
8499
|
+
const r = mt("LYTD");
|
|
8499
8500
|
return [r.start, r.end];
|
|
8500
8501
|
} },
|
|
8501
8502
|
// Active Market - at the bottom (disabled)
|
|
@@ -8513,10 +8514,10 @@ const Mr = [
|
|
|
8513
8514
|
onPinChange: u
|
|
8514
8515
|
}) => {
|
|
8515
8516
|
const [p, m] = O(null);
|
|
8516
|
-
return /* @__PURE__ */ d(
|
|
8517
|
+
return /* @__PURE__ */ d(he, { definition: { display: "flex", direction: "column", gap: "8px" }, children: [
|
|
8517
8518
|
r.map(({ label: f, getValue: b, id: y, disabled: _ }) => {
|
|
8518
8519
|
const v = b(), h = !_ && (n ? n === y : a?.[0] && v?.[0] && Ca(a[0], v[0]) && a?.[1] && v?.[1] && Ca(a[1], v[1])), C = l === y, k = /* @__PURE__ */ d(
|
|
8519
|
-
|
|
8520
|
+
he,
|
|
8520
8521
|
{
|
|
8521
8522
|
definition: { display: "flex", align: "center", gap: "4px" },
|
|
8522
8523
|
style: { width: "100%" },
|
|
@@ -8524,7 +8525,7 @@ const Mr = [
|
|
|
8524
8525
|
onMouseLeave: () => m(null),
|
|
8525
8526
|
children: [
|
|
8526
8527
|
/* @__PURE__ */ e(
|
|
8527
|
-
|
|
8528
|
+
he,
|
|
8528
8529
|
{
|
|
8529
8530
|
as: "button",
|
|
8530
8531
|
className: `gloss-timeframe__chip${h ? " gloss-timeframe__chip--active" : ""}${_ ? " gloss-timeframe__chip--disabled" : ""}`,
|
|
@@ -8545,16 +8546,16 @@ const Mr = [
|
|
|
8545
8546
|
},
|
|
8546
8547
|
style: { opacity: C ? 1 : 0.6 },
|
|
8547
8548
|
title: C ? "Unpin as default" : "Set as default",
|
|
8548
|
-
children: /* @__PURE__ */ e(
|
|
8549
|
+
children: /* @__PURE__ */ e(Ze, { icon: C ? /* @__PURE__ */ e(tn, { fontSize: "small", color: "warning" }) : /* @__PURE__ */ e(rn, { fontSize: "small" }) })
|
|
8549
8550
|
}
|
|
8550
8551
|
)
|
|
8551
8552
|
]
|
|
8552
8553
|
}
|
|
8553
8554
|
);
|
|
8554
|
-
return _ ? /* @__PURE__ */ e(
|
|
8555
|
+
return _ ? /* @__PURE__ */ e(pt, { title: "Market configuration coming soon", arrow: !0, placement: "right", children: /* @__PURE__ */ e("div", { children: k }) }, f) : /* @__PURE__ */ e("div", { children: k }, f);
|
|
8555
8556
|
}),
|
|
8556
8557
|
i && /* @__PURE__ */ e(
|
|
8557
|
-
|
|
8558
|
+
he,
|
|
8558
8559
|
{
|
|
8559
8560
|
as: "button",
|
|
8560
8561
|
className: `gloss-timeframe__chip${o ? " gloss-timeframe__chip--active" : ""}`,
|
|
@@ -8568,7 +8569,7 @@ const Mr = [
|
|
|
8568
8569
|
const { content: t, shortcuts: a, actionBar: n } = Uo(r), { slotProps: s, ...i } = r;
|
|
8569
8570
|
return /* @__PURE__ */ e(Xo, { ...i, children: /* @__PURE__ */ d(kt, { definition: { direction: "horizontal" }, children: [
|
|
8570
8571
|
/* @__PURE__ */ e(
|
|
8571
|
-
|
|
8572
|
+
he,
|
|
8572
8573
|
{
|
|
8573
8574
|
definition: { display: "flex", direction: "column" },
|
|
8574
8575
|
style: {
|
|
@@ -8581,7 +8582,7 @@ const Mr = [
|
|
|
8581
8582
|
children: a
|
|
8582
8583
|
}
|
|
8583
8584
|
),
|
|
8584
|
-
/* @__PURE__ */ d(
|
|
8585
|
+
/* @__PURE__ */ d(he, { definition: { display: "flex", direction: "column" }, children: [
|
|
8585
8586
|
/* @__PURE__ */ e(qo, { className: Zo.contentWrapper, ownerState: r, children: t }),
|
|
8586
8587
|
n
|
|
8587
8588
|
] })
|
|
@@ -8606,13 +8607,13 @@ const Mr = [
|
|
|
8606
8607
|
const _ = o !== void 0, [v, h] = O(!1), [C, T] = O(!1), [w, k] = O(i ?? !1), I = a?.pinnedPreset || "MTD", [g, E] = O(() => a?.lastPreset?.toUpperCase() || "MTD"), [x, D] = O(null), N = ee(() => or(r) ? r.rangeA : r, [r]), R = ee(() => or(r) ? r.rangeB : null, [r]), A = S((G) => {
|
|
8607
8608
|
const z = G || "MTD";
|
|
8608
8609
|
n && a && n({ ...a, pinnedPreset: z.toLowerCase() });
|
|
8609
|
-
const U = Mr.find((
|
|
8610
|
+
const U = Mr.find((Q) => Q.id === z && !Q.disabled);
|
|
8610
8611
|
if (U) {
|
|
8611
|
-
const
|
|
8612
|
+
const Q = U.value();
|
|
8612
8613
|
if (E(z), w)
|
|
8613
|
-
t({ rangeA:
|
|
8614
|
+
t({ rangeA: Q, rangeB: R || [null, null], shortcutId: z });
|
|
8614
8615
|
else {
|
|
8615
|
-
const K = [...
|
|
8616
|
+
const K = [...Q];
|
|
8616
8617
|
K.shortcutId = z, t(K);
|
|
8617
8618
|
}
|
|
8618
8619
|
}
|
|
@@ -8788,7 +8789,7 @@ const Mr = [
|
|
|
8788
8789
|
onClick: () => {
|
|
8789
8790
|
k(!1), o?.(!1), T(!1), h(!0), Array.isArray(N) && Promise.resolve().then(() => t(N));
|
|
8790
8791
|
},
|
|
8791
|
-
children: /* @__PURE__ */ e(
|
|
8792
|
+
children: /* @__PURE__ */ e(Ze, { icon: /* @__PURE__ */ e(wt, { fontSize: "small" }) })
|
|
8792
8793
|
}
|
|
8793
8794
|
)
|
|
8794
8795
|
] })
|
|
@@ -8972,7 +8973,7 @@ const Kd = 30, Yd = {
|
|
|
8972
8973
|
gridAutoRows: `${n.rowHeight}px`,
|
|
8973
8974
|
gap: `${n.gap}px`
|
|
8974
8975
|
}), [n.columns, n.rowHeight, n.gap]), E = !!(f && I && l.length > 0);
|
|
8975
|
-
return /* @__PURE__ */ d(
|
|
8976
|
+
return /* @__PURE__ */ d(he, { className: "gloss-grid", children: [
|
|
8976
8977
|
/* @__PURE__ */ d(
|
|
8977
8978
|
ai,
|
|
8978
8979
|
{
|
|
@@ -9085,7 +9086,7 @@ const qd = q.memo(function({
|
|
|
9085
9086
|
);
|
|
9086
9087
|
return /* @__PURE__ */ d(kt, { definition: { direction: "vertical" }, className: "gloss-tabbed-data-view", style: { width: "100%", height: "100%" }, children: [
|
|
9087
9088
|
/* @__PURE__ */ d(
|
|
9088
|
-
|
|
9089
|
+
he,
|
|
9089
9090
|
{
|
|
9090
9091
|
className: "gloss-tabbed-data-view__header",
|
|
9091
9092
|
style: {
|
|
@@ -9178,12 +9179,12 @@ const qd = q.memo(function({
|
|
|
9178
9179
|
}
|
|
9179
9180
|
)
|
|
9180
9181
|
] }),
|
|
9181
|
-
c && /* @__PURE__ */ e(
|
|
9182
|
+
c && /* @__PURE__ */ e(he, { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 }, children: c })
|
|
9182
9183
|
]
|
|
9183
9184
|
}
|
|
9184
9185
|
),
|
|
9185
9186
|
/* @__PURE__ */ e(
|
|
9186
|
-
|
|
9187
|
+
he,
|
|
9187
9188
|
{
|
|
9188
9189
|
className: "gloss-tabbed-data-view__content",
|
|
9189
9190
|
style: { flexGrow: 1, minHeight: 0, overflow: "hidden", position: "relative", width: "100%" },
|
|
@@ -9209,13 +9210,13 @@ const Zd = function(t) {
|
|
|
9209
9210
|
accentColor: t.accentColor
|
|
9210
9211
|
};
|
|
9211
9212
|
return /* @__PURE__ */ e(
|
|
9212
|
-
|
|
9213
|
+
nt,
|
|
9213
9214
|
{
|
|
9214
9215
|
isStale: t.stale,
|
|
9215
9216
|
onDetails: t.onDetails,
|
|
9216
9217
|
onRemove: t.onRemove,
|
|
9217
9218
|
onNavigate: t.onNavigate,
|
|
9218
|
-
children: /* @__PURE__ */ e(
|
|
9219
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9219
9220
|
}
|
|
9220
9221
|
);
|
|
9221
9222
|
};
|
|
@@ -9236,13 +9237,13 @@ const Jd = function(t) {
|
|
|
9236
9237
|
accentColor: t.accentColor
|
|
9237
9238
|
};
|
|
9238
9239
|
return /* @__PURE__ */ e(
|
|
9239
|
-
|
|
9240
|
+
nt,
|
|
9240
9241
|
{
|
|
9241
9242
|
isStale: t.stale,
|
|
9242
9243
|
onDetails: t.onDetails,
|
|
9243
9244
|
onRemove: t.onRemove,
|
|
9244
9245
|
onNavigate: t.onNavigate,
|
|
9245
|
-
children: /* @__PURE__ */ e(
|
|
9246
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9246
9247
|
}
|
|
9247
9248
|
);
|
|
9248
9249
|
};
|
|
@@ -9264,13 +9265,13 @@ const Qd = function(t) {
|
|
|
9264
9265
|
accentColor: t.accentColor
|
|
9265
9266
|
};
|
|
9266
9267
|
return /* @__PURE__ */ e(
|
|
9267
|
-
|
|
9268
|
+
nt,
|
|
9268
9269
|
{
|
|
9269
9270
|
isStale: t.stale,
|
|
9270
9271
|
onDetails: t.onDetails,
|
|
9271
9272
|
onRemove: t.onRemove,
|
|
9272
9273
|
onNavigate: t.onNavigate,
|
|
9273
|
-
children: /* @__PURE__ */ e(
|
|
9274
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9274
9275
|
}
|
|
9275
9276
|
);
|
|
9276
9277
|
};
|
|
@@ -9290,13 +9291,13 @@ const eu = function(t) {
|
|
|
9290
9291
|
isStale: t.stale
|
|
9291
9292
|
};
|
|
9292
9293
|
return /* @__PURE__ */ e(
|
|
9293
|
-
|
|
9294
|
+
nt,
|
|
9294
9295
|
{
|
|
9295
9296
|
isStale: t.stale,
|
|
9296
9297
|
onDetails: t.onDetails,
|
|
9297
9298
|
onRemove: t.onRemove,
|
|
9298
9299
|
onNavigate: t.onNavigate,
|
|
9299
|
-
children: /* @__PURE__ */ e(
|
|
9300
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9300
9301
|
}
|
|
9301
9302
|
);
|
|
9302
9303
|
};
|
|
@@ -9317,13 +9318,13 @@ const tu = function(t) {
|
|
|
9317
9318
|
isStale: t.stale
|
|
9318
9319
|
};
|
|
9319
9320
|
return /* @__PURE__ */ e(
|
|
9320
|
-
|
|
9321
|
+
nt,
|
|
9321
9322
|
{
|
|
9322
9323
|
isStale: t.stale,
|
|
9323
9324
|
onDetails: t.onDetails,
|
|
9324
9325
|
onRemove: t.onRemove,
|
|
9325
9326
|
onNavigate: t.onNavigate,
|
|
9326
|
-
children: /* @__PURE__ */ e(
|
|
9327
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9327
9328
|
}
|
|
9328
9329
|
);
|
|
9329
9330
|
};
|
|
@@ -9344,13 +9345,13 @@ const ru = function(t) {
|
|
|
9344
9345
|
isStale: t.stale
|
|
9345
9346
|
};
|
|
9346
9347
|
return /* @__PURE__ */ e(
|
|
9347
|
-
|
|
9348
|
+
nt,
|
|
9348
9349
|
{
|
|
9349
9350
|
isStale: t.stale,
|
|
9350
9351
|
onDetails: t.onDetails,
|
|
9351
9352
|
onRemove: t.onRemove,
|
|
9352
9353
|
onNavigate: t.onNavigate,
|
|
9353
|
-
children: /* @__PURE__ */ e(
|
|
9354
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9354
9355
|
}
|
|
9355
9356
|
);
|
|
9356
9357
|
};
|
|
@@ -9370,13 +9371,13 @@ const au = function(t) {
|
|
|
9370
9371
|
isStale: t.stale
|
|
9371
9372
|
};
|
|
9372
9373
|
return /* @__PURE__ */ e(
|
|
9373
|
-
|
|
9374
|
+
nt,
|
|
9374
9375
|
{
|
|
9375
9376
|
isStale: t.stale,
|
|
9376
9377
|
onDetails: t.onDetails,
|
|
9377
9378
|
onRemove: t.onRemove,
|
|
9378
9379
|
onNavigate: t.onNavigate,
|
|
9379
|
-
children: /* @__PURE__ */ e(
|
|
9380
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9380
9381
|
}
|
|
9381
9382
|
);
|
|
9382
9383
|
};
|
|
@@ -9396,13 +9397,13 @@ const nu = function(t) {
|
|
|
9396
9397
|
isStale: t.stale
|
|
9397
9398
|
};
|
|
9398
9399
|
return /* @__PURE__ */ e(
|
|
9399
|
-
|
|
9400
|
+
nt,
|
|
9400
9401
|
{
|
|
9401
9402
|
isStale: t.stale,
|
|
9402
9403
|
onDetails: t.onDetails,
|
|
9403
9404
|
onRemove: t.onRemove,
|
|
9404
9405
|
onNavigate: t.onNavigate,
|
|
9405
|
-
children: /* @__PURE__ */ e(
|
|
9406
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9406
9407
|
}
|
|
9407
9408
|
);
|
|
9408
9409
|
};
|
|
@@ -9421,13 +9422,13 @@ const su = function(t) {
|
|
|
9421
9422
|
isStale: t.stale
|
|
9422
9423
|
};
|
|
9423
9424
|
return /* @__PURE__ */ e(
|
|
9424
|
-
|
|
9425
|
+
nt,
|
|
9425
9426
|
{
|
|
9426
9427
|
isStale: t.stale,
|
|
9427
9428
|
onDetails: t.onDetails,
|
|
9428
9429
|
onRemove: t.onRemove,
|
|
9429
9430
|
onNavigate: t.onNavigate,
|
|
9430
|
-
children: /* @__PURE__ */ e(
|
|
9431
|
+
children: /* @__PURE__ */ e(at, { ...a })
|
|
9431
9432
|
}
|
|
9432
9433
|
);
|
|
9433
9434
|
};
|
|
@@ -9442,7 +9443,7 @@ const Pr = ({
|
|
|
9442
9443
|
amex: "card-amex",
|
|
9443
9444
|
generic: "credit-card"
|
|
9444
9445
|
};
|
|
9445
|
-
return /* @__PURE__ */ e("span", { className: `payment-card-icon payment-card-icon--${r} ${t}`, children: /* @__PURE__ */ e(
|
|
9446
|
+
return /* @__PURE__ */ e("span", { className: `payment-card-icon payment-card-icon--${r} ${t}`, children: /* @__PURE__ */ e(_e, { name: a[r] || "credit-card", size: "md" }) });
|
|
9446
9447
|
}, Bn = ({
|
|
9447
9448
|
methods: r,
|
|
9448
9449
|
value: t,
|
|
@@ -9482,7 +9483,7 @@ const Pr = ({
|
|
|
9482
9483
|
s && u.push({
|
|
9483
9484
|
value: "__add_new__",
|
|
9484
9485
|
label: /* @__PURE__ */ d("div", { className: "payment-method-add", children: [
|
|
9485
|
-
/* @__PURE__ */ e(
|
|
9486
|
+
/* @__PURE__ */ e(_e, { name: "plus", size: "sm" }),
|
|
9486
9487
|
/* @__PURE__ */ e("span", { children: "Add new card" })
|
|
9487
9488
|
] })
|
|
9488
9489
|
});
|
|
@@ -9525,7 +9526,7 @@ const ou = (r) => `${r.label || r.street}, ${r.city}`, iu = ({
|
|
|
9525
9526
|
label: /* @__PURE__ */ d("div", { className: "address-option", children: [
|
|
9526
9527
|
/* @__PURE__ */ d("div", { className: "address-option__header", children: [
|
|
9527
9528
|
f.label && /* @__PURE__ */ e("strong", { className: "address-option__label", children: f.label }),
|
|
9528
|
-
f.isDefault && /* @__PURE__ */ e("span", { className: "address-option__badge", children: /* @__PURE__ */ e(
|
|
9529
|
+
f.isDefault && /* @__PURE__ */ e("span", { className: "address-option__badge", children: /* @__PURE__ */ e(_e, { name: "check", size: "sm" }) })
|
|
9529
9530
|
] }),
|
|
9530
9531
|
/* @__PURE__ */ e("div", { className: "address-option__name", children: f.name }),
|
|
9531
9532
|
/* @__PURE__ */ e("div", { className: "address-option__street", children: f.street }),
|
|
@@ -9555,7 +9556,7 @@ const ou = (r) => `${r.label || r.street}, ${r.city}`, iu = ({
|
|
|
9555
9556
|
return i && p.push({
|
|
9556
9557
|
value: "__add_new__",
|
|
9557
9558
|
label: /* @__PURE__ */ d("div", { className: "address-add", children: [
|
|
9558
|
-
/* @__PURE__ */ e(
|
|
9559
|
+
/* @__PURE__ */ e(_e, { name: "plus", size: "sm" }),
|
|
9559
9560
|
/* @__PURE__ */ e("span", { children: "Add new address" })
|
|
9560
9561
|
] })
|
|
9561
9562
|
}), /* @__PURE__ */ e(
|
|
@@ -9650,7 +9651,7 @@ const Rn = q.forwardRef(
|
|
|
9650
9651
|
L(!0), b?.(X);
|
|
9651
9652
|
},
|
|
9652
9653
|
[b]
|
|
9653
|
-
),
|
|
9654
|
+
), Q = S(
|
|
9654
9655
|
(X) => {
|
|
9655
9656
|
setTimeout(() => L(!1), 150), y?.(X);
|
|
9656
9657
|
},
|
|
@@ -9674,17 +9675,17 @@ const Rn = q.forwardRef(
|
|
|
9674
9675
|
onClick: G,
|
|
9675
9676
|
"aria-label": "Clear search",
|
|
9676
9677
|
tabIndex: -1,
|
|
9677
|
-
children: /* @__PURE__ */ e(
|
|
9678
|
+
children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" })
|
|
9678
9679
|
}
|
|
9679
9680
|
),
|
|
9680
9681
|
a ? /* @__PURE__ */ e("span", { className: "gloss-spinner-inline" }) : o ? /* @__PURE__ */ d("kbd", { className: "gloss-search-input__shortcut", children: [
|
|
9681
|
-
/* @__PURE__ */ e(
|
|
9682
|
+
/* @__PURE__ */ e(_e, { name: "command", size: "sm" }),
|
|
9682
9683
|
c.toUpperCase()
|
|
9683
9684
|
] }) : null
|
|
9684
9685
|
] });
|
|
9685
9686
|
return /* @__PURE__ */ d("div", { className: "gloss-search-input-wrapper", children: [
|
|
9686
9687
|
/* @__PURE__ */ e(
|
|
9687
|
-
|
|
9688
|
+
Me,
|
|
9688
9689
|
{
|
|
9689
9690
|
ref: (X) => {
|
|
9690
9691
|
D.current = X, typeof x == "function" ? x(X) : x && (x.current = X);
|
|
@@ -9694,7 +9695,7 @@ const Rn = q.forwardRef(
|
|
|
9694
9695
|
onChange: j,
|
|
9695
9696
|
onKeyDown: z,
|
|
9696
9697
|
onFocus: U,
|
|
9697
|
-
onBlur:
|
|
9698
|
+
onBlur: Q,
|
|
9698
9699
|
placeholder: _,
|
|
9699
9700
|
label: v,
|
|
9700
9701
|
status: h === "pending" ? "default" : h,
|
|
@@ -9704,7 +9705,7 @@ const Rn = q.forwardRef(
|
|
|
9704
9705
|
name: k,
|
|
9705
9706
|
id: I,
|
|
9706
9707
|
autoComplete: E,
|
|
9707
|
-
leftIcon: /* @__PURE__ */ e(
|
|
9708
|
+
leftIcon: /* @__PURE__ */ e(_e, { name: "search", size: "sm" }),
|
|
9708
9709
|
rightIcon: K
|
|
9709
9710
|
}
|
|
9710
9711
|
),
|
|
@@ -9718,7 +9719,7 @@ const Rn = q.forwardRef(
|
|
|
9718
9719
|
s?.(X), H(-1);
|
|
9719
9720
|
},
|
|
9720
9721
|
children: [
|
|
9721
|
-
X.icon && /* @__PURE__ */ e(
|
|
9722
|
+
X.icon && /* @__PURE__ */ e(_e, { name: X.icon, size: "sm" }),
|
|
9722
9723
|
/* @__PURE__ */ d("div", { className: "gloss-search-input__suggestion-content", children: [
|
|
9723
9724
|
/* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-label", children: X.label }),
|
|
9724
9725
|
X.description && /* @__PURE__ */ e("span", { className: "gloss-search-input__suggestion-desc", children: X.description })
|
|
@@ -9807,7 +9808,7 @@ const lu = [
|
|
|
9807
9808
|
};
|
|
9808
9809
|
return /* @__PURE__ */ d("div", { className: "gloss-password-input-wrapper", children: [
|
|
9809
9810
|
/* @__PURE__ */ e(
|
|
9810
|
-
|
|
9811
|
+
Me,
|
|
9811
9812
|
{
|
|
9812
9813
|
ref: I,
|
|
9813
9814
|
type: g ? "text" : "password",
|
|
@@ -9824,7 +9825,7 @@ const lu = [
|
|
|
9824
9825
|
"aria-label": "Generate password",
|
|
9825
9826
|
tabIndex: -1,
|
|
9826
9827
|
title: "Generate password",
|
|
9827
|
-
children: /* @__PURE__ */ e(
|
|
9828
|
+
children: /* @__PURE__ */ e(_e, { name: "refresh", size: "sm" })
|
|
9828
9829
|
}
|
|
9829
9830
|
),
|
|
9830
9831
|
r && /* @__PURE__ */ e(
|
|
@@ -9835,7 +9836,7 @@ const lu = [
|
|
|
9835
9836
|
onClick: H,
|
|
9836
9837
|
"aria-label": g ? "Hide password" : "Show password",
|
|
9837
9838
|
tabIndex: -1,
|
|
9838
|
-
children: /* @__PURE__ */ e(
|
|
9839
|
+
children: /* @__PURE__ */ e(_e, { name: g ? "eye-off" : "eye", size: "sm" })
|
|
9839
9840
|
}
|
|
9840
9841
|
)
|
|
9841
9842
|
] }),
|
|
@@ -9875,7 +9876,7 @@ const lu = [
|
|
|
9875
9876
|
{
|
|
9876
9877
|
className: `gloss-password-input__rule ${j.passed ? "gloss-password-input__rule--passed" : ""}`,
|
|
9877
9878
|
children: [
|
|
9878
|
-
/* @__PURE__ */ e(
|
|
9879
|
+
/* @__PURE__ */ e(_e, { name: j.passed ? "check" : "x", size: "sm" }),
|
|
9879
9880
|
/* @__PURE__ */ e("span", { children: j.label })
|
|
9880
9881
|
]
|
|
9881
9882
|
},
|
|
@@ -9907,65 +9908,65 @@ const uu = q.forwardRef(
|
|
|
9907
9908
|
name: h
|
|
9908
9909
|
}, C) => {
|
|
9909
9910
|
const T = Oe(), w = v || T, k = ie(null), [I, g] = O(t), [E, x] = O(""), [D, N] = O(null), [R, A] = O(!1), [L, P] = O(-1), H = r !== void 0, Y = H ? r : I, V = E ? l.filter(
|
|
9910
|
-
(
|
|
9911
|
+
(ce) => ce.toLowerCase().includes(E.toLowerCase()) && (o || !Y.includes(ce))
|
|
9911
9912
|
) : [], M = R && V.length > 0, W = s === void 0 || Y.length < s, j = S(
|
|
9912
|
-
(
|
|
9913
|
-
H || g(
|
|
9913
|
+
(ce) => {
|
|
9914
|
+
H || g(ce), a?.(ce);
|
|
9914
9915
|
},
|
|
9915
9916
|
[H, a]
|
|
9916
9917
|
), G = S(
|
|
9917
|
-
(
|
|
9918
|
-
const
|
|
9919
|
-
if (
|
|
9918
|
+
(ce) => {
|
|
9919
|
+
const ae = ce.trim();
|
|
9920
|
+
if (ae) {
|
|
9920
9921
|
if (!W) {
|
|
9921
9922
|
N(`Maximum of ${s} tags allowed`);
|
|
9922
9923
|
return;
|
|
9923
9924
|
}
|
|
9924
|
-
if (!o && Y.includes(
|
|
9925
|
+
if (!o && Y.includes(ae)) {
|
|
9925
9926
|
N("Duplicate tag");
|
|
9926
9927
|
return;
|
|
9927
9928
|
}
|
|
9928
|
-
if (i &&
|
|
9929
|
+
if (i && ae.length > i) {
|
|
9929
9930
|
N(`Tag must be ${i} characters or less`);
|
|
9930
9931
|
return;
|
|
9931
9932
|
}
|
|
9932
9933
|
if (c) {
|
|
9933
|
-
const
|
|
9934
|
-
if (
|
|
9935
|
-
N(typeof
|
|
9934
|
+
const be = c(ae);
|
|
9935
|
+
if (be !== !0) {
|
|
9936
|
+
N(typeof be == "string" ? be : "Invalid tag");
|
|
9936
9937
|
return;
|
|
9937
9938
|
}
|
|
9938
9939
|
}
|
|
9939
|
-
N(null), j([...Y,
|
|
9940
|
+
N(null), j([...Y, ae]), x(""), P(-1);
|
|
9940
9941
|
}
|
|
9941
9942
|
},
|
|
9942
9943
|
[Y, W, s, o, i, c, j]
|
|
9943
9944
|
), z = S(
|
|
9944
|
-
(
|
|
9945
|
-
const
|
|
9946
|
-
j(
|
|
9945
|
+
(ce) => {
|
|
9946
|
+
const ae = Y.filter((be, ke) => ke !== ce);
|
|
9947
|
+
j(ae), N(null);
|
|
9947
9948
|
},
|
|
9948
9949
|
[Y, j]
|
|
9949
9950
|
), U = S(
|
|
9950
|
-
(
|
|
9951
|
-
const
|
|
9952
|
-
for (const ke of
|
|
9953
|
-
if (
|
|
9954
|
-
|
|
9955
|
-
|
|
9951
|
+
(ce) => {
|
|
9952
|
+
const ae = ce.target.value, be = n.filter((ke) => ke !== "Enter");
|
|
9953
|
+
for (const ke of be)
|
|
9954
|
+
if (ae.includes(ke)) {
|
|
9955
|
+
ae.split(ke).forEach((De) => {
|
|
9956
|
+
De.trim() && G(De);
|
|
9956
9957
|
});
|
|
9957
9958
|
return;
|
|
9958
9959
|
}
|
|
9959
|
-
x(
|
|
9960
|
+
x(ae), P(-1), N(null);
|
|
9960
9961
|
},
|
|
9961
9962
|
[n, G]
|
|
9962
|
-
),
|
|
9963
|
-
(
|
|
9964
|
-
|
|
9965
|
-
(
|
|
9966
|
-
)) :
|
|
9967
|
-
(
|
|
9968
|
-
)) :
|
|
9963
|
+
), Q = S(
|
|
9964
|
+
(ce) => {
|
|
9965
|
+
ce.key === "Enter" ? (ce.preventDefault(), M && L >= 0 ? G(V[L]) : n.includes("Enter") && E.trim() && G(E)) : ce.key === "Backspace" && !E && Y.length > 0 ? z(Y.length - 1) : ce.key === "ArrowDown" && M ? (ce.preventDefault(), P(
|
|
9966
|
+
(ae) => ae < V.length - 1 ? ae + 1 : 0
|
|
9967
|
+
)) : ce.key === "ArrowUp" && M ? (ce.preventDefault(), P(
|
|
9968
|
+
(ae) => ae > 0 ? ae - 1 : V.length - 1
|
|
9969
|
+
)) : ce.key === "Escape" && (x(""), P(-1));
|
|
9969
9970
|
},
|
|
9970
9971
|
[
|
|
9971
9972
|
M,
|
|
@@ -9983,15 +9984,15 @@ const uu = q.forwardRef(
|
|
|
9983
9984
|
setTimeout(() => A(!1), 150), E.trim() && n.includes(",") && G(E);
|
|
9984
9985
|
}, [E, n, G]), te = S(() => {
|
|
9985
9986
|
k.current?.focus();
|
|
9986
|
-
}, []),
|
|
9987
|
-
(
|
|
9988
|
-
G(
|
|
9987
|
+
}, []), ye = S(
|
|
9988
|
+
(ce) => {
|
|
9989
|
+
G(ce), k.current?.focus();
|
|
9989
9990
|
},
|
|
9990
9991
|
[G]
|
|
9991
|
-
),
|
|
9992
|
+
), de = [
|
|
9992
9993
|
"gloss-tag-input-wrapper",
|
|
9993
9994
|
p && "gloss-tag-input-wrapper--disabled"
|
|
9994
|
-
].filter(Boolean).join(" "),
|
|
9995
|
+
].filter(Boolean).join(" "), fe = [
|
|
9995
9996
|
"gloss-tag-input",
|
|
9996
9997
|
`gloss-tag-input--${y}`,
|
|
9997
9998
|
b !== "default" && `gloss-tag-input--${b}`,
|
|
@@ -10000,39 +10001,39 @@ const uu = q.forwardRef(
|
|
|
10000
10001
|
D && "gloss-tag-input--error",
|
|
10001
10002
|
_
|
|
10002
10003
|
].filter(Boolean).join(" ");
|
|
10003
|
-
return /* @__PURE__ */ d("div", { className:
|
|
10004
|
+
return /* @__PURE__ */ d("div", { className: de, children: [
|
|
10004
10005
|
m && /* @__PURE__ */ e("label", { className: "gloss-tag-input__label", htmlFor: w, children: m }),
|
|
10005
|
-
/* @__PURE__ */ d("div", { className:
|
|
10006
|
+
/* @__PURE__ */ d("div", { className: fe, onClick: te, children: [
|
|
10006
10007
|
h && /* @__PURE__ */ e("input", { type: "hidden", name: h, value: Y.join(",") }),
|
|
10007
10008
|
/* @__PURE__ */ d("div", { className: "gloss-tag-input__tags", children: [
|
|
10008
|
-
Y.map((
|
|
10009
|
-
/* @__PURE__ */ e("span", { className: "gloss-tag-input__tag-text", children:
|
|
10009
|
+
Y.map((ce, ae) => /* @__PURE__ */ d("span", { className: "gloss-tag-input__tag", children: [
|
|
10010
|
+
/* @__PURE__ */ e("span", { className: "gloss-tag-input__tag-text", children: ce }),
|
|
10010
10011
|
!p && /* @__PURE__ */ e(
|
|
10011
10012
|
"button",
|
|
10012
10013
|
{
|
|
10013
10014
|
type: "button",
|
|
10014
10015
|
className: "gloss-tag-input__tag-remove",
|
|
10015
|
-
onClick: (
|
|
10016
|
-
|
|
10016
|
+
onClick: (be) => {
|
|
10017
|
+
be.stopPropagation(), z(ae);
|
|
10017
10018
|
},
|
|
10018
|
-
"aria-label": `Remove ${
|
|
10019
|
+
"aria-label": `Remove ${ce}`,
|
|
10019
10020
|
tabIndex: -1,
|
|
10020
|
-
children: /* @__PURE__ */ e(
|
|
10021
|
+
children: /* @__PURE__ */ e(_e, { name: "x", size: "sm" })
|
|
10021
10022
|
}
|
|
10022
10023
|
)
|
|
10023
|
-
] }, `${
|
|
10024
|
+
] }, `${ce}-${ae}`)),
|
|
10024
10025
|
W && /* @__PURE__ */ e(
|
|
10025
10026
|
"input",
|
|
10026
10027
|
{
|
|
10027
|
-
ref: (
|
|
10028
|
-
k.current =
|
|
10028
|
+
ref: (ce) => {
|
|
10029
|
+
k.current = ce, typeof C == "function" ? C(ce) : C && (C.current = ce);
|
|
10029
10030
|
},
|
|
10030
10031
|
id: w,
|
|
10031
10032
|
type: "text",
|
|
10032
10033
|
className: "gloss-tag-input__input",
|
|
10033
10034
|
value: E,
|
|
10034
10035
|
onChange: U,
|
|
10035
|
-
onKeyDown:
|
|
10036
|
+
onKeyDown: Q,
|
|
10036
10037
|
onFocus: K,
|
|
10037
10038
|
onBlur: X,
|
|
10038
10039
|
placeholder: Y.length === 0 ? u : "",
|
|
@@ -10041,16 +10042,16 @@ const uu = q.forwardRef(
|
|
|
10041
10042
|
}
|
|
10042
10043
|
)
|
|
10043
10044
|
] }),
|
|
10044
|
-
M && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: V.map((
|
|
10045
|
+
M && /* @__PURE__ */ e("ul", { className: "gloss-tag-input__suggestions", role: "listbox", children: V.map((ce, ae) => /* @__PURE__ */ e(
|
|
10045
10046
|
"li",
|
|
10046
10047
|
{
|
|
10047
10048
|
role: "option",
|
|
10048
|
-
"aria-selected":
|
|
10049
|
-
className: `gloss-tag-input__suggestion ${
|
|
10050
|
-
onClick: () =>
|
|
10051
|
-
children:
|
|
10049
|
+
"aria-selected": ae === L,
|
|
10050
|
+
className: `gloss-tag-input__suggestion ${ae === L ? "gloss-tag-input__suggestion--selected" : ""}`,
|
|
10051
|
+
onClick: () => ye(ce),
|
|
10052
|
+
children: ce
|
|
10052
10053
|
},
|
|
10053
|
-
|
|
10054
|
+
ce
|
|
10054
10055
|
)) })
|
|
10055
10056
|
] }),
|
|
10056
10057
|
(f || D) && /* @__PURE__ */ d(
|
|
@@ -10059,7 +10060,7 @@ const uu = q.forwardRef(
|
|
|
10059
10060
|
id: `${w}-helper`,
|
|
10060
10061
|
className: `gloss-tag-input__helper ${D || b === "error" ? "gloss-tag-input__helper--error" : ""}`,
|
|
10061
10062
|
children: [
|
|
10062
|
-
(D || b === "error") && /* @__PURE__ */ e(
|
|
10063
|
+
(D || b === "error") && /* @__PURE__ */ e(_e, { name: "info", size: "sm" }),
|
|
10063
10064
|
D || f
|
|
10064
10065
|
]
|
|
10065
10066
|
}
|
|
@@ -10144,8 +10145,8 @@ const mu = [
|
|
|
10144
10145
|
(G) => {
|
|
10145
10146
|
const z = G.target.value, U = ja(z);
|
|
10146
10147
|
N || E(U);
|
|
10147
|
-
const
|
|
10148
|
-
a?.(
|
|
10148
|
+
const Q = H(A, U);
|
|
10149
|
+
a?.(Q);
|
|
10149
10150
|
},
|
|
10150
10151
|
[N, A, H, a]
|
|
10151
10152
|
), V = S(
|
|
@@ -10172,7 +10173,7 @@ const mu = [
|
|
|
10172
10173
|
children: [
|
|
10173
10174
|
/* @__PURE__ */ e("span", { className: "gloss-phone-input__country-flag", children: A.code }),
|
|
10174
10175
|
/* @__PURE__ */ e("span", { className: "gloss-phone-input__dial-code", children: A.dialCode }),
|
|
10175
|
-
/* @__PURE__ */ e(
|
|
10176
|
+
/* @__PURE__ */ e(_e, { name: "chevron-down", size: "sm" })
|
|
10176
10177
|
]
|
|
10177
10178
|
}
|
|
10178
10179
|
) : /* @__PURE__ */ e("span", { className: "gloss-phone-input__dial-code-static", children: A.dialCode });
|
|
@@ -10220,7 +10221,7 @@ const mu = [
|
|
|
10220
10221
|
id: `${C}-helper`,
|
|
10221
10222
|
className: `gloss-phone-input__helper ${p === "error" ? "gloss-phone-input__helper--error" : ""}`,
|
|
10222
10223
|
children: [
|
|
10223
|
-
p === "error" && /* @__PURE__ */ e(
|
|
10224
|
+
p === "error" && /* @__PURE__ */ e(_e, { name: "info", size: "sm" }),
|
|
10224
10225
|
u
|
|
10225
10226
|
]
|
|
10226
10227
|
}
|
|
@@ -10272,7 +10273,7 @@ function Ur({
|
|
|
10272
10273
|
}) {
|
|
10273
10274
|
const o = {
|
|
10274
10275
|
bg: B.BgSurface,
|
|
10275
|
-
shadow:
|
|
10276
|
+
shadow: qe.Hover,
|
|
10276
10277
|
radius: Ne.Md,
|
|
10277
10278
|
padding: Z.Md,
|
|
10278
10279
|
zIndex: Ja.Popover,
|
|
@@ -10299,7 +10300,7 @@ Ur.displayName = "PresetPopover";
|
|
|
10299
10300
|
const gu = (r) => String(r), hu = /* @__PURE__ */ e("div", { className: "gloss-autocomplete__empty", children: "No matches found. Try a different search." });
|
|
10300
10301
|
function bu() {
|
|
10301
10302
|
return /* @__PURE__ */ d("div", { className: "gloss-autocomplete__loading", children: [
|
|
10302
|
-
/* @__PURE__ */ e(
|
|
10303
|
+
/* @__PURE__ */ e(Ze, { name: "loader" }),
|
|
10303
10304
|
"Loading..."
|
|
10304
10305
|
] });
|
|
10305
10306
|
}
|
|
@@ -10384,7 +10385,7 @@ function zn(r) {
|
|
|
10384
10385
|
}, []), Y = w && (N.length > 0 || y || N.length === 0), V = ["gloss-autocomplete", h].filter(Boolean).join(" ");
|
|
10385
10386
|
return /* @__PURE__ */ d("div", { className: V, ref: E, children: [
|
|
10386
10387
|
/* @__PURE__ */ e(
|
|
10387
|
-
|
|
10388
|
+
Me,
|
|
10388
10389
|
{
|
|
10389
10390
|
value: C,
|
|
10390
10391
|
onChange: R,
|
|
@@ -10570,7 +10571,7 @@ function $n(r) {
|
|
|
10570
10571
|
}
|
|
10571
10572
|
) : D.length === 0 && /* @__PURE__ */ e("span", { className: "gloss-multi-select__placeholder", children: c }),
|
|
10572
10573
|
/* @__PURE__ */ e("span", { className: "gloss-multi-select__arrow", children: /* @__PURE__ */ e(
|
|
10573
|
-
|
|
10574
|
+
Ze,
|
|
10574
10575
|
{
|
|
10575
10576
|
name: "chevron-down",
|
|
10576
10577
|
definition: { size: "sm" }
|
|
@@ -10617,11 +10618,11 @@ function $n(r) {
|
|
|
10617
10618
|
z && "gloss-multi-select__option--highlighted",
|
|
10618
10619
|
U && "gloss-multi-select__option--disabled"
|
|
10619
10620
|
].filter(Boolean).join(" "),
|
|
10620
|
-
onMouseDown: (
|
|
10621
|
-
|
|
10621
|
+
onMouseDown: (Q) => {
|
|
10622
|
+
Q.preventDefault(), U || A(W.value);
|
|
10622
10623
|
},
|
|
10623
10624
|
onMouseEnter: () => I(j),
|
|
10624
|
-
children: i ? i(W, G) : /* @__PURE__ */ d(
|
|
10625
|
+
children: i ? i(W, G) : /* @__PURE__ */ d(Ge, { children: [
|
|
10625
10626
|
/* @__PURE__ */ e(
|
|
10626
10627
|
"span",
|
|
10627
10628
|
{
|
|
@@ -10719,7 +10720,7 @@ function Xr(r) {
|
|
|
10719
10720
|
Xr.displayName = "PresetAvatar";
|
|
10720
10721
|
function Nu(r, t) {
|
|
10721
10722
|
return /* @__PURE__ */ d("div", { className: `gloss-entity-picker__result ${t ? "gloss-entity-picker__result--highlighted" : ""}`, children: [
|
|
10722
|
-
r.avatarUrl ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-avatar", children: /* @__PURE__ */ e(Xr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(
|
|
10723
|
+
r.avatarUrl ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-avatar", children: /* @__PURE__ */ e(Xr, { src: r.avatarUrl, alt: r.label, size: "sm" }) }) : r.icon ? /* @__PURE__ */ e("div", { className: "gloss-entity-picker__result-icon", children: /* @__PURE__ */ e(Ze, { name: r.icon, definition: { size: "sm" } }) }) : null,
|
|
10723
10724
|
/* @__PURE__ */ d("div", { className: "gloss-entity-picker__result-info", children: [
|
|
10724
10725
|
/* @__PURE__ */ e("span", { className: "gloss-entity-picker__result-label", children: r.label }),
|
|
10725
10726
|
r.description && /* @__PURE__ */ e("span", { className: "gloss-entity-picker__result-description", children: r.description })
|
|
@@ -10814,7 +10815,7 @@ function qr(r) {
|
|
|
10814
10815
|
/* @__PURE__ */ d("table", { className: "gloss-data-table__table", children: [
|
|
10815
10816
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
|
|
10816
10817
|
u && /* @__PURE__ */ e("th", { className: "gloss-data-table__header-cell gloss-data-table__header-cell--checkbox", children: /* @__PURE__ */ e(
|
|
10817
|
-
|
|
10818
|
+
it,
|
|
10818
10819
|
{
|
|
10819
10820
|
checked: g,
|
|
10820
10821
|
indeterminate: E && !g,
|
|
@@ -10843,7 +10844,7 @@ function qr(r) {
|
|
|
10843
10844
|
{
|
|
10844
10845
|
className: `gloss-data-table__sort-icon${H ? " gloss-data-table__sort-icon--active" : ""}`,
|
|
10845
10846
|
children: /* @__PURE__ */ e(
|
|
10846
|
-
|
|
10847
|
+
Ze,
|
|
10847
10848
|
{
|
|
10848
10849
|
name: H && b === "desc" ? "arrow-down" : "arrow-up",
|
|
10849
10850
|
definition: { size: "sm" }
|
|
@@ -10888,7 +10889,7 @@ function qr(r) {
|
|
|
10888
10889
|
].filter(Boolean).join(" ");
|
|
10889
10890
|
return /* @__PURE__ */ d("tr", { className: M, children: [
|
|
10890
10891
|
u && /* @__PURE__ */ e("td", { className: "gloss-data-table__body-cell gloss-data-table__body-cell--checkbox", children: /* @__PURE__ */ e(
|
|
10891
|
-
|
|
10892
|
+
it,
|
|
10892
10893
|
{
|
|
10893
10894
|
checked: V,
|
|
10894
10895
|
onChange: () => D(Y),
|
|
@@ -10926,7 +10927,7 @@ function qr(r) {
|
|
|
10926
10927
|
] }),
|
|
10927
10928
|
/* @__PURE__ */ d("div", { className: "gloss-data-table__page-controls", children: [
|
|
10928
10929
|
/* @__PURE__ */ e(
|
|
10929
|
-
|
|
10930
|
+
Ie,
|
|
10930
10931
|
{
|
|
10931
10932
|
variant: "outline",
|
|
10932
10933
|
size: "sm",
|
|
@@ -10936,7 +10937,7 @@ function qr(r) {
|
|
|
10936
10937
|
}
|
|
10937
10938
|
),
|
|
10938
10939
|
/* @__PURE__ */ e(
|
|
10939
|
-
|
|
10940
|
+
Ie,
|
|
10940
10941
|
{
|
|
10941
10942
|
variant: "outline",
|
|
10942
10943
|
size: "sm",
|
|
@@ -10972,7 +10973,7 @@ function ku({
|
|
|
10972
10973
|
}, y = () => {
|
|
10973
10974
|
i((_) => !_);
|
|
10974
10975
|
};
|
|
10975
|
-
return /* @__PURE__ */ d(
|
|
10976
|
+
return /* @__PURE__ */ d(Ge, { children: [
|
|
10976
10977
|
/* @__PURE__ */ e(
|
|
10977
10978
|
"button",
|
|
10978
10979
|
{
|
|
@@ -11024,14 +11025,14 @@ const Du = {
|
|
|
11024
11025
|
dismissOnEscape: !0,
|
|
11025
11026
|
role: "dialog",
|
|
11026
11027
|
bg: B.BgSurface,
|
|
11027
|
-
shadow:
|
|
11028
|
+
shadow: qe.Hover,
|
|
11028
11029
|
radius: Ne.Lg,
|
|
11029
11030
|
padding: "0",
|
|
11030
11031
|
zIndex: Ja.Modal
|
|
11031
11032
|
};
|
|
11032
11033
|
function Zr({ open: r, onDismiss: t, size: a = "md", children: n }) {
|
|
11033
11034
|
const s = Du[a];
|
|
11034
|
-
return /* @__PURE__ */ d(
|
|
11035
|
+
return /* @__PURE__ */ d(Ge, { children: [
|
|
11035
11036
|
r && /* @__PURE__ */ e("div", { className: "gloss-container-dialog__backdrop", "data-density": "default" }),
|
|
11036
11037
|
/* @__PURE__ */ e(
|
|
11037
11038
|
Qa,
|
|
@@ -11083,7 +11084,7 @@ function Tu(r) {
|
|
|
11083
11084
|
/* @__PURE__ */ e(Qr, { children: m }),
|
|
11084
11085
|
/* @__PURE__ */ e(ea, { children: f || /* @__PURE__ */ d("div", { className: "gloss-form-dialog__actions", children: [
|
|
11085
11086
|
/* @__PURE__ */ e(
|
|
11086
|
-
|
|
11087
|
+
Ie,
|
|
11087
11088
|
{
|
|
11088
11089
|
variant: "outline",
|
|
11089
11090
|
onClick: y,
|
|
@@ -11092,7 +11093,7 @@ function Tu(r) {
|
|
|
11092
11093
|
}
|
|
11093
11094
|
),
|
|
11094
11095
|
/* @__PURE__ */ e(
|
|
11095
|
-
|
|
11096
|
+
Ie,
|
|
11096
11097
|
{
|
|
11097
11098
|
variant: l === "destructive" ? "destructive" : "primary",
|
|
11098
11099
|
onClick: n,
|
|
@@ -11201,7 +11202,7 @@ function Pu({
|
|
|
11201
11202
|
portal: !0
|
|
11202
11203
|
},
|
|
11203
11204
|
children: /* @__PURE__ */ e("div", { className: "gloss-merge-prompt", style: { pointerEvents: "none" }, children: /* @__PURE__ */ d(
|
|
11204
|
-
|
|
11205
|
+
he,
|
|
11205
11206
|
{
|
|
11206
11207
|
className: "gloss-merge-prompt__content",
|
|
11207
11208
|
style: { pointerEvents: "auto" },
|
|
@@ -11217,7 +11218,7 @@ function Pu({
|
|
|
11217
11218
|
"?"
|
|
11218
11219
|
] }),
|
|
11219
11220
|
/* @__PURE__ */ d(
|
|
11220
|
-
|
|
11221
|
+
he,
|
|
11221
11222
|
{
|
|
11222
11223
|
className: "gloss-merge-prompt__summary-row",
|
|
11223
11224
|
definition: {
|
|
@@ -11233,7 +11234,7 @@ function Pu({
|
|
|
11233
11234
|
}
|
|
11234
11235
|
),
|
|
11235
11236
|
/* @__PURE__ */ d(
|
|
11236
|
-
|
|
11237
|
+
he,
|
|
11237
11238
|
{
|
|
11238
11239
|
className: "gloss-merge-prompt__summary-row",
|
|
11239
11240
|
definition: {
|
|
@@ -11249,7 +11250,7 @@ function Pu({
|
|
|
11249
11250
|
}
|
|
11250
11251
|
),
|
|
11251
11252
|
/* @__PURE__ */ d(
|
|
11252
|
-
|
|
11253
|
+
he,
|
|
11253
11254
|
{
|
|
11254
11255
|
className: "gloss-merge-prompt__actions",
|
|
11255
11256
|
definition: {
|
|
@@ -11260,7 +11261,7 @@ function Pu({
|
|
|
11260
11261
|
},
|
|
11261
11262
|
children: [
|
|
11262
11263
|
/* @__PURE__ */ e(
|
|
11263
|
-
|
|
11264
|
+
Ie,
|
|
11264
11265
|
{
|
|
11265
11266
|
variant: "ghost",
|
|
11266
11267
|
size: "sm",
|
|
@@ -11269,7 +11270,7 @@ function Pu({
|
|
|
11269
11270
|
}
|
|
11270
11271
|
),
|
|
11271
11272
|
/* @__PURE__ */ e(
|
|
11272
|
-
|
|
11273
|
+
Ie,
|
|
11273
11274
|
{
|
|
11274
11275
|
variant: "primary",
|
|
11275
11276
|
size: "sm",
|
|
@@ -11322,7 +11323,7 @@ function Fn(r) {
|
|
|
11322
11323
|
"div",
|
|
11323
11324
|
{
|
|
11324
11325
|
className: `gloss-stepper__step-circle gloss-stepper__step-circle--${C}`,
|
|
11325
|
-
children: C === "completed" ? /* @__PURE__ */ e(
|
|
11326
|
+
children: C === "completed" ? /* @__PURE__ */ e(Ze, { name: "check", definition: { size: "sm" } }) : C === "error" ? /* @__PURE__ */ e(Ze, { name: "alert-circle", definition: { size: "sm" } }) : h + 1
|
|
11326
11327
|
}
|
|
11327
11328
|
),
|
|
11328
11329
|
/* @__PURE__ */ d("div", { className: "gloss-stepper__step-info", children: [
|
|
@@ -11333,9 +11334,9 @@ function Fn(r) {
|
|
|
11333
11334
|
] }, v.key);
|
|
11334
11335
|
}) }),
|
|
11335
11336
|
/* @__PURE__ */ e("div", { className: "gloss-stepper__content", children: o(a) }),
|
|
11336
|
-
/* @__PURE__ */ e("div", { className: "gloss-stepper__actions", children: c ? c(a, { goNext: f, goBack: b, isFirst: p, isLast: m }) : /* @__PURE__ */ d(
|
|
11337
|
+
/* @__PURE__ */ e("div", { className: "gloss-stepper__actions", children: c ? c(a, { goNext: f, goBack: b, isFirst: p, isLast: m }) : /* @__PURE__ */ d(Ge, { children: [
|
|
11337
11338
|
/* @__PURE__ */ e(
|
|
11338
|
-
|
|
11339
|
+
Ie,
|
|
11339
11340
|
{
|
|
11340
11341
|
variant: "outline",
|
|
11341
11342
|
onClick: b,
|
|
@@ -11343,15 +11344,15 @@ function Fn(r) {
|
|
|
11343
11344
|
children: "Back"
|
|
11344
11345
|
}
|
|
11345
11346
|
),
|
|
11346
|
-
/* @__PURE__ */ e(
|
|
11347
|
+
/* @__PURE__ */ e(Ie, { variant: "primary", onClick: f, children: m ? "Complete" : "Next" })
|
|
11347
11348
|
] }) })
|
|
11348
11349
|
] });
|
|
11349
11350
|
}
|
|
11350
11351
|
Fn.displayName = "Stepper";
|
|
11351
|
-
const Ka =
|
|
11352
|
-
email:
|
|
11353
|
-
password:
|
|
11354
|
-
rememberMe:
|
|
11352
|
+
const Ka = ve.object({
|
|
11353
|
+
email: ve.string().email("Please enter a valid email address"),
|
|
11354
|
+
password: ve.string().min(8, "Password must be at least 8 characters"),
|
|
11355
|
+
rememberMe: ve.boolean().optional()
|
|
11355
11356
|
}), sp = {
|
|
11356
11357
|
slug: "login-form",
|
|
11357
11358
|
displayName: "Login Form",
|
|
@@ -11434,7 +11435,7 @@ function op({
|
|
|
11434
11435
|
try {
|
|
11435
11436
|
Ka.shape[x].parse(D), h((R) => ({ ...R, [x]: void 0 }));
|
|
11436
11437
|
} catch (N) {
|
|
11437
|
-
N instanceof
|
|
11438
|
+
N instanceof ve.ZodError && h((R) => ({ ...R, [x]: N.issues[0]?.message }));
|
|
11438
11439
|
}
|
|
11439
11440
|
}, []), k = S(
|
|
11440
11441
|
(x) => (D) => {
|
|
@@ -11479,7 +11480,7 @@ function op({
|
|
|
11479
11480
|
/* @__PURE__ */ d("div", { className: "gloss-pattern-login-form__field", children: [
|
|
11480
11481
|
/* @__PURE__ */ e("label", { className: "gloss-pattern-login-form__label", children: "Email" }),
|
|
11481
11482
|
/* @__PURE__ */ e(
|
|
11482
|
-
|
|
11483
|
+
Me,
|
|
11483
11484
|
{
|
|
11484
11485
|
type: "email",
|
|
11485
11486
|
placeholder: "name@company.com",
|
|
@@ -11520,7 +11521,7 @@ function op({
|
|
|
11520
11521
|
v.password && C.password && /* @__PURE__ */ e("span", { className: "gloss-pattern-login-form__error", children: v.password })
|
|
11521
11522
|
] }),
|
|
11522
11523
|
n && /* @__PURE__ */ e("div", { className: "gloss-pattern-login-form__remember", children: /* @__PURE__ */ e(
|
|
11523
|
-
|
|
11524
|
+
it,
|
|
11524
11525
|
{
|
|
11525
11526
|
checked: y.rememberMe,
|
|
11526
11527
|
onChange: (x) => k("rememberMe")(x.target.checked),
|
|
@@ -11531,7 +11532,7 @@ function op({
|
|
|
11531
11532
|
] }),
|
|
11532
11533
|
/* @__PURE__ */ d("div", { className: "gloss-pattern-login-form__footer", children: [
|
|
11533
11534
|
/* @__PURE__ */ e(
|
|
11534
|
-
|
|
11535
|
+
Ie,
|
|
11535
11536
|
{
|
|
11536
11537
|
type: "submit",
|
|
11537
11538
|
variant: "primary",
|
|
@@ -11600,13 +11601,13 @@ const Bu = [
|
|
|
11600
11601
|
{ value: "WV", label: "West Virginia" },
|
|
11601
11602
|
{ value: "WI", label: "Wisconsin" },
|
|
11602
11603
|
{ value: "WY", label: "Wyoming" }
|
|
11603
|
-
], Gr =
|
|
11604
|
-
street:
|
|
11605
|
-
street2:
|
|
11606
|
-
city:
|
|
11607
|
-
state:
|
|
11608
|
-
zip:
|
|
11609
|
-
country:
|
|
11604
|
+
], Gr = ve.object({
|
|
11605
|
+
street: ve.string().min(1, "Street address is required"),
|
|
11606
|
+
street2: ve.string().optional(),
|
|
11607
|
+
city: ve.string().min(1, "City is required"),
|
|
11608
|
+
state: ve.string().min(2, "Please select a state"),
|
|
11609
|
+
zip: ve.string().regex(/^\d{5}(-\d{4})?$/, "Please enter a valid ZIP code"),
|
|
11610
|
+
country: ve.string().default("US")
|
|
11610
11611
|
}), ip = {
|
|
11611
11612
|
slug: "address-group",
|
|
11612
11613
|
displayName: "Address Group",
|
|
@@ -11702,7 +11703,7 @@ function Ru({
|
|
|
11702
11703
|
try {
|
|
11703
11704
|
Gr.shape[g].parse(E), h((D) => ({ ...D, [g]: void 0 }));
|
|
11704
11705
|
} catch (x) {
|
|
11705
|
-
x instanceof
|
|
11706
|
+
x instanceof ve.ZodError && h((D) => ({ ...D, [g]: x.issues[0]?.message }));
|
|
11706
11707
|
}
|
|
11707
11708
|
}, []), w = S(
|
|
11708
11709
|
(g) => (E) => {
|
|
@@ -11734,7 +11735,7 @@ function Ru({
|
|
|
11734
11735
|
o && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__required", children: "*" })
|
|
11735
11736
|
] }),
|
|
11736
11737
|
/* @__PURE__ */ e(
|
|
11737
|
-
|
|
11738
|
+
Me,
|
|
11738
11739
|
{
|
|
11739
11740
|
placeholder: "123 Main Street",
|
|
11740
11741
|
value: f.street,
|
|
@@ -11749,7 +11750,7 @@ function Ru({
|
|
|
11749
11750
|
a && /* @__PURE__ */ d("div", { className: "gloss-pattern-address-group__field gloss-pattern-address-group__field--full", children: [
|
|
11750
11751
|
/* @__PURE__ */ e("label", { className: "gloss-pattern-address-group__label", children: "Apt, Suite, Unit (optional)" }),
|
|
11751
11752
|
/* @__PURE__ */ e(
|
|
11752
|
-
|
|
11753
|
+
Me,
|
|
11753
11754
|
{
|
|
11754
11755
|
placeholder: "Apt 4B",
|
|
11755
11756
|
value: f.street2,
|
|
@@ -11769,7 +11770,7 @@ function Ru({
|
|
|
11769
11770
|
o && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__required", children: "*" })
|
|
11770
11771
|
] }),
|
|
11771
11772
|
/* @__PURE__ */ e(
|
|
11772
|
-
|
|
11773
|
+
Me,
|
|
11773
11774
|
{
|
|
11774
11775
|
placeholder: "San Francisco",
|
|
11775
11776
|
value: f.city,
|
|
@@ -11818,7 +11819,7 @@ function Ru({
|
|
|
11818
11819
|
o && /* @__PURE__ */ e("span", { className: "gloss-pattern-address-group__required", children: "*" })
|
|
11819
11820
|
] }),
|
|
11820
11821
|
/* @__PURE__ */ e(
|
|
11821
|
-
|
|
11822
|
+
Me,
|
|
11822
11823
|
{
|
|
11823
11824
|
placeholder: "94102",
|
|
11824
11825
|
value: f.zip,
|
|
@@ -11835,7 +11836,7 @@ function Ru({
|
|
|
11835
11836
|
),
|
|
11836
11837
|
n && /* @__PURE__ */ d("div", { className: "gloss-pattern-address-group__field gloss-pattern-address-group__field--full", children: [
|
|
11837
11838
|
/* @__PURE__ */ e("label", { className: "gloss-pattern-address-group__label", children: "Country" }),
|
|
11838
|
-
/* @__PURE__ */ e(
|
|
11839
|
+
/* @__PURE__ */ e(Me, { value: "United States", disabled: !0 })
|
|
11839
11840
|
] })
|
|
11840
11841
|
]
|
|
11841
11842
|
}
|
|
@@ -11853,14 +11854,14 @@ const Au = (r) => {
|
|
|
11853
11854
|
n && (i *= 2, i > 9 && (i -= 9)), a += i, n = !n;
|
|
11854
11855
|
}
|
|
11855
11856
|
return a % 10 === 0;
|
|
11856
|
-
}, mr =
|
|
11857
|
-
cardNumber:
|
|
11858
|
-
expiryDate:
|
|
11857
|
+
}, mr = ve.object({
|
|
11858
|
+
cardNumber: ve.string().min(13, "Card number is too short").refine((r) => Au(r), "Invalid card number"),
|
|
11859
|
+
expiryDate: ve.string().regex(/^(0[1-9]|1[0-2])\s?\/\s?\d{2}$/, "Invalid expiry date (MM/YY)").refine((r) => {
|
|
11859
11860
|
const [t, a] = r.split("/").map((i) => parseInt(i.trim(), 10)), n = /* @__PURE__ */ new Date();
|
|
11860
11861
|
return new Date(2e3 + a, t - 1) > n;
|
|
11861
11862
|
}, "Card has expired"),
|
|
11862
|
-
cvv:
|
|
11863
|
-
cardholderName:
|
|
11863
|
+
cvv: ve.string().regex(/^\d{3,4}$/, "CVV must be 3 or 4 digits"),
|
|
11864
|
+
cardholderName: ve.string().min(2, "Cardholder name is required")
|
|
11864
11865
|
}), lp = {
|
|
11865
11866
|
slug: "credit-card-form",
|
|
11866
11867
|
displayName: "Credit Card Form",
|
|
@@ -11951,7 +11952,7 @@ function cp({
|
|
|
11951
11952
|
try {
|
|
11952
11953
|
mr.shape[N].parse(R), C((L) => ({ ...L, [N]: void 0 }));
|
|
11953
11954
|
} catch (A) {
|
|
11954
|
-
A instanceof
|
|
11955
|
+
A instanceof ve.ZodError && C((L) => ({ ...L, [N]: A.issues[0]?.message }));
|
|
11955
11956
|
}
|
|
11956
11957
|
}, []), g = S(
|
|
11957
11958
|
(N) => (R) => {
|
|
@@ -12037,7 +12038,7 @@ function cp({
|
|
|
12037
12038
|
/* @__PURE__ */ d("div", { className: "gloss-pattern-credit-card-form__field", children: [
|
|
12038
12039
|
/* @__PURE__ */ e("label", { className: "gloss-pattern-credit-card-form__label", children: "CVV" }),
|
|
12039
12040
|
/* @__PURE__ */ e(
|
|
12040
|
-
|
|
12041
|
+
Me,
|
|
12041
12042
|
{
|
|
12042
12043
|
type: "text",
|
|
12043
12044
|
inputMode: "numeric",
|
|
@@ -12056,7 +12057,7 @@ function cp({
|
|
|
12056
12057
|
/* @__PURE__ */ d("div", { className: "gloss-pattern-credit-card-form__field", children: [
|
|
12057
12058
|
/* @__PURE__ */ e("label", { className: "gloss-pattern-credit-card-form__label", children: "Cardholder Name" }),
|
|
12058
12059
|
/* @__PURE__ */ e(
|
|
12059
|
-
|
|
12060
|
+
Me,
|
|
12060
12061
|
{
|
|
12061
12062
|
placeholder: "John Doe",
|
|
12062
12063
|
value: _.cardholderName,
|
|
@@ -12071,7 +12072,7 @@ function cp({
|
|
|
12071
12072
|
] }),
|
|
12072
12073
|
/* @__PURE__ */ d("div", { className: "gloss-pattern-credit-card-form__footer", children: [
|
|
12073
12074
|
s && /* @__PURE__ */ e(
|
|
12074
|
-
|
|
12075
|
+
Ie,
|
|
12075
12076
|
{
|
|
12076
12077
|
type: "button",
|
|
12077
12078
|
variant: "secondary",
|
|
@@ -12082,13 +12083,13 @@ function cp({
|
|
|
12082
12083
|
}
|
|
12083
12084
|
),
|
|
12084
12085
|
/* @__PURE__ */ e(
|
|
12085
|
-
|
|
12086
|
+
Ie,
|
|
12086
12087
|
{
|
|
12087
12088
|
type: "submit",
|
|
12088
12089
|
variant: "primary",
|
|
12089
12090
|
isLoading: o,
|
|
12090
12091
|
disabled: l || c,
|
|
12091
|
-
leftIcon: u ? /* @__PURE__ */ e(
|
|
12092
|
+
leftIcon: u ? /* @__PURE__ */ e(Ze, { name: "lock", definition: { size: "sm" } }) : void 0,
|
|
12092
12093
|
fullWidth: !0,
|
|
12093
12094
|
children: k
|
|
12094
12095
|
}
|
|
@@ -12096,13 +12097,13 @@ function cp({
|
|
|
12096
12097
|
] })
|
|
12097
12098
|
] });
|
|
12098
12099
|
}
|
|
12099
|
-
const Ya =
|
|
12100
|
-
firstName:
|
|
12101
|
-
lastName:
|
|
12102
|
-
email:
|
|
12103
|
-
password:
|
|
12104
|
-
confirmPassword:
|
|
12105
|
-
acceptTerms:
|
|
12100
|
+
const Ya = ve.object({
|
|
12101
|
+
firstName: ve.string().min(1, "First name is required"),
|
|
12102
|
+
lastName: ve.string().min(1, "Last name is required"),
|
|
12103
|
+
email: ve.string().email("Please enter a valid email address"),
|
|
12104
|
+
password: ve.string().min(8, "Password must be at least 8 characters"),
|
|
12105
|
+
confirmPassword: ve.string(),
|
|
12106
|
+
acceptTerms: ve.boolean().refine((r) => r === !0, "You must accept the terms")
|
|
12106
12107
|
}).refine((r) => r.password === r.confirmPassword, {
|
|
12107
12108
|
message: "Passwords must match",
|
|
12108
12109
|
path: ["confirmPassword"]
|
|
@@ -12190,7 +12191,7 @@ function up({
|
|
|
12190
12191
|
try {
|
|
12191
12192
|
Ya._def.schema.shape[g].parse(E), _((D) => ({ ...D, [g]: void 0 }));
|
|
12192
12193
|
} catch (x) {
|
|
12193
|
-
x instanceof
|
|
12194
|
+
x instanceof ve.ZodError && _((D) => ({ ...D, [g]: x.issues[0]?.message }));
|
|
12194
12195
|
}
|
|
12195
12196
|
},
|
|
12196
12197
|
[f.password]
|
|
@@ -12244,7 +12245,7 @@ function up({
|
|
|
12244
12245
|
/* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
|
|
12245
12246
|
/* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "First Name" }),
|
|
12246
12247
|
/* @__PURE__ */ e(
|
|
12247
|
-
|
|
12248
|
+
Me,
|
|
12248
12249
|
{
|
|
12249
12250
|
placeholder: "John",
|
|
12250
12251
|
value: f.firstName,
|
|
@@ -12260,7 +12261,7 @@ function up({
|
|
|
12260
12261
|
/* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
|
|
12261
12262
|
/* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Last Name" }),
|
|
12262
12263
|
/* @__PURE__ */ e(
|
|
12263
|
-
|
|
12264
|
+
Me,
|
|
12264
12265
|
{
|
|
12265
12266
|
placeholder: "Doe",
|
|
12266
12267
|
value: f.lastName,
|
|
@@ -12277,7 +12278,7 @@ function up({
|
|
|
12277
12278
|
/* @__PURE__ */ d("div", { className: "gloss-registration-form__field", children: [
|
|
12278
12279
|
/* @__PURE__ */ e("label", { className: "gloss-registration-form__label", children: "Email" }),
|
|
12279
12280
|
/* @__PURE__ */ e(
|
|
12280
|
-
|
|
12281
|
+
Me,
|
|
12281
12282
|
{
|
|
12282
12283
|
type: "email",
|
|
12283
12284
|
placeholder: "name@company.com",
|
|
@@ -12331,7 +12332,7 @@ function up({
|
|
|
12331
12332
|
] }),
|
|
12332
12333
|
/* @__PURE__ */ d("div", { className: "gloss-registration-form__terms", children: [
|
|
12333
12334
|
/* @__PURE__ */ e(
|
|
12334
|
-
|
|
12335
|
+
it,
|
|
12335
12336
|
{
|
|
12336
12337
|
checked: f.acceptTerms,
|
|
12337
12338
|
onChange: (g) => T("acceptTerms")(g.target.checked),
|
|
@@ -12345,7 +12346,7 @@ function up({
|
|
|
12345
12346
|
] }),
|
|
12346
12347
|
/* @__PURE__ */ d("div", { className: "gloss-registration-form__footer", children: [
|
|
12347
12348
|
/* @__PURE__ */ e(
|
|
12348
|
-
|
|
12349
|
+
Ie,
|
|
12349
12350
|
{
|
|
12350
12351
|
type: "submit",
|
|
12351
12352
|
variant: "primary",
|
|
@@ -12363,11 +12364,11 @@ function up({
|
|
|
12363
12364
|
] })
|
|
12364
12365
|
] });
|
|
12365
12366
|
}
|
|
12366
|
-
const Ua =
|
|
12367
|
-
name:
|
|
12368
|
-
email:
|
|
12369
|
-
subject:
|
|
12370
|
-
message:
|
|
12367
|
+
const Ua = ve.object({
|
|
12368
|
+
name: ve.string().min(1, "Name is required"),
|
|
12369
|
+
email: ve.string().email("Please enter a valid email address"),
|
|
12370
|
+
subject: ve.string().min(1, "Subject is required"),
|
|
12371
|
+
message: ve.string().min(10, "Message must be at least 10 characters")
|
|
12371
12372
|
}), mp = {
|
|
12372
12373
|
slug: "contact-form",
|
|
12373
12374
|
displayName: "Contact Form",
|
|
@@ -12428,7 +12429,7 @@ function pp({
|
|
|
12428
12429
|
try {
|
|
12429
12430
|
Ua.shape[w].parse(k), f((g) => ({ ...g, [w]: void 0 }));
|
|
12430
12431
|
} catch (I) {
|
|
12431
|
-
I instanceof
|
|
12432
|
+
I instanceof ve.ZodError && f((g) => ({ ...g, [w]: I.issues[0]?.message }));
|
|
12432
12433
|
}
|
|
12433
12434
|
}, []), v = S(
|
|
12434
12435
|
(w) => (k) => {
|
|
@@ -12476,7 +12477,7 @@ function pp({
|
|
|
12476
12477
|
/* @__PURE__ */ d("div", { className: "gloss-contact-form__field", children: [
|
|
12477
12478
|
/* @__PURE__ */ e("label", { className: "gloss-contact-form__label", children: "Name" }),
|
|
12478
12479
|
/* @__PURE__ */ e(
|
|
12479
|
-
|
|
12480
|
+
Me,
|
|
12480
12481
|
{
|
|
12481
12482
|
placeholder: "Your name",
|
|
12482
12483
|
value: u.name,
|
|
@@ -12492,7 +12493,7 @@ function pp({
|
|
|
12492
12493
|
/* @__PURE__ */ d("div", { className: "gloss-contact-form__field", children: [
|
|
12493
12494
|
/* @__PURE__ */ e("label", { className: "gloss-contact-form__label", children: "Email" }),
|
|
12494
12495
|
/* @__PURE__ */ e(
|
|
12495
|
-
|
|
12496
|
+
Me,
|
|
12496
12497
|
{
|
|
12497
12498
|
type: "email",
|
|
12498
12499
|
placeholder: "name@company.com",
|
|
@@ -12520,7 +12521,7 @@ function pp({
|
|
|
12520
12521
|
disabled: n || a
|
|
12521
12522
|
}
|
|
12522
12523
|
) : /* @__PURE__ */ e(
|
|
12523
|
-
|
|
12524
|
+
Me,
|
|
12524
12525
|
{
|
|
12525
12526
|
placeholder: "What is this about?",
|
|
12526
12527
|
value: u.subject,
|
|
@@ -12552,7 +12553,7 @@ function pp({
|
|
|
12552
12553
|
] })
|
|
12553
12554
|
] }),
|
|
12554
12555
|
/* @__PURE__ */ e("div", { className: "gloss-contact-form__footer", children: /* @__PURE__ */ e(
|
|
12555
|
-
|
|
12556
|
+
Ie,
|
|
12556
12557
|
{
|
|
12557
12558
|
type: "submit",
|
|
12558
12559
|
variant: "primary",
|
|
@@ -12564,11 +12565,11 @@ function pp({
|
|
|
12564
12565
|
) })
|
|
12565
12566
|
] });
|
|
12566
12567
|
}
|
|
12567
|
-
const zu =
|
|
12568
|
-
paymentMethod:
|
|
12568
|
+
const zu = ve.object({
|
|
12569
|
+
paymentMethod: ve.enum(["credit_card", "debit_card", "bank_transfer"]),
|
|
12569
12570
|
card: mr.optional(),
|
|
12570
12571
|
billingAddress: Gr,
|
|
12571
|
-
savePaymentMethod:
|
|
12572
|
+
savePaymentMethod: ve.boolean().optional()
|
|
12572
12573
|
}).refine(
|
|
12573
12574
|
(r) => r.paymentMethod === "credit_card" || r.paymentMethod === "debit_card" ? r.card !== void 0 : !0,
|
|
12574
12575
|
{
|
|
@@ -12640,7 +12641,7 @@ function gp({
|
|
|
12640
12641
|
try {
|
|
12641
12642
|
mr.shape[A].parse(L), _((H) => ({ ...H, [A]: void 0 }));
|
|
12642
12643
|
} catch (P) {
|
|
12643
|
-
P instanceof
|
|
12644
|
+
P instanceof ve.ZodError && _((H) => ({ ...H, [A]: P.issues[0]?.message }));
|
|
12644
12645
|
}
|
|
12645
12646
|
}, []), x = S(
|
|
12646
12647
|
(A) => (L) => {
|
|
@@ -12720,7 +12721,7 @@ function gp({
|
|
|
12720
12721
|
/* @__PURE__ */ d("div", { className: "gloss-payment-form__field", children: [
|
|
12721
12722
|
/* @__PURE__ */ e("label", { className: "gloss-payment-form__label", children: "Cardholder Name" }),
|
|
12722
12723
|
/* @__PURE__ */ e(
|
|
12723
|
-
|
|
12724
|
+
Me,
|
|
12724
12725
|
{
|
|
12725
12726
|
placeholder: "John Doe",
|
|
12726
12727
|
value: f.cardholderName,
|
|
@@ -12769,7 +12770,7 @@ function gp({
|
|
|
12769
12770
|
/* @__PURE__ */ d("div", { className: "gloss-payment-form__field", children: [
|
|
12770
12771
|
/* @__PURE__ */ e("label", { className: "gloss-payment-form__label", children: "CVV" }),
|
|
12771
12772
|
/* @__PURE__ */ e(
|
|
12772
|
-
|
|
12773
|
+
Me,
|
|
12773
12774
|
{
|
|
12774
12775
|
type: "text",
|
|
12775
12776
|
inputMode: "numeric",
|
|
@@ -12802,7 +12803,7 @@ function gp({
|
|
|
12802
12803
|
)
|
|
12803
12804
|
] }),
|
|
12804
12805
|
u && /* @__PURE__ */ e("div", { className: "gloss-payment-form__save", children: /* @__PURE__ */ e(
|
|
12805
|
-
|
|
12806
|
+
it,
|
|
12806
12807
|
{
|
|
12807
12808
|
checked: C,
|
|
12808
12809
|
onChange: (A) => T(A.target.checked),
|
|
@@ -12813,7 +12814,7 @@ function gp({
|
|
|
12813
12814
|
w && /* @__PURE__ */ e("div", { className: "gloss-payment-form__form-error", children: w }),
|
|
12814
12815
|
/* @__PURE__ */ d("div", { className: "gloss-payment-form__actions", children: [
|
|
12815
12816
|
c && /* @__PURE__ */ e(
|
|
12816
|
-
|
|
12817
|
+
Ie,
|
|
12817
12818
|
{
|
|
12818
12819
|
type: "button",
|
|
12819
12820
|
variant: "secondary",
|
|
@@ -12823,7 +12824,7 @@ function gp({
|
|
|
12823
12824
|
}
|
|
12824
12825
|
),
|
|
12825
12826
|
/* @__PURE__ */ e(
|
|
12826
|
-
|
|
12827
|
+
Ie,
|
|
12827
12828
|
{
|
|
12828
12829
|
type: "submit",
|
|
12829
12830
|
variant: "primary",
|
|
@@ -12918,7 +12919,7 @@ function bp({
|
|
|
12918
12919
|
return /* @__PURE__ */ d(Zr, { open: r, onDismiss: p ? void 0 : t, size: "sm", children: [
|
|
12919
12920
|
/* @__PURE__ */ e(Jr, { children: /* @__PURE__ */ d("div", { className: "gloss-pattern-destructive-modal__header-content", children: [
|
|
12920
12921
|
/* @__PURE__ */ e(
|
|
12921
|
-
|
|
12922
|
+
Ze,
|
|
12922
12923
|
{
|
|
12923
12924
|
name: f,
|
|
12924
12925
|
className: "gloss-pattern-destructive-modal__icon",
|
|
@@ -12936,7 +12937,7 @@ function bp({
|
|
|
12936
12937
|
" to confirm"
|
|
12937
12938
|
] }),
|
|
12938
12939
|
/* @__PURE__ */ e(
|
|
12939
|
-
|
|
12940
|
+
Me,
|
|
12940
12941
|
{
|
|
12941
12942
|
value: b,
|
|
12942
12943
|
onChange: (C) => y(C.target.value),
|
|
@@ -12948,9 +12949,9 @@ function bp({
|
|
|
12948
12949
|
] })
|
|
12949
12950
|
] }),
|
|
12950
12951
|
/* @__PURE__ */ d(ea, { children: [
|
|
12951
|
-
/* @__PURE__ */ e(
|
|
12952
|
+
/* @__PURE__ */ e(Ie, { variant: "ghost", onClick: t, disabled: p, children: o }),
|
|
12952
12953
|
/* @__PURE__ */ e(
|
|
12953
|
-
|
|
12954
|
+
Ie,
|
|
12954
12955
|
{
|
|
12955
12956
|
variant: "destructive",
|
|
12956
12957
|
onClick: _,
|
|
@@ -13108,7 +13109,7 @@ function Ou(r) {
|
|
|
13108
13109
|
onChange: f
|
|
13109
13110
|
}
|
|
13110
13111
|
) }),
|
|
13111
|
-
o && /* @__PURE__ */ e("div", { className: "gloss-order-filter-bar__reset", children: /* @__PURE__ */ e(
|
|
13112
|
+
o && /* @__PURE__ */ e("div", { className: "gloss-order-filter-bar__reset", children: /* @__PURE__ */ e(Ie, { variant: "ghost", size: "sm", onClick: o, children: "Reset" }) })
|
|
13112
13113
|
] });
|
|
13113
13114
|
}
|
|
13114
13115
|
Ou.displayName = "OrderFilterBar";
|
|
@@ -13250,8 +13251,8 @@ function Wu(r) {
|
|
|
13250
13251
|
" rows to import."
|
|
13251
13252
|
] }),
|
|
13252
13253
|
o && c != null && /* @__PURE__ */ e(Ln, { value: c, max: 100, label: "Importing..." }),
|
|
13253
|
-
!o && /* @__PURE__ */ e(
|
|
13254
|
-
o && /* @__PURE__ */ e(
|
|
13254
|
+
!o && /* @__PURE__ */ e(Ie, { variant: "primary", onClick: T, children: "Import" }),
|
|
13255
|
+
o && /* @__PURE__ */ e(Ie, { variant: "primary", disabled: !0, isLoading: !0, children: "Importing..." })
|
|
13255
13256
|
] });
|
|
13256
13257
|
default:
|
|
13257
13258
|
return null;
|
|
@@ -13511,7 +13512,7 @@ export {
|
|
|
13511
13512
|
Gl as M,
|
|
13512
13513
|
mc as N,
|
|
13513
13514
|
pc as O,
|
|
13514
|
-
|
|
13515
|
+
Ie as P,
|
|
13515
13516
|
fc as Q,
|
|
13516
13517
|
Fi as R,
|
|
13517
13518
|
Dl as S,
|
|
@@ -13556,8 +13557,8 @@ export {
|
|
|
13556
13557
|
Ou as aS,
|
|
13557
13558
|
Wu as aT,
|
|
13558
13559
|
mn as aU,
|
|
13559
|
-
|
|
13560
|
-
|
|
13560
|
+
Je as aV,
|
|
13561
|
+
Qe as aW,
|
|
13561
13562
|
Dr as aX,
|
|
13562
13563
|
Um as aY,
|
|
13563
13564
|
Xm as aZ,
|
|
@@ -13588,7 +13589,7 @@ export {
|
|
|
13588
13589
|
sp as ax,
|
|
13589
13590
|
Ka as ay,
|
|
13590
13591
|
On as az,
|
|
13591
|
-
|
|
13592
|
+
it as b,
|
|
13592
13593
|
Jr as b0,
|
|
13593
13594
|
Qr as b1,
|
|
13594
13595
|
ea as b2,
|
|
@@ -13625,8 +13626,8 @@ export {
|
|
|
13625
13626
|
Ec as bd,
|
|
13626
13627
|
Mc as be,
|
|
13627
13628
|
Pc as bf,
|
|
13628
|
-
|
|
13629
|
-
|
|
13629
|
+
at as bg,
|
|
13630
|
+
nt as bh,
|
|
13630
13631
|
In as bi,
|
|
13631
13632
|
zr as bj,
|
|
13632
13633
|
sd as bk,
|
|
@@ -13660,7 +13661,7 @@ export {
|
|
|
13660
13661
|
Nl as o,
|
|
13661
13662
|
wl as p,
|
|
13662
13663
|
Ml as q,
|
|
13663
|
-
|
|
13664
|
+
Me as r,
|
|
13664
13665
|
hn as s,
|
|
13665
13666
|
Ll as t,
|
|
13666
13667
|
Mi as u,
|