@webority/ui-react 0.13.3 → 0.13.4
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/dist/types/components/AppFileAttachment.d.ts +3 -1
- package/dist/ui-react.js +181 -182
- package/package.json +3 -3
|
@@ -17,7 +17,9 @@
|
|
|
17
17
|
* @param {(file: File|null) => void | (files: File[]) => void} props.onChange single-mode → File|null; multiple → File[]
|
|
18
18
|
* @param {boolean} [props.multiple=false]
|
|
19
19
|
* @param {string} [props.accept] Defaults to images; pass e.g. "image/*,application/pdf" for mixed.
|
|
20
|
-
*
|
|
20
|
+
* An empty string accepts any file type, and the hint then names no types.
|
|
21
|
+
* @param {number} [props.maxSizeMb] Defaults to the shared DEFAULT_MAX_SIZE_MB. 0 means no size
|
|
22
|
+
* limit: nothing is rejected for its size, and the hint names no size.
|
|
21
23
|
* @param {boolean} [props.optional=false]
|
|
22
24
|
* @param {boolean} [props.validate=true] Check each pick against `accept` and `maxSizeMb` and show
|
|
23
25
|
* the field's own message for a rejected file. Set false when the caller validates the files
|
package/dist/ui-react.js
CHANGED
|
@@ -2809,15 +2809,15 @@ function rn({ item: e, isImage: t, onRemove: n, noun: r = "attachment" }) {
|
|
|
2809
2809
|
//#region src/components/AppFileAttachment.jsx
|
|
2810
2810
|
function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple: i = !1, accept: a = k, maxSizeMb: o = A, optional: c = !1, validate: l = !0, error: u, id: d, ...p }) {
|
|
2811
2811
|
U("AppFileAttachment", p);
|
|
2812
|
-
let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]);
|
|
2813
|
-
function
|
|
2812
|
+
let m = s(), h = d || m, [g, _] = f(""), v = i && Array.isArray(t) ? t : t ? [t] : [], y = F(a), b = (e) => e instanceof File ? P(e) : y || P(e), x = !i && v.length === 1 && b(v[0]), S = o > 0, C = on(a, S ? o : 0);
|
|
2813
|
+
function w(e) {
|
|
2814
2814
|
let n = Array.from(e.target.files || []);
|
|
2815
2815
|
if (e.target.value = "", !n.length) return;
|
|
2816
2816
|
let s = [], c = "";
|
|
2817
2817
|
for (let e of n) {
|
|
2818
2818
|
let t = l ? I(e, {
|
|
2819
2819
|
accept: a,
|
|
2820
|
-
maxSizeMb: o
|
|
2820
|
+
maxSizeMb: S ? o : Infinity
|
|
2821
2821
|
}) : null;
|
|
2822
2822
|
if (t) {
|
|
2823
2823
|
c ||= t;
|
|
@@ -2830,10 +2830,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2830
2830
|
r(e.concat(s.filter((e) => !n.has($t(e)))));
|
|
2831
2831
|
} else r(s[0]);
|
|
2832
2832
|
}
|
|
2833
|
-
function
|
|
2833
|
+
function O(e) {
|
|
2834
2834
|
_(""), r(i ? v.filter((t, n) => n !== e) : null);
|
|
2835
2835
|
}
|
|
2836
|
-
let
|
|
2836
|
+
let j = u || g, M = j ? `${h}-error` : void 0, N = i || v.length === 0, L = y ? "image" : "file", R = i ? `Add ${L}s` : `Add ${y ? "an" : "a"} ${L}`;
|
|
2837
2837
|
return /* @__PURE__ */ D("div", {
|
|
2838
2838
|
className: "field",
|
|
2839
2839
|
children: [
|
|
@@ -2845,7 +2845,7 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2845
2845
|
children: " (optional)"
|
|
2846
2846
|
})]
|
|
2847
2847
|
}),
|
|
2848
|
-
|
|
2848
|
+
N && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("label", {
|
|
2849
2849
|
className: "attach-drop",
|
|
2850
2850
|
htmlFor: h,
|
|
2851
2851
|
children: [
|
|
@@ -2860,15 +2860,10 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2860
2860
|
className: "attach-drop-copy",
|
|
2861
2861
|
children: [/* @__PURE__ */ E("span", {
|
|
2862
2862
|
className: "attach-drop-title",
|
|
2863
|
-
children:
|
|
2864
|
-
}), /* @__PURE__ */
|
|
2863
|
+
children: R
|
|
2864
|
+
}), C && /* @__PURE__ */ E("span", {
|
|
2865
2865
|
className: "attach-drop-hint",
|
|
2866
|
-
children:
|
|
2867
|
-
j(a),
|
|
2868
|
-
", up to ",
|
|
2869
|
-
o,
|
|
2870
|
-
" MB"
|
|
2871
|
-
]
|
|
2866
|
+
children: C
|
|
2872
2867
|
})]
|
|
2873
2868
|
}),
|
|
2874
2869
|
/* @__PURE__ */ E("span", {
|
|
@@ -2881,33 +2876,37 @@ function an({ label: e = "Attachment", value: t, name: n, onChange: r, multiple:
|
|
|
2881
2876
|
type: "file",
|
|
2882
2877
|
className: "visually-hidden",
|
|
2883
2878
|
name: n,
|
|
2884
|
-
accept: a,
|
|
2879
|
+
accept: a || void 0,
|
|
2885
2880
|
multiple: i || void 0,
|
|
2886
|
-
"aria-describedby":
|
|
2887
|
-
onChange:
|
|
2881
|
+
"aria-describedby": M,
|
|
2882
|
+
onChange: w,
|
|
2888
2883
|
...p
|
|
2889
2884
|
})] }),
|
|
2890
|
-
x ? /* @__PURE__ */ E(
|
|
2885
|
+
x ? /* @__PURE__ */ E(sn, {
|
|
2891
2886
|
item: v[0],
|
|
2892
2887
|
isImage: !0,
|
|
2893
|
-
onRemove: () =>
|
|
2888
|
+
onRemove: () => O(0)
|
|
2894
2889
|
}) : v.length > 0 && /* @__PURE__ */ E("div", {
|
|
2895
2890
|
className: "attach-list",
|
|
2896
2891
|
children: v.map((e, t) => /* @__PURE__ */ E(rn, {
|
|
2897
2892
|
item: e,
|
|
2898
2893
|
isImage: b(e),
|
|
2899
|
-
onRemove: () =>
|
|
2894
|
+
onRemove: () => O(t)
|
|
2900
2895
|
}, $t(e)))
|
|
2901
2896
|
}),
|
|
2902
|
-
|
|
2897
|
+
j && /* @__PURE__ */ E("div", {
|
|
2903
2898
|
className: "field-error",
|
|
2904
2899
|
id: `${h}-error`,
|
|
2905
|
-
children:
|
|
2900
|
+
children: j
|
|
2906
2901
|
})
|
|
2907
2902
|
]
|
|
2908
2903
|
});
|
|
2909
2904
|
}
|
|
2910
|
-
function on(
|
|
2905
|
+
function on(e, t) {
|
|
2906
|
+
let n = e?.trim() ? j(e) : "", r = t > 0 ? `up to ${t} MB` : "";
|
|
2907
|
+
return n && r ? `${n}, ${r}` : r ? `Up to ${t} MB` : n;
|
|
2908
|
+
}
|
|
2909
|
+
function sn({ item: e, isImage: t, onRemove: n }) {
|
|
2911
2910
|
let r = nn(e, t), i = en(e), a = tn(e);
|
|
2912
2911
|
return /* @__PURE__ */ D("div", {
|
|
2913
2912
|
className: "attach-preview",
|
|
@@ -2940,7 +2939,7 @@ function on({ item: e, isImage: t, onRemove: n }) {
|
|
|
2940
2939
|
}
|
|
2941
2940
|
//#endregion
|
|
2942
2941
|
//#region src/components/AppFilePicker.jsx
|
|
2943
|
-
function
|
|
2942
|
+
function cn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, maxFiles: c, accept: l = ".jpg,.jpeg,.png", maxSizeMb: u = A, required: p, error: m, hint: h, loading: g = !1, className: _ = "", fieldClassName: v = "", style: y, ...b }) {
|
|
2944
2943
|
U("AppFilePicker", b);
|
|
2945
2944
|
let [x, S] = f(null), [C, w] = f(!1), [T, O] = f(""), k = d(null), M = s(), N = r || M;
|
|
2946
2945
|
o(() => {
|
|
@@ -3142,7 +3141,7 @@ function sn({ label: e, value: t, name: n, id: r, onPick: i, multiple: a = !1, m
|
|
|
3142
3141
|
}
|
|
3143
3142
|
//#endregion
|
|
3144
3143
|
//#region src/components/AppFloatingDock.jsx
|
|
3145
|
-
function
|
|
3144
|
+
function ln({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation", magnify: r = !0, maxScale: i, radius: a, className: o = "", ...s }) {
|
|
3146
3145
|
return U("AppFloatingDock", s), /* @__PURE__ */ E("wui-dock", {
|
|
3147
3146
|
role: "navigation",
|
|
3148
3147
|
"aria-label": n,
|
|
@@ -3184,7 +3183,7 @@ function cn({ items: e = [], linkComponent: t, ariaLabel: n = "Quick navigation"
|
|
|
3184
3183
|
}
|
|
3185
3184
|
//#endregion
|
|
3186
3185
|
//#region src/components/AppFormActions.jsx
|
|
3187
|
-
function
|
|
3186
|
+
function un({ children: e, sticky: t = !1, align: n = "end", className: r = "", ...i }) {
|
|
3188
3187
|
return U("AppFormActions", i), /* @__PURE__ */ E("div", {
|
|
3189
3188
|
className: [
|
|
3190
3189
|
"form-actions",
|
|
@@ -3198,7 +3197,7 @@ function ln({ children: e, sticky: t = !1, align: n = "end", className: r = "",
|
|
|
3198
3197
|
}
|
|
3199
3198
|
//#endregion
|
|
3200
3199
|
//#region src/components/AppFormRow.jsx
|
|
3201
|
-
function
|
|
3200
|
+
function dn({ children: e, columns: t = 2, className: n = "", ...r }) {
|
|
3202
3201
|
U("AppFormRow", r);
|
|
3203
3202
|
let { style: i, ...a } = r;
|
|
3204
3203
|
return /* @__PURE__ */ E("div", {
|
|
@@ -3213,7 +3212,7 @@ function un({ children: e, columns: t = 2, className: n = "", ...r }) {
|
|
|
3213
3212
|
}
|
|
3214
3213
|
//#endregion
|
|
3215
3214
|
//#region src/components/AppFormSection.jsx
|
|
3216
|
-
function
|
|
3215
|
+
function fn({ children: e, title: t, description: n, className: r = "", ...i }) {
|
|
3217
3216
|
return U("AppFormSection", i), /* @__PURE__ */ D("section", {
|
|
3218
3217
|
className: ["form-section", r].filter(Boolean).join(" "),
|
|
3219
3218
|
...i,
|
|
@@ -3234,7 +3233,7 @@ function dn({ children: e, title: t, description: n, className: r = "", ...i })
|
|
|
3234
3233
|
}
|
|
3235
3234
|
//#endregion
|
|
3236
3235
|
//#region src/components/AppInfoList.jsx
|
|
3237
|
-
function
|
|
3236
|
+
function pn({ items: e = [], className: t = "", ...n }) {
|
|
3238
3237
|
return U("AppInfoList", n), /* @__PURE__ */ E("div", {
|
|
3239
3238
|
className: `info-list${t ? ` ${t}` : ""}`,
|
|
3240
3239
|
...n,
|
|
@@ -3265,23 +3264,23 @@ function fn({ items: e = [], className: t = "", ...n }) {
|
|
|
3265
3264
|
}
|
|
3266
3265
|
//#endregion
|
|
3267
3266
|
//#region src/components/AppKpiTile.jsx
|
|
3268
|
-
var
|
|
3269
|
-
function hn(e) {
|
|
3270
|
-
if (!e || e.length < 2) return `0,${mn / 2} ${pn},${mn / 2}`;
|
|
3271
|
-
let t = Math.min(...e), n = Math.max(...e) - t, r = pn / (e.length - 1);
|
|
3272
|
-
return e.map((e, i) => `${i * r},${n === 0 ? mn / 2 : mn - (e - t) / n * mn}`).join(" ");
|
|
3273
|
-
}
|
|
3267
|
+
var mn = 48, hn = 16;
|
|
3274
3268
|
function gn(e) {
|
|
3269
|
+
if (!e || e.length < 2) return `0,${hn / 2} ${mn},${hn / 2}`;
|
|
3270
|
+
let t = Math.min(...e), n = Math.max(...e) - t, r = mn / (e.length - 1);
|
|
3271
|
+
return e.map((e, i) => `${i * r},${n === 0 ? hn / 2 : hn - (e - t) / n * hn}`).join(" ");
|
|
3272
|
+
}
|
|
3273
|
+
function _n(e) {
|
|
3275
3274
|
if (typeof e != "string") return "flat";
|
|
3276
3275
|
let t = e.trim();
|
|
3277
3276
|
return t.startsWith("+") ? "up" : t.startsWith("-") || t.startsWith("−") ? "down" : "flat";
|
|
3278
3277
|
}
|
|
3279
|
-
function
|
|
3278
|
+
function vn({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, deltaDirection: o, sparkline: s, variant: c = "plain", size: l = "md", valueSize: u, inline: d = !1, attention: f = !1, href: p, linkComponent: m, className: h = "", style: g, iconClassName: _ = "", labelClassName: v = "", valueClassName: y = "", captionClassName: b = "", deltaClassName: x = "", sparklineClassName: S = "", ...C }) {
|
|
3280
3279
|
U("AppKpiTile", C);
|
|
3281
3280
|
let w = `kpi${d ? " kpi-inline" : ""}${c === "filled" ? " kpi-filled" : c === "accent" ? " kpi-accent" : c === "spotlight" ? " kpi-spotlight" : ""}${l === "lg" ? " kpi-lg" : l === "sm" ? " kpi-sm" : ""}${f ? " kpi-attention" : ""}${h ? ` ${h}` : ""}`, T = typeof u == "number" && u > 0 ? {
|
|
3282
3281
|
...g,
|
|
3283
3282
|
"--wui-kpi-value-size": `${u}px`
|
|
3284
|
-
} : g, O = o ??
|
|
3283
|
+
} : g, O = o ?? _n(a), k = O === "up" ? "arrow-up" : O === "down" ? "arrow-down" : null, A = {};
|
|
3285
3284
|
return p != null && (A = m ? {
|
|
3286
3285
|
as: m,
|
|
3287
3286
|
to: p
|
|
@@ -3319,12 +3318,12 @@ function _n({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
|
|
|
3319
3318
|
}),
|
|
3320
3319
|
s && s.length > 0 && /* @__PURE__ */ E("svg", {
|
|
3321
3320
|
className: `kpi-sparkline${S ? ` ${S}` : ""}`,
|
|
3322
|
-
width:
|
|
3323
|
-
height:
|
|
3324
|
-
viewBox: `0 0 ${
|
|
3321
|
+
width: mn,
|
|
3322
|
+
height: hn,
|
|
3323
|
+
viewBox: `0 0 ${mn} ${hn}`,
|
|
3325
3324
|
"aria-hidden": "true",
|
|
3326
3325
|
children: /* @__PURE__ */ E("polyline", {
|
|
3327
|
-
points:
|
|
3326
|
+
points: gn(s),
|
|
3328
3327
|
stroke: "currentColor",
|
|
3329
3328
|
fill: "none"
|
|
3330
3329
|
})
|
|
@@ -3334,11 +3333,11 @@ function _n({ label: e, value: t, caption: n, icon: r, iconTone: i, delta: a, de
|
|
|
3334
3333
|
}
|
|
3335
3334
|
//#endregion
|
|
3336
3335
|
//#region src/components/AppLink.jsx
|
|
3337
|
-
var
|
|
3336
|
+
var yn = {
|
|
3338
3337
|
sm: 13,
|
|
3339
3338
|
md: 15,
|
|
3340
3339
|
lg: 18
|
|
3341
|
-
},
|
|
3340
|
+
}, bn = [
|
|
3342
3341
|
"underline",
|
|
3343
3342
|
"underline-center",
|
|
3344
3343
|
"static",
|
|
@@ -3352,35 +3351,35 @@ var vn = {
|
|
|
3352
3351
|
"shine",
|
|
3353
3352
|
"none"
|
|
3354
3353
|
];
|
|
3355
|
-
function
|
|
3354
|
+
function xn(e, t, n) {
|
|
3356
3355
|
if (!e) return null;
|
|
3357
3356
|
let r = `wui-link__ic wui-link__ic--${t}`;
|
|
3358
3357
|
return typeof e == "string" ? /* @__PURE__ */ E("span", {
|
|
3359
3358
|
className: r,
|
|
3360
3359
|
children: /* @__PURE__ */ E(Y, {
|
|
3361
3360
|
name: e,
|
|
3362
|
-
size:
|
|
3361
|
+
size: yn[n] ?? yn.md
|
|
3363
3362
|
})
|
|
3364
3363
|
}) : /* @__PURE__ */ E("span", {
|
|
3365
3364
|
className: r,
|
|
3366
3365
|
children: e
|
|
3367
3366
|
});
|
|
3368
3367
|
}
|
|
3369
|
-
function
|
|
3370
|
-
U("AppLink", d), W("AppLink", "animation", r,
|
|
3371
|
-
let f =
|
|
3368
|
+
function Sn({ children: e, label: t, href: n, animation: r = "underline", leftIcon: i = null, rightIcon: a = null, size: o = "md", external: s = !1, disabled: c = !1, linkComponent: l, className: u = "", ...d }) {
|
|
3369
|
+
U("AppLink", d), W("AppLink", "animation", r, bn), W("AppLink", "size", o, Object.keys(yn));
|
|
3370
|
+
let f = bn.includes(r) ? r : "underline", p = f === "icon" && !a && !i ? "arrow-right" : a, m = [
|
|
3372
3371
|
"wui-link",
|
|
3373
3372
|
`wui-link--${f}`,
|
|
3374
3373
|
o === "md" ? "" : `wui-link--${o}`,
|
|
3375
3374
|
c ? "is-disabled" : "",
|
|
3376
3375
|
u
|
|
3377
3376
|
].filter(Boolean).join(" "), h = /* @__PURE__ */ D(T, { children: [
|
|
3378
|
-
|
|
3377
|
+
xn(i, "left", o),
|
|
3379
3378
|
/* @__PURE__ */ E("span", {
|
|
3380
3379
|
className: "wui-link__label",
|
|
3381
3380
|
children: e ?? t
|
|
3382
3381
|
}),
|
|
3383
|
-
|
|
3382
|
+
xn(p, "right", o)
|
|
3384
3383
|
] });
|
|
3385
3384
|
return c ? /* @__PURE__ */ E("span", {
|
|
3386
3385
|
className: m,
|
|
@@ -3403,13 +3402,13 @@ function xn({ children: e, label: t, href: n, animation: r = "underline", leftIc
|
|
|
3403
3402
|
}
|
|
3404
3403
|
//#endregion
|
|
3405
3404
|
//#region src/components/AppLogoPicker.jsx
|
|
3406
|
-
var
|
|
3405
|
+
var Cn = {
|
|
3407
3406
|
sm: 72,
|
|
3408
3407
|
md: 120,
|
|
3409
3408
|
lg: 160
|
|
3410
3409
|
};
|
|
3411
|
-
function
|
|
3412
|
-
U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(
|
|
3410
|
+
function wn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a = !1, disabled: c = !1, accept: l = "image/png,image/jpeg,image/webp", maxSizeMb: u = A, overlayIcon: p = "image", overlayLabel: m = "Update photo", ariaLabel: h = "Upload photo", label: g, hint: _, error: v, layout: y = "stacked", title: b, subtitle: x, required: S = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: O = "", ...k }) {
|
|
3411
|
+
U("AppLogoPicker", k), W("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(Cn));
|
|
3413
3412
|
let j = d(null), M = s(), [N, P] = f(null), [F, L] = f(""), [R, z] = f(!1), [ee, B] = f(!1);
|
|
3414
3413
|
o(() => () => N && URL.revokeObjectURL(N), [N]), o(() => {
|
|
3415
3414
|
P(null), z(!1);
|
|
@@ -3435,7 +3434,7 @@ function Cn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
|
|
|
3435
3434
|
t && oe(t);
|
|
3436
3435
|
}, G = () => {
|
|
3437
3436
|
P(null), L(""), z(!1), j.current && (j.current.value = ""), i?.();
|
|
3438
|
-
}, le = typeof w == "number" ? w :
|
|
3437
|
+
}, le = typeof w == "number" ? w : Cn[w] ?? Cn.md, ue = Math.max(14, Math.round(le * .18)), de = Math.round(le * .5), fe = [
|
|
3439
3438
|
"set-uploader",
|
|
3440
3439
|
C === "avatar" ? "set-uploader--avatar" : "",
|
|
3441
3440
|
T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
|
|
@@ -3565,27 +3564,27 @@ function Cn({ value: e, fallback: t, name: n, onPick: r, onRemove: i, loading: a
|
|
|
3565
3564
|
}
|
|
3566
3565
|
//#endregion
|
|
3567
3566
|
//#region src/components/AppMeter.jsx
|
|
3568
|
-
var
|
|
3567
|
+
var Tn = [
|
|
3569
3568
|
"info",
|
|
3570
3569
|
"success",
|
|
3571
3570
|
"warning",
|
|
3572
3571
|
"danger",
|
|
3573
3572
|
"neutral"
|
|
3574
3573
|
];
|
|
3575
|
-
function
|
|
3574
|
+
function En(e, t, n) {
|
|
3576
3575
|
let r = n - t;
|
|
3577
3576
|
if (!(r > 0)) return 0;
|
|
3578
3577
|
let i = Math.min(100, Math.max(0, (e - t) / r * 100));
|
|
3579
3578
|
return Number(i.toFixed(2));
|
|
3580
3579
|
}
|
|
3581
|
-
function
|
|
3580
|
+
function Dn(e, t, n, r, i) {
|
|
3582
3581
|
if (t == null && n == null) return i;
|
|
3583
3582
|
let a = "mid";
|
|
3584
3583
|
return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
|
|
3585
3584
|
}
|
|
3586
|
-
function
|
|
3585
|
+
function On({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum: i = "high", low: a, high: o, size: s = "md", label: c, showLabel: l = !1, className: u = "", ...d }) {
|
|
3587
3586
|
U("AppMeter", d);
|
|
3588
|
-
let f =
|
|
3587
|
+
let f = Dn(e, a, o, i, Tn.includes(r) ? r : "info"), p = En(e, t, n);
|
|
3589
3588
|
return /* @__PURE__ */ E("div", {
|
|
3590
3589
|
className: `progress${s === "sm" ? " progress-sm" : ""}${u ? ` ${u}` : ""}`,
|
|
3591
3590
|
role: "meter",
|
|
@@ -3603,7 +3602,7 @@ function Dn({ value: e = 0, min: t = 0, max: n = 100, tone: r = "info", optimum:
|
|
|
3603
3602
|
}
|
|
3604
3603
|
//#endregion
|
|
3605
3604
|
//#region src/components/AppMultiSelect.jsx
|
|
3606
|
-
var
|
|
3605
|
+
var kn = i(function({ values: e, onChange: t, options: n, placeholder: r = "Select…", searchPlaceholder: i = "Search…", searchable: a = !0, disabled: c = !1, icon: l, size: u, collapseChips: d = !1, allowCustom: f = !1, validateCustom: p, customPattern: m, customInvalidMessage: h, name: g, id: _, label: v, error: y, hint: b, required: x = !1, help: S, helpLabel: C = "More information", fieldClassName: w = "", ...T }, O) {
|
|
3607
3606
|
U("AppMultiSelect", T);
|
|
3608
3607
|
let k = s(), A = _ || k, { setRef: j, innerRef: M } = Q({
|
|
3609
3608
|
ref: O,
|
|
@@ -3666,7 +3665,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3666
3665
|
}) : null
|
|
3667
3666
|
]
|
|
3668
3667
|
});
|
|
3669
|
-
}),
|
|
3668
|
+
}), An = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: a = "More information", value: c, onChange: l, min: u, max: d, step: p = 1, precision: m = 0, unit: h, size: g = "md", id: _, name: v, className: b = "", fieldClassName: x = "", disabled: S = !1, ...C }, w) {
|
|
3670
3669
|
U("AppNumberInput", C);
|
|
3671
3670
|
let T = s(), O = _ || T, k = (e) => {
|
|
3672
3671
|
if (m === 0) return Math.round(e);
|
|
@@ -3789,7 +3788,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3789
3788
|
}) : null
|
|
3790
3789
|
]
|
|
3791
3790
|
});
|
|
3792
|
-
}),
|
|
3791
|
+
}), jn = i(function({ value: e, onChange: t, onComplete: n, length: r = 6, mode: i = "numeric", label: a, required: o = !1, hint: c, error: l, disabled: u = !1, name: d, id: f, className: p = "", fieldClassName: m = "", ...h }, g) {
|
|
3793
3792
|
U("AppOtpInput", h);
|
|
3794
3793
|
let _ = s(), v = f || _, y = l ? `${v}-error` : void 0, b = c ? `${v}-hint` : void 0, x = y || b, { setRef: S } = Q({
|
|
3795
3794
|
ref: g,
|
|
@@ -3834,7 +3833,7 @@ var On = i(function({ values: e, onChange: t, options: n, placeholder: r = "Sele
|
|
|
3834
3833
|
});
|
|
3835
3834
|
//#endregion
|
|
3836
3835
|
//#region src/components/AppPageHeader.jsx
|
|
3837
|
-
function
|
|
3836
|
+
function Mn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", status: a, breadcrumbs: o, actions: s, size: c = "md", align: l = "start", divider: u = !1, sticky: d = !1, className: f = "", ...p }) {
|
|
3838
3837
|
U("AppPageHeader", p);
|
|
3839
3838
|
let m = [
|
|
3840
3839
|
"page-header",
|
|
@@ -3893,7 +3892,7 @@ function jn({ title: e, subtitle: t, eyebrow: n, icon: r, tone: i = "primary", s
|
|
|
3893
3892
|
}
|
|
3894
3893
|
//#endregion
|
|
3895
3894
|
//#region src/components/AppPagination.jsx
|
|
3896
|
-
function
|
|
3895
|
+
function Nn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "md", ariaLabel: a = "Pagination", className: o, ...s }) {
|
|
3897
3896
|
if (U("AppPagination", s), t <= 1) return null;
|
|
3898
3897
|
let c = zt(e, t, { siblingCount: r });
|
|
3899
3898
|
return /* @__PURE__ */ E("nav", {
|
|
@@ -3953,7 +3952,7 @@ function Mn({ page: e, totalPages: t, onChange: n, siblings: r = 1, size: i = "m
|
|
|
3953
3952
|
}
|
|
3954
3953
|
//#endregion
|
|
3955
3954
|
//#region src/components/AppPhoneNumberInput.jsx
|
|
3956
|
-
var
|
|
3955
|
+
var Pn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name: i, id: a, label: o = "Phone number", placeholder: c, required: l = !1, error: u, showFlag: d = !0, showDialCode: f = !0, size: p = "md", fieldClassName: m = "", ...h }, g) {
|
|
3957
3956
|
U("AppPhoneNumberInput", h);
|
|
3958
3957
|
let _ = s(), v = a || _, y = u && v ? `${v}-error` : void 0, { setRef: b } = Q({
|
|
3959
3958
|
ref: g,
|
|
@@ -3994,7 +3993,7 @@ var Nn = i(function({ value: e, onChange: t, country: n, disabled: r = !1, name:
|
|
|
3994
3993
|
});
|
|
3995
3994
|
//#endregion
|
|
3996
3995
|
//#region src/components/AppPricingCard.jsx
|
|
3997
|
-
function
|
|
3996
|
+
function Fn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a, featured: o = !1, current: s = !1, badge: c = "Most popular", className: l = "", ...u }) {
|
|
3998
3997
|
return U("AppPricingCard", u), /* @__PURE__ */ D("div", {
|
|
3999
3998
|
className: [
|
|
4000
3999
|
"plan-card",
|
|
@@ -4048,21 +4047,21 @@ function Pn({ name: e, price: t, unit: n, tagline: r, features: i = [], cta: a,
|
|
|
4048
4047
|
}
|
|
4049
4048
|
//#endregion
|
|
4050
4049
|
//#region src/components/AppProgress.jsx
|
|
4051
|
-
var
|
|
4050
|
+
var In = [
|
|
4052
4051
|
"info",
|
|
4053
4052
|
"success",
|
|
4054
4053
|
"warning",
|
|
4055
4054
|
"danger",
|
|
4056
4055
|
"neutral"
|
|
4057
4056
|
];
|
|
4058
|
-
function
|
|
4057
|
+
function Ln(e, t) {
|
|
4059
4058
|
if (!(t > 0)) return 0;
|
|
4060
4059
|
let n = Math.min(100, Math.max(0, e / t * 100));
|
|
4061
4060
|
return Number(n.toFixed(2));
|
|
4062
4061
|
}
|
|
4063
|
-
function
|
|
4062
|
+
function Rn({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", label: i, showLabel: a = !1, striped: o = !1, animated: s = !1, indeterminate: c = !1, className: l = "", ...u }) {
|
|
4064
4063
|
U("AppProgress", u);
|
|
4065
|
-
let d =
|
|
4064
|
+
let d = In.includes(n) ? n : "info", f = Ln(e, t), p = `progress${r === "sm" ? " progress-sm" : ""}${l ? ` ${l}` : ""}`, m = [
|
|
4066
4065
|
"progress-bar",
|
|
4067
4066
|
`wui-progress-${d}`,
|
|
4068
4067
|
o || s ? "progress-bar-striped" : "",
|
|
@@ -4086,7 +4085,7 @@ function Ln({ value: e = 0, max: t = 100, tone: n = "info", size: r = "md", labe
|
|
|
4086
4085
|
}
|
|
4087
4086
|
//#endregion
|
|
4088
4087
|
//#region src/components/AppRadio.jsx
|
|
4089
|
-
var
|
|
4088
|
+
var zn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a = "", ...o }, s) {
|
|
4090
4089
|
return U("AppRadio", o), /* @__PURE__ */ E(ht, {
|
|
4091
4090
|
ref: s,
|
|
4092
4091
|
label: e,
|
|
@@ -4102,7 +4101,7 @@ var Rn = i(function({ label: e, id: t, name: n, error: r, hint: i, className: a
|
|
|
4102
4101
|
});
|
|
4103
4102
|
//#endregion
|
|
4104
4103
|
//#region src/components/AppRepeater.jsx
|
|
4105
|
-
function
|
|
4104
|
+
function Bn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, addLabel: a = "Add another", removeLabel: o = "Remove row", emptyText: s, min: c = 0, max: l, numbered: u = !0, className: d = "", ...f }) {
|
|
4106
4105
|
U("AppRepeater", f);
|
|
4107
4106
|
let p = typeof l == "number" && e.length >= l, m = !!i && e.length > c;
|
|
4108
4107
|
return /* @__PURE__ */ D("div", {
|
|
@@ -4154,7 +4153,7 @@ function zn({ rows: e = [], renderRow: t, rowLabel: n, onAdd: r, onRemove: i, ad
|
|
|
4154
4153
|
}
|
|
4155
4154
|
//#endregion
|
|
4156
4155
|
//#region src/components/AppResourceCard.jsx
|
|
4157
|
-
function
|
|
4156
|
+
function Vn({ icon: e, title: t, text: n, href: r, external: i = !1, linkComponent: a, className: o = "", ...s }) {
|
|
4158
4157
|
U("AppResourceCard", s);
|
|
4159
4158
|
let c = /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
4160
4159
|
className: "res-card-icon",
|
|
@@ -4188,7 +4187,7 @@ function Bn({ icon: e, title: t, text: n, href: r, external: i = !1, linkCompone
|
|
|
4188
4187
|
}
|
|
4189
4188
|
//#endregion
|
|
4190
4189
|
//#region src/components/AppResult.jsx
|
|
4191
|
-
var
|
|
4190
|
+
var Hn = {
|
|
4192
4191
|
success: {
|
|
4193
4192
|
icon: "check-circle",
|
|
4194
4193
|
tone: "success"
|
|
@@ -4209,9 +4208,9 @@ var Vn = {
|
|
|
4209
4208
|
404: { tone: "muted" },
|
|
4210
4209
|
500: { tone: "muted" }
|
|
4211
4210
|
};
|
|
4212
|
-
function
|
|
4213
|
-
U("AppResult", s), W("AppResult", "status", e, Object.keys(
|
|
4214
|
-
let c =
|
|
4211
|
+
function Un({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, children: a, className: o = "", ...s }) {
|
|
4212
|
+
U("AppResult", s), W("AppResult", "status", e, Object.keys(Hn));
|
|
4213
|
+
let c = Hn[e] || Hn.info, l = c.tone, u = /^\d+$/.test(e), d = r ?? (u ? null : c.icon);
|
|
4215
4214
|
return /* @__PURE__ */ D("div", {
|
|
4216
4215
|
className: [
|
|
4217
4216
|
"result",
|
|
@@ -4249,7 +4248,7 @@ function Hn({ status: e = "info", title: t, subtitle: n, icon: r, actions: i, ch
|
|
|
4249
4248
|
}
|
|
4250
4249
|
//#endregion
|
|
4251
4250
|
//#region src/components/AppScrollbar.jsx
|
|
4252
|
-
function
|
|
4251
|
+
function Wn({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
4253
4252
|
return U("AppScrollbar", i), /* @__PURE__ */ E("div", {
|
|
4254
4253
|
className: t ? `wui-scroll ${t}` : "wui-scroll",
|
|
4255
4254
|
style: n == null ? r : {
|
|
@@ -4262,7 +4261,7 @@ function Un({ children: e, className: t = "", maxHeight: n, style: r, ...i }) {
|
|
|
4262
4261
|
}
|
|
4263
4262
|
//#endregion
|
|
4264
4263
|
//#region src/components/AppSearch.jsx
|
|
4265
|
-
function
|
|
4264
|
+
function Gn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search…", ariaLabel: i, iconSize: a = 18, size: o, loading: s = !1, disabled: c = !1, className: l = "", ...u }) {
|
|
4266
4265
|
U("AppSearch", u);
|
|
4267
4266
|
let d = t || n;
|
|
4268
4267
|
return /* @__PURE__ */ D("div", {
|
|
@@ -4309,7 +4308,7 @@ function Wn({ value: e, onChange: t, onValueChange: n, placeholder: r = "Search
|
|
|
4309
4308
|
}
|
|
4310
4309
|
//#endregion
|
|
4311
4310
|
//#region src/components/AppSegmented.jsx
|
|
4312
|
-
function
|
|
4311
|
+
function Kn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a = "md", fullWidth: c = !1, disabled: u = !1, className: f = "", ...p }) {
|
|
4313
4312
|
U("AppSegmented", p);
|
|
4314
4313
|
let m = s(), h = i || m, g = d(null), _ = d(null), v = [
|
|
4315
4314
|
"segmented",
|
|
@@ -4383,7 +4382,7 @@ function Gn({ options: e = [], value: t, onChange: n, label: r, name: i, size: a
|
|
|
4383
4382
|
}
|
|
4384
4383
|
//#endregion
|
|
4385
4384
|
//#region src/components/AppSelect.jsx
|
|
4386
|
-
var
|
|
4385
|
+
var qn = (e) => e == null ? "" : e.label ?? e.text ?? "", Jn = i(function({ value: e, onChange: t, options: n = [], placeholder: r = "Select...", searchPlaceholder: i = "Search...", searchable: a = !1, clearable: c = !1, size: l, icon: u, floatingLabel: d = !1, disabled: f, label: p, required: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, name: b, className: x = "", fieldClassName: S = "", "aria-label": C, "aria-labelledby": w, "aria-describedby": T, ...O }, k) {
|
|
4387
4386
|
U("AppSelect", O);
|
|
4388
4387
|
let A = s(), { setRef: j, innerRef: M } = Q({
|
|
4389
4388
|
ref: k,
|
|
@@ -4395,7 +4394,7 @@ var Kn = (e) => e == null ? "" : e.label ?? e.text ?? "", qn = i(function({ valu
|
|
|
4395
4394
|
if (!e) return;
|
|
4396
4395
|
let t = n.map((e) => ({
|
|
4397
4396
|
value: e.value,
|
|
4398
|
-
label:
|
|
4397
|
+
label: qn(e),
|
|
4399
4398
|
icon: e.icon
|
|
4400
4399
|
}));
|
|
4401
4400
|
Ke(t, e.options) || (e.options = t);
|
|
@@ -4456,7 +4455,7 @@ var Kn = (e) => e == null ? "" : e.label ?? e.text ?? "", qn = i(function({ valu
|
|
|
4456
4455
|
});
|
|
4457
4456
|
//#endregion
|
|
4458
4457
|
//#region src/components/AppShell.jsx
|
|
4459
|
-
function
|
|
4458
|
+
function Yn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r, sidebarFooter: i, topbarStart: a, topbarEnd: s, footer: c, children: l, collapsed: u, onCollapsedChange: d, noSidebar: p = !1, navLabel: m = "Main navigation", linkComponent: h, className: g = "", ..._ }) {
|
|
4460
4459
|
U("AppShell", _);
|
|
4461
4460
|
let [v, y] = f(!1), [b, x] = f(!1), [S, C] = f(!1), w = u ?? v, T = () => {
|
|
4462
4461
|
let e = !w;
|
|
@@ -4504,7 +4503,7 @@ function Jn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
4504
4503
|
children: [e.label && /* @__PURE__ */ E("div", {
|
|
4505
4504
|
className: "app-nav-group-label",
|
|
4506
4505
|
children: e.label
|
|
4507
|
-
}), e.items.map((e) => /* @__PURE__ */ E(
|
|
4506
|
+
}), e.items.map((e) => /* @__PURE__ */ E(Xn, {
|
|
4508
4507
|
item: e,
|
|
4509
4508
|
linkComponent: h,
|
|
4510
4509
|
onNavigate: () => x(!1)
|
|
@@ -4571,7 +4570,7 @@ function Jn({ groups: e = [], brand: t, sidebarStart: n, sidebarStartCompact: r,
|
|
|
4571
4570
|
]
|
|
4572
4571
|
});
|
|
4573
4572
|
}
|
|
4574
|
-
function
|
|
4573
|
+
function Xn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
4575
4574
|
let i = Array.isArray(e.children) && e.children.length > 0, a = i && e.children.some((e) => e.active), [s, c] = f(a);
|
|
4576
4575
|
o(() => {
|
|
4577
4576
|
a && !s && c(!0);
|
|
@@ -4613,7 +4612,7 @@ function Yn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
4613
4612
|
"aria-hidden": !s || void 0,
|
|
4614
4613
|
children: /* @__PURE__ */ E("div", {
|
|
4615
4614
|
className: "app-nav-sub-inner",
|
|
4616
|
-
children: e.children.map((e) => /* @__PURE__ */ E(
|
|
4615
|
+
children: e.children.map((e) => /* @__PURE__ */ E(Xn, {
|
|
4617
4616
|
item: e,
|
|
4618
4617
|
linkComponent: t,
|
|
4619
4618
|
onNavigate: n,
|
|
@@ -4654,7 +4653,7 @@ function Yn({ item: e, linkComponent: t, onNavigate: n, sub: r = !1 }) {
|
|
|
4654
4653
|
}
|
|
4655
4654
|
//#endregion
|
|
4656
4655
|
//#region src/components/AppSidebarMenu.jsx
|
|
4657
|
-
var
|
|
4656
|
+
var Zn = {
|
|
4658
4657
|
left: "start",
|
|
4659
4658
|
right: "end",
|
|
4660
4659
|
start: "start",
|
|
@@ -4662,9 +4661,9 @@ var Xn = {
|
|
|
4662
4661
|
top: "top",
|
|
4663
4662
|
bottom: "bottom"
|
|
4664
4663
|
};
|
|
4665
|
-
function
|
|
4666
|
-
U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(
|
|
4667
|
-
let { style: y, ...b } = v, S =
|
|
4664
|
+
function Qn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, header: a, children: o, footer: s, width: c, maxWidth: l, backdrop: u = !0, scroll: d = !1, keyboard: f = !0, closeButton: p = !0, responsive: m, className: h = "", bodyClassName: g = "", ariaLabel: _, ...v }) {
|
|
4665
|
+
U("AppSidebarMenu", v), W("AppSidebarMenu", "side", n, Object.keys(Zn));
|
|
4666
|
+
let { style: y, ...b } = v, S = Zn[n] || "end", C = c || l || y ? {
|
|
4668
4667
|
...c && { "--asm-width": c },
|
|
4669
4668
|
...l && { "--asm-max-width": l },
|
|
4670
4669
|
...y
|
|
@@ -4717,7 +4716,7 @@ function Zn({ show: e, onHide: t, side: n = "right", title: r, titleIcon: i, hea
|
|
|
4717
4716
|
}
|
|
4718
4717
|
//#endregion
|
|
4719
4718
|
//#region src/components/AppSlider.jsx
|
|
4720
|
-
var
|
|
4719
|
+
var $n = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, label: a, required: c = !1, hint: l, error: u, name: d, startName: f, endName: p, min: m = 0, max: h = 100, step: g = 1, disabled: _, size: v, showValue: y, unit: b, id: x, ariaLabel: S, className: C = "", fieldClassName: w = "", ...T }, O) {
|
|
4721
4720
|
U("AppSlider", T);
|
|
4722
4721
|
let k = s(), A = x || k, j = r, { setRef: M, innerRef: N } = Q({
|
|
4723
4722
|
ref: O,
|
|
@@ -4778,14 +4777,14 @@ var Qn = i(function({ value: e, start: t, end: n, range: r = !1, onChange: i, la
|
|
|
4778
4777
|
})
|
|
4779
4778
|
]
|
|
4780
4779
|
});
|
|
4781
|
-
}),
|
|
4780
|
+
}), er = {
|
|
4782
4781
|
sm: 44,
|
|
4783
4782
|
md: 56,
|
|
4784
4783
|
lg: 72
|
|
4785
4784
|
};
|
|
4786
|
-
function
|
|
4787
|
-
U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(
|
|
4788
|
-
let { style: l, ...u } = c, d = typeof a == "number" ? a :
|
|
4785
|
+
function tr({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", size: a = "md", label: o = "Loading", className: s = "", ...c }) {
|
|
4786
|
+
U("AppSplash", c), W("AppSplash", "size", typeof a == "string" ? a : null, Object.keys(er));
|
|
4787
|
+
let { style: l, ...u } = c, d = typeof a == "number" ? a : er[a] ?? er.md, f = i === "ring" ? /* @__PURE__ */ E("span", {
|
|
4789
4788
|
className: "splash-ring",
|
|
4790
4789
|
"aria-hidden": "true"
|
|
4791
4790
|
}) : i === "dots" ? /* @__PURE__ */ D("span", {
|
|
@@ -4832,7 +4831,7 @@ function er({ logo: e, initials: t, text: n, subtext: r, variant: i = "bar", siz
|
|
|
4832
4831
|
}
|
|
4833
4832
|
//#endregion
|
|
4834
4833
|
//#region src/components/AppStatusBadge.jsx
|
|
4835
|
-
function
|
|
4834
|
+
function nr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tooltipPlacement: i, ...a }) {
|
|
4836
4835
|
return U("AppStatusBadge", a), e == null || e === "" ? "-" : K(/* @__PURE__ */ E("span", {
|
|
4837
4836
|
className: `status-label ${t}${n ? ` ${n}` : ""}`,
|
|
4838
4837
|
...a,
|
|
@@ -4841,7 +4840,7 @@ function tr({ label: e, tone: t = "neutral", className: n = "", tooltip: r, tool
|
|
|
4841
4840
|
}
|
|
4842
4841
|
//#endregion
|
|
4843
4842
|
//#region src/components/AppStepper.jsx
|
|
4844
|
-
function
|
|
4843
|
+
function rr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal", activeStep: r, onStepClick: i, label: a = "Progress", linkComponent: o, className: s = "", ...c }) {
|
|
4845
4844
|
U("AppStepper", c);
|
|
4846
4845
|
let l = t === "journey";
|
|
4847
4846
|
return /* @__PURE__ */ E("nav", {
|
|
@@ -4854,7 +4853,7 @@ function nr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
4854
4853
|
"aria-label": a,
|
|
4855
4854
|
...c,
|
|
4856
4855
|
children: e.map((t, n) => {
|
|
4857
|
-
let a = t.status ||
|
|
4856
|
+
let a = t.status || ir(n, r), s = `step${a === "pending" ? "" : ` ${a}`}`, c;
|
|
4858
4857
|
c = a === "done" ? /* @__PURE__ */ E(Y, {
|
|
4859
4858
|
name: "check",
|
|
4860
4859
|
size: 14
|
|
@@ -4918,12 +4917,12 @@ function nr({ steps: e = [], variant: t = "steps", orientation: n = "horizontal"
|
|
|
4918
4917
|
})
|
|
4919
4918
|
});
|
|
4920
4919
|
}
|
|
4921
|
-
function
|
|
4920
|
+
function ir(e, t) {
|
|
4922
4921
|
return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
|
|
4923
4922
|
}
|
|
4924
4923
|
//#endregion
|
|
4925
4924
|
//#region src/components/AppSwitch.jsx
|
|
4926
|
-
var
|
|
4925
|
+
var ar = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "pill", className: o = "", ...s }, c) {
|
|
4927
4926
|
return U("AppSwitch", s), /* @__PURE__ */ E(ht, {
|
|
4928
4927
|
ref: c,
|
|
4929
4928
|
label: e,
|
|
@@ -4939,7 +4938,7 @@ var ir = i(function({ label: e, id: t, name: n, error: r, hint: i, shape: a = "p
|
|
|
4939
4938
|
});
|
|
4940
4939
|
//#endregion
|
|
4941
4940
|
//#region src/components/AppTableEmptyState.jsx
|
|
4942
|
-
function
|
|
4941
|
+
function or({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
4943
4942
|
return U("AppTableEmptyState", i), /* @__PURE__ */ D("div", {
|
|
4944
4943
|
className: "tbl-empty",
|
|
4945
4944
|
...i,
|
|
@@ -4965,8 +4964,8 @@ function ar({ icon: e, title: t, text: n, action: r, ...i }) {
|
|
|
4965
4964
|
}
|
|
4966
4965
|
//#endregion
|
|
4967
4966
|
//#region src/components/AppTabs.jsx
|
|
4968
|
-
var
|
|
4969
|
-
function
|
|
4967
|
+
var sr = 1, cr = 28, lr = .7;
|
|
4968
|
+
function ur({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "underline", orientation: s = "horizontal", size: c = "md", fitted: u = !1, activation: p = "automatic", ariaLabel: m, className: h = "", style: g, ..._ }) {
|
|
4970
4969
|
U("AppTabs", _);
|
|
4971
4970
|
let v = d(null), y = d(null), b = s === "vertical", [x, S] = f(t);
|
|
4972
4971
|
o(() => {
|
|
@@ -4978,7 +4977,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
4978
4977
|
let e = v.current, t = y.current;
|
|
4979
4978
|
if (!e || !t || b) return;
|
|
4980
4979
|
let n = e.scrollWidth - e.clientWidth;
|
|
4981
|
-
t.classList.toggle("is-overflow-start", e.scrollLeft >
|
|
4980
|
+
t.classList.toggle("is-overflow-start", e.scrollLeft > sr), t.classList.toggle("is-overflow-end", n > sr && e.scrollLeft < n - sr);
|
|
4982
4981
|
}, [b]), M = a(() => {
|
|
4983
4982
|
let n = v.current;
|
|
4984
4983
|
if (!n) return;
|
|
@@ -4994,7 +4993,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
4994
4993
|
if (!e || b) return;
|
|
4995
4994
|
let t = e.querySelector(".app-tab.active");
|
|
4996
4995
|
if (!t) return;
|
|
4997
|
-
let n =
|
|
4996
|
+
let n = cr, r = t.offsetLeft, i = r + t.offsetWidth;
|
|
4998
4997
|
r - n < e.scrollLeft ? e.scrollLeft = Math.max(0, r - n) : i + n > e.scrollLeft + e.clientWidth && (e.scrollLeft = i + n - e.clientWidth);
|
|
4999
4998
|
}, [b]);
|
|
5000
4999
|
l(() => {
|
|
@@ -5029,7 +5028,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5029
5028
|
}
|
|
5030
5029
|
let I = (e) => {
|
|
5031
5030
|
let t = v.current;
|
|
5032
|
-
t && t.scrollBy({ left: e * t.clientWidth *
|
|
5031
|
+
t && t.scrollBy({ left: e * t.clientWidth * lr });
|
|
5033
5032
|
}, L = [
|
|
5034
5033
|
"app-tabs",
|
|
5035
5034
|
i === "pills" ? "app-tabs-pills" : "",
|
|
@@ -5142,7 +5141,7 @@ function lr({ tabs: e, value: t, onChange: n, linkComponent: r, variant: i = "un
|
|
|
5142
5141
|
}
|
|
5143
5142
|
//#endregion
|
|
5144
5143
|
//#region src/components/AppTagInput.jsx
|
|
5145
|
-
var
|
|
5144
|
+
var dr = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r, label: i, error: a, hint: o, required: c = !1, size: l, maxTags: u, allowDuplicates: d = !1, disabled: f = !1, id: p, ariaLabel: m, className: h = "", fieldClassName: g = "", help: _, helpLabel: v = "More information", ...y }, b) {
|
|
5146
5145
|
U("AppTagInput", y);
|
|
5147
5146
|
let x = s(), S = p || x, { setRef: C } = Q({
|
|
5148
5147
|
ref: b,
|
|
@@ -5193,7 +5192,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5193
5192
|
}) : null
|
|
5194
5193
|
]
|
|
5195
5194
|
});
|
|
5196
|
-
}),
|
|
5195
|
+
}), fr = i(function({ label: e, required: t = !1, error: n, hint: r, help: i, helpLabel: c = "More information", id: u, name: p, rows: m = 4, autoGrow: h = !1, showCount: g = !1, maxLength: _, className: v = "", fieldClassName: b = "", ...x }, S) {
|
|
5197
5196
|
U("AppTextarea", x);
|
|
5198
5197
|
let C = s(), w = u || C, T = [
|
|
5199
5198
|
"textarea",
|
|
@@ -5264,7 +5263,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5264
5263
|
})
|
|
5265
5264
|
]
|
|
5266
5265
|
});
|
|
5267
|
-
}),
|
|
5266
|
+
}), pr = {
|
|
5268
5267
|
done: "check",
|
|
5269
5268
|
current: "clock",
|
|
5270
5269
|
"on-hold": "lock",
|
|
@@ -5273,7 +5272,7 @@ var ur = i(function({ values: e, onChange: t, placeholder: n = "Add…", name: r
|
|
|
5273
5272
|
skipped: "arrow-right",
|
|
5274
5273
|
upcoming: null
|
|
5275
5274
|
};
|
|
5276
|
-
function
|
|
5275
|
+
function mr({ items: e = [], variant: t = "feed", orientation: n = "vertical", size: r, className: i = "", style: a, ...o }) {
|
|
5277
5276
|
U("AppTimeline", o);
|
|
5278
5277
|
let s = t === "progress", c = `timeline${s ? " timeline--progress" : ""}${n === "horizontal" ? " timeline--horizontal" : ""}${i ? ` ${i}` : ""}`, l = typeof r == "number" && r > 0 ? r : void 0, u = l ? Math.round(l * .54) : s ? 13 : 12;
|
|
5279
5278
|
return /* @__PURE__ */ E("ol", {
|
|
@@ -5284,7 +5283,7 @@ function pr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
5284
5283
|
} : a,
|
|
5285
5284
|
...o,
|
|
5286
5285
|
children: e.map((e, t) => {
|
|
5287
|
-
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ?
|
|
5286
|
+
let n = s ? e.status : void 0, r = n ? ` is-${n}` : "", i = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", a = s ? e.icon ?? (n ? pr[n] : void 0) : e.icon || "circle";
|
|
5288
5287
|
return /* @__PURE__ */ D("li", {
|
|
5289
5288
|
className: `timeline-item${r}${i}`,
|
|
5290
5289
|
children: [/* @__PURE__ */ E("span", {
|
|
@@ -5354,7 +5353,7 @@ function pr({ items: e = [], variant: t = "feed", orientation: n = "vertical", s
|
|
|
5354
5353
|
}
|
|
5355
5354
|
//#endregion
|
|
5356
5355
|
//#region src/components/AppTimePicker.jsx
|
|
5357
|
-
var
|
|
5356
|
+
var hr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i, error: a, name: o, min: c, max: l, step: u, format: d = "24", placeholder: f = "Select time", disabled: p, size: m, id: h, ariaLabel: g, className: _ = "", fieldClassName: v = "", ...y }, b) {
|
|
5358
5357
|
U("AppTimePicker", y);
|
|
5359
5358
|
let x = s(), S = h || o || x, { setRef: C } = Q({
|
|
5360
5359
|
ref: b,
|
|
@@ -5399,35 +5398,35 @@ var mr = i(function({ value: e, onChange: t, label: n, required: r = !1, hint: i
|
|
|
5399
5398
|
})
|
|
5400
5399
|
]
|
|
5401
5400
|
});
|
|
5402
|
-
}),
|
|
5403
|
-
function
|
|
5404
|
-
for (let e of
|
|
5401
|
+
}), gr = 6, $ = [], _r = /* @__PURE__ */ new Set(), vr = /* @__PURE__ */ new Map(), yr = /* @__PURE__ */ new Set(), br = 0;
|
|
5402
|
+
function xr() {
|
|
5403
|
+
for (let e of _r) e($);
|
|
5405
5404
|
}
|
|
5406
|
-
function
|
|
5407
|
-
let t =
|
|
5408
|
-
t !== void 0 && (clearTimeout(t),
|
|
5405
|
+
function Sr(e) {
|
|
5406
|
+
let t = vr.get(e);
|
|
5407
|
+
t !== void 0 && (clearTimeout(t), vr.delete(e));
|
|
5409
5408
|
}
|
|
5410
|
-
function
|
|
5411
|
-
if (e.length <=
|
|
5409
|
+
function Cr(e, t) {
|
|
5410
|
+
if (e.length <= gr) return e;
|
|
5412
5411
|
let n = [...e], r = [];
|
|
5413
|
-
for (; n.length >
|
|
5412
|
+
for (; n.length > gr;) {
|
|
5414
5413
|
let e = n.findIndex((e) => e.id !== t && e.duration !== 0);
|
|
5415
5414
|
r.push(n.splice(e === -1 ? n.findIndex((e) => e.id !== t) : e, 1)[0]);
|
|
5416
5415
|
}
|
|
5417
|
-
for (let e of r)
|
|
5416
|
+
for (let e of r) Sr(e.id), yr.delete(e.id);
|
|
5418
5417
|
return n;
|
|
5419
5418
|
}
|
|
5420
|
-
function
|
|
5421
|
-
return
|
|
5422
|
-
if (
|
|
5419
|
+
function wr(e) {
|
|
5420
|
+
return _r.add(e), e($), () => {
|
|
5421
|
+
if (_r.delete(e), _r.size === 0) for (let e of $) e.duration > 0 && !vr.has(e.id) && (yr.delete(e.id), vr.set(e.id, setTimeout(() => Dr(e.id), e.duration)));
|
|
5423
5422
|
};
|
|
5424
5423
|
}
|
|
5425
|
-
function
|
|
5424
|
+
function Tr(e, t, n = {}) {
|
|
5426
5425
|
let r = n.id, i = r || typeof e != "string" ? void 0 : `${t}:${e}`;
|
|
5427
5426
|
if (r) {
|
|
5428
5427
|
let i = $.find((e) => e.externalId === r);
|
|
5429
5428
|
if (i) {
|
|
5430
|
-
|
|
5429
|
+
Sr(i.id);
|
|
5431
5430
|
let r = n.duration === void 0 ? 5e3 : n.duration;
|
|
5432
5431
|
$ = $.map((a) => a.id === i.id ? {
|
|
5433
5432
|
...a,
|
|
@@ -5440,12 +5439,12 @@ function wr(e, t, n = {}) {
|
|
|
5440
5439
|
shape: n.shape,
|
|
5441
5440
|
surface: n.surface,
|
|
5442
5441
|
progress: n.progress
|
|
5443
|
-
} : a),
|
|
5442
|
+
} : a), xr(), r > 0 && !yr.has(i.id) && vr.set(i.id, setTimeout(() => Dr(i.id), r));
|
|
5444
5443
|
return;
|
|
5445
5444
|
}
|
|
5446
5445
|
} else if (i && $.some((e) => e.key === i)) return;
|
|
5447
|
-
let a = ++
|
|
5448
|
-
$ =
|
|
5446
|
+
let a = ++br, o = n.duration === void 0 ? 5e3 : n.duration;
|
|
5447
|
+
$ = Cr([...$, {
|
|
5449
5448
|
id: a,
|
|
5450
5449
|
externalId: r,
|
|
5451
5450
|
message: e,
|
|
@@ -5458,25 +5457,25 @@ function wr(e, t, n = {}) {
|
|
|
5458
5457
|
surface: n.surface,
|
|
5459
5458
|
progress: n.progress,
|
|
5460
5459
|
key: i
|
|
5461
|
-
}], a),
|
|
5462
|
-
}
|
|
5463
|
-
function Tr(e) {
|
|
5464
|
-
xr(e), vr.add(e);
|
|
5460
|
+
}], a), xr(), o > 0 && vr.set(a, setTimeout(() => Dr(a), o));
|
|
5465
5461
|
}
|
|
5466
5462
|
function Er(e) {
|
|
5467
|
-
|
|
5463
|
+
Sr(e), yr.add(e);
|
|
5464
|
+
}
|
|
5465
|
+
function Dr(e) {
|
|
5466
|
+
Sr(e), yr.delete(e);
|
|
5468
5467
|
let t = $.filter((t) => t.id !== e);
|
|
5469
|
-
t.length !== $.length && ($ = t,
|
|
5468
|
+
t.length !== $.length && ($ = t, xr());
|
|
5470
5469
|
}
|
|
5471
|
-
function
|
|
5472
|
-
if (!($.length === 0 &&
|
|
5473
|
-
for (let e of
|
|
5474
|
-
|
|
5470
|
+
function Or() {
|
|
5471
|
+
if (!($.length === 0 && vr.size === 0 && yr.size === 0)) {
|
|
5472
|
+
for (let e of vr.values()) clearTimeout(e);
|
|
5473
|
+
vr.clear(), yr.clear(), $.length !== 0 && ($ = [], xr());
|
|
5475
5474
|
}
|
|
5476
5475
|
}
|
|
5477
5476
|
//#endregion
|
|
5478
5477
|
//#region src/components/AppToast.jsx
|
|
5479
|
-
var
|
|
5478
|
+
var kr = {
|
|
5480
5479
|
success: {
|
|
5481
5480
|
icon: "check-circle",
|
|
5482
5481
|
assertive: !1
|
|
@@ -5493,7 +5492,7 @@ var Or = {
|
|
|
5493
5492
|
icon: "alert-circle",
|
|
5494
5493
|
assertive: !0
|
|
5495
5494
|
}
|
|
5496
|
-
},
|
|
5495
|
+
}, Ar = {
|
|
5497
5496
|
"top-start": "top-0 start-0",
|
|
5498
5497
|
"top-center": "top-0 start-50 translate-middle-x",
|
|
5499
5498
|
"top-end": "top-0 end-0",
|
|
@@ -5501,21 +5500,21 @@ var Or = {
|
|
|
5501
5500
|
"bottom-start": "bottom-0 start-0",
|
|
5502
5501
|
"bottom-center": "bottom-0 start-50 translate-middle-x",
|
|
5503
5502
|
"bottom-end": "bottom-0 end-0"
|
|
5504
|
-
},
|
|
5503
|
+
}, jr = 64, Mr = /* @__PURE__ */ new Set([
|
|
5505
5504
|
"rise",
|
|
5506
5505
|
"organic",
|
|
5507
5506
|
"jelly",
|
|
5508
5507
|
"spring"
|
|
5509
|
-
]),
|
|
5508
|
+
]), Nr = /* @__PURE__ */ new Set([
|
|
5510
5509
|
"rounded",
|
|
5511
5510
|
"pill",
|
|
5512
5511
|
"sharp"
|
|
5513
|
-
]),
|
|
5514
|
-
function
|
|
5515
|
-
U("AppToast", s), W("AppToast", "position", e, Object.keys(
|
|
5512
|
+
]), Pr = /* @__PURE__ */ new Set(["auto", "inverse"]);
|
|
5513
|
+
function Fr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "rise", shape: r = "rounded", surface: i = "auto", className: a = "", ...s }) {
|
|
5514
|
+
U("AppToast", s), W("AppToast", "position", e, Object.keys(Ar)), W("AppToast", "animation", n, Mr), W("AppToast", "shape", r, Nr), W("AppToast", "surface", i, Pr);
|
|
5516
5515
|
let [c, l] = f([]);
|
|
5517
|
-
o(() =>
|
|
5518
|
-
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p =
|
|
5516
|
+
o(() => wr(l), []);
|
|
5517
|
+
let u = Math.max(0, c.length - t), d = u ? c.slice(u) : c, p = Ar[e] ?? Ar["bottom-end"];
|
|
5519
5518
|
return /* @__PURE__ */ D("div", {
|
|
5520
5519
|
...s,
|
|
5521
5520
|
className: `wui-toast-container toast-container position-fixed ${p} p-3 ${a}`.trim(),
|
|
@@ -5527,7 +5526,7 @@ function Pr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
5527
5526
|
u,
|
|
5528
5527
|
" more"
|
|
5529
5528
|
]
|
|
5530
|
-
}), d.map((e) => /* @__PURE__ */ E(
|
|
5529
|
+
}), d.map((e) => /* @__PURE__ */ E(Ir, {
|
|
5531
5530
|
toast: e,
|
|
5532
5531
|
defaultAnimation: n,
|
|
5533
5532
|
defaultShape: r,
|
|
@@ -5535,14 +5534,14 @@ function Pr({ position: e = "bottom-end", maxVisible: t = 4, animation: n = "ris
|
|
|
5535
5534
|
}, e.id))]
|
|
5536
5535
|
});
|
|
5537
5536
|
}
|
|
5538
|
-
function
|
|
5539
|
-
let i =
|
|
5537
|
+
function Ir({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded", defaultSurface: r = "auto" }) {
|
|
5538
|
+
let i = kr[e.variant] ?? kr.success, a = Mr.has(e.animation) ? e.animation : t, s = Nr.has(e.shape) ? e.shape : n, c = Pr.has(e.surface) ? e.surface : r, l = (a !== "rise" && Mr.has(a) ? ` wui-toast--anim-${a}` : "") + (s !== "rounded" && Nr.has(s) ? ` wui-toast--shape-${s}` : "") + (c === "inverse" ? " wui-toast--surface-inverse" : ""), u = e.duration === 0, [p, m] = f(0), [h, g] = f(!1), _ = d(null), v = () => Dr(e.id), y = d(null);
|
|
5540
5539
|
o(() => {
|
|
5541
5540
|
if (e.duration === 0) return;
|
|
5542
|
-
|
|
5541
|
+
Er(e.id);
|
|
5543
5542
|
let t = y.current, n = t == null ? "" : getComputedStyle(t).animationName;
|
|
5544
5543
|
if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
|
|
5545
|
-
let r = setTimeout(() =>
|
|
5544
|
+
let r = setTimeout(() => Dr(e.id), e.duration);
|
|
5546
5545
|
return () => clearTimeout(r);
|
|
5547
5546
|
}, [e.id, e.duration]);
|
|
5548
5547
|
let b = (e) => {
|
|
@@ -5554,7 +5553,7 @@ function Fr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
5554
5553
|
}, C = (e) => {
|
|
5555
5554
|
if (_.current === null) return;
|
|
5556
5555
|
let t = e.clientX - _.current;
|
|
5557
|
-
if (Math.abs(t) >
|
|
5556
|
+
if (Math.abs(t) > jr) {
|
|
5558
5557
|
v();
|
|
5559
5558
|
return;
|
|
5560
5559
|
}
|
|
@@ -5638,7 +5637,7 @@ function Fr({ toast: e, defaultAnimation: t = "rise", defaultShape: n = "rounded
|
|
|
5638
5637
|
}
|
|
5639
5638
|
//#endregion
|
|
5640
5639
|
//#region src/components/AppToolbar.jsx
|
|
5641
|
-
function
|
|
5640
|
+
function Lr({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelect: i, label: a, name: o, disabled: c = !1, className: l = "", ...u }) {
|
|
5642
5641
|
U("AppToolbar", u);
|
|
5643
5642
|
let d = s(), p = o || d, [m, h] = f(r), g = n === void 0 ? m : n;
|
|
5644
5643
|
return /* @__PURE__ */ D("div", {
|
|
@@ -5696,7 +5695,7 @@ function Ir({ items: e = [], actions: t = [], value: n, defaultValue: r, onSelec
|
|
|
5696
5695
|
}
|
|
5697
5696
|
//#endregion
|
|
5698
5697
|
//#region src/components/AppWizard.jsx
|
|
5699
|
-
var
|
|
5698
|
+
var Rr = i(function({ steps: t = [], children: n, active: r, defaultActive: i = 0, onStepChange: a, onFinish: s, onSkip: c, beforeNext: l, onInvalid: u, variant: f = "steps", tone: p, orientation: m = "horizontal", skippable: h = !1, nonLinear: g = !1, hideStepper: _ = !1, disabled: v = !1, label: y = "Progress", backLabel: b = "Back", nextLabel: x = "Next", skipLabel: S = "Skip", finishLabel: C = "Finish", className: w = "", ...T }, D) {
|
|
5700
5699
|
U("AppWizard", T);
|
|
5701
5700
|
let O = d(null), k = (e) => {
|
|
5702
5701
|
O.current = e, typeof D == "function" ? D(e) : D && (D.current = e);
|
|
@@ -5748,13 +5747,13 @@ var Lr = i(function({ steps: t = [], children: n, active: r, defaultActive: i =
|
|
|
5748
5747
|
children: A[t]
|
|
5749
5748
|
}, e.key ?? `${e.label}-${t}`))
|
|
5750
5749
|
});
|
|
5751
|
-
}),
|
|
5750
|
+
}), zr = /* @__PURE__ */ new Set([
|
|
5752
5751
|
"ArrowUp",
|
|
5753
5752
|
"ArrowDown",
|
|
5754
5753
|
"ArrowLeft",
|
|
5755
5754
|
"ArrowRight"
|
|
5756
5755
|
]);
|
|
5757
|
-
function
|
|
5756
|
+
function Br({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAction: i, linkComponent: a, searchable: s = !1, onCreate: c, canCreate: l = !1, createLabel: p = "Create workspace", compact: m = !1, size: h = "md", ariaLabel: g, ..._ }) {
|
|
5758
5757
|
let { onToggle: y, ...b } = _;
|
|
5759
5758
|
U("AppWorkspaceSwitcher", b);
|
|
5760
5759
|
let [x, S] = f(""), [C, w] = f(!1), T = d(null), O = (e, t) => {
|
|
@@ -5774,7 +5773,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5774
5773
|
let e = T.current;
|
|
5775
5774
|
if (!e) return;
|
|
5776
5775
|
let t = (e) => {
|
|
5777
|
-
if (
|
|
5776
|
+
if (zr.has(e.key)) {
|
|
5778
5777
|
e.stopPropagation();
|
|
5779
5778
|
return;
|
|
5780
5779
|
}
|
|
@@ -5792,7 +5791,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5792
5791
|
onToggle: O,
|
|
5793
5792
|
...b,
|
|
5794
5793
|
children: [/* @__PURE__ */ E(v.Toggle, {
|
|
5795
|
-
as:
|
|
5794
|
+
as: Wr,
|
|
5796
5795
|
compact: m,
|
|
5797
5796
|
tenant: k,
|
|
5798
5797
|
"aria-label": M
|
|
@@ -5827,7 +5826,7 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5827
5826
|
className: `workspace-switcher-option${e.id === k?.id ? " is-active" : ""}`,
|
|
5828
5827
|
onClick: () => n?.(e),
|
|
5829
5828
|
children: [
|
|
5830
|
-
/* @__PURE__ */ E(
|
|
5829
|
+
/* @__PURE__ */ E(Hr, { tenant: e }),
|
|
5831
5830
|
/* @__PURE__ */ E("span", {
|
|
5832
5831
|
className: "workspace-switcher-option-name",
|
|
5833
5832
|
children: e.name
|
|
@@ -5859,17 +5858,17 @@ function zr({ tenants: e = [], currentId: t, onSelect: n, menuLabel: r, footerAc
|
|
|
5859
5858
|
}) : null,
|
|
5860
5859
|
i ? /* @__PURE__ */ E("div", {
|
|
5861
5860
|
className: "workspace-switcher-footer",
|
|
5862
|
-
children:
|
|
5861
|
+
children: Ur(i, a)
|
|
5863
5862
|
}) : null
|
|
5864
5863
|
]
|
|
5865
5864
|
})]
|
|
5866
5865
|
});
|
|
5867
5866
|
}
|
|
5868
|
-
function
|
|
5867
|
+
function Vr(e) {
|
|
5869
5868
|
let t = String(e ?? "").trim().split(/\s+/).filter(Boolean);
|
|
5870
5869
|
return t.length === 0 ? "" : (t[0][0] + (t.length > 1 ? t[t.length - 1][0] : "")).toUpperCase();
|
|
5871
5870
|
}
|
|
5872
|
-
function
|
|
5871
|
+
function Hr({ tenant: e }) {
|
|
5873
5872
|
return e?.logoUrl ? /* @__PURE__ */ E("img", {
|
|
5874
5873
|
className: "workspace-switcher-mark",
|
|
5875
5874
|
src: e.logoUrl,
|
|
@@ -5877,10 +5876,10 @@ function Vr({ tenant: e }) {
|
|
|
5877
5876
|
loading: "lazy"
|
|
5878
5877
|
}) : /* @__PURE__ */ E("span", {
|
|
5879
5878
|
className: "workspace-switcher-mark",
|
|
5880
|
-
children:
|
|
5879
|
+
children: Vr(e?.name)
|
|
5881
5880
|
});
|
|
5882
5881
|
}
|
|
5883
|
-
function
|
|
5882
|
+
function Ur(e, t) {
|
|
5884
5883
|
if (typeof e != "object" || !e || !("label" in e)) return e;
|
|
5885
5884
|
let { label: n, icon: r, href: i } = e;
|
|
5886
5885
|
return /* @__PURE__ */ D(i ? t ?? "a" : "button", {
|
|
@@ -5892,7 +5891,7 @@ function Hr(e, t) {
|
|
|
5892
5891
|
}) : null, n]
|
|
5893
5892
|
});
|
|
5894
5893
|
}
|
|
5895
|
-
var
|
|
5894
|
+
var Wr = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i }, a) {
|
|
5896
5895
|
return /* @__PURE__ */ D("button", {
|
|
5897
5896
|
ref: a,
|
|
5898
5897
|
type: "button",
|
|
@@ -5900,7 +5899,7 @@ var Ur = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
5900
5899
|
"aria-haspopup": "true",
|
|
5901
5900
|
"aria-label": n,
|
|
5902
5901
|
...i,
|
|
5903
|
-
children: [/* @__PURE__ */ E(
|
|
5902
|
+
children: [/* @__PURE__ */ E(Hr, { tenant: t }), e ? null : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
|
|
5904
5903
|
className: "workspace-switcher-trigger-name",
|
|
5905
5904
|
children: t?.name
|
|
5906
5905
|
}), /* @__PURE__ */ E(Y, {
|
|
@@ -5912,36 +5911,36 @@ var Ur = i(function({ compact: e, tenant: t, "aria-label": n, className: r, ...i
|
|
|
5912
5911
|
});
|
|
5913
5912
|
//#endregion
|
|
5914
5913
|
//#region src/components/toast.js
|
|
5915
|
-
function
|
|
5916
|
-
|
|
5914
|
+
function Gr() {
|
|
5915
|
+
Or();
|
|
5917
5916
|
}
|
|
5918
|
-
var
|
|
5917
|
+
var Kr = /* @__PURE__ */ new Set([
|
|
5919
5918
|
"success",
|
|
5920
5919
|
"info",
|
|
5921
5920
|
"warning",
|
|
5922
5921
|
"danger"
|
|
5923
5922
|
]);
|
|
5924
|
-
function
|
|
5923
|
+
function qr(e, t = "info") {
|
|
5925
5924
|
let n = "info", r = {};
|
|
5926
|
-
typeof t == "string" ? n =
|
|
5925
|
+
typeof t == "string" ? n = Kr.has(t) ? t : "info" : typeof t == "object" && t && (r = t, n = Kr.has(r.variant) ? r.variant : "info"), Tr(e, n, r);
|
|
5927
5926
|
}
|
|
5928
|
-
function
|
|
5929
|
-
|
|
5927
|
+
function Jr(e, t = {}) {
|
|
5928
|
+
Tr(e, "danger", t);
|
|
5930
5929
|
}
|
|
5931
|
-
|
|
5930
|
+
qr.promise = (e, t, n = {}) => {
|
|
5932
5931
|
let r = n.id || `promise-${Date.now()}-${Math.random()}`;
|
|
5933
|
-
return
|
|
5932
|
+
return qr(t.loading || "Loading...", {
|
|
5934
5933
|
...n,
|
|
5935
5934
|
variant: "info",
|
|
5936
5935
|
id: r,
|
|
5937
5936
|
duration: 0
|
|
5938
|
-
}), e.then((e) => (
|
|
5937
|
+
}), e.then((e) => (qr((typeof t.success == "function" ? t.success(e) : t.success) || "Done", {
|
|
5939
5938
|
...n,
|
|
5940
5939
|
variant: "success",
|
|
5941
5940
|
id: r,
|
|
5942
5941
|
duration: n.duration === void 0 ? 5e3 : n.duration
|
|
5943
5942
|
}), e)).catch((e) => {
|
|
5944
|
-
throw
|
|
5943
|
+
throw qr((typeof t.error == "function" ? t.error(e) : t.error) || "Error", {
|
|
5945
5944
|
...n,
|
|
5946
5945
|
variant: "danger",
|
|
5947
5946
|
id: r,
|
|
@@ -5951,7 +5950,7 @@ Kr.promise = (e, t, n = {}) => {
|
|
|
5951
5950
|
};
|
|
5952
5951
|
//#endregion
|
|
5953
5952
|
//#region src/lib/usePagination.js
|
|
5954
|
-
function
|
|
5953
|
+
function Yr(e, t = 10) {
|
|
5955
5954
|
let [n, r] = f(1), [i, a] = f(t), s = e.length, c = Math.max(1, Math.ceil(s / i));
|
|
5956
5955
|
o(() => {
|
|
5957
5956
|
n > c && r(c);
|
|
@@ -5977,4 +5976,4 @@ function Jr(e, t = 10) {
|
|
|
5977
5976
|
};
|
|
5978
5977
|
}
|
|
5979
5978
|
//#endregion
|
|
5980
|
-
export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment,
|
|
5979
|
+
export { Oe as AppAccordion, ke as AppActionIcon, Me as AppAlert, ze as AppAsyncBlock, Ze as AppAutocomplete, rt as AppAvatar, ot as AppAvatarGroup, st as AppBadge, lt as AppBanner, ut as AppBreadcrumbs, Ie as AppButton, ft as AppCallout, mt as AppCard, gt as AppCheckbox, _t as AppChip, vt as AppChoiceCard, yt as AppChoiceChip, bt as AppColorField, St as AppCompareTable, jt as AppConfirmDialog, Nt as AppConsentBanner, Ft as AppCopyButton, Gt as AppDataTable, Kt as AppDatePicker, qt as AppDateRangePicker, Jt as AppDescriptions, Zt as AppDropdown, Le as AppEmptyState, an as AppFileAttachment, cn as AppFilePicker, ln as AppFloatingDock, un as AppFormActions, dn as AppFormRow, fn as AppFormSection, Y as AppIcon, pn as AppInfoList, He as AppInfoTip, Ct as AppInput, vn as AppKpiTile, Sn as AppLink, wn as AppLogoPicker, On as AppMeter, Ot as AppModal, kn as AppMultiSelect, An as AppNumberInput, jn as AppOtpInput, Mn as AppPageHeader, Nn as AppPagination, Pn as AppPhoneNumberInput, Ve as AppPopover, Fn as AppPricingCard, Rn as AppProgress, zn as AppRadio, Bn as AppRepeater, Z as AppRequiredMark, Vn as AppResourceCard, Un as AppResult, Wn as AppScrollbar, Gn as AppSearch, Kn as AppSegmented, Jn as AppSelect, Bt as AppSelectMini, Yn as AppShell, Qn as AppSidebarMenu, It as AppSkeleton, Lt as AppSkeletonRows, $n as AppSlider, Re as AppSpinner, tr as AppSplash, nr as AppStatusBadge, rr as AppStepper, ar as AppSwitch, or as AppTableEmptyState, Ht as AppTablePagination, ur as AppTabs, dr as AppTagInput, fr as AppTextarea, hr as AppTimePicker, mr as AppTimeline, Fr as AppToast, Lr as AppToolbar, G as AppTooltip, Rr as AppWizard, Br as AppWorkspaceSwitcher, At as MODAL_ICONS, Gr as dismissAll, Jr as errorToast, Te as iconNames, De as registerIcons, qr as toast, Yr as usePagination };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/ui-react",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.4",
|
|
4
4
|
"description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
},
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@webority/theme": "0.13.
|
|
32
|
-
"@webority/ui-elements": "0.13.
|
|
31
|
+
"@webority/theme": "0.13.4",
|
|
32
|
+
"@webority/ui-elements": "0.13.4"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@webority/analytics": "^0.5.2",
|