@factorialco/f0-react 1.207.0 → 1.208.0

package/dist/f0.d.ts

@@ -850,6 +850,12 @@ declare type DataCollectionSettings = {
     visualization: VisualizationSettings;
 };
 
+declare interface DataCollectionSettingsContextType {
+    setSettings: default_2.Dispatch<default_2.SetStateAction<DataCollectionSettings>>;
+    settings: DataCollectionSettings;
+    setVisualizationSettings: (key: keyof VisualizationSettings, settings: VisualizationSettings[keyof VisualizationSettings] | ((prev: VisualizationSettings[keyof VisualizationSettings]) => VisualizationSettings[keyof VisualizationSettings])) => void;
+}
+
 /**
  * Data collection source
  * Extends the base data source with data collection specific elements / features
@@ -1128,6 +1134,7 @@ export declare const defaultTranslations: {
                 readonly of: "of";
             };
             readonly settings: "{%visualizationName} settings";
+            readonly reset: "Reset to default";
         };
         readonly itemsCount: "items";
         readonly emptyStates: {
@@ -1364,7 +1371,9 @@ declare type EventScalar = string | number | boolean | undefined | null;
 export declare const experimental: <T extends (...args: any[]) => any>(name: string, component: T) => T;
 
 declare type ExtractVisualizationSettings<T> = T extends {
-    settings: infer S;
+    settings: {
+        default: infer S;
+    };
 } ? S : never;
 
 export declare const F0Avatar: ({ avatar, size }: AvatarProps) => ReactNode;
@@ -3268,10 +3277,13 @@ valueFormatter?: (value: string | number | undefined) => string | number;
 
 declare type VisualizacionTypeDefinition<Props, Settings = Record<string, never>> = {
     render: (props: Props) => JSX.Element;
-    renderSettings?: (props: Props) => JSX.Element | null;
     name: string;
     icon: IconType;
-    settings: Settings;
+    settings: {
+        default: Settings;
+        renderer?: (props: Props) => JSX.Element | null;
+        resetHandler?: (settings: DataCollectionSettingsContextType) => void;
+    };
 };
 
 declare type VisualizationSettings = {
@@ -3349,6 +3361,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -3356,8 +3373,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/f0.js

@@ -1,5 +1,5 @@
-import { C as g, L as pe, c as ge, P as H, a as b, f as ve, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as G, i as U, j as Pe, k as W, S as J, l as M, m as Y, n as Se, O as Fe, o as X, p as De, q as ke, F as K, r as Me, s as Te, t as Ie, D as Be, u as Re, v as Oe, w as $e, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as Ae, N as qe, Q as He, R as Ge, X as Ue, T as We, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-DpgCYH5Q.js";
-import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Lr, au as Pr, ax as Sr, at as Fr, aL as Dr, as as kr, ar as Mr, a8 as Tr, ai as Ir, aq as Br, av as Rr, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks-DpgCYH5Q.js";
+import { C as g, L as pe, c as ge, P as H, a as b, f as ve, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as G, i as U, j as Pe, k as W, S as J, l as M, m as Y, n as Se, O as Fe, o as X, p as De, q as ke, F as K, r as Me, s as Te, t as Ie, D as Be, u as Re, v as Oe, w as $e, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as Ae, N as qe, Q as He, R as Ge, X as Ue, T as We, W as Je, Y as Ye, Z as Xe, _ as Ke } from "./hooks-DMjORqwR.js";
+import { az as Ja, $ as Ya, aB as Xa, aK as Ka, a0 as Qa, a1 as Za, a2 as er, a3 as ar, a4 as rr, a5 as sr, a6 as tr, a7 as lr, a9 as or, aa as nr, ab as ir, ac as dr, aG as cr, ae as ur, af as fr, ag as mr, ah as hr, ak as pr, al as gr, am as vr, an as br, ap as xr, ad as Cr, ao as yr, aj as wr, aH as Nr, aA as Lr, au as Pr, ax as Sr, at as Fr, aL as Dr, as as kr, ar as Mr, a8 as Tr, ai as Ir, aq as Br, av as Rr, aC as Or, aD as $r, aE as Er, aM as _r, aw as jr, aF as zr, aJ as Vr, ay as Ar, aI as qr } from "./hooks-DMjORqwR.js";
 import { jsx as e, jsxs as c, Fragment as $ } from "react/jsx-runtime";
 import * as E from "react";
 import Qe, { useState as v, forwardRef as I, useRef as ae, useImperativeHandle as Ze, Children as ea, useEffect as re, createContext as aa } from "react";
@@ -79,7 +79,8 @@ const Fa = {
       pagination: {
         of: "of"
       },
-      settings: "{%visualizationName} settings"
+      settings: "{%visualizationName} settings",
+      reset: "Reset to default"
     },
     itemsCount: "items",
     emptyStates: {