@factorialco/f0-react 4.18.0 → 4.19.0

package/dist/experimental.js

@@ -2,8 +2,8 @@ import { h as Ua, B as Va, i as Ga, j as Ka, k as wn, l as lt, m as et, n as qa,
 import { cB as xm, cA as vm, cN as ym, cx as wm, cy as Nm, cq as Cm, cr as km, cr as Im, cs as Sm, cQ as Fm, cz as Tm, cJ as Am, cK as Em, cO as Rm, ct as Dm, cD as Pm, cC as Lm, cu as Om, cv as _m, cL as zm, cR as $m, cM as Bm, cP as Mm, cI as jm, cF as Wm, cH as Hm, cE as Um, cw as Vm, cG as Gm } from "./F0CanvasPanel-D27ptXCV.js";
 import { jsx as t, jsxs as d, Fragment as fe } from "react/jsx-runtime";
 import Te, { forwardRef as de, useRef as O, useTransition as Ki, useState as A, useLayoutEffect as Qe, useId as Qt, useContext as Le, createContext as Ie, useEffect as G, useCallback as H, useMemo as X, Fragment as Ke, isValidElement as qi, cloneElement as Mr, memo as jr, Children as Wr } from "react";
-import { C as Yi, P as Qi, a as st, M as Ji, p as Xi, b as Zi, R as Fn, c as Hr, u as eo, d as to, e as no, f as ro, g as ao, D as so, h as io, O as Ur, i as Vr, S as oo, A as lo, B as co, L as uo, j as fo, V as mo, k as ho, l as po, m as go } from "./useDataCollectionSource-DrwxtdaT.js";
-import { s as qm, t as Ym, q as Qm, J as Jm, v as Xm, E as Zm, aa as eh, I as th, r as nh, ac as rh, ab as ah, U as sh, af as ih, F as oh, _ as lh, X as ch, N as dh, ah as uh, Q as fh, $ as mh, a0 as hh, w as ph, ad as gh, ae as bh, T as xh, a1 as vh, a7 as yh, a9 as wh, x as Nh, z as Ch, G as kh, Y as Ih, ag as Sh, Z as Fh, W as Th, ai as Ah, y as Eh, H as Rh, n as Dh, o as Ph, a3 as Lh, a4 as Oh, a8 as _h, K as zh, a5 as $h, a2 as Bh, a6 as Mh } from "./useDataCollectionSource-DrwxtdaT.js";
+import { C as Yi, P as Qi, a as st, M as Ji, p as Xi, b as Zi, R as Fn, c as Hr, u as eo, d as to, e as no, f as ro, g as ao, D as so, h as io, O as Ur, i as Vr, S as oo, A as lo, B as co, L as uo, j as fo, V as mo, k as ho, l as po, m as go } from "./useDataCollectionSource-DhFCHRGp.js";
+import { s as qm, t as Ym, q as Qm, J as Jm, v as Xm, E as Zm, aa as eh, I as th, r as nh, ac as rh, ab as ah, U as sh, af as ih, F as oh, _ as lh, X as ch, N as dh, ah as uh, Q as fh, $ as mh, a0 as hh, w as ph, ad as gh, ae as bh, T as xh, a1 as vh, a7 as yh, a9 as wh, x as Nh, z as Ch, G as kh, Y as Ih, ag as Sh, Z as Fh, W as Th, ai as Ah, y as Eh, H as Rh, n as Dh, o as Ph, a3 as Lh, a4 as Oh, a8 as _h, K as zh, a5 as $h, a2 as Bh, a6 as Mh } from "./useDataCollectionSource-DhFCHRGp.js";
 const bo = Ua("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]

package/dist/f0.js

@@ -6,8 +6,8 @@ import xt, { forwardRef as yr, useRef as ie, useImperativeHandle as Y3, Children
 import { D as Z3, E as j3, G as K3, H as H2, I as Cv, J as lw, K as W2, L as $2, M as bi, N as Q3, O as J3, P as eH, Q as tH, R as rH, F as nH } from "./F0AiProcessingOverlay-DAZ9hqA5.js";
 import { A as Zme, C as jme, t as Kme, s as Qme, v as Jme, y as eye, l as tye, i as rye, q as nye, z as iye, B as aye, p as oye, r as sye, j as lye, e as uye, g as cye, k as fye, T as dye, w as hye, h as vye, a as pye, n as gye, m as mye, o as yye, b as bye, f as xye, x as _ye, c as wye, d as Sye, u as Cye } from "./F0AiProcessingOverlay-DAZ9hqA5.js";
 import { createPortal as Qf, unstable_batchedUpdates as Sd } from "react-dom";
-import { aj as U2, C as iH, F as Y2, ak as X2, al as aH, am as oH, an as sH, ao as ng, ap as ig, I as lH, aq as uH, ar as pa, _ as cH, aa as fH, as as dH, U as hH, at as vH, au as pH, c as ag, R as uw, u as cw, Y as q2, O as fw, D as gH, h as mH, av as Z2, aw as vC, ax as dw, q as yH, d as j2, a1 as K2, ay as bH, az as xH, aA as _H, aB as wH, aC as SH, M as CH } from "./useDataCollectionSource-DrwxtdaT.js";
-import { s as Dye, t as Aye, J as Mye, v as Eye, E as Lye, aT as Nye, aS as Iye, aO as Rye, aE as Pye, aD as kye, aF as Oye, aG as Bye, ac as zye, ab as Vye, af as Fye, X as Gye, N as Hye, ah as Wye, Q as $ye, w as Uye, aU as Yye, ad as Xye, ae as qye, T as Zye, x as jye, P as Kye, z as Qye, G as Jye, ag as e0e, W as t0e, ai as r0e, y as n0e, H as i0e, aW as a0e, n as o0e, o as s0e, aN as l0e, aJ as u0e, aI as c0e, aV as f0e, a8 as d0e, aL as h0e, aM as v0e, K as p0e, aX as g0e, aY as m0e, e as y0e, aP as b0e, aQ as x0e, aR as _0e, aK as w0e, f as S0e, i as C0e, aH as T0e, aZ as D0e } from "./useDataCollectionSource-DrwxtdaT.js";
+import { aj as U2, C as iH, F as Y2, ak as X2, al as aH, am as oH, an as sH, ao as ng, ap as ig, I as lH, aq as uH, ar as pa, _ as cH, aa as fH, as as dH, U as hH, at as vH, au as pH, c as ag, R as uw, u as cw, Y as q2, O as fw, D as gH, h as mH, av as Z2, aw as vC, ax as dw, q as yH, d as j2, a1 as K2, ay as bH, az as xH, aA as _H, aB as wH, aC as SH, M as CH } from "./useDataCollectionSource-DhFCHRGp.js";
+import { s as Dye, t as Aye, J as Mye, v as Eye, E as Lye, aT as Nye, aS as Iye, aO as Rye, aE as Pye, aD as kye, aF as Oye, aG as Bye, ac as zye, ab as Vye, af as Fye, X as Gye, N as Hye, ah as Wye, Q as $ye, w as Uye, aU as Yye, ad as Xye, ae as qye, T as Zye, x as jye, P as Kye, z as Qye, G as Jye, ag as e0e, W as t0e, ai as r0e, y as n0e, H as i0e, aW as a0e, n as o0e, o as s0e, aN as l0e, aJ as u0e, aI as c0e, aV as f0e, a8 as d0e, aL as h0e, aM as v0e, K as p0e, aX as g0e, aY as m0e, e as y0e, aP as b0e, aQ as x0e, aR as _0e, aK as w0e, f as S0e, i as C0e, aH as T0e, aZ as D0e } from "./useDataCollectionSource-DhFCHRGp.js";
 import { utils as Fl, write as Q2 } from "./xlsx-Bedf3nwD.js";
 import { defaultTranslations as M0e } from "./i18n-provider-defaults.js";
 import './f0.css';const TH = {

package/dist/{useDataCollectionSource-DrwxtdaT.js → useDataCollectionSource-DhFCHRGp.js}

@@ -56632,8 +56632,31 @@ function Js({
   borderOnHover: r = !0,
   error: o,
   hint: s,
-  children: a
+  hintPosition: a = "left",
+  children: l
 }) {
+  const c = s && !o && /* @__PURE__ */ m(F0, { delayDuration: 100, children: /* @__PURE__ */ R($0, { children: [
+    /* @__PURE__ */ m(z0, { asChild: !0, children: /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        "aria-label": s.message,
+        className: Y(
+          "pointer-events-auto flex shrink-0 cursor-pointer items-center rounded px-1",
+          rn()
+        ),
+        children: /* @__PURE__ */ m(Xe, { icon: s.icon, size: "md", color: s.iconColor })
+      }
+    ) }),
+    /* @__PURE__ */ m(
+      B0,
+      {
+        side: "top",
+        className: "border-black/10 max-w-64 cursor-default text-f1-foreground shadow-md",
+        children: /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground", children: s.message })
+      }
+    )
+  ] }) });
   return /* @__PURE__ */ m(
     "div",
     {
@@ -56646,29 +56669,9 @@ function Js({
         t && "bg-f1-background-secondary"
       ),
       children: /* @__PURE__ */ R(Dse, { message: o, children: [
-        s && !o && /* @__PURE__ */ m(F0, { delayDuration: 100, children: /* @__PURE__ */ R($0, { children: [
-          /* @__PURE__ */ m(z0, { asChild: !0, children: /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              "aria-label": s.message,
-              className: Y(
-                "pointer-events-auto flex shrink-0 cursor-pointer items-center rounded px-1",
-                rn()
-              ),
-              children: /* @__PURE__ */ m(Xe, { icon: s.icon, size: "md", color: s.iconColor })
-            }
-          ) }),
-          /* @__PURE__ */ m(
-            B0,
-            {
-              side: "top",
-              className: "border-black/10 max-w-64 cursor-default text-f1-foreground shadow-md",
-              children: /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground", children: s.message })
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ m("div", { className: "min-w-0 flex-1", children: a })
+        a === "left" && c,
+        /* @__PURE__ */ m("div", { className: "min-w-0 flex-1", children: l }),
+        a === "right" && c
       ] })
     }
   );
@@ -56945,19 +56948,28 @@ function Hse({
   hint: n
 }) {
   const i = ze();
-  return /* @__PURE__ */ m(Js, { borderOnHover: !1, hint: n, cursor: "not-allowed", children: /* @__PURE__ */ m(
-    "div",
+  return /* @__PURE__ */ m(
+    Js,
     {
-      className: Y(
-        t.align === "right" ? "justify-end" : "",
-        "flex p-4 min-h-12 items-center border-0 h-full",
-        "bg-f1-background-disabled h-full",
-        "w-full",
-        "[&_*]:text-f1-foreground-secondary"
-      ),
-      children: Rf(e, t, "editableTable", i)
+      borderOnHover: !1,
+      hint: n,
+      hintPosition: "right",
+      cursor: "not-allowed",
+      children: /* @__PURE__ */ m(
+        "div",
+        {
+          className: Y(
+            t.align === "right" ? "justify-end" : "",
+            "flex p-4 min-h-12 items-center border-0 h-full",
+            "bg-f1-background-disabled h-full",
+            "w-full",
+            "[&_*]:text-f1-foreground-secondary"
+          ),
+          children: Rf(e, t, "editableTable", i)
+        }
+      )
     }
-  ) });
+  );
 }
 function gM({
   editableColumn: t,
@@ -56972,6 +56984,7 @@ function gM({
       showRightBorder: !n,
       borderOnHover: !1,
       hint: i,
+      hintPosition: "right",
       cursor: "default",
       children: /* @__PURE__ */ m(
         "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "4.18.0",
+  "version": "4.19.0",
   "private": false,
   "files": [
     "assets",