@factorialco/f0-react 1.229.0 → 1.231.0
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/experimental.d.ts +7 -5
- package/dist/experimental.js +13439 -13428
- package/dist/f0.d.ts +7 -5
- package/dist/f0.js +52 -50
- package/dist/{hooks-B3KsBFK3.js → hooks-ibWgov6e.js} +21291 -20786
- package/dist/styles.css +1 -1
- package/package.json +23 -3
package/dist/f0.d.ts
CHANGED
|
@@ -1215,6 +1215,8 @@ export declare const defaultTranslations: {
|
|
|
1215
1215
|
readonly currentDate: "This week";
|
|
1216
1216
|
readonly label: "Week";
|
|
1217
1217
|
readonly long: "Week of {{day}} {{month}} {{year}}";
|
|
1218
|
+
readonly longSingular: "Week of {{date}}";
|
|
1219
|
+
readonly longPlural: "Weeks of {{date}}";
|
|
1218
1220
|
};
|
|
1219
1221
|
readonly month: {
|
|
1220
1222
|
readonly currentDate: "This month";
|
|
@@ -3404,6 +3406,11 @@ declare module "@tiptap/core" {
|
|
|
3404
3406
|
}
|
|
3405
3407
|
|
|
3406
3408
|
|
|
3409
|
+
declare namespace Calendar {
|
|
3410
|
+
var displayName: string;
|
|
3411
|
+
}
|
|
3412
|
+
|
|
3413
|
+
|
|
3407
3414
|
declare module "@tiptap/core" {
|
|
3408
3415
|
interface Commands<ReturnType> {
|
|
3409
3416
|
moodTracker: {
|
|
@@ -3411,8 +3418,3 @@ declare module "@tiptap/core" {
|
|
|
3411
3418
|
};
|
|
3412
3419
|
}
|
|
3413
3420
|
}
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
declare namespace Calendar {
|
|
3417
|
-
var displayName: string;
|
|
3418
|
-
}
|
package/dist/f0.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as g, L as pe, c as ge, P as
|
|
2
|
-
import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as
|
|
1
|
+
import { C as g, L as pe, c as ge, P as W, a as b, f as ve, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Pe, h as M, i as G, j as H, k as Le, l as U, S as J, m as Y, n as Se, O as Fe, o as X, p as ke, q as De, F as K, r as Me, s as Te, t as Ie, D as Re, u as Be, v as Oe, w as $e, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as Ae, N as qe, Q as We, R as Ge, X as He, T as Ue, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-ibWgov6e.js";
|
|
2
|
+
import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Pr, au as Lr, ax as Sr, at as Fr, aL as kr, as as Dr, ar as Mr, a8 as Tr, ai as Ir, aq as Rr, av as Br, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks-ibWgov6e.js";
|
|
3
3
|
import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
|
|
4
4
|
import * as E from "react";
|
|
5
5
|
import Qe, { useState as v, forwardRef as I, useRef as ae, useImperativeHandle as Ze, Children as ea, useEffect as re, createContext as aa } from "react";
|
|
@@ -143,7 +143,9 @@ const Fa = {
|
|
|
143
143
|
week: {
|
|
144
144
|
currentDate: "This week",
|
|
145
145
|
label: "Week",
|
|
146
|
-
long: "Week of {{day}} {{month}} {{year}}"
|
|
146
|
+
long: "Week of {{day}} {{month}} {{year}}",
|
|
147
|
+
longSingular: "Week of {{date}}",
|
|
148
|
+
longPlural: "Weeks of {{date}}"
|
|
147
149
|
},
|
|
148
150
|
month: {
|
|
149
151
|
currentDate: "This month",
|
|
@@ -201,10 +203,10 @@ const Fa = {
|
|
|
201
203
|
noResults: "No results found",
|
|
202
204
|
loadingMore: "Loading..."
|
|
203
205
|
}
|
|
204
|
-
},
|
|
206
|
+
}, ka = g({
|
|
205
207
|
name: "Link",
|
|
206
208
|
type: "info"
|
|
207
|
-
}, pe),
|
|
209
|
+
}, pe), Da = [
|
|
208
210
|
"person",
|
|
209
211
|
"team",
|
|
210
212
|
"company",
|
|
@@ -225,7 +227,7 @@ var _ = "Progress", j = 100, [ra, Ma] = ge(_), [sa, ta] = ra(_), se = E.forwardR
|
|
|
225
227
|
o !== null && !A(o, d) && console.error(na(`${o}`, "Progress"));
|
|
226
228
|
const l = A(o, d) ? o : null, f = T(l) ? i(l, d) : void 0;
|
|
227
229
|
return /* @__PURE__ */ e(sa, { scope: s, value: l, max: d, children: /* @__PURE__ */ e(
|
|
228
|
-
|
|
230
|
+
W.div,
|
|
229
231
|
{
|
|
230
232
|
"aria-valuemax": d,
|
|
231
233
|
"aria-valuemin": 0,
|
|
@@ -246,7 +248,7 @@ var te = "ProgressIndicator", le = E.forwardRef(
|
|
|
246
248
|
(a, r) => {
|
|
247
249
|
const { __scopeProgress: s, ...o } = a, t = ta(te, s);
|
|
248
250
|
return /* @__PURE__ */ e(
|
|
249
|
-
|
|
251
|
+
W.div,
|
|
250
252
|
{
|
|
251
253
|
"data-state": oe(t.value, t.max),
|
|
252
254
|
"data-value": t.value ?? void 0,
|
|
@@ -354,7 +356,7 @@ const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
|
|
|
354
356
|
name: "VerticalBarChart",
|
|
355
357
|
type: "info"
|
|
356
358
|
},
|
|
357
|
-
|
|
359
|
+
Pe
|
|
358
360
|
), Ea = g(
|
|
359
361
|
{
|
|
360
362
|
name: "ProgressBarChart",
|
|
@@ -365,16 +367,16 @@ const da = ({ value: a, max: r = 100, label: s, color: o }, t) => {
|
|
|
365
367
|
const [s, o] = v(!1), t = e(M, {
|
|
366
368
|
label: `+${a}`
|
|
367
369
|
});
|
|
368
|
-
return r != null && r.length ? c(
|
|
370
|
+
return r != null && r.length ? c(G, {
|
|
369
371
|
open: s,
|
|
370
372
|
onOpenChange: o,
|
|
371
|
-
children: [e(
|
|
373
|
+
children: [e(H, {
|
|
372
374
|
asChild: !0,
|
|
373
375
|
children: e("button", {
|
|
374
|
-
className:
|
|
376
|
+
className: Le("inline-flex flex-shrink-0 items-center"),
|
|
375
377
|
children: t
|
|
376
378
|
})
|
|
377
|
-
}), e(
|
|
379
|
+
}), e(U, {
|
|
378
380
|
className: "rounded-md border border-solid border-f1-border-secondary p-1 shadow-md",
|
|
379
381
|
align: "end",
|
|
380
382
|
children: c(J, {
|
|
@@ -440,7 +442,7 @@ const _a = Se("F0ChipList", de), ua = {
|
|
|
440
442
|
className: "@container",
|
|
441
443
|
children: [c("div", {
|
|
442
444
|
className: "flex flex-col gap-6 px-5 pt-4 @md:pt-2 @5xl:hidden",
|
|
443
|
-
children: [e(
|
|
445
|
+
children: [e(ke, {
|
|
444
446
|
columns: ua,
|
|
445
447
|
showArrows: !1,
|
|
446
448
|
children: i
|
|
@@ -481,7 +483,7 @@ const _a = Se("F0ChipList", de), ua = {
|
|
|
481
483
|
}), ha = ({ children: a, className: r }) => e("aside", {
|
|
482
484
|
className: b("min-w-30 py-5 pl-4 pr-4 sm:basis-1/4 sm:pb-6 md:max-w-80 md:pl-2", r),
|
|
483
485
|
children: a
|
|
484
|
-
}), pa =
|
|
486
|
+
}), pa = De({
|
|
485
487
|
base: "relative flex min-h-full w-full flex-1 flex-col gap-4 place-self-center overflow-y-auto px-6 py-5",
|
|
486
488
|
variants: {
|
|
487
489
|
variant: {
|
|
@@ -608,8 +610,8 @@ function ba({ isOpen: a, onClose: r, title: s, children: o, module: t, portalCon
|
|
|
608
610
|
})
|
|
609
611
|
});
|
|
610
612
|
}
|
|
611
|
-
function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: l, closeLabel: f, primaryAction: m, modalTitle: N, modalModule:
|
|
612
|
-
const [R, F] = v(a), [C, y] = v(null), [
|
|
613
|
+
function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessage: i, successMessage: n, loadingState: d, nextSteps: l, closeLabel: f, primaryAction: m, modalTitle: N, modalModule: P, secondaryAction: u, portalContainer: x, tag: S }) {
|
|
614
|
+
const [R, F] = v(a), [C, y] = v(null), [L, h] = v(!1), k = async () => {
|
|
613
615
|
if (m != null && m.onClick) {
|
|
614
616
|
h(!0);
|
|
615
617
|
try {
|
|
@@ -620,15 +622,15 @@ function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessa
|
|
|
620
622
|
h(!1);
|
|
621
623
|
}
|
|
622
624
|
}
|
|
623
|
-
},
|
|
625
|
+
}, D = () => {
|
|
624
626
|
F(!1), r == null || r();
|
|
625
|
-
}, B =
|
|
627
|
+
}, B = L;
|
|
626
628
|
return c($, {
|
|
627
629
|
children: [e(ba, {
|
|
628
630
|
isOpen: R,
|
|
629
|
-
onClose:
|
|
631
|
+
onClose: D,
|
|
630
632
|
title: N,
|
|
631
|
-
module:
|
|
633
|
+
module: P,
|
|
632
634
|
portalContainer: x,
|
|
633
635
|
children: e("div", {
|
|
634
636
|
className: "pb-4 pl-4",
|
|
@@ -644,7 +646,7 @@ function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessa
|
|
|
644
646
|
variant: m.variant,
|
|
645
647
|
label: B ? d.label : m.label,
|
|
646
648
|
icon: m.icon || void 0,
|
|
647
|
-
onClick:
|
|
649
|
+
onClick: k,
|
|
648
650
|
loading: m.loading,
|
|
649
651
|
size: m.size
|
|
650
652
|
}), u && e(w, {
|
|
@@ -660,7 +662,7 @@ function Aa({ isOpen: a, onClose: r, title: s, image: o, benefits: t, errorMessa
|
|
|
660
662
|
}), C && e(Z, {
|
|
661
663
|
open: !0,
|
|
662
664
|
onClose: () => {
|
|
663
|
-
|
|
665
|
+
D(), y(null);
|
|
664
666
|
},
|
|
665
667
|
success: C === "success",
|
|
666
668
|
errorMessage: i,
|
|
@@ -678,7 +680,7 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: o, dismissible: t,
|
|
|
678
680
|
re(() => {
|
|
679
681
|
n && n(!f);
|
|
680
682
|
}, [n, f]);
|
|
681
|
-
const
|
|
683
|
+
const P = a == null ? void 0 : a.includes(".mp4");
|
|
682
684
|
return e($, {
|
|
683
685
|
children: f ? null : c(Ee, {
|
|
684
686
|
style: {
|
|
@@ -698,7 +700,7 @@ function xa({ mediaUrl: a, title: r, description: s, onClose: o, dismissible: t,
|
|
|
698
700
|
})
|
|
699
701
|
}), c("div", {
|
|
700
702
|
children: [e("div", {
|
|
701
|
-
children: a && (
|
|
703
|
+
children: a && (P ? e("video", {
|
|
702
704
|
src: a,
|
|
703
705
|
autoPlay: !0,
|
|
704
706
|
muted: !0,
|
|
@@ -772,29 +774,29 @@ const Ca = I(function({ primaryAction: r, secondaryAction: s, ...o }, t) {
|
|
|
772
774
|
});
|
|
773
775
|
});
|
|
774
776
|
Ca.displayName = "UpsellingBanner";
|
|
775
|
-
function qa({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: l = Ve, mediaUrl: f, title: m, description: N, width:
|
|
776
|
-
const [F, C] = v(!1), [y,
|
|
777
|
+
function qa({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t = "md", showIcon: i = !0, side: n = "right", align: d = "center", icon: l = Ve, mediaUrl: f, title: m, description: N, width: P = "300px", trackVisibility: u, actions: x, onClick: S, hideLabel: R = !1 }) {
|
|
778
|
+
const [F, C] = v(!1), [y, L] = v(null), [h, k] = v(null), D = (p) => {
|
|
777
779
|
r(p), S && S();
|
|
778
780
|
}, B = async (p) => {
|
|
779
781
|
if (p.type === "upsell") {
|
|
780
|
-
|
|
782
|
+
k(p);
|
|
781
783
|
try {
|
|
782
|
-
await p.onClick(), p.showConfirmation && (C(!0),
|
|
784
|
+
await p.onClick(), p.showConfirmation && (C(!0), L("success"));
|
|
783
785
|
} catch {
|
|
784
|
-
C(!0),
|
|
786
|
+
C(!0), L("error");
|
|
785
787
|
}
|
|
786
788
|
}
|
|
787
789
|
}, fe = () => {
|
|
788
|
-
|
|
790
|
+
L(null), C(!1), k(null), r(!1);
|
|
789
791
|
}, me = a && !F, he = x == null ? void 0 : x.map((p) => p.type === "upsell" ? {
|
|
790
792
|
...p,
|
|
791
793
|
onClick: () => B(p)
|
|
792
794
|
} : p);
|
|
793
795
|
return c($, {
|
|
794
|
-
children: [c(
|
|
796
|
+
children: [c(G, {
|
|
795
797
|
open: me,
|
|
796
|
-
onOpenChange:
|
|
797
|
-
children: [e(
|
|
798
|
+
onOpenChange: D,
|
|
799
|
+
children: [e(H, {
|
|
798
800
|
asChild: !0,
|
|
799
801
|
children: e(w, {
|
|
800
802
|
variant: o,
|
|
@@ -804,7 +806,7 @@ function qa({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t
|
|
|
804
806
|
onClick: () => r(a),
|
|
805
807
|
hideLabel: R
|
|
806
808
|
})
|
|
807
|
-
}), e(
|
|
809
|
+
}), e(U, {
|
|
808
810
|
side: n,
|
|
809
811
|
align: d,
|
|
810
812
|
className: "w-fit border-none bg-transparent p-2 shadow-none",
|
|
@@ -814,7 +816,7 @@ function qa({ isOpen: a, setIsOpen: r, label: s, variant: o = "promote", size: t
|
|
|
814
816
|
description: N,
|
|
815
817
|
onClose: () => r(!1),
|
|
816
818
|
dismissible: !1,
|
|
817
|
-
width:
|
|
819
|
+
width: P,
|
|
818
820
|
trackVisibility: u,
|
|
819
821
|
actions: he,
|
|
820
822
|
showConfirmation: !1
|
|
@@ -852,20 +854,20 @@ const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
|
|
|
852
854
|
}, Na = ({ children: a }) => e(Xe, {
|
|
853
855
|
reducedMotion: "user",
|
|
854
856
|
children: a
|
|
855
|
-
}),
|
|
857
|
+
}), Wa = ({ children: a, layout: r, link: s, privacyModeInitiallyEnabled: o, image: t, i18n: i, l10n: n, isDev: d = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: f = !1 }) => e(Na, {
|
|
856
858
|
children: e(Ae, {
|
|
857
859
|
isDev: d,
|
|
858
860
|
showExperimentalWarnings: f,
|
|
859
861
|
children: e(qe, {
|
|
860
862
|
...n,
|
|
861
|
-
children: e(
|
|
863
|
+
children: e(We, {
|
|
862
864
|
...i,
|
|
863
|
-
children: e(
|
|
865
|
+
children: e(Ge, {
|
|
864
866
|
...s,
|
|
865
867
|
children: e(wa, {
|
|
866
868
|
...r,
|
|
867
|
-
children: e(
|
|
868
|
-
children: e(
|
|
869
|
+
children: e(He, {
|
|
870
|
+
children: e(Ue, {
|
|
869
871
|
initiallyEnabled: o,
|
|
870
872
|
children: e(Je, {
|
|
871
873
|
...t,
|
|
@@ -881,7 +883,7 @@ const ya = aa(null), wa = ({ children: a, fullScreen: r = !0 }) => {
|
|
|
881
883
|
})
|
|
882
884
|
})
|
|
883
885
|
})
|
|
884
|
-
}), q = (a) => `datacollection-${a}`,
|
|
886
|
+
}), q = (a) => `datacollection-${a}`, Ga = {
|
|
885
887
|
get: async (a) => JSON.parse(
|
|
886
888
|
localStorage.getItem(q(a)) ?? "{}"
|
|
887
889
|
),
|
|
@@ -914,7 +916,7 @@ export {
|
|
|
914
916
|
_a as F0ChipList,
|
|
915
917
|
cr as F0EventCatcherProvider,
|
|
916
918
|
Te as F0Icon,
|
|
917
|
-
|
|
919
|
+
Wa as F0Provider,
|
|
918
920
|
ur as F0TagAlert,
|
|
919
921
|
fr as F0TagBalance,
|
|
920
922
|
mr as F0TagCompany,
|
|
@@ -927,10 +929,10 @@ export {
|
|
|
927
929
|
xr as GROUP_ID_SYMBOL,
|
|
928
930
|
Va as HomeLayout,
|
|
929
931
|
Ba as LineChart,
|
|
930
|
-
|
|
932
|
+
ka as Link,
|
|
931
933
|
Cr as OneFilterPicker,
|
|
932
934
|
Oa as PieChart,
|
|
933
|
-
|
|
935
|
+
Ue as PrivacyModeProvider,
|
|
934
936
|
ue as ProductBlankslate,
|
|
935
937
|
yr as ProductCard,
|
|
936
938
|
Aa as ProductModal,
|
|
@@ -944,17 +946,17 @@ export {
|
|
|
944
946
|
ee as UpsellingButton,
|
|
945
947
|
qa as UpsellingPopover,
|
|
946
948
|
$a as VerticalBarChart,
|
|
947
|
-
|
|
949
|
+
Da as avatarVariants,
|
|
948
950
|
Nr as buildTranslations,
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
951
|
+
Pr as createAtlaskitDriver,
|
|
952
|
+
Lr as createDataSourceDefinition,
|
|
953
|
+
Ga as dataCollectionLocalStorageHandler,
|
|
952
954
|
Fa as defaultTranslations,
|
|
953
955
|
Se as experimental,
|
|
954
956
|
Sr as getAnimationVariants,
|
|
955
957
|
Fr as getDataSourcePaginationType,
|
|
956
|
-
|
|
957
|
-
|
|
958
|
+
kr as getEmojiLabel,
|
|
959
|
+
Dr as isInfiniteScrollPagination,
|
|
958
960
|
Mr as isPageBasedPagination,
|
|
959
961
|
Tr as modules,
|
|
960
962
|
Ir as tagDotColors,
|