@npm-questionpro/wick-ui-lib 0.22.1 → 0.22.2
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as d, Fragment as Ae, jsxs as P } from "react/jsx-runtime";
|
|
2
2
|
import * as p from "react";
|
|
3
|
-
import T, { forwardRef as Zn, useState as re, useRef as
|
|
3
|
+
import T, { forwardRef as Zn, useState as re, useRef as ze, useLayoutEffect as Xa, useEffect as Re, Fragment as qh, useMemo as We, createContext as Kh, useContext as Xh, useCallback as _e, createElement as Wn, memo as Jc } from "react";
|
|
4
4
|
import * as Za from "react-dom";
|
|
5
5
|
import eu from "react-dom";
|
|
6
6
|
function Zh(e, t) {
|
|
@@ -2886,7 +2886,7 @@ const Ww = ({ onLogout: e, DataCenter: t }) => /* @__PURE__ */ P("section", { cl
|
|
|
2886
2886
|
DataCenter: r
|
|
2887
2887
|
}) => {
|
|
2888
2888
|
var c, u;
|
|
2889
|
-
const [o, s] = re(!1), a =
|
|
2889
|
+
const [o, s] = re(!1), a = ze(null), i = ze(null);
|
|
2890
2890
|
Mo([a, i], () => s(!1));
|
|
2891
2891
|
const l = () => {
|
|
2892
2892
|
s(!o);
|
|
@@ -4552,8 +4552,8 @@ var ci = "PopperContent", [tv, nv] = Vu(ci), ju = p.forwardRef(
|
|
|
4552
4552
|
Kb({
|
|
4553
4553
|
...j,
|
|
4554
4554
|
apply: ({ elements: Ve, rects: et, availableWidth: wt, availableHeight: bt }) => {
|
|
4555
|
-
const { width: Be, height:
|
|
4556
|
-
Xt.setProperty("--radix-popper-available-width", `${wt}px`), Xt.setProperty("--radix-popper-available-height", `${bt}px`), Xt.setProperty("--radix-popper-anchor-width", `${Be}px`), Xt.setProperty("--radix-popper-anchor-height", `${
|
|
4555
|
+
const { width: Be, height: Ge } = et.reference, Xt = Ve.floating.style;
|
|
4556
|
+
Xt.setProperty("--radix-popper-available-width", `${wt}px`), Xt.setProperty("--radix-popper-available-height", `${bt}px`), Xt.setProperty("--radix-popper-anchor-width", `${Be}px`), Xt.setProperty("--radix-popper-anchor-height", `${Ge}px`);
|
|
4557
4557
|
}
|
|
4558
4558
|
}),
|
|
4559
4559
|
R && Zb({ element: R, padding: i }),
|
|
@@ -5166,7 +5166,7 @@ const pi = T.forwardRef(
|
|
|
5166
5166
|
);
|
|
5167
5167
|
pi.displayName = "WuTooltip";
|
|
5168
5168
|
const Vs = ({ label: e, className: t }) => {
|
|
5169
|
-
const n =
|
|
5169
|
+
const n = ze(null), [r, o] = re(!1);
|
|
5170
5170
|
return Re(() => {
|
|
5171
5171
|
const s = n.current;
|
|
5172
5172
|
if (s) {
|
|
@@ -5273,7 +5273,7 @@ const Vs = ({ label: e, className: t }) => {
|
|
|
5273
5273
|
link: "https://www.questionpro.com/a/liveperson.do?mode=launch&pageMode=quickChat",
|
|
5274
5274
|
target: "window"
|
|
5275
5275
|
}
|
|
5276
|
-
], r =
|
|
5276
|
+
], r = ze(null), o = ze(null), [s, a] = re(!1);
|
|
5277
5277
|
Mo([r, o], () => {
|
|
5278
5278
|
a(!1);
|
|
5279
5279
|
});
|
|
@@ -5902,7 +5902,7 @@ const eP = (e) => {
|
|
|
5902
5902
|
homeLink: o,
|
|
5903
5903
|
expandAll: s
|
|
5904
5904
|
}) => {
|
|
5905
|
-
const a =
|
|
5905
|
+
const a = ze(null), i = ze(null), l = ze(null), c = ze(null), [u, f] = re(!1), [m, g] = re(
|
|
5906
5906
|
null
|
|
5907
5907
|
), [w, h] = re(
|
|
5908
5908
|
n.base
|
|
@@ -9665,7 +9665,7 @@ function jS(e) {
|
|
|
9665
9665
|
e.formatters,
|
|
9666
9666
|
e.labels,
|
|
9667
9667
|
e.classNames
|
|
9668
|
-
]), { captionLayout: i, mode: l, onDayBlur: c, onDayClick: u, onDayFocus: f, onDayKeyDown: m, onDayMouseEnter: g, onDayMouseLeave: w, onNextClick: h, onPrevClick: v, showWeekNumber: y, styles: b } = e, { formatCaption: x, formatDay: R, formatMonthDropdown: S, formatWeekNumber: C, formatWeekNumberHeader: E, formatWeekdayName: M, formatYearDropdown: I } = n, _ = OS(e, o), { days: L, months: k, navStart: j, navEnd: F, previousMonth: O, nextMonth: H, goToMonth: U } = _, G = $S(L, e, o), { isSelected: $, select: Z, selected: ee } = YS(e, o) ?? {}, { blur: D, focused: z, isFocusTarget: Q, moveFocus: B, setFocused: X } = LS(e, _, G, $ ?? (() => !1), o), { labelDayButton: ne, labelGridcell: A, labelGrid: K, labelMonthDropdown: de, labelNav: ie, labelWeekday: ge, labelWeekNumber: Ve, labelWeekNumberHeader: et, labelYearDropdown: wt } = r, bt = We(() => uS(o, e.ISOWeek), [o, e.ISOWeek]), Be = l !== void 0 || u !== void 0,
|
|
9668
|
+
]), { captionLayout: i, mode: l, onDayBlur: c, onDayClick: u, onDayFocus: f, onDayKeyDown: m, onDayMouseEnter: g, onDayMouseLeave: w, onNextClick: h, onPrevClick: v, showWeekNumber: y, styles: b } = e, { formatCaption: x, formatDay: R, formatMonthDropdown: S, formatWeekNumber: C, formatWeekNumberHeader: E, formatWeekdayName: M, formatYearDropdown: I } = n, _ = OS(e, o), { days: L, months: k, navStart: j, navEnd: F, previousMonth: O, nextMonth: H, goToMonth: U } = _, G = $S(L, e, o), { isSelected: $, select: Z, selected: ee } = YS(e, o) ?? {}, { blur: D, focused: z, isFocusTarget: Q, moveFocus: B, setFocused: X } = LS(e, _, G, $ ?? (() => !1), o), { labelDayButton: ne, labelGridcell: A, labelGrid: K, labelMonthDropdown: de, labelNav: ie, labelWeekday: ge, labelWeekNumber: Ve, labelWeekNumberHeader: et, labelYearDropdown: wt } = r, bt = We(() => uS(o, e.ISOWeek), [o, e.ISOWeek]), Be = l !== void 0 || u !== void 0, Ge = _e(() => {
|
|
9669
9669
|
O && (U(O), v == null || v(O));
|
|
9670
9670
|
}, [O, U, v]), Xt = _e(() => {
|
|
9671
9671
|
H && (U(H), h == null || h(H));
|
|
@@ -9730,7 +9730,7 @@ function jS(e) {
|
|
|
9730
9730
|
T.createElement(
|
|
9731
9731
|
t.Months,
|
|
9732
9732
|
{ className: a[oe.Months], style: b == null ? void 0 : b[oe.Months] },
|
|
9733
|
-
!e.hideNavigation && T.createElement(t.Nav, { className: a[oe.Nav], style: b == null ? void 0 : b[oe.Nav], "aria-label": ie(), onPreviousClick:
|
|
9733
|
+
!e.hideNavigation && T.createElement(t.Nav, { className: a[oe.Nav], style: b == null ? void 0 : b[oe.Nav], "aria-label": ie(), onPreviousClick: Ge, onNextClick: Xt, previousMonth: O, nextMonth: H }),
|
|
9734
9734
|
k.map((he, ke) => {
|
|
9735
9735
|
const Ee = lS(he.date, j, F, n, o), Qt = dS(j, F, n, o);
|
|
9736
9736
|
return T.createElement(
|
|
@@ -9757,14 +9757,14 @@ function jS(e) {
|
|
|
9757
9757
|
y && T.createElement(t.WeekNumber, { week: vt, style: b == null ? void 0 : b[oe.WeekNumber], "aria-label": Ve(vt.weekNumber, {
|
|
9758
9758
|
locale: s
|
|
9759
9759
|
}), className: a[oe.WeekNumber], scope: "row", role: "rowheader" }, C(vt.weekNumber)),
|
|
9760
|
-
vt.days.map((
|
|
9761
|
-
const { date: Tt } =
|
|
9762
|
-
if (ye[Te.focused] = !ye.hidden && !!(z != null && z.isEqualTo(
|
|
9760
|
+
vt.days.map((Ye) => {
|
|
9761
|
+
const { date: Tt } = Ye, ye = G(Ye);
|
|
9762
|
+
if (ye[Te.focused] = !ye.hidden && !!(z != null && z.isEqualTo(Ye)), ye[yt.selected] = !ye.disabled && (($ == null ? void 0 : $(Tt)) || ye.selected), Ri(ee)) {
|
|
9763
9763
|
const { from: Fs, to: Ls } = ee;
|
|
9764
9764
|
ye[yt.range_start] = !!(Fs && Ls && o.isSameDay(Tt, Fs)), ye[yt.range_end] = !!(Fs && Ls && o.isSameDay(Tt, Ls)), ye[yt.range_middle] = zt(ee, Tt, !0, o);
|
|
9765
9765
|
}
|
|
9766
9766
|
const Yh = cS(ye, b, e.modifiersStyles), jh = SC(ye, a, e.modifiersClassNames), Uh = !Be && !ye.hidden ? A(Tt, ye, o.options, o) : void 0;
|
|
9767
|
-
return T.createElement(t.Day, { key: `${o.format(Tt, "yyyy-MM-dd")}_${o.format(
|
|
9767
|
+
return T.createElement(t.Day, { key: `${o.format(Tt, "yyyy-MM-dd")}_${o.format(Ye.displayMonth, "yyyy-MM")}`, day: Ye, modifiers: ye, className: jh.join(" "), style: Yh, role: "gridcell", "aria-selected": ye.selected || void 0, "aria-label": Uh, "data-day": o.format(Tt, "yyyy-MM-dd"), "data-month": Ye.outside ? o.format(Tt, "yyyy-MM") : void 0, "data-selected": ye.selected || void 0, "data-disabled": ye.disabled || void 0, "data-hidden": ye.hidden || void 0, "data-outside": Ye.outside || void 0, "data-focused": ye.focused || void 0, "data-today": ye.today || void 0 }, !ye.hidden && Be ? T.createElement(t.DayButton, { className: a[oe.DayButton], style: b == null ? void 0 : b[oe.DayButton], type: "button", day: Ye, modifiers: ye, disabled: ye.disabled || void 0, tabIndex: Q(Ye) ? 0 : -1, "aria-label": ne(Tt, ye, o.options, o), onClick: Dn(Ye, ye), onBlur: eo(Ye, ye), onFocus: cr(Ye, ye), onKeyDown: kn(Ye, ye), onMouseEnter: Zt(Ye, ye), onMouseLeave: Wt(Ye, ye) }, R(Tt, o.options, o)) : !ye.hidden && R(Ye.date, o.options, o));
|
|
9768
9768
|
})
|
|
9769
9769
|
)))
|
|
9770
9770
|
)
|
|
@@ -14416,7 +14416,7 @@ const bN = /* @__PURE__ */ ve(
|
|
|
14416
14416
|
bt,
|
|
14417
14417
|
Be
|
|
14418
14418
|
]) => {
|
|
14419
|
-
const { row:
|
|
14419
|
+
const { row: Ge, column: Xt } = ie, { height: Dn, width: cr } = ge, { width: eo } = Ve;
|
|
14420
14420
|
if (wt === 0 && (A === 0 || eo === 0))
|
|
14421
14421
|
return kc;
|
|
14422
14422
|
if (cr === 0) {
|
|
@@ -14425,8 +14425,8 @@ const bN = /* @__PURE__ */ ve(
|
|
|
14425
14425
|
}
|
|
14426
14426
|
const kn = Lg(eo, cr, Xt);
|
|
14427
14427
|
let Zt, Wt;
|
|
14428
|
-
bt ? K === 0 && de === 0 && wt > 0 ? (Zt = 0, Wt = wt - 1) : (Zt = kn * Vo((K +
|
|
14429
|
-
const to = Fc(Zt, Wt, et), { top: no, bottom: ro } = Lc(Ve, ie, ge, to), oo = Ac(A / kn), As = oo * Dn + (oo - 1) *
|
|
14428
|
+
bt ? K === 0 && de === 0 && wt > 0 ? (Zt = 0, Wt = wt - 1) : (Zt = kn * Vo((K + Ge) / (Dn + Ge)), Wt = kn * Ac((de + Ge) / (Dn + Ge)) - 1, Wt = aa(A - 1, yr(Wt, kn - 1)), Zt = aa(Wt, yr(0, Zt))) : (Zt = 0, Wt = -1);
|
|
14429
|
+
const to = Fc(Zt, Wt, et), { top: no, bottom: ro } = Lc(Ve, ie, ge, to), oo = Ac(A / kn), As = oo * Dn + (oo - 1) * Ge - ro;
|
|
14430
14430
|
return { items: to, offsetTop: no, offsetBottom: As, top: no, bottom: ro, itemHeight: Dn, itemWidth: cr };
|
|
14431
14431
|
}
|
|
14432
14432
|
)
|
|
@@ -14501,8 +14501,8 @@ const bN = /* @__PURE__ */ ve(
|
|
|
14501
14501
|
const Ve = Cg(A), { align: et, behavior: wt, offset: bt } = Ve;
|
|
14502
14502
|
let Be = Ve.index;
|
|
14503
14503
|
Be === "LAST" && (Be = ie - 1), Be = yr(0, Be, aa(ie - 1, Be));
|
|
14504
|
-
let
|
|
14505
|
-
return et === "end" ?
|
|
14504
|
+
let Ge = $a(K, ge, de, Be);
|
|
14505
|
+
return et === "end" ? Ge = Oc(Ge - K.height + de.height) : et === "center" && (Ge = Oc(Ge - K.height / 2 + de.height / 2)), bt && (Ge += bt), { top: Ge, behavior: wt };
|
|
14506
14506
|
})
|
|
14507
14507
|
),
|
|
14508
14508
|
i
|
|
@@ -14864,7 +14864,7 @@ const PN = ({ tags: e, triggerRef: t }) => {
|
|
|
14864
14864
|
isCheckedAll: u,
|
|
14865
14865
|
className: f
|
|
14866
14866
|
}) => {
|
|
14867
|
-
const [m, g] = re([]), w =
|
|
14867
|
+
const [m, g] = re([]), w = ze(null);
|
|
14868
14868
|
Re(() => {
|
|
14869
14869
|
if (!n || Array.isArray(n) && n.length === 0) {
|
|
14870
14870
|
g([]);
|
|
@@ -16153,7 +16153,7 @@ const Hc = ({
|
|
|
16153
16153
|
labelPosition: b = "top",
|
|
16154
16154
|
className: x
|
|
16155
16155
|
}) => {
|
|
16156
|
-
const [R, S] = re(""), [C, E] = re(), [M, I] = re(!1), [_, L] = re(!1), [k, j] = re(!1), F =
|
|
16156
|
+
const [R, S] = re(""), [C, E] = re(), [M, I] = re(!1), [_, L] = re(!1), [k, j] = re(!1), F = ze(null), [O, H] = re(0), U = ze(null);
|
|
16157
16157
|
Xa(() => {
|
|
16158
16158
|
b === "left" && U.current ? H(U.current.offsetWidth + 8) : H(0);
|
|
16159
16159
|
}, [b]);
|
|
@@ -16915,7 +16915,7 @@ const uT = "600px", dT = {
|
|
|
16915
16915
|
labelPosition: y = "top",
|
|
16916
16916
|
...b
|
|
16917
16917
|
}) => {
|
|
16918
|
-
const [x, R] = re(), S =
|
|
16918
|
+
const [x, R] = re(), S = ze(null), C = ze(null), [E, M] = re(!1), [I, _] = re(!1), [L, k] = re(0);
|
|
16919
16919
|
Xa(() => {
|
|
16920
16920
|
y === "left" && C.current ? k(C.current.offsetWidth + 8) : k(0);
|
|
16921
16921
|
}, [y]);
|
|
@@ -18481,7 +18481,7 @@ const AP = ({
|
|
|
18481
18481
|
const { state: t, isMobile: n, openMobile: r } = ir();
|
|
18482
18482
|
return /* @__PURE__ */ d(Rp, { ...e, children: /* @__PURE__ */ d(Xm, { showMenu: n ? r : t === "expanded" }) });
|
|
18483
18483
|
}, FP = ({ className: e, children: t, ...n }) => {
|
|
18484
|
-
const r =
|
|
18484
|
+
const r = ze(null), o = ze(null), s = ({
|
|
18485
18485
|
currentTarget: i
|
|
18486
18486
|
}) => {
|
|
18487
18487
|
const { scrollTop: l, clientHeight: c, scrollHeight: u } = i;
|
|
@@ -18540,9 +18540,10 @@ const AP = ({
|
|
|
18540
18540
|
}
|
|
18541
18541
|
)
|
|
18542
18542
|
] })
|
|
18543
|
-
});
|
|
18543
|
+
}), c = ze(null);
|
|
18544
18544
|
return T.useEffect(() => {
|
|
18545
|
-
|
|
18545
|
+
var u;
|
|
18546
|
+
i(((u = c.current) == null ? void 0 : u.textContent) || "");
|
|
18546
18547
|
}, []), /* @__PURE__ */ d(Dp, { ...o, className: "flex items-center gap-2 px-2", children: /* @__PURE__ */ d(
|
|
18547
18548
|
kp,
|
|
18548
18549
|
{
|
|
@@ -18554,6 +18555,7 @@ const AP = ({
|
|
|
18554
18555
|
isActive: r,
|
|
18555
18556
|
tooltip: a,
|
|
18556
18557
|
asChild: !0,
|
|
18558
|
+
ref: c,
|
|
18557
18559
|
children: l
|
|
18558
18560
|
}
|
|
18559
18561
|
) });
|
|
@@ -19323,7 +19325,7 @@ function yM(e, t, n, r) {
|
|
|
19323
19325
|
m.createColumn == null || m.createColumn(f, e);
|
|
19324
19326
|
return f;
|
|
19325
19327
|
}
|
|
19326
|
-
const
|
|
19328
|
+
const je = "debugHeaders";
|
|
19327
19329
|
function Kc(e, t, n) {
|
|
19328
19330
|
var r;
|
|
19329
19331
|
let s = {
|
|
@@ -19359,27 +19361,27 @@ const xM = {
|
|
|
19359
19361
|
var s, a;
|
|
19360
19362
|
const i = (s = r == null ? void 0 : r.map((f) => n.find((m) => m.id === f)).filter(Boolean)) != null ? s : [], l = (a = o == null ? void 0 : o.map((f) => n.find((m) => m.id === f)).filter(Boolean)) != null ? a : [], c = n.filter((f) => !(r != null && r.includes(f.id)) && !(o != null && o.includes(f.id)));
|
|
19361
19363
|
return ho(t, [...i, ...c, ...l], e);
|
|
19362
|
-
}, ae(e.options,
|
|
19364
|
+
}, ae(e.options, je, "getHeaderGroups")), e.getCenterHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (t, n, r, o) => (n = n.filter((s) => !(r != null && r.includes(s.id)) && !(o != null && o.includes(s.id))), ho(t, n, e, "center")), ae(e.options, je, "getCenterHeaderGroups")), e.getLeftHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (t, n, r) => {
|
|
19363
19365
|
var o;
|
|
19364
19366
|
const s = (o = r == null ? void 0 : r.map((a) => n.find((i) => i.id === a)).filter(Boolean)) != null ? o : [];
|
|
19365
19367
|
return ho(t, s, e, "left");
|
|
19366
|
-
}, ae(e.options,
|
|
19368
|
+
}, ae(e.options, je, "getLeftHeaderGroups")), e.getRightHeaderGroups = se(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (t, n, r) => {
|
|
19367
19369
|
var o;
|
|
19368
19370
|
const s = (o = r == null ? void 0 : r.map((a) => n.find((i) => i.id === a)).filter(Boolean)) != null ? o : [];
|
|
19369
19371
|
return ho(t, s, e, "right");
|
|
19370
|
-
}, ae(e.options,
|
|
19372
|
+
}, ae(e.options, je, "getRightHeaderGroups")), e.getFooterGroups = se(() => [e.getHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getFooterGroups")), e.getLeftFooterGroups = se(() => [e.getLeftHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getLeftFooterGroups")), e.getCenterFooterGroups = se(() => [e.getCenterHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getCenterFooterGroups")), e.getRightFooterGroups = se(() => [e.getRightHeaderGroups()], (t) => [...t].reverse(), ae(e.options, je, "getRightFooterGroups")), e.getFlatHeaders = se(() => [e.getHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getFlatHeaders")), e.getLeftFlatHeaders = se(() => [e.getLeftHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getLeftFlatHeaders")), e.getCenterFlatHeaders = se(() => [e.getCenterHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getCenterFlatHeaders")), e.getRightFlatHeaders = se(() => [e.getRightHeaderGroups()], (t) => t.map((n) => n.headers).flat(), ae(e.options, je, "getRightFlatHeaders")), e.getCenterLeafHeaders = se(() => [e.getCenterFlatHeaders()], (t) => t.filter((n) => {
|
|
19371
19373
|
var r;
|
|
19372
19374
|
return !((r = n.subHeaders) != null && r.length);
|
|
19373
|
-
}), ae(e.options,
|
|
19375
|
+
}), ae(e.options, je, "getCenterLeafHeaders")), e.getLeftLeafHeaders = se(() => [e.getLeftFlatHeaders()], (t) => t.filter((n) => {
|
|
19374
19376
|
var r;
|
|
19375
19377
|
return !((r = n.subHeaders) != null && r.length);
|
|
19376
|
-
}), ae(e.options,
|
|
19378
|
+
}), ae(e.options, je, "getLeftLeafHeaders")), e.getRightLeafHeaders = se(() => [e.getRightFlatHeaders()], (t) => t.filter((n) => {
|
|
19377
19379
|
var r;
|
|
19378
19380
|
return !((r = n.subHeaders) != null && r.length);
|
|
19379
|
-
}), ae(e.options,
|
|
19381
|
+
}), ae(e.options, je, "getRightLeafHeaders")), e.getLeafHeaders = se(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (t, n, r) => {
|
|
19380
19382
|
var o, s, a, i, l, c;
|
|
19381
19383
|
return [...(o = (s = t[0]) == null ? void 0 : s.headers) != null ? o : [], ...(a = (i = n[0]) == null ? void 0 : i.headers) != null ? a : [], ...(l = (c = r[0]) == null ? void 0 : c.headers) != null ? l : []].map((u) => u.getLeafHeaders()).flat();
|
|
19382
|
-
}, ae(e.options,
|
|
19384
|
+
}, ae(e.options, je, "getLeafHeaders"));
|
|
19383
19385
|
}
|
|
19384
19386
|
};
|
|
19385
19387
|
function ho(e, t, n, r) {
|