@factorialco/f0-react 1.318.0 → 1.318.1

package/dist/f0.d.ts

@@ -22,6 +22,7 @@ import { CompanyCellValue } from '../../value-display/types/company';
 import { CompanyCellValue as CompanyCellValue_2 } from './types/company';
 import { ComponentProps } from 'react';
 import { ComponentType } from 'react';
+import { Context } from 'react';
 import { CountryCellValue } from './types/country';
 import { DashboardProps as DashboardProps_2 } from './Dashboard';
 import { DateCellValue } from '../../value-display/types/date';
@@ -30,9 +31,11 @@ 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';
+import { F0DialogInternalProps } from './internal-types';
 import { F0GridStackProps as F0GridStackProps_2 } from './F0GridStack';
 import { F0SelectProps as F0SelectProps_2 } from './types';
 import { f1Colors } from '@factorialco/f0-core';
+import { FC } from 'react';
 import { FileCellValue } from '../../value-display/types/file';
 import { FileCellValue as FileCellValue_2 } from './types/file';
 import { FolderCellValue } from '../../value-display/types/folder';
@@ -1949,6 +1952,14 @@ export declare const defaultTranslations: {
     };
 };
 
+export declare type DialogPosition = (typeof dialogPositions)[number];
+
+declare const dialogPositions: readonly ["center", "left", "right", "fullscreen"];
+
+export declare type DialogWidth = (typeof dialogWidths)[number];
+
+declare const dialogWidths: readonly ["sm", "md", "lg"];
+
 /**
  * Remove a property from a union of objects.
  * @example
@@ -2399,6 +2410,67 @@ export declare type F0DatePickerProps = Pick<DatePickerPopupProps, "granularitie
     value?: DatePickerValue;
 } & Pick<InputFieldProps<string>, InputFieldInheritedProps>;
 
+/**
+ * @experimental This is an experimental component use it at your own risk
+ */
+export declare const F0Dialog: FC<F0DialogInternalProps>;
+
+export declare type F0DialogActionsProps = {
+    primaryAction?: F0DialogPrimaryAction | F0DialogPrimaryActionItem[];
+    secondaryAction?: F0DialogSecondaryAction;
+};
+
+export declare const F0DialogContext: Context<F0DialogContextType>;
+
+declare type F0DialogContextType = {
+    open: boolean;
+    onClose: () => void;
+    shownBottomSheet: boolean;
+    position: DialogPosition;
+    /**
+     * The dialog's content container element.
+     * Use this as the `portalContainer` prop for components like F0Select
+     * to ensure dropdowns render inside the dialog.
+     */
+    portalContainer: HTMLDivElement | null;
+};
+
+export declare type F0DialogPrimaryAction = {
+    label: string;
+    icon?: IconType;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+};
+
+export declare type F0DialogPrimaryActionItem = {
+    value: string;
+    label: string;
+    icon?: IconType;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+};
+
+export declare const F0DialogProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: F0DialogProviderProps) => JSX_2.Element;
+
+declare type F0DialogProviderProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    shownBottomSheet?: boolean;
+    position: DialogPosition;
+    children: ReactNode;
+    portalContainer: HTMLDivElement | null;
+};
+
+export declare type F0DialogSecondaryAction = {
+    label: string;
+    icon?: IconType;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+};
+
 export declare type F0DropdownButtonProps<T = string> = {
     size?: ButtonDropdownSize;
     items: ButtonDropdownItem<T>[] | ButtonDropdownGroup<T>[] | ButtonDropdownGroup<T>;
@@ -4854,6 +4926,8 @@ export declare const useEmojiConfetti: () => {
     fireEmojiConfetti: (emoji: string, elementRef: RefObject<HTMLElement>) => void;
 };
 
+export declare const useF0Dialog: () => F0DialogContextType;
+
 export declare const useGroups: <R extends RecordType>(groups: GroupRecord<R>[], defaultOpenGroups?: boolean | GroupRecord<R>["key"][]) => {
     openGroups: Record<string, boolean>;
     setGroupOpen: (key: string, open: boolean) => void;
@@ -5043,23 +5117,6 @@ declare global {
     }
 }
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-    }
-}
-
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -5087,9 +5144,21 @@ declare module "@tiptap/core" {
     }
 }
 
-
-declare namespace Calendar {
-    var displayName: string;
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
 }
 
 
@@ -5100,3 +5169,8 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+
+declare namespace Calendar {
+    var displayName: string;
+}

package/dist/f0.js

@@ -1,9 +1,9 @@
-import { L as En, C as Kr, c as U, a as Di, u as Dn, m as Ri, i as Rn, B as Si, O as Xr, p as Yr, w as Sn, S as xe, b as Nn, F as An, d as Vr, A as qr, D as Jr, e as Zr, f as we, g as Qr, h as me, j as qi, k as es, l as di, n as lt, o as ts, q as is, r as At, s as On, E as ns, t as zt, v as rs, x as ss, y as os, z as as, G as Xe, H as kn, I as ls, J as cs, K as ds, M as Ji, N as us, P as Tn, Q as hs, R as zn, X as Pn, Y as vi, T as fs, U as Mn, V as gs, W as ps, Z as ms, _ as vs, $ as ys, a0 as bs, a1 as xs, a2 as ws, a3 as Zi, a4 as Cs, a5 as ct, a6 as ui, a7 as _s, a8 as Es, a9 as Ds, aa as Rs, ab as Ss, ac as Ns, ad as As, ae as Os, af as ks, ag as Ts, ah as zs, ai as Qi, aj as Ps, ak as Ms, al as Ln, am as Ls, an as Mt, ao as In, ap as Hn, aq as Is, ar as Bn, as as Fn, at as Wn, au as Hs, av as Bs, aw as en, ax as Fs, ay as Gn, az as Ws, aA as Gs, aB as $s, aC as Us, aD as js, aE as Ks, aF as $n, aG as qe, aH as Un, aI as Xs, aJ as Ys, aK as tn, aL as Vs, aM as jn, aN as qs, aO as Js, aP as Zs, aQ as Qs, aR as eo, aS as to, aT as io, aU as no, aV as ro, aW as so, aX as oo, aY as ao } from "./hooks-DAsEPAIb.js";
-import { bs as ud, bF as hd, bO as fd, aZ as gd, a_ as pd, a$ as md, b0 as vd, b1 as yd, b2 as bd, b3 as xd, b4 as wd, b6 as Cd, b7 as _d, b8 as Ed, b9 as Dd, bc as Rd, bd as Sd, be as Nd, bK as Ad, bg as Od, bh as kd, bl as Td, bm as zd, bn as Pd, bp as Md, bq as Ld, br as Id, bu as Hd, bj as Bd, bt as Fd, bk as Wd, bo as Gd, bL as $d, ba as Ud, bb as jd, bE as Kd, bz as Xd, bC as Yd, by as Vd, bP as qd, bx as Jd, bw as Zd, b5 as Qd, bf as eu, bi as tu, bv as iu, bA as nu, bG as ru, bH as su, bI as ou, bQ as au, bB as lu, bJ as cu, bN as du, bD as uu, bM as hu } from "./hooks-DAsEPAIb.js";
+import { L as En, C as Kr, c as U, a as Di, u as Dn, m as Ri, i as Rn, B as Si, O as Xr, p as Yr, w as Sn, S as xe, b as Nn, F as An, d as Vr, A as qr, D as Jr, e as Zr, f as we, g as Qr, h as me, j as qi, k as es, l as di, n as lt, o as ts, q as is, r as At, s as On, E as ns, t as zt, v as rs, x as ss, y as os, z as as, G as Xe, H as kn, I as ls, J as cs, K as ds, M as Ji, N as us, P as Tn, Q as hs, R as zn, X as Pn, Y as vi, T as fs, U as Mn, V as gs, W as ps, Z as ms, _ as vs, $ as ys, a0 as bs, a1 as xs, a2 as ws, a3 as Zi, a4 as Cs, a5 as ct, a6 as ui, a7 as _s, a8 as Es, a9 as Ds, aa as Rs, ab as Ss, ac as Ns, ad as As, ae as Os, af as ks, ag as Ts, ah as zs, ai as Qi, aj as Ps, ak as Ms, al as Ln, am as Ls, an as Mt, ao as In, ap as Hn, aq as Is, ar as Bn, as as Fn, at as Wn, au as Hs, av as Bs, aw as en, ax as Fs, ay as Gn, az as Ws, aA as Gs, aB as $s, aC as Us, aD as js, aE as Ks, aF as $n, aG as qe, aH as Un, aI as Xs, aJ as Ys, aK as tn, aL as Vs, aM as jn, aN as qs, aO as Js, aP as Zs, aQ as Qs, aR as eo, aS as to, aT as io, aU as no, aV as ro, aW as so, aX as oo, aY as ao } from "./hooks-B4dLKVTc.js";
+import { bw as ud, bJ as hd, bS as fd, aZ as gd, a_ as pd, a$ as md, b0 as vd, b1 as yd, b2 as bd, b3 as xd, b4 as wd, b6 as Cd, b7 as _d, b8 as Ed, b9 as Dd, bc as Rd, bd as Sd, be as Nd, bg as Ad, bh as Od, bi as kd, bO as Td, bk as zd, bl as Pd, bp as Md, bq as Ld, br as Id, bt as Hd, bu as Bd, bv as Fd, by as Wd, bn as Gd, bx as $d, bo as Ud, bs as jd, bP as Kd, ba as Xd, bb as Yd, bI as Vd, bD as qd, bG as Jd, bC as Zd, bT as Qd, bB as eu, bA as tu, b5 as iu, bf as nu, bm as ru, bz as su, bE as ou, bK as au, bL as lu, bM as cu, bU as du, bj as uu, bF as hu, bN as fu, bR as gu, bH as pu, bQ as mu } from "./hooks-B4dLKVTc.js";
 import { jsx as f, jsxs as P, Fragment as qt } from "react/jsx-runtime";
 import M, { forwardRef as oe, useRef as L, useImperativeHandle as lo, Children as Lt, createContext as Ae, useContext as _e, useState as B, useMemo as H, useEffect as I, useCallback as j, useLayoutEffect as yi, createElement as nn, isValidElement as Kn, Fragment as co, memo as uo, useReducer as ho, cloneElement as fo, PureComponent as go } from "react";
 import { createPortal as Xn, unstable_batchedUpdates as Ot } from "react-dom";
-import { defaultTranslations as gu } from "./i18n-provider-defaults.js";
+import { defaultTranslations as yu } from "./i18n-provider-defaults.js";
 import './f0.css';const po = {
   xs: 1,
   sm: 2,
@@ -9089,39 +9089,42 @@ export {
   Sd as F0Checkbox,
   id as F0ChipList,
   Nd as F0DatePicker,
-  Ad as F0EventCatcherProvider,
+  Ad as F0Dialog,
+  Od as F0DialogContext,
+  kd as F0DialogProvider,
+  Td as F0EventCatcherProvider,
   bc as F0FilterPickerContent,
   rd as F0GridStack,
   xc as F0Heading,
   An as F0Icon,
-  Od as F0Link,
+  zd as F0Link,
   ad as F0Provider,
-  kd as F0Select,
-  Td as F0TagAlert,
+  Pd as F0Select,
+  Md as F0TagAlert,
   Ps as F0TagBalance,
-  zd as F0TagCompany,
-  Pd as F0TagDot,
-  Md as F0TagList,
-  Ld as F0TagPerson,
+  Ld as F0TagCompany,
+  Id as F0TagDot,
+  Hd as F0TagList,
+  Bd as F0TagPerson,
   Ws as F0TagRaw,
   Gs as F0TagStatus,
-  Id as F0TagTeam,
+  Fd as F0TagTeam,
   tr as F0Text,
-  Hd as GROUP_ID_SYMBOL,
+  Wd as GROUP_ID_SYMBOL,
   Hc as HomeLayout,
   Mc as Layout,
   Gc as LineChart,
-  Bd as OneFilterPicker,
+  Gd as OneFilterPicker,
   $c as PieChart,
   no as PrivacyModeProvider,
   Ir as ProductBlankslate,
-  Fd as ProductCard,
+  $d as ProductCard,
   sd as ProductModal,
   Ec as ProductWidget,
   jc as ProgressBarChart,
   Lc as StandardLayout,
-  Wd as Tag,
-  Gd as TagCounter,
+  Ud as Tag,
+  jd as TagCounter,
   Ic as TwoColumnLayout,
   Un as UpsellRequestResponseDialog,
   Dc as UpsellingBanner,
@@ -9129,42 +9132,43 @@ export {
   od as UpsellingPopover,
   Uc as VerticalBarChart,
   zc as avatarVariants,
-  $d as buildTranslations,
+  Kd as buildTranslations,
   Jc as buttonDropdownSizes,
   qc as buttonDropdownVariants,
   Vc as buttonSizes,
   Zc as buttonToggleSizes,
   Qc as buttonToggleVariants,
   Yc as buttonVariants,
-  Ud as cardImageFits,
-  jd as cardImageSizes,
-  Kd as createAtlaskitDriver,
-  Xd as createDataSourceDefinition,
+  Xd as cardImageFits,
+  Yd as cardImageSizes,
+  Vd as createAtlaskitDriver,
+  qd as createDataSourceDefinition,
   zo as createPageLayoutBlock,
   Po as createPageLayoutBlockGroup,
   ld as dataCollectionLocalStorageHandler,
   nd as datepickerSizes,
-  gu as defaultTranslations,
+  yu as defaultTranslations,
   we as experimental,
-  Yd as getAnimationVariants,
-  Vd as getDataSourcePaginationType,
-  qd as getEmojiLabel,
-  Jd as isInfiniteScrollPagination,
-  Zd as isPageBasedPagination,
+  Jd as getAnimationVariants,
+  Zd as getDataSourcePaginationType,
+  Qd as getEmojiLabel,
+  eu as isInfiniteScrollPagination,
+  tu as isPageBasedPagination,
   ed as linkVariants,
-  Qd as modules,
-  eu as predefinedPresets,
-  tu as selectSizes,
+  iu as modules,
+  nu as predefinedPresets,
+  ru as selectSizes,
   td as tagDotColors,
-  iu as useData,
-  nu as useDataSource,
-  ru as useDndEvents,
-  su as useDraggable,
-  ou as useDroppableList,
-  au as useEmojiConfetti,
-  lu as useGroups,
-  cu as usePrivacyMode,
-  du as useReducedMotion,
-  uu as useSelectable,
-  hu as useXRay
+  su as useData,
+  ou as useDataSource,
+  au as useDndEvents,
+  lu as useDraggable,
+  cu as useDroppableList,
+  du as useEmojiConfetti,
+  uu as useF0Dialog,
+  hu as useGroups,
+  fu as usePrivacyMode,
+  gu as useReducedMotion,
+  pu as useSelectable,
+  mu as useXRay
 };