@factorialco/f0-react 1.258.0 → 1.259.1

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
@@ -1371,10 +1371,22 @@ export declare const defaultTranslations: {
1371
1371
  };
1372
1372
  };
1373
1373
  readonly navigation: {
1374
- readonly sidebar: "Main navigation";
1374
+ readonly sidebar: {
1375
+ readonly label: "Main navigation";
1376
+ readonly companySelector: {
1377
+ readonly label: "Select a company";
1378
+ readonly placeholder: "Select a company";
1379
+ };
1380
+ };
1375
1381
  readonly previous: "Previous";
1376
1382
  readonly next: "Next";
1377
1383
  };
1384
+ readonly inputs: {
1385
+ readonly password: {
1386
+ readonly show: "Show password";
1387
+ readonly hide: "Hide password";
1388
+ };
1389
+ };
1378
1390
  readonly actions: {
1379
1391
  readonly add: "Add";
1380
1392
  readonly edit: "Edit";
@@ -1953,7 +1965,7 @@ export declare interface F0ButtonToggleProps {
1953
1965
  /**
1954
1966
  * The accessible label for the button.
1955
1967
  */
1956
- label: string;
1968
+ label: string | [string, string];
1957
1969
  /**
1958
1970
  * Whether the button is disabled.
1959
1971
  */
@@ -3950,6 +3962,11 @@ declare module "@tiptap/core" {
3950
3962
  }
3951
3963
 
3952
3964
 
3965
+ declare namespace Calendar {
3966
+ var displayName: string;
3967
+ }
3968
+
3969
+
3953
3970
  declare module "@tiptap/core" {
3954
3971
  interface Commands<ReturnType> {
3955
3972
  moodTracker: {
@@ -3957,8 +3974,3 @@ declare module "@tiptap/core" {
3957
3974
  };
3958
3975
  }
3959
3976
  }
3960
-
3961
-
3962
- declare namespace Calendar {
3963
- var displayName: string;
3964
- }
package/dist/f0.js CHANGED
@@ -1,5 +1,5 @@
1
- import { S as xe, a as mt, f as ne, L as K, b as ht, A as vt, i as J, c as yt, d as Te, E as bt, g as X, e as gt, h as xt, C as wt, j as Pt, k as $, l as Fe, u as St, G as Ct, m as Nt, n as we, o as At, p as Ie, q as Ot, B as _e, X as Ee, Y as le, r as kt, s as je, t as Lt, v as Dt, w as Tt, x as Ft, y as It, z as _t, D as Et, F as jt, H as Pe, I as $t, J as W, K as oe, M as Bt, N as Mt, O as Rt, P as $e, Q as E, R as I, T as zt, U as Kt, V as Wt, W as qt, Z as Gt, _ as Vt, $ as Yt, a0 as Be, a1 as Ut, a2 as Z, a3 as Me, a4 as Re, a5 as Ht, a6 as ze, a7 as Ke, a8 as We, a9 as qe, aa as Jt, ab as Ge, ac as Xt, ad as Zt, ae as Qt, af as Se, ag as ie, ah as ea, ai as ta, aj as Ve, ak as aa, al as ra, am as Ye, an as na, ao as oa, ap as ia, aq as sa, ar as la, as as ca, at as ua, au as da, av as Ue, aw as M, ax as He, ay as fa, az as pa, aA as Ce, aB as ma, aC as Je, aD as ha, aE as va, aF as ya, aG as ba, aH as ga, aI as xa, aJ as wa, aK as Pa, aL as Sa, aM as Ca, aN as Na, aO as Aa } from "./hooks-Bj3h_byv.js";
2
- import { bp as tn, br as an, bA as rn, aP as nn, aQ as on, aR as sn, aS as ln, aT as cn, aU as un, aV as dn, aW as fn, aY as pn, aZ as mn, a_ as hn, a$ as vn, b0 as yn, b1 as bn, bw as gn, b3 as xn, b5 as wn, b6 as Pn, b7 as Sn, b8 as Cn, bb as Nn, bc as An, bd as On, bf as kn, b4 as Ln, be as Dn, ba as Tn, bx as Fn, bq as In, bk as _n, bn as En, bj as jn, bB as $n, bi as Bn, bh as Mn, aX as Rn, b2 as zn, b9 as Kn, bg as Wn, bl as qn, bs as Gn, bt as Vn, bu as Yn, bC as Un, bm as Hn, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-Bj3h_byv.js";
1
+ import { S as xe, a as mt, f as ne, L as K, b as ht, A as vt, i as J, c as yt, d as Te, E as bt, g as X, e as gt, h as xt, C as wt, j as Pt, k as $, l as Fe, u as St, G as Ct, m as Nt, n as we, o as At, p as Ie, q as Ot, B as _e, X as Ee, Y as le, r as kt, s as je, t as Lt, v as Dt, w as Tt, x as Ft, y as It, z as _t, D as Et, F as jt, H as Pe, I as $t, J as W, K as oe, M as Bt, N as Mt, O as Rt, P as $e, Q as E, R as I, T as zt, U as Kt, V as Wt, W as qt, Z as Gt, _ as Vt, $ as Yt, a0 as Be, a1 as Ht, a2 as Z, a3 as Me, a4 as Re, a5 as Ut, a6 as ze, a7 as Ke, a8 as We, a9 as qe, aa as Jt, ab as Ge, ac as Xt, ad as Zt, ae as Qt, af as Se, ag as ie, ah as ea, ai as ta, aj as Ve, ak as aa, al as ra, am as Ye, an as na, ao as oa, ap as ia, aq as sa, ar as la, as as ca, at as ua, au as da, av as He, aw as M, ax as Ue, ay as fa, az as pa, aA as Ce, aB as ma, aC as Je, aD as ha, aE as va, aF as ya, aG as ba, aH as ga, aI as xa, aJ as wa, aK as Pa, aL as Sa, aM as Ca, aN as Na, aO as Aa } from "./hooks-nJDkwAyV.js";
2
+ import { bp as tn, br as an, bA as rn, aP as nn, aQ as on, aR as sn, aS as ln, aT as cn, aU as un, aV as dn, aW as fn, aY as pn, aZ as mn, a_ as hn, a$ as vn, b0 as yn, b1 as bn, bw as gn, b3 as xn, b5 as wn, b6 as Pn, b7 as Sn, b8 as Cn, bb as Nn, bc as An, bd as On, bf as kn, b4 as Ln, be as Dn, ba as Tn, bx as Fn, bq as In, bk as _n, bn as En, bj as jn, bB as $n, bi as Bn, bh as Mn, aX as Rn, b2 as zn, b9 as Kn, bg as Wn, bl as qn, bs as Gn, bt as Vn, bu as Yn, bC as Hn, bm as Un, bv as Jn, bz as Xn, bo as Zn, by as Qn } from "./hooks-nJDkwAyV.js";
3
3
  import { jsx as n, jsxs as C, Fragment as ae } from "react/jsx-runtime";
4
4
  import * as fe from "react";
5
5
  import k, { PureComponent as Oa, useState as D, forwardRef as V, useEffect as B, useMemo as se, useCallback as Ne, useRef as pe, useImperativeHandle as ka, Children as La, createContext as Da } from "react";
@@ -18,10 +18,22 @@ const Ar = {
18
18
  }
19
19
  },
20
20
  navigation: {
21
- sidebar: "Main navigation",
21
+ sidebar: {
22
+ label: "Main navigation",
23
+ companySelector: {
24
+ label: "Select a company",
25
+ placeholder: "Select a company"
26
+ }
27
+ },
22
28
  previous: "Previous",
23
29
  next: "Next"
24
30
  },
31
+ inputs: {
32
+ password: {
33
+ show: "Show password",
34
+ hide: "Hide password"
35
+ }
36
+ },
25
37
  actions: {
26
38
  add: "Add",
27
39
  edit: "Edit",
@@ -459,7 +471,7 @@ function ee(e) {
459
471
  return r.__proto__ || Object.getPrototypeOf(r);
460
472
  }, ee(e);
461
473
  }
462
- function Ua(e, t) {
474
+ function Ha(e, t) {
463
475
  if (typeof t != "function" && t !== null)
464
476
  throw new TypeError("Super expression must either be null or a function");
465
477
  e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && ue(e, t);
@@ -473,10 +485,10 @@ function j(e, t, r) {
473
485
  return t = tt(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
474
486
  }
475
487
  function tt(e) {
476
- var t = Ha(e, "string");
488
+ var t = Ua(e, "string");
477
489
  return z(t) == "symbol" ? t : t + "";
478
490
  }
479
- function Ha(e, t) {
491
+ function Ua(e, t) {
480
492
  if (z(e) != "object" || !e) return e;
481
493
  var r = e[Symbol.toPrimitive];
482
494
  if (r !== void 0) {
@@ -504,7 +516,7 @@ var Y = /* @__PURE__ */ function(e) {
504
516
  });
505
517
  }), j(r, "id", St("recharts-scatter-")), r;
506
518
  }
507
- return Ua(t, e), qa(t, [{
519
+ return Ha(t, e), qa(t, [{
508
520
  key: "renderSymbolsStatically",
509
521
  value: function(a) {
510
522
  var o = this, s = this.props, l = s.shape, d = s.activeShape, i = s.activeIndex, m = ne(this.props, !1);
@@ -810,8 +822,8 @@ const Xa = (e) => {
810
822
  label: p.activeLabel,
811
823
  values: {}
812
824
  };
813
- for (const U of p.activePayload)
814
- S.values[U.name] = U.value;
825
+ for (const H of p.activePayload)
826
+ S.values[H.name] = H.value;
815
827
  u(S);
816
828
  },
817
829
  children: [!s && n(Ft, {
@@ -848,9 +860,9 @@ const Xa = (e) => {
848
860
  hide: r == null ? void 0 : r.hide,
849
861
  tick: m ? (p) => {
850
862
  var be, ge;
851
- const { x: S, y: U, payload: ve } = p, ye = ((be = t.find((pt) => pt.label === ve.value)) == null ? void 0 : be.values) || "", H = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = H !== void 0 && a.tickFormatter ? a.tickFormatter(`${H}`) : H.toLocaleString();
863
+ const { x: S, y: H, payload: ve } = p, ye = ((be = t.find((pt) => pt.label === ve.value)) == null ? void 0 : be.values) || "", U = Object.keys(ye).length === 1 ? (ge = Object.values(ye)) == null ? void 0 : ge[0] : void 0, ft = U !== void 0 && a.tickFormatter ? a.tickFormatter(`${U}`) : U.toLocaleString();
852
864
  return C("g", {
853
- transform: `translate(${S},${U})`,
865
+ transform: `translate(${S},${H})`,
854
866
  children: [n("text", {
855
867
  x: 0,
856
868
  y: 0,
@@ -858,7 +870,7 @@ const Xa = (e) => {
858
870
  textAnchor: "middle",
859
871
  className: "text-sm font-medium !text-f1-foreground-secondary",
860
872
  children: ve.value
861
- }), !!H && n("text", {
873
+ }), !!U && n("text", {
862
874
  x: 0,
863
875
  y: 0,
864
876
  dy: 28,
@@ -1063,7 +1075,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
1063
1075
  type: "info"
1064
1076
  },
1065
1077
  Qa
1066
- ), $r = Yt, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Ut, de = ({ count: e, list: t }) => {
1078
+ ), $r = Yt, Br = Be, Mr = ["default", "outline", "neutral"], Rr = Be, zr = ["sm", "md", "lg"], Kr = Ht, de = ({ count: e, list: t }) => {
1067
1079
  const [r, a] = D(!1), o = n(Z, {
1068
1080
  label: `+${e}`
1069
1081
  });
@@ -1073,7 +1085,7 @@ const sr = ({ value: e, max: t = 100, label: r, color: a }, o) => {
1073
1085
  children: [n(Re, {
1074
1086
  asChild: !0,
1075
1087
  children: n("button", {
1076
- className: Ht("inline-flex flex-shrink-0 items-center"),
1088
+ className: Ut("inline-flex flex-shrink-0 items-center"),
1077
1089
  children: o
1078
1090
  })
1079
1091
  }), n(ze, {
@@ -1327,7 +1339,7 @@ const Vr = I({
1327
1339
  }, ut), Yr = I({
1328
1340
  name: "TwoColumnLayout",
1329
1341
  type: "layout"
1330
- }, fr), Ur = I({
1342
+ }, fr), Hr = I({
1331
1343
  name: "HomeLayout",
1332
1344
  type: "layout"
1333
1345
  }, dr), hr = ({ benefits: e }) => n("div", {
@@ -1414,7 +1426,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
1414
1426
  }), r]
1415
1427
  }), n(da, {
1416
1428
  variant: "outline",
1417
- icon: Ue,
1429
+ icon: He,
1418
1430
  onClick: t,
1419
1431
  label: "Close modal",
1420
1432
  hideLabel: !0
@@ -1429,7 +1441,7 @@ function yr({ isOpen: e, onClose: t, title: r, children: a, module: o, portalCon
1429
1441
  })
1430
1442
  });
1431
1443
  }
1432
- function Hr({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessage: s, successMessage: l, loadingState: d, nextSteps: i, closeLabel: m, primaryAction: c, modalTitle: f, modalModule: h, secondaryAction: u, portalContainer: g, tag: N, promoTag: A, showResponseDialog: O = !0 }) {
1444
+ function Ur({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessage: s, successMessage: l, loadingState: d, nextSteps: i, closeLabel: m, primaryAction: c, modalTitle: f, modalModule: h, secondaryAction: u, portalContainer: g, tag: N, promoTag: A, showResponseDialog: O = !0 }) {
1433
1445
  const [x, b] = D(e), [w, P] = D(null), [y, v] = D(!1), L = async () => {
1434
1446
  if (c != null && c.onClick) {
1435
1447
  v(!0);
@@ -1479,7 +1491,7 @@ function Hr({ isOpen: e, onClose: t, title: r, image: a, benefits: o, errorMessa
1479
1491
  })
1480
1492
  })
1481
1493
  })
1482
- }), w && O && n(He, {
1494
+ }), w && O && n(Ue, {
1483
1495
  open: !0,
1484
1496
  onClose: () => {
1485
1497
  T(), P(null);
@@ -1512,7 +1524,7 @@ function br({ mediaUrl: e, title: t, description: r, onClose: a, dismissible: o,
1512
1524
  className: "absolute right-2 top-2 z-10",
1513
1525
  children: n(M, {
1514
1526
  variant: "ghost",
1515
- icon: Ue,
1527
+ icon: He,
1516
1528
  size: "sm",
1517
1529
  hideLabel: !0,
1518
1530
  onClick: f,
@@ -1642,7 +1654,7 @@ function Jr({ isOpen: e, setIsOpen: t, label: r, variant: a = "promote", size: o
1642
1654
  showConfirmation: !1
1643
1655
  })
1644
1656
  })]
1645
- }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(He, {
1657
+ }), (P == null ? void 0 : P.type) === "upsell" && P.showConfirmation && b && n(Ue, {
1646
1658
  open: !0,
1647
1659
  onClose: T,
1648
1660
  success: b === "success",
@@ -1751,20 +1763,20 @@ export {
1751
1763
  oa as F0TagStatus,
1752
1764
  On as F0TagTeam,
1753
1765
  kn as GROUP_ID_SYMBOL,
1754
- Ur as HomeLayout,
1766
+ Hr as HomeLayout,
1755
1767
  Fr as LineChart,
1756
1768
  Ln as OneFilterPicker,
1757
1769
  Ir as PieChart,
1758
1770
  Pa as PrivacyModeProvider,
1759
1771
  dt as ProductBlankslate,
1760
1772
  Dn as ProductCard,
1761
- Hr as ProductModal,
1773
+ Ur as ProductModal,
1762
1774
  br as ProductWidget,
1763
1775
  Er as ProgressBarChart,
1764
1776
  Vr as StandardLayout,
1765
1777
  Tn as TagCounter,
1766
1778
  Yr as TwoColumnLayout,
1767
- He as UpsellRequestResponseDialog,
1779
+ Ue as UpsellRequestResponseDialog,
1768
1780
  gr as UpsellingBanner,
1769
1781
  Je as UpsellingButton,
1770
1782
  Jr as UpsellingPopover,
@@ -1796,8 +1808,8 @@ export {
1796
1808
  Gn as useDndEvents,
1797
1809
  Vn as useDraggable,
1798
1810
  Yn as useDroppableList,
1799
- Un as useEmojiConfetti,
1800
- Hn as useGroups,
1811
+ Hn as useEmojiConfetti,
1812
+ Un as useGroups,
1801
1813
  Jn as usePrivacyMode,
1802
1814
  Xn as useReducedMotion,
1803
1815
  Zn as useSelectable,
@@ -51257,11 +51257,11 @@ ZX.displayName = QTe;
51257
51257
  var JTe = ZX;
51258
51258
  const eHe = re(({ onSelectedChange: e = () => {
51259
51259
  }, selected: t = !1, label: n, disabled: r = !1, icon: a, size: i = "md", ...o }, s) => {
51260
- const l = !Array.isArray(a), [u, d] = l ? [a, a] : a, f = {
51260
+ const l = !Array.isArray(a), [u, d] = l ? [a, a] : a, f = !Array.isArray(n), [m, g] = f ? [n, n] : n, C = {
51261
51261
  sm: "h-6",
51262
51262
  md: "h-8",
51263
51263
  lg: "h-10"
51264
- }, m = We(() => l ? void 0 : {
51264
+ }, v = We(() => l ? void 0 : {
51265
51265
  initial: {
51266
51266
  opacity: 0,
51267
51267
  scale: 0.8
@@ -51278,36 +51278,38 @@ const eHe = re(({ onSelectedChange: e = () => {
51278
51278
  duration: 0.25,
51279
51279
  ease: "easeOut"
51280
51280
  }
51281
- }, [l]), [g, C] = Pe(t), v = (y) => {
51282
- C(y), e == null || e(y);
51281
+ }, [l]), [y, b] = Pe(t), w = (L) => {
51282
+ b(L), e == null || e(L);
51283
51283
  };
51284
- return Ae(() => {
51285
- g !== t && C(t);
51286
- }, [t]), c(JTe, {
51284
+ Ae(() => {
51285
+ y !== t && b(t);
51286
+ }, [t]);
51287
+ const x = y ? g : m;
51288
+ return c(JTe, {
51287
51289
  ref: s,
51288
- pressed: g,
51289
- onPressedChange: v,
51290
+ pressed: y,
51291
+ onPressedChange: w,
51290
51292
  disabled: r,
51291
- "aria-label": n,
51292
- title: n,
51293
+ "aria-label": x,
51294
+ title: x,
51293
51295
  className: oe("aspect-square px-0", "flex items-center justify-center", ir(), SM({
51294
51296
  size: i
51295
51297
  }), EM({
51296
- variant: g ? "selected" : "ghost"
51297
- }), f[i]),
51298
+ variant: y ? "selected" : "ghost"
51299
+ }), C[i]),
51298
51300
  ...o,
51299
51301
  children: c(Yr, {
51300
51302
  initial: !1,
51301
- children: g ? c(Rn.div, {
51303
+ children: y ? c(Rn.div, {
51302
51304
  className: "absolute flex items-center justify-center",
51303
- ...m,
51305
+ ...v,
51304
51306
  children: c(ft, {
51305
51307
  icon: d,
51306
51308
  size: i
51307
51309
  })
51308
51310
  }, "icon-on") : c(Rn.div, {
51309
51311
  className: "absolute flex items-center justify-center",
51310
- ...m,
51312
+ ...v,
51311
51313
  children: c(ft, {
51312
51314
  icon: u,
51313
51315
  size: i
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@factorialco/f0-react",
3
- "version": "1.258.0",
3
+ "version": "1.259.1",
4
4
  "main": "dist/f0.js",
5
5
  "typings": "dist/f0.d.ts",
6
6
  "private": false,