@factorialco/f0-react 1.275.0 → 1.276.1

package/dist/experimental.d.ts

@@ -5770,8 +5770,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
         };
     }
 }
@@ -5779,18 +5779,34 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData, config?: MoodTrackerConfig) => ReturnType;
-        };
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        id?: string;
+        w?: number;
+        h?: number;
+        x?: number;
+        y?: number;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
     }
 }
 
@@ -5798,3 +5814,12 @@ declare module "@tiptap/core" {
 declare namespace Calendar {
     var displayName: string;
 }
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData, config?: MoodTrackerConfig) => ReturnType;
+        };
+    }
+}

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { bD as _p, bE as td, bF as U_, bG as G_, bH as Sp, ad as p8, bI as zo, aq as Df, bJ as Vi, bK as Rf, bL as hr, bM as wl, av as On, bN as ks, bO as Lp, bP as K_, bQ as Vs, bR as Va, bS as Ep, bT as Z_, bU as J_, bV as Mp, bW as xl, bX as Np, bY as Ap, bZ as Y_, b_ as Ff, aE as m8, b$ as Tp, c0 as X_, c1 as g8, c2 as y8, c3 as V3, c4 as Cl, c5 as Q_, c6 as eS, c7 as tS, c8 as Y1, c9 as nS, ca as iS, cb as rS, cc as te, cd as v8, ce as oS, f as ls, cf as ja, j as nd, cg as k8, h as Jl, ch as sS, L as X1, ci as aS, A as lS, i as Yl, c as cS, l as dS, G as fS, g as j3, cj as uS, k as W3, o as hS, ck as b8, cl as w8, cm as pS, cn as js, ai as mS, aw as he, ap as Ce, Q as T, co as _l, O as Op, cp as Ip, P as sn, cq as Sl, cr as Ws, cs as id, ct as en, bz as qs, cu as _h, ab as Be, cv as $o, cw as Je, cx as gS, b3 as ir, au as ct, a$ as Pf, ac as x8, cy as Dp, cz as yS, cA as vS, cB as kS, ar as C8, as as _8, cC as S8, cD as L8, cE as ro, cF as bS, cG as q3, cH as wS, cI as xS, cJ as CS, cK as xt, al as bn, cL as X, cM as Bf, cN as Rn, a7 as Wn, a8 as _S, cO as E8, cP as Rp, cQ as bs, cR as Sh, cS as M8, cT as N8, cU as A8, cV as T8, cW as O8, a5 as vt, cX as I8, cY as SS, cZ as LS, c_ as ES, c$ as MS, d0 as NS, d1 as AS, d2 as TS, d3 as OS, ak as IS, be as DS, d4 as qn, ao as So, d5 as mn, am as Fp, at as Lh, d6 as U3, d7 as rd, d8 as RS, a9 as Us, d9 as Lo, da as D8, db as gn, s as FS, w as PS, x as BS, z as zS, J as G3, K as K3, M as $S, N as HS, dc as VS, dd as jS, de as R8, aY as wi, df as WS, dg as qS, dh as Gs, di as Pp, a_ as Eo, dj as US, dk as F8, dl as P8, dm as GS, dn as KS, a3 as Bp, a4 as zp, a6 as $p, R as Gn, dp as B8, dq as ZS, dr as JS, ds as YS, dt as z8, aA as XS, du as Eh, dv as $8, aV as od, dw as QS, dx as eL, dy as tL, dz as nL, dA as iL, bA as zf, aS as Mh, bC as rL, bB as oL, dB as H8, an as $r, dC as sL, dD as aL, b8 as $f, aW as Hp, aP as Ll, dE as Vp, dF as V8, aZ as lL, aR as j8, aN as W8, dG as cL, dH as q8, dI as dL, aQ as Ks, aT as U8, aC as fL, dJ as uL, bg as hL, bh as pL, bo as Hf, bm as jp, ay as Vf, dK as jf, dL as Wf, az as qf, dM as Wp, bn as G8, b0 as qp, dN as mL, bt as gL, dO as Nh, dP as yL, dQ as sd, dR as vL, bi as ad, bu as kL, dS as bL, bs as K8, dT as wL, br as xL, bq as CL, dU as _L, b1 as Ah, dV as Z8, dW as SL, af as Up, dX as LL, dY as EL, ag as ML, ah as NL, dZ as AL, d_ as TL, d$ as OL, e0 as IL, e1 as J8, b4 as DL, bl as RL, e2 as FL, e3 as PL, e4 as BL, aU as zL, e5 as El, e6 as Gp, e7 as Kp, e8 as Ml, e9 as $L, ea as Y8, eb as Z3, ec as HL, bv as X8, ed as Q8, b5 as ey, ee as VL, ef as jL, eg as WL, aB as qL, _ as UL, T as GL, V as KL, W as ZL, Z as JL, U as YL, eh as J3, ei as XL, ej as QL, m as eE, ek as ty, el as tE } from "./hooks-BaU58qvY.js";
-import { aD as zfe, em as $fe, ep as Hfe, eq as Vfe, eo as jfe, aX as Wfe, b2 as qfe, en as Ufe } from "./hooks-BaU58qvY.js";
+import { bD as _p, bE as td, bF as U_, bG as G_, bH as Sp, ad as p8, bI as zo, aq as Df, bJ as Vi, bK as Rf, bL as hr, bM as wl, av as On, bN as ks, bO as Lp, bP as K_, bQ as Vs, bR as Va, bS as Ep, bT as Z_, bU as J_, bV as Mp, bW as xl, bX as Np, bY as Ap, bZ as Y_, b_ as Ff, aE as m8, b$ as Tp, c0 as X_, c1 as g8, c2 as y8, c3 as V3, c4 as Cl, c5 as Q_, c6 as eS, c7 as tS, c8 as Y1, c9 as nS, ca as iS, cb as rS, cc as te, cd as v8, ce as oS, f as ls, cf as ja, j as nd, cg as k8, h as Jl, ch as sS, L as X1, ci as aS, A as lS, i as Yl, c as cS, l as dS, G as fS, g as j3, cj as uS, k as W3, o as hS, ck as b8, cl as w8, cm as pS, cn as js, ai as mS, aw as he, ap as Ce, Q as T, co as _l, O as Op, cp as Ip, P as sn, cq as Sl, cr as Ws, cs as id, ct as en, bz as qs, cu as _h, ab as Be, cv as $o, cw as Je, cx as gS, b3 as ir, au as ct, a$ as Pf, ac as x8, cy as Dp, cz as yS, cA as vS, cB as kS, ar as C8, as as _8, cC as S8, cD as L8, cE as ro, cF as bS, cG as q3, cH as wS, cI as xS, cJ as CS, cK as xt, al as bn, cL as X, cM as Bf, cN as Rn, a7 as Wn, a8 as _S, cO as E8, cP as Rp, cQ as bs, cR as Sh, cS as M8, cT as N8, cU as A8, cV as T8, cW as O8, a5 as vt, cX as I8, cY as SS, cZ as LS, c_ as ES, c$ as MS, d0 as NS, d1 as AS, d2 as TS, d3 as OS, ak as IS, bf as DS, d4 as qn, ao as So, d5 as mn, am as Fp, at as Lh, d6 as U3, d7 as rd, d8 as RS, a9 as Us, d9 as Lo, da as D8, db as gn, s as FS, w as PS, x as BS, z as zS, J as G3, K as K3, M as $S, N as HS, dc as VS, dd as jS, de as R8, aY as wi, df as WS, dg as qS, dh as Gs, di as Pp, a_ as Eo, dj as US, dk as F8, dl as P8, dm as GS, dn as KS, a3 as Bp, a4 as zp, a6 as $p, R as Gn, dp as B8, dq as ZS, dr as JS, ds as YS, dt as z8, aA as XS, du as Eh, dv as $8, aV as od, dw as QS, dx as eL, dy as tL, dz as nL, dA as iL, bA as zf, aS as Mh, bC as rL, bB as oL, dB as H8, an as $r, dC as sL, dD as aL, b8 as $f, aW as Hp, aP as Ll, dE as Vp, dF as V8, aZ as lL, aR as j8, aN as W8, dG as cL, dH as q8, dI as dL, aQ as Ks, aT as U8, aC as fL, dJ as uL, bh as hL, bi as pL, bp as Hf, bn as jp, ay as Vf, dK as jf, dL as Wf, az as qf, dM as Wp, bo as G8, b0 as qp, dN as mL, bt as gL, dO as Nh, dP as yL, dQ as sd, dR as vL, bj as ad, bu as kL, dS as bL, bs as K8, dT as wL, br as xL, bq as CL, dU as _L, b1 as Ah, dV as Z8, dW as SL, af as Up, dX as LL, dY as EL, ag as ML, ah as NL, dZ as AL, d_ as TL, d$ as OL, e0 as IL, e1 as J8, b4 as DL, bm as RL, e2 as FL, e3 as PL, e4 as BL, aU as zL, e5 as El, e6 as Gp, e7 as Kp, e8 as Ml, e9 as $L, ea as Y8, eb as Z3, ec as HL, bv as X8, ed as Q8, b5 as ey, ee as VL, ef as jL, eg as WL, aB as qL, _ as UL, T as GL, V as KL, W as ZL, Z as JL, U as YL, eh as J3, ei as XL, ej as QL, m as eE, ek as ty, el as tE } from "./hooks-F3Tg9iwj.js";
+import { aD as zfe, em as $fe, ep as Hfe, eq as Vfe, eo as jfe, aX as Wfe, b2 as qfe, en as Ufe } from "./hooks-F3Tg9iwj.js";
 import { jsxs as k, jsx as d, Fragment as De } from "react/jsx-runtime";
 import { useCopilotChatInternal as Uf, useCopilotContext as nE, useCopilotAction as Y3, CopilotKit as iE } from "@copilotkit/react-core";
 import { Markdown as rE, useChatContext as oE, CopilotSidebar as sE } from "@copilotkit/react-ui";

package/dist/f0.css

@@ -0,0 +1 @@
+.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack-animate .grid-stack-item.grid-stack-placeholder{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0%}

package/dist/f0.d.ts

@@ -24,6 +24,8 @@ import { DateFilterOptions } from './DateFilter/DateFilter';
 import { default as default_2 } from 'react';
 import { DotTagCellValue } from '../../value-display/types/dotTag';
 import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag.tsx';
+import { F0GridStackProps as F0GridStackProps_2 } from './F0GridStack';
+import { F0GridStackRef as F0GridStackRef_2 } from './F0GridStack';
 import { F0IconProps as F0IconProps_2 } from './F0Icon';
 import { f1Colors } from '@factorialco/f0-core';
 import { FileCellValue } from '../../value-display/types/file';
@@ -32,6 +34,8 @@ import { FolderCellValue } from '../../value-display/types/folder';
 import { FolderCellValue as FolderCellValue_2 } from './types/folder.tsx';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { GridStackOptions } from 'gridstack';
+import { GridStackWidget } from 'gridstack';
 import { HTMLAttributeAnchorTarget } from 'react';
 import { HTMLAttributes } from 'react';
 import { IconCellValue } from './types/icon.tsx';
@@ -2055,6 +2059,55 @@ export declare type F0DropdownButtonProps<T = string> = {
 
 export declare function F0EventCatcherProvider({ children, onEvent, enabled, catchEvents, }: EventCatcherProviderProps): JSX.Element;
 
+export declare const F0GridStack: ForwardRefExoticComponent<F0GridStackProps_2 & RefAttributes<F0GridStackRef_2>>;
+
+export declare interface F0GridStackProps {
+    options: GridStackReactOptions;
+    widgets: GridStackReactWidget[];
+    onChange?: (layout: GridStackWidgetPosition[]) => void;
+}
+
+/**
+ * Methods exposed via ref to control the grid programmatically.
+ * @example
+ * ```tsx
+ * const gridRef = useRef<F0GridStackRef>(null)
+ *
+ * // Add a widget
+ * gridRef.current?.addWidget({
+ *   id: 'new-widget',
+ *   w: 2,
+ *   h: 2,
+ *   renderFn: () => <div>Content</div>
+ *   meta: {
+ *     // Your metadata associated with the widget
+ *   }
+ * })
+ *
+ * // Remove a widget
+ * gridRef.current?.removeWidget('widget-id')
+ *
+ * // Remove all widgets
+ * gridRef.current?.removeAll()
+ *
+ * // Save current layout
+ * const layout = gridRef.current?.saveOptions()
+ * ```
+ */
+export declare interface F0GridStackRef {
+    addWidget: (widget: GridStackReactWidget) => void;
+    removeWidget: (id: string) => void;
+    addSubGrid: (subGrid: GridStackReactWidget & {
+        id: Required<GridStackWidget>["id"];
+        subGridOpts: Required<GridStackWidget>["subGridOpts"] & {
+            children: Array<GridStackWidget & {
+                id: Required<GridStackWidget>["id"];
+            }>;
+        };
+    }) => void;
+    removeAll: () => void;
+}
+
 export declare const F0Icon: ForwardRefExoticComponent<Omit<Omit<F0IconProps_2, "ref"> & RefAttributes<SVGSVGElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
 export declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
@@ -2284,6 +2337,31 @@ declare type GranularityDefinitionKey = keyof typeof granularityDefinitions;
 
 declare const granularityDefinitions: Record<string, GranularityDefinition>;
 
+export declare type GridStackReactOptions = Omit<GridStackOptions, "children">;
+
+export declare type GridStackReactSize = {
+    w: number;
+    h: number;
+};
+
+export declare interface GridStackReactWidget extends GridStackWidget {
+    id: Required<GridStackWidget>["id"];
+    allowedSizes?: GridStackReactSize[];
+    renderFn?: () => React.ReactElement;
+}
+
+/**
+ * Represents a node in the grid layout.
+ */
+export declare interface GridStackWidgetPosition {
+    id: string;
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    meta?: Record<string, unknown>;
+}
+
 /**
  * Symbol used to identify the groupId in the data
  */
@@ -3985,8 +4063,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
         };
     }
 }
@@ -3994,18 +4072,34 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
 
 
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData, config?: MoodTrackerConfig) => ReturnType;
-        };
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        id?: string;
+        w?: number;
+        h?: number;
+        x?: number;
+        y?: number;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
     }
 }
 
@@ -4013,3 +4107,12 @@ declare module "@tiptap/core" {
 declare namespace Calendar {
     var displayName: string;
 }
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData, config?: MoodTrackerConfig) => ReturnType;
+        };
+    }
+}