@factorialco/f0-react 2.1.0 → 2.3.0

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { d as o, l as e, k as r, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-BrDW9ABH.js";
+import { d as o, l as e, k as r, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-BNMQa-mV.js";
 import { defaultTranslations as b } from "./i18n-provider-defaults.js";
-import { A as S, C as T, c as p, D as P, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, m as O, n as q, i as z, F as B, d as E, M as L, k as W, j as G, q as J, o as K, s as N, u as Q } from "./types-BQbiqg33.js";
+import { A as S, C as T, c as p, D as P, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, m as O, n as q, i as z, F as B, d as E, M as L, k as W, j as G, q as J, o as K, s as N, u as Q } from "./types-zUkcMLoO.js";
 export {
   S as AiChatTranslationsProvider,
   o as CanvasCard,

package/dist/experimental.d.ts

@@ -3720,6 +3720,46 @@ declare type EditableTableColumnDefinition<R extends RecordType, Sortings extend
      * Falls back to sensible defaults when omitted.
      */
     numberConfig?: NumberCellConfig<R>;
+    /**
+     * Called after this cell's value changes. Use to compute derived values
+     * and update other cells in the same row.
+     *
+     * Works with every cell type (text, number, date, select, etc.).
+     *
+     * @example
+     * formula: ({ value, setCellValue }) => {
+     *   const hours = roleHoursMap[value as string]
+     *   if (hours != null) setCellValue("plannedHours", hours)
+     * }
+     */
+    formula?: (params: {
+        /** The new value of this cell. */
+        value: unknown;
+        /** The current row item (before this change is applied). */
+        item: R;
+        /** For select cells: the full record associated with the selected option. */
+        selectedItem?: RecordType;
+        /** Update another cell in the same row by column id. */
+        setCellValue: (columnId: string, value: unknown) => void;
+    }) => void;
+    /**
+     * Returns a hint to display as an icon with tooltip inside the cell.
+     * Use to warn the user when a value diverges from its formula-inferred value.
+     *
+     * Return `undefined` to hide the hint.
+     *
+     * @example
+     * cellHint: (item) => {
+     *   if (item._inferredSalary != null && item.salary !== item._inferredSalary) {
+     *     return { icon: AlertCircle, message: `Differs from catalog (${item._inferredSalary})` }
+     *   }
+     * }
+     */
+    cellHint?: (item: R) => {
+        icon: IconType;
+        message: string;
+        iconColor?: F0IconProps["color"];
+    } | undefined;
 };
 
 declare type EditableTableVisualizationOptions<R extends RecordType, _Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition> = Omit<TableVisualizationOptions<R, _Filters, Sortings, Summaries>, "columns"> & {

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { o as oa, B as ca, p as da, D as ua, q as Ft, r as Te, s as fa, t as b, v as Z, w as pe, u as se, T as ma, x as ha, y as ba, R as pa, z as ga, A as oe, E as xa, G as ht, H as rt, J as Re, K as Ee, L as va, M as wa, N as $, O as ya, P as Na, Q as _e, S as ln, U as Ca, V as ka, W as R, X as sn, Y as E, Z as ve, _ as Sa, $ as Ia, a0 as Fa, a1 as Aa, a2 as La, a3 as Ce, a4 as on, a5 as Ea, a6 as ge, a7 as $e, a8 as _a, a9 as bt, n as cn, aa as Ne, ab as Oa, ac as dn, ad as ne, ae as H, af as un, ag as fn, ah as Ta, ai as mn, aj as me, ak as ee, al as Da, am as za, an as Pa, ao as Ba, ap as be, aq as Ge, ar as Ra, as as $a, at as Wa, au as Ma, av as He, aw as hn, ax as ja, ay as Va, az as Ga, aA as We, aB as Ha, aC as Ua, aD as Ka, aE as qa, aF as Ya, aG as Za, aH as Xa, aI as Ja, aJ as Qa, aK as er, aL as lt, aM as it, aN as bn, aO as tr, aP as nr, aQ as pn, aR as ar, aS as rr, aT as Ue, aU as pt, aV as gn, aW as lr, aX as xn, aY as ir, aZ as sr, a_ as or, a$ as Le, b0 as cr, b1 as De, b2 as At, b3 as st, b4 as dr, b5 as ur, a as fr, g as mr, b6 as hr, b7 as vn, b8 as br, b9 as pr, F as gr, ba as wn, bb as xr, bc as yn, bd as vr, be as Lt, bf as wr, bg as yr, bh as Nr, bi as Cr, bj as Nn, bk as kr, bl as Sr, bm as Ir, bn as Fr, bo as Ar, bp as Cn, bq as ue, br as kn, bs as gt, bt as xt, bu as vt, bv as Sn, bw as wt, bx as In, by as Fn, bz as Lr, bA as Er, bB as _r, bC as Or, bD as Tr, bE as Dr, bF as zr, bG as Pr, bH as Br, bI as Rr, bJ as $r, bK as Et, bL as _t, bM as Ot, bN as Wr, bO as Mr, bP as jr, bQ as Vr, bR as An, bS as Gr, bT as Hr, bU as Ur } from "./useDataCollectionSource-BrDW9ABH.js";
-import { cd as Ac, cc as Lc, bX as Ec, cp as _c, c6 as Oc, c7 as Tc, bW as Dc, c9 as zc, bY as Pc, cB as Bc, cz as Rc, bZ as $c, ca as Wc, cb as Mc, c8 as jc, b_ as Vc, cl as Gc, cm as Hc, cq as Uc, cx as Kc, cy as qc, c4 as Yc, cA as Zc, c5 as Xc, b$ as Jc, cf as Qc, ce as ed, c0 as td, c1 as nd, c2 as ad, cn as rd, cC as ld, bV as id, co as sd, cs as od, ct as cd, ck as dd, ch as ud, cj as fd, cg as md, c3 as hd, ci as bd, cu as pd, cv as gd, cr as xd, cw as vd } from "./useDataCollectionSource-BrDW9ABH.js";
+import { o as oa, B as ca, p as da, D as ua, q as Ft, r as Te, s as fa, t as b, v as Z, w as pe, u as se, T as ma, x as ha, y as ba, R as pa, z as ga, A as oe, E as xa, G as ht, H as rt, J as Re, K as Ee, L as va, M as wa, N as $, O as ya, P as Na, Q as _e, S as ln, U as Ca, V as ka, W as R, X as sn, Y as E, Z as ve, _ as Sa, $ as Ia, a0 as Fa, a1 as Aa, a2 as La, a3 as Ce, a4 as on, a5 as Ea, a6 as ge, a7 as $e, a8 as _a, a9 as bt, n as cn, aa as Ne, ab as Oa, ac as dn, ad as ne, ae as H, af as un, ag as fn, ah as Ta, ai as mn, aj as me, ak as ee, al as Da, am as za, an as Pa, ao as Ba, ap as be, aq as Ge, ar as Ra, as as $a, at as Wa, au as Ma, av as He, aw as hn, ax as ja, ay as Va, az as Ga, aA as We, aB as Ha, aC as Ua, aD as Ka, aE as qa, aF as Ya, aG as Za, aH as Xa, aI as Ja, aJ as Qa, aK as er, aL as lt, aM as it, aN as bn, aO as tr, aP as nr, aQ as pn, aR as ar, aS as rr, aT as Ue, aU as pt, aV as gn, aW as lr, aX as xn, aY as ir, aZ as sr, a_ as or, a$ as Le, b0 as cr, b1 as De, b2 as At, b3 as st, b4 as dr, b5 as ur, a as fr, g as mr, b6 as hr, b7 as vn, b8 as br, b9 as pr, F as gr, ba as wn, bb as xr, bc as yn, bd as vr, be as Lt, bf as wr, bg as yr, bh as Nr, bi as Cr, bj as Nn, bk as kr, bl as Sr, bm as Ir, bn as Fr, bo as Ar, bp as Cn, bq as ue, br as kn, bs as gt, bt as xt, bu as vt, bv as Sn, bw as wt, bx as In, by as Fn, bz as Lr, bA as Er, bB as _r, bC as Or, bD as Tr, bE as Dr, bF as zr, bG as Pr, bH as Br, bI as Rr, bJ as $r, bK as Et, bL as _t, bM as Ot, bN as Wr, bO as Mr, bP as jr, bQ as Vr, bR as An, bS as Gr, bT as Hr, bU as Ur } from "./useDataCollectionSource-BNMQa-mV.js";
+import { cd as Ac, cc as Lc, bX as Ec, cp as _c, c6 as Oc, c7 as Tc, bW as Dc, c9 as zc, bY as Pc, cB as Bc, cz as Rc, bZ as $c, ca as Wc, cb as Mc, c8 as jc, b_ as Vc, cl as Gc, cm as Hc, cq as Uc, cx as Kc, cy as qc, c4 as Yc, cA as Zc, c5 as Xc, b$ as Jc, cf as Qc, ce as ed, c0 as td, c1 as nd, c2 as ad, cn as rd, cC as ld, bV as id, co as sd, cs as od, ct as cd, ck as dd, ch as ud, cj as fd, cg as md, c3 as hd, ci as bd, cu as pd, cv as gd, cr as xd, cw as vd } from "./useDataCollectionSource-BNMQa-mV.js";
 import { jsx as e, jsxs as o, Fragment as U } from "react/jsx-runtime";
 import re, { forwardRef as j, useRef as V, useTransition as Kr, useState as _, useLayoutEffect as Ln, useId as qr, useContext as Ke, createContext as yt, useEffect as W, useCallback as Q, useMemo as K, Fragment as Yr, isValidElement as Zr, cloneElement as En, Children as _n } from "react";
-import { C as Xr, P as Jr, g as On, c as Qr, F as ot, f as el, a as tl, A as nl, B as al, L as rl, b as ll, V as il, d as sl, e as Tt, h as ol, i as cl } from "./index-B4mNCbMc.js";
-import { l as yd, m as Nd, j as Cd, n as kd, s as Sd, D as Id, k as Fd, o as Ad, v as Ld, w as Ed, N as _d, x as Od, p as Td, r as Dd, R as zd, q as Pd, u as Bd, t as Rd } from "./index-B4mNCbMc.js";
+import { C as Xr, P as Jr, g as On, c as Qr, F as ot, f as el, a as tl, A as nl, B as al, L as rl, b as ll, V as il, d as sl, e as Tt, h as ol, i as cl } from "./index-C3C31VSu.js";
+import { l as yd, m as Nd, j as Cd, n as kd, s as Sd, D as Id, k as Fd, o as Ad, v as Ld, w as Ed, N as _d, x as Od, p as Td, r as Dd, R as zd, q as Pd, u as Bd, t as Rd } from "./index-C3C31VSu.js";
 const dl = oa("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]

package/dist/f0.d.ts

@@ -1059,6 +1059,16 @@ export declare const aiTranslations: {
     };
 };
 
+declare type AlertAction = {
+    label: string;
+    onRequest: UpsellingButtonProps["onRequest"];
+    errorMessage: UpsellingButtonProps["errorMessage"];
+    successMessage: UpsellingButtonProps["successMessage"];
+    loadingState: UpsellingButtonProps["loadingState"];
+    nextSteps: UpsellingButtonProps["nextSteps"];
+    closeLabel: UpsellingButtonProps["closeLabel"];
+};
+
 export declare type AlertAvatarProps = VariantProps<typeof alertAvatarVariants> & {
     type: (typeof alertAvatarTypes)[number];
     size?: (typeof alertAvatarSizes)[number];
@@ -5035,6 +5045,46 @@ declare type EditableTableColumnDefinition<R extends RecordType, Sortings extend
      * Falls back to sensible defaults when omitted.
      */
     numberConfig?: NumberCellConfig<R>;
+    /**
+     * Called after this cell's value changes. Use to compute derived values
+     * and update other cells in the same row.
+     *
+     * Works with every cell type (text, number, date, select, etc.).
+     *
+     * @example
+     * formula: ({ value, setCellValue }) => {
+     *   const hours = roleHoursMap[value as string]
+     *   if (hours != null) setCellValue("plannedHours", hours)
+     * }
+     */
+    formula?: (params: {
+        /** The new value of this cell. */
+        value: unknown;
+        /** The current row item (before this change is applied). */
+        item: R;
+        /** For select cells: the full record associated with the selected option. */
+        selectedItem?: RecordType;
+        /** Update another cell in the same row by column id. */
+        setCellValue: (columnId: string, value: unknown) => void;
+    }) => void;
+    /**
+     * Returns a hint to display as an icon with tooltip inside the cell.
+     * Use to warn the user when a value diverges from its formula-inferred value.
+     *
+     * Return `undefined` to hide the hint.
+     *
+     * @example
+     * cellHint: (item) => {
+     *   if (item._inferredSalary != null && item.salary !== item._inferredSalary) {
+     *     return { icon: AlertCircle, message: `Differs from catalog (${item._inferredSalary})` }
+     *   }
+     * }
+     */
+    cellHint?: (item: R) => {
+        icon: IconType;
+        message: string;
+        iconColor?: F0IconProps["color"];
+    } | undefined;
 };
 
 declare type EditableTableVisualizationOptions<R extends RecordType, _Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition> = Omit<TableVisualizationOptions<R, _Filters, Sortings, Summaries>, "columns"> & {
@@ -13424,6 +13474,29 @@ declare type UpsellAction = BaseAction & {
     showConfirmation: boolean;
 };
 
+export declare const UpsellingAlert: WithDataTestIdReturnType_4<typeof _UpsellingAlert>;
+
+declare function _UpsellingAlert({ icon, title, description, action, }: UpsellingAlertProps): JSX_2.Element;
+
+export declare interface UpsellingAlertProps {
+    /**
+     * Optional icon displayed as an avatar on the left side of the alert.
+     */
+    icon?: IconType;
+    /**
+     * The title of the alert
+     */
+    title: string;
+    /**
+     * The description of the alert
+     */
+    description?: string;
+    /**
+     * The upselling action button configuration.
+     */
+    action: AlertAction;
+}
+
 export declare const UpsellingBanner: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<BaseBannerProps, "children" | "primaryAction" | "secondaryAction"> & {
 primaryAction?: DefaultAction | PromoteAction;
 secondaryAction?: DefaultAction | PromoteAction;