@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/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 G, 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 Le, h as M, i as H, j as U, k as Pe, l as W, S as J, m as Y, n as Se, O as Fe, o as X, p as De, q as ke, 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 Ge, R as He, X as Ue, T as We, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-B3KsBFK3.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 Lr, au as Pr, ax as Sr, at as Fr, aL as Dr, as as kr, 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-B3KsBFK3.js";
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
- }, Da = g({
206
+ }, ka = g({
205
207
  name: "Link",
206
208
  type: "info"
207
- }, pe), ka = [
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
- G.div,
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
- G.div,
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
- Le
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(H, {
370
+ return r != null && r.length ? c(G, {
369
371
  open: s,
370
372
  onOpenChange: o,
371
- children: [e(U, {
373
+ children: [e(H, {
372
374
  asChild: !0,
373
375
  children: e("button", {
374
- className: Pe("inline-flex flex-shrink-0 items-center"),
376
+ className: Le("inline-flex flex-shrink-0 items-center"),
375
377
  children: t
376
378
  })
377
- }), e(W, {
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(De, {
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 = ke({
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: L, secondaryAction: u, portalContainer: x, tag: S }) {
612
- const [R, F] = v(a), [C, y] = v(null), [P, h] = v(!1), D = async () => {
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
- }, k = () => {
625
+ }, D = () => {
624
626
  F(!1), r == null || r();
625
- }, B = P;
627
+ }, B = L;
626
628
  return c($, {
627
629
  children: [e(ba, {
628
630
  isOpen: R,
629
- onClose: k,
631
+ onClose: D,
630
632
  title: N,
631
- module: L,
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: D,
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
- k(), y(null);
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 L = a == null ? void 0 : a.includes(".mp4");
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 && (L ? e("video", {
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: L = "300px", trackVisibility: u, actions: x, onClick: S, hideLabel: R = !1 }) {
776
- const [F, C] = v(!1), [y, P] = v(null), [h, D] = v(null), k = (p) => {
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
- D(p);
782
+ k(p);
781
783
  try {
782
- await p.onClick(), p.showConfirmation && (C(!0), P("success"));
784
+ await p.onClick(), p.showConfirmation && (C(!0), L("success"));
783
785
  } catch {
784
- C(!0), P("error");
786
+ C(!0), L("error");
785
787
  }
786
788
  }
787
789
  }, fe = () => {
788
- P(null), C(!1), D(null), r(!1);
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(H, {
796
+ children: [c(G, {
795
797
  open: me,
796
- onOpenChange: k,
797
- children: [e(U, {
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(W, {
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: L,
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
- }), Ga = ({ children: a, layout: r, link: s, privacyModeInitiallyEnabled: o, image: t, i18n: i, l10n: n, isDev: d = !1, dataCollectionStorageHandler: l, showExperimentalWarnings: f = !1 }) => e(Na, {
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(Ge, {
863
+ children: e(We, {
862
864
  ...i,
863
- children: e(He, {
865
+ children: e(Ge, {
864
866
  ...s,
865
867
  children: e(wa, {
866
868
  ...r,
867
- children: e(Ue, {
868
- children: e(We, {
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}`, Ha = {
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
- Ga as F0Provider,
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
- Da as Link,
932
+ ka as Link,
931
933
  Cr as OneFilterPicker,
932
934
  Oa as PieChart,
933
- We as PrivacyModeProvider,
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
- ka as avatarVariants,
949
+ Da as avatarVariants,
948
950
  Nr as buildTranslations,
949
- Lr as createAtlaskitDriver,
950
- Pr as createDataSourceDefinition,
951
- Ha as dataCollectionLocalStorageHandler,
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
- Dr as getEmojiLabel,
957
- kr as isInfiniteScrollPagination,
958
+ kr as getEmojiLabel,
959
+ Dr as isInfiniteScrollPagination,
958
960
  Mr as isPageBasedPagination,
959
961
  Tr as modules,
960
962
  Ir as tagDotColors,