@factorialco/f0-react 3.12.0 → 4.0.0

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { h as ga, B as pa, i as ba, j as xa, k as Dt, l as Be, m as Te, n as va, o as b, p as J, q as ye, u as oe, T as ya, r as wa, s as Na, R as Ca, t as Ia, v as ce, w as ka, x as Nt, y as ut, z as Ve, A as Le, E as Sa, G as Fa, H as U, J as Aa, K as La, L as xe, M as mn, N as Oa, O as Pa, Q as H, S as hn, U as z, V as ke, W as Ea, X as _a, Y as Da, Z as Ta, _ as za, $ as Oe, a0 as gn, a1 as Ra, a2 as we, a3 as Ue, a4 as Ba, e as pn, a5 as Ae, a6 as $a, a7 as bn, a8 as ie, a9 as X, aa as xn, ab as vn, ac as Ma, ad as yn, ae as pe, af as ae, ag as Wa, ah as ja, ai as Va, aj as Ua, ak as ve, al as Ye, am as Ha, an as Ga, ao as Ka, ap as qa, aq as Je, ar as wn, as as Ya, at as Ja, au as Za, av as He, aw as Xa, ax as Nn, ay as Qa, az as er, aA as tr, aB as nr, aC as ar, aD as rr, aE as ir, aF as lr, aG as ft, aH as Cn, aI as mt, aJ as In, aK as sr, aL as or, aM as cr, aN as dr, aO as ur, aP as Ze, aQ as Xe, aR as ht, aS as kn, aT as fr, aU as Ct, aV as mr, aW as hr, aX as gr, aY as Re, aZ as pr, a_ as br, a$ as $e, b0 as Tt, b1 as gt, b2 as xr, b3 as vr, a as yr, b as wr, b4 as Sn, b5 as Nr, g as Cr, F as Ir, b6 as kr, b7 as Fn, b8 as Sr, b9 as An, ba as Ln, bb as Fr, bc as Ar, bd as Lr, be as Or, bf as Pr, bg as Er, bh as _r, bi as Dr, bj as Tr, bk as On, bl as zr, bm as Rr, bn as Br, bo as $r, bp as ge, bq as It, br as kt, bs as St, bt as Pn, bu as Ft, bv as En, bw as _n, bx as Mr, by as Wr, bz as jr, bA as Vr, bB as Ur, bC as Hr, bD as Gr, bE as Kr, bF as zt, bG as qr, bH as Yr, bI as Rt, bJ as Bt, bK as $t, bL as Jr, bM as Zr, bN as Xr, bO as Qr, bP as Dn, bQ as ei, bR as ti } from "./F0CanvasPanel-DWqZRYSD.js";
-import { c1 as Kc, c0 as qc, cd as Yc, bZ as Jc, b_ as Zc, bS as Xc, cg as Qc, bT as ed, bU as td, ch as nd, b$ as ad, c9 as rd, ca as id, ce as ld, bV as sd, c3 as od, c2 as cd, bW as dd, bX as ud, cb as fd, ci as md, cc as hd, cf as gd, c8 as pd, c5 as bd, c7 as xd, c4 as vd, bY as yd, c6 as wd } from "./F0CanvasPanel-DWqZRYSD.js";
+import { h as ga, B as pa, i as ba, j as xa, k as Dt, l as Be, m as Te, n as va, o as b, p as J, q as ye, u as oe, T as ya, r as wa, s as Na, R as Ca, t as Ia, v as ce, w as ka, x as Nt, y as ut, z as Ve, A as Le, E as Sa, G as Fa, H as U, J as Aa, K as La, L as xe, M as mn, N as Oa, O as Pa, Q as H, S as hn, U as z, V as ke, W as Ea, X as _a, Y as Da, Z as Ta, _ as za, $ as Oe, a0 as gn, a1 as Ra, a2 as we, a3 as Ue, a4 as Ba, e as pn, a5 as Ae, a6 as $a, a7 as bn, a8 as ie, a9 as X, aa as xn, ab as vn, ac as Ma, ad as yn, ae as pe, af as ae, ag as Wa, ah as ja, ai as Va, aj as Ua, ak as ve, al as Ye, am as Ha, an as Ga, ao as Ka, ap as qa, aq as Je, ar as wn, as as Ya, at as Ja, au as Za, av as He, aw as Xa, ax as Nn, ay as Qa, az as er, aA as tr, aB as nr, aC as ar, aD as rr, aE as ir, aF as lr, aG as ft, aH as Cn, aI as mt, aJ as In, aK as sr, aL as or, aM as cr, aN as dr, aO as ur, aP as Ze, aQ as Xe, aR as ht, aS as kn, aT as fr, aU as Ct, aV as mr, aW as hr, aX as gr, aY as Re, aZ as pr, a_ as br, a$ as $e, b0 as Tt, b1 as gt, b2 as xr, b3 as vr, a as yr, b as wr, b4 as Sn, b5 as Nr, g as Cr, F as Ir, b6 as kr, b7 as Fn, b8 as Sr, b9 as An, ba as Ln, bb as Fr, bc as Ar, bd as Lr, be as Or, bf as Pr, bg as Er, bh as _r, bi as Dr, bj as Tr, bk as On, bl as zr, bm as Rr, bn as Br, bo as $r, bp as ge, bq as It, br as kt, bs as St, bt as Pn, bu as Ft, bv as En, bw as _n, bx as Mr, by as Wr, bz as jr, bA as Vr, bB as Ur, bC as Hr, bD as Gr, bE as Kr, bF as zt, bG as qr, bH as Yr, bI as Rt, bJ as Bt, bK as $t, bL as Jr, bM as Zr, bN as Xr, bO as Qr, bP as Dn, bQ as ei, bR as ti } from "./F0CanvasPanel-BRbh7bn2.js";
+import { c2 as Kc, c1 as qc, ce as Yc, b_ as Jc, b$ as Zc, bS as Xc, bT as Qc, ch as ed, bU as td, bV as nd, ci as ad, c0 as rd, ca as id, cb as ld, cf as sd, bW as od, c4 as cd, c3 as dd, bX as ud, bY as fd, cc as md, cj as hd, cd as gd, cg as pd, c9 as bd, c6 as xd, c8 as vd, c5 as yd, bZ as wd, c7 as Nd } from "./F0CanvasPanel-BRbh7bn2.js";
 import { jsx as e, jsxs as o, Fragment as Z } from "react/jsx-runtime";
 import ue, { forwardRef as G, useRef as j, useTransition as ni, useState as D, useLayoutEffect as Tn, useId as pt, useContext as Pe, createContext as Qe, useEffect as W, useCallback as ne, useMemo as q, Fragment as ai, isValidElement as ri, cloneElement as zn, Children as Rn } from "react";
-import { C as ii, P as li, a as Bn, M as si, p as oi, b as ci, R as Mt, c as $n, u as di, d as ui, e as fi, f as mi, g as hi, h as Mn, S as gi, A as pi, B as bi, L as xi, i as vi, V as yi, j as wi, k as Ni, l as Ci, O as Ii } from "./useDataCollectionSource-DR8se7ko.js";
-import { r as Cd, s as Id, o as kd, H as Sd, t as Fd, z as Ad, a8 as Ld, G as Od, q as Pd, aa as Ed, a9 as _d, Q as Dd, ad as Td, F as zd, Y as Rd, U as Bd, J as $d, af as Md, K as Wd, Z as jd, _ as Vd, v as Ud, ab as Hd, ac as Gd, N as Kd, $ as qd, a5 as Yd, a7 as Jd, w as Zd, y as Xd, D as Qd, W as eu, ae as tu, X as nu, T as au, ag as ru, x as iu, E as lu, m as su, n as ou, a1 as cu, a2 as du, a6 as uu, I as fu, a3 as mu, a0 as hu, a4 as gu } from "./useDataCollectionSource-DR8se7ko.js";
+import { C as ii, P as li, a as Bn, M as si, p as oi, b as ci, R as Mt, c as $n, u as di, d as ui, e as fi, f as mi, g as hi, h as Mn, S as gi, A as pi, B as bi, L as xi, i as vi, V as yi, j as wi, k as Ni, l as Ci, O as Ii } from "./useDataCollectionSource-C2cl9Qj-.js";
+import { r as Id, s as kd, o as Sd, H as Fd, t as Ad, z as Ld, a8 as Od, G as Pd, q as Ed, aa as _d, a9 as Dd, Q as Td, ad as zd, F as Rd, Y as Bd, U as $d, J as Md, af as Wd, K as jd, Z as Vd, _ as Ud, v as Hd, ab as Gd, ac as Kd, N as qd, $ as Yd, a5 as Jd, a7 as Zd, w as Xd, y as Qd, D as eu, W as tu, ae as nu, X as au, T as ru, ag as iu, x as lu, E as su, m as ou, n as cu, a1 as du, a2 as uu, a6 as fu, I as mu, a3 as hu, a0 as gu, a4 as pu } from "./useDataCollectionSource-C2cl9Qj-.js";
 const ki = ga("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -7812,14 +7812,14 @@ export {
   Qi as AiPromotionChat,
   el as AiPromotionChatProvider,
   oc as ApplicationFrame,
-  Cd as AreaChart,
+  Id as AreaChart,
   Nc as AreaChartWidget,
   wc as AutoGrid,
   Fr as Badge,
-  Id as BarChart,
+  kd as BarChart,
   Cc as BarChartWidget,
   kl as BaseActivityItemList,
-  kd as BaseBanner,
+  Sd as BaseBanner,
   Pl as BaseCelebration,
   Wl as BaseCommunityPost,
   Kc as BaseTabs,
@@ -7827,16 +7827,16 @@ export {
   Oi as Breadcrumbs,
   yt as CalendarEvent,
   Lc as CalendarEventList,
-  Sd as CardSelectableContainer,
+  Fd as CardSelectableContainer,
   ii as Carousel,
-  Fd as CategoryBarChart,
+  Ad as CategoryBarChart,
   zc as CategoryBarSection,
   rc as Celebration,
   El as CelebrationSkeleton,
   Ac as ChartWidgetEmptyState,
   Yc as Chip,
   Rc as ClockInControls,
-  Ad as ComboChart,
+  Ld as ComboChart,
   lc as CommunityPost,
   jl as CommunityPostSkeleton,
   es as CompanySelector,
@@ -7845,49 +7845,50 @@ export {
   cc as DaytimePage,
   Jc as DetailsItem,
   Zc as DetailsItemsList,
-  Ld as Dialog,
+  Od as Dialog,
   Ae as Dropdown,
   nc as EntitySelect,
-  Od as F0ActionBar,
-  Pd as F0AiBanner,
+  Pd as F0ActionBar,
+  Ed as F0AiBanner,
   kn as F0AvatarModule,
   Xc as F0ButtonToggle,
   ec as F0Callout,
-  Qc as F0FileItem,
-  Ed as F0NotesTextEditor,
-  _d as F0NotesTextEditorSkeleton,
-  Dd as F0NumberInput,
+  Qc as F0CardHorizontal,
+  ed as F0FileItem,
+  _d as F0NotesTextEditor,
+  Dd as F0NotesTextEditorSkeleton,
+  Td as F0NumberInput,
   gr as F0RichTextDisplay,
-  Td as F0RichTextEditor,
-  ed as F0SearchInput,
-  zd as F0SegmentedControl,
-  Rd as F0TableOfContent,
-  Bd as F0TextAreaInput,
-  td as F0TextInput,
+  zd as F0RichTextEditor,
+  td as F0SearchInput,
+  Rd as F0SegmentedControl,
+  Bd as F0TableOfContent,
+  $d as F0TextAreaInput,
+  nd as F0TextInput,
   tc as F0VersionHistory,
-  $d as F1SearchBox,
-  Md as FILE_TYPES,
-  nd as FileItem,
+  Md as F1SearchBox,
+  Wd as FILE_TYPES,
+  ad as FileItem,
   ic as HighlightBanner,
   Pc as IndicatorsList,
-  Wd as Input,
-  jd as Item,
-  Vd as ItemSectionHeader,
-  Ud as LineChart,
+  jd as Input,
+  Vd as Item,
+  Ud as ItemSectionHeader,
+  Hd as LineChart,
   Ic as LineChartWidget,
   hc as Menu,
-  ad as MobileDropdown,
-  Hd as NotesTextEditor,
-  Gd as NotesTextEditorSkeleton,
-  Kd as NumberInput,
+  rd as MobileDropdown,
+  Gd as NotesTextEditor,
+  Kd as NotesTextEditorSkeleton,
+  qd as NumberInput,
   dc as OmniButton,
   bc as OneApprovalHistory,
-  rd as OneCalendar,
-  id as OneCalendarInternal,
-  qd as OneDataCollection,
-  Yd as OneDateNavigator,
+  id as OneCalendar,
+  ld as OneCalendarInternal,
+  Yd as OneDataCollection,
+  Jd as OneDateNavigator,
   Ii as OneEmptyState,
-  Jd as OnePagination,
+  Zd as OnePagination,
   sc as OnePersonListItem,
   Vc as OneRestrictComponent,
   uc as Page,
@@ -7895,18 +7896,18 @@ export {
   Ot as PageHeaderNavigationContext,
   Zo as PageHeaderNavigationProvider,
   Ba as PageNavigation,
-  Zd as PieChart,
+  Xd as PieChart,
   kc as PieChartWidget,
   ks as PrivateBox,
-  Xd as ProgressBarChart,
-  Qd as RadarChart,
+  Qd as ProgressBarChart,
+  eu as RadarChart,
   Tl as Reactions,
-  eu as ResourceHeader,
-  ld as RichTextDisplay,
-  tu as RichTextEditor,
+  tu as ResourceHeader,
+  sd as RichTextDisplay,
+  nu as RichTextEditor,
   Uc as ScrollArea,
   gc as SearchBar,
-  nu as SectionHeader,
+  au as SectionHeader,
   He as Select,
   Tr as Shortcut,
   pc as Sidebar,
@@ -7916,21 +7917,21 @@ export {
   yc as Split,
   vc as Stack,
   Fc as SummariesWidget,
-  sd as Switch,
-  od as Tabs,
-  cd as TabsSkeleton,
+  od as Switch,
+  cd as Tabs,
+  dd as TabsSkeleton,
   Bc as TasksList,
-  au as Textarea,
-  dd as ToggleGroup,
-  ud as ToggleGroupItem,
+  ru as Textarea,
+  ud as ToggleGroup,
+  fd as ToggleGroupItem,
   we as Tooltip,
   Tc as TwoColumnsList,
-  ru as UPLOAD_INPUT_ID,
-  iu as VerticalBarChart,
+  iu as UPLOAD_INPUT_ID,
+  lu as VerticalBarChart,
   Sc as VerticalBarChartWidget,
   bt as VirtualList,
-  fd as WeekStartDay,
-  md as Weekdays,
+  md as WeekStartDay,
+  hd as Weekdays,
   Fe as Widget,
   Ec as WidgetAvatarsListItem,
   Wc as WidgetEmptyState,
@@ -7941,28 +7942,28 @@ export {
   Dc as WidgetSimpleList,
   wt as WidgetSimpleListItem,
   Mc as WidgetStrip,
-  lu as actionBarStatuses,
-  su as buttonToggleSizes,
-  ou as buttonToggleVariants,
-  hd as chipVariants,
-  cu as downloadAsCSV,
-  gd as f0FileItemSizes,
-  du as generateCSVContent,
-  pd as getGranularityDefinition,
-  bd as getGranularityDefinitions,
-  xd as getGranularitySimpleDefinition,
-  vd as granularityDefinitions,
-  yd as modules,
-  uu as predefinedPresets,
-  wd as rangeSeparator,
+  su as actionBarStatuses,
+  ou as buttonToggleSizes,
+  cu as buttonToggleVariants,
+  gd as chipVariants,
+  du as downloadAsCSV,
+  pd as f0FileItemSizes,
+  uu as generateCSVContent,
+  bd as getGranularityDefinition,
+  xd as getGranularityDefinitions,
+  vd as getGranularitySimpleDefinition,
+  yd as granularityDefinitions,
+  wd as modules,
+  fu as predefinedPresets,
+  Nd as rangeSeparator,
   on as seedFromStorage,
-  fu as selectSizes,
+  mu as selectSizes,
   et as useAiPromotionChat,
-  mu as useDataCollectionData,
+  hu as useDataCollectionData,
   xc as useDataCollectionItemNavigation,
   ui as useDataCollectionSource,
-  hu as useExportAction,
-  gu as useInfiniteScrollPagination,
+  gu as useExportAction,
+  pu as useInfiniteScrollPagination,
   Hi as usePageHeaderItemNavigation,
   Xo as usePageHeaderNavigation,
   Ee as useSidebar

package/dist/f0.d.ts

@@ -2155,6 +2155,33 @@ declare interface CardBookmark {
  */
 declare type CardCollectionProps<Record extends RecordType, Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition, ItemActions extends ItemActionsDefinition<Record>, NavigationFilters extends NavigationFiltersDefinition, Grouping extends GroupingDefinition<Record>> = CollectionProps<Record, Filters, Sortings, Summaries, ItemActions, NavigationFilters, Grouping, CardVisualizationOptions<Record, Filters, Sortings>>;
 
+declare interface CardHorizontalConfirmAction {
+    onClick: () => void;
+    /** Accessible label and tooltip. Defaults to "Confirm" / "Reject". */
+    label?: string;
+    disabled?: boolean;
+}
+
+/**
+ * Container breakpoint at which the horizontal card switches between its inline and its
+ * stacked (actions-on-their-own-line) layout. `never` keeps it inline at every
+ * width.
+ */
+declare type CardHorizontalStackAt = "sm" | "md" | "lg" | "never";
+
+/**
+ * Resolved state shown at the trailing edge in place of the actions: a coloured
+ * icon (e.g. `Check` for accepted, `Cross` for rejected) carrying the outcome.
+ */
+declare interface CardHorizontalStatus {
+    /** The icon to render (e.g. `Check` for accepted, `Cross` for rejected). */
+    icon: IconType;
+    /** Colour family. */
+    variant: StatusVariant;
+    /** Accessible label; the icon carries meaning, so this is required. */
+    label: string;
+}
+
 export declare type CardImageAspectRatio = (typeof cardImageAspectRatios)[number];
 
 export declare const cardImageAspectRatios: readonly ["default", "video"];
@@ -2349,33 +2376,6 @@ declare const cardPropertyRenderers: {
 
 declare type CardPropertyType = keyof typeof cardPropertyRenderers;
 
-declare interface CardRowConfirmAction {
-    onClick: () => void;
-    /** Accessible label and tooltip. Defaults to "Confirm" / "Reject". */
-    label?: string;
-    disabled?: boolean;
-}
-
-/**
- * Container breakpoint at which the card row switches between its inline and its
- * stacked (actions-on-their-own-line) layout. `never` keeps it inline at every
- * width.
- */
-declare type CardRowStackAt = "sm" | "md" | "lg" | "never";
-
-/**
- * Resolved state shown at the trailing edge in place of the actions: a coloured
- * icon (e.g. `Check` for accepted, `Cross` for rejected) carrying the outcome.
- */
-declare interface CardRowStatus {
-    /** The icon to render (e.g. `Check` for accepted, `Cross` for rejected). */
-    icon: IconType;
-    /** Colour family. */
-    variant: StatusVariant;
-    /** Accessible label; the icon carries meaning, so this is required. */
-    label: string;
-}
-
 declare interface CardSecondaryAction {
     label: string;
     icon?: IconType;
@@ -7299,16 +7299,7 @@ compact?: boolean;
 }) => JSX_2.Element;
 }>;
 
-export declare type F0CardProps = Omit<CardInternalProps, (typeof privateProps_3)[number]>;
-
-/**
- * @experimental This is an experimental component, use it at your own risk.
- */
-export declare const F0CardRow: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0CardRowProps & RefAttributes<HTMLDivElement>> & {
-Skeleton: () => JSX_2.Element;
-}>;
-
-export declare interface F0CardRowProps {
+declare interface F0CardHorizontalProps {
     /**
      * The primary line of text.
      */
@@ -7341,18 +7332,18 @@ export declare interface F0CardRowProps {
      * Confirm/reject variant: renders an icon-only ✗ (reject) + ✓ (confirm) pair
      * instead of the standard actions. Provide either or both.
      */
-    confirmAction?: CardRowConfirmAction;
+    confirmAction?: CardHorizontalConfirmAction;
     /**
      * Reject (✗) action of the confirm/reject variant. See {@link confirmAction}.
      */
-    rejectAction?: CardRowConfirmAction;
+    rejectAction?: CardHorizontalConfirmAction;
     /**
      * Resolved-state icon shown at the trailing edge in place of any actions — the
      * outcome of a confirm/reject row, e.g.
      * `{ icon: Check, variant: "positive", label: "Accepted" }`.
      * Takes precedence over the action props.
      */
-    status?: CardRowStatus;
+    status?: CardHorizontalStatus;
     /**
      * Strikes through and dims the title/description, marking the row's subject as
      * void or closed (e.g. a rejected request). Purely presentational — pair it
@@ -7364,7 +7355,7 @@ export declare interface F0CardRowProps {
      * sit inline (at/above it). `never` keeps them inline at every width.
      * @default "never"
      */
-    stackAt?: CardRowStackAt;
+    stackAt?: CardHorizontalStackAt;
     /**
      * Stretch to fill the height of its container.
      */
@@ -7396,6 +7387,8 @@ export declare interface F0CardRowProps {
     disableOverlayLink?: boolean;
 }
 
+export declare type F0CardProps = Omit<CardInternalProps, (typeof privateProps_3)[number]>;
+
 declare interface F0CardSelectConfig {
     options: CardSelectOption[];
     hideLabel?: boolean;
@@ -9476,7 +9469,7 @@ export declare const F0HILActionConfirmation: ({ text, description, avatar, conf
 /**
  * Props for the F0HILActionConfirmation component.
  *
- * Renders an inline approve/reject row built on `F0CardRow`'s confirm/reject
+ * Renders an inline approve/reject row built on `F0CardHorizontal`'s confirm/reject
  * variant: the prompt as the row title, with icon-only ✓ (confirm) and ✗
  * (reject) buttons at the trailing edge.
  */
@@ -9489,19 +9482,19 @@ export declare type F0HILActionConfirmationProps = {
     /**
      * Optional secondary line shown beneath the title (single line, truncated).
      */
-    description?: F0CardRowProps["description"];
+    description?: F0CardHorizontalProps["description"];
     /**
      * Optional avatar rendered on the left of the row. Accepts any avatar type in
      * the system (person, company, team, file, icon, emoji, …).
      */
-    avatar?: F0CardRowProps["avatar"];
+    avatar?: F0CardHorizontalProps["avatar"];
     /**
      * Container width at which the ✓/✗ actions drop onto their own line instead of
      * staying inline. Prevents the buttons from overlapping the prompt in narrow
      * containers. Set to `"never"` to keep them inline at every width.
      * @default "sm"
      */
-    stackAt?: F0CardRowProps["stackAt"];
+    stackAt?: F0CardHorizontalProps["stackAt"];
     /**
      * Accessible label and tooltip for the confirm (✓) button.
      */
@@ -16792,6 +16785,15 @@ declare module "@tiptap/core" {
 }
 
 
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        };
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         enhanceHighlight: {
@@ -16806,8 +16808,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -16824,15 +16826,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
-        };
-    }
-}
-
-
 declare namespace F0GraphNodeWrapperInner {
     var displayName: string;
 }