@factorialco/f0-react 4.9.0 → 4.10.0

package/dist/f0.d.ts

@@ -5263,6 +5263,10 @@ declare type DialogWrapperContextType = {
     portalContainer: HTMLDivElement | null;
 };
 
+declare const DialogWrapperProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: DialogWrapperProviderProps) => JSX_2.Element;
+export { DialogWrapperProvider as F0DialogAlikeProvider }
+export { DialogWrapperProvider as F0DialogProvider }
+
 /**
  * The props for the F0DialogProvider component.
  */
@@ -7323,6 +7327,14 @@ export declare type F0ButtonToggleProps = Omit<F0ButtonToggleInternalProps, (typ
 /**
  * Shared inline card rendered in the AI chat for any canvas entity.
  * Shows an avatar, title, optional description, and a configurable action button.
+ *
+ * @deprecated Being replaced by `F0CardHorizontal` (`@/experimental/F0CardHorizontal`).
+ * The co-creation flow already renders these cards with `F0CardHorizontal` directly
+ * (Open/Close → `primaryAction`; superseded → a faded `opacity-50 pointer-events-none`
+ * wrapper). Don't add new usages; migrate the remaining one
+ * (`F0AiMessagesContainer/FormCard`) once its inline `children` preview has an
+ * `F0CardHorizontal`-friendly home.
+ * @removeIn 5.0.0
  */
 export declare function F0CanvasCard({ avatar, title, description, isActive, action, children, }: F0CanvasCardProps): JSX_2.Element;
 
@@ -7330,6 +7342,10 @@ export declare namespace F0CanvasCard {
     var displayName: string;
 }
 
+/**
+ * @deprecated Being replaced by `F0CardHorizontal`. See {@link F0CanvasCard}.
+ * @removeIn 5.0.0
+ */
 export declare type F0CanvasCardProps = {
     /** Avatar to display: a module icon or a file-type badge */
     avatar?: CanvasCardAvatar;
@@ -8245,7 +8261,10 @@ export declare interface F0DemoCardProps {
 }
 
 /**
- * @experimental This is an experimental component use it at your own risk
+ * @deprecated Use `F0Dialog` from `@/components/dialog-alike/F0Dialog` for
+ * center/fullscreen dialogs, or `F0Drawer` from
+ * `@/components/dialog-alike/F0Drawer` for side panels. This is a
+ * backward-compatible shim that maps the legacy props onto those components.
  */
 export declare const F0Dialog: WithDataTestIdReturnType_3<FC<F0DialogInternalProps>>;
 
@@ -8265,8 +8284,12 @@ export declare type F0DialogActionsProps = {
 
 export declare const F0DialogAlikeContext: Context<DialogWrapperContextType>;
 
-export declare const F0DialogAlikeProvider: ({ isOpen, onClose, shownBottomSheet, position, children, portalContainer, }: DialogWrapperProviderProps) => JSX_2.Element;
-
+/**
+ * The dialog-alike context, retyped under the original name so the public
+ * `Context<F0DialogContextType>` signature is preserved (the runtime value is
+ * the same context the dialog-alike components populate).
+ * @deprecated Import `F0DialogContext` from `@/components/dialog-alike/F0Dialog`.
+ */
 export declare const F0DialogContext: Context<F0DialogContextType>;
 
 declare type F0DialogContextType = {
@@ -8293,17 +8316,6 @@ export declare type F0DialogPrimaryAction = {
 
 export declare type F0DialogPrimaryActionItem = F0DialogActionItem;
 
-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;
@@ -9414,6 +9426,11 @@ export declare interface F0FormStylingConfig {
      * @default false
      */
     showSectionsSidepanel?: boolean;
+    /**
+     * Removes the default padding around the form content.
+     * @default false
+     */
+    noPadding?: boolean;
 }
 
 /**
@@ -9556,6 +9573,14 @@ export declare type F0HeadingProps = Omit<TextProps, "className" | "variant" | "
     as?: HeadingTags;
 };
 
+/**
+ * @deprecated Being replaced by `F0CardHorizontal` (`@/experimental/F0CardHorizontal`),
+ * which this component already wraps. Use `F0CardHorizontal` directly: `confirmAction` /
+ * `rejectAction` for the pending state, `status` for the resolved outcome, and
+ * `secondaryActions` for a single CTA. The co-creation flow no longer uses this component —
+ * don't add new usages.
+ * @removeIn 5.0.0
+ */
 export declare const F0HILActionConfirmation: ({ text, description, avatar, confirmationText, onConfirm, cancelText, onCancel, stackAt, }: F0HILActionConfirmationProps) => JSX_2.Element;
 
 /**
@@ -9564,6 +9589,9 @@ export declare const F0HILActionConfirmation: ({ text, description, avatar, conf
  * 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.
+ *
+ * @deprecated Being replaced by `F0CardHorizontal`. See {@link F0HILActionConfirmation}.
+ * @removeIn 5.0.0
  */
 export declare type F0HILActionConfirmationProps = {
     /**
@@ -10954,7 +10982,7 @@ declare interface F0WizardFormBaseProps {
     onClose?: () => void;
     title?: string;
     /** @deprecated Use `size` instead. */
-    width?: DialogWidth;
+    width?: Exclude<F0DialogSize, "fullscreen">;
     /** The size of the wizard dialog. Preferred over the deprecated `width`. */
     size?: F0DialogSize;
     defaultStepIndex?: number;
@@ -15057,7 +15085,7 @@ declare interface SurveyAnsweringFormDialogProps extends SurveyAnsweringFormShar
     inline?: false;
     mode: SurveyAnsweringFormMode;
     module: SurveyAnsweringFormModule;
-    position?: DialogPosition;
+    position?: SurveyDialogPosition;
     isOpen: boolean;
     onClose: () => void;
     allowToChangeFullscreen?: boolean;
@@ -15168,6 +15196,9 @@ export declare type SurveyDataset = {
 
 export declare type SurveyDatasets = Record<string, SurveyDataset>;
 
+/** Where the answering dialog is anchored. */
+declare type SurveyDialogPosition = "center" | "left" | "right" | "fullscreen";
+
 export declare const SurveyFormBuilder: WithDataTestIdReturnType_8<({ elements: elementsProp, disabled, onChange, disallowOptionalQuestions, allowedQuestionTypes, applyingChanges, useUpload, datasets, }: SurveyFormBuilderProps) => JSX_2.Element>;
 
 export declare type SurveyFormBuilderCallbacks = {
@@ -16409,6 +16440,10 @@ export declare interface UseDataSourceItemNavigationReturn<R extends RecordType>
     previousItemUrl: string | null;
 }
 
+declare const useDialogWrapperContext: () => DialogWrapperContextType;
+export { useDialogWrapperContext as useF0Dialog }
+export { useDialogWrapperContext as useF0DialogAlikeContext }
+
 export declare function useDndEvents(handler: (e: {
     phase: "start" | "over" | "drop" | "cancel";
     source: DragPayload;
@@ -16437,10 +16472,6 @@ export declare const useEmojiConfetti: () => {
  */
 export declare function useF0AiFormRegistry(): F0AiFormRegistryContextValue | null;
 
-export declare const useF0Dialog: () => F0DialogContextType;
-
-export declare const useF0DialogAlikeContext: () => DialogWrapperContextType;
-
 /**
  * Hook to control F0Form programmatically.
  *