@factorialco/f0-react 4.9.1 → 4.11.0

package/dist/f0.d.ts

@@ -4366,6 +4366,10 @@ export declare const defaultTranslations: {
             readonly show: "Show password";
             readonly hide: "Hide password";
         };
+        readonly private: {
+            readonly show: "Show {{label}}";
+            readonly hide: "Hide {{label}}";
+        };
     };
     readonly link: {
         readonly opensInNewTab: "opens in new tab";
@@ -5263,6 +5267,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.
  */
@@ -8257,7 +8265,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>>;
 
@@ -8277,8 +8288,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 = {
@@ -8305,17 +8320,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;
@@ -9426,6 +9430,11 @@ export declare interface F0FormStylingConfig {
      * @default false
      */
     showSectionsSidepanel?: boolean;
+    /**
+     * Removes the default padding around the form content.
+     * @default false
+     */
+    noPadding?: boolean;
 }
 
 /**
@@ -10714,8 +10723,12 @@ export declare type F0TextAreaInputProps = Pick<ComponentProps<typeof Textarea_2
  * F0 config options specific to text fields
  */
 export declare interface F0TextConfig {
-    /** HTML input type (text, email, password, etc.) */
-    inputType?: "text" | "email" | "password" | "tel" | "url";
+    /**
+     * Input type. `"private"` is a non-HTML F0 subtype for sensitive,
+     * non-credential data — masked like a password but with no lock icon, an
+     * eye toggle, and password managers disabled.
+     */
+    inputType?: "text" | "email" | "password" | "tel" | "url" | "private";
 }
 
 /**
@@ -10977,7 +10990,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;
@@ -12312,7 +12325,12 @@ declare const inputFieldStatus: readonly ["default", "warning", "info", "error"]
 declare type InputFieldStatusType = (typeof inputFieldStatus)[number];
 
 declare type InputInternalProps = Pick<ComponentProps<typeof Input_2>, "ref" | "id" | "aria-describedby" | "aria-invalid"> & Pick<InputFieldProps<string>, "autoFocus" | "required" | "disabled" | "size" | "onChange" | "value" | "placeholder" | "clearable" | "maxLength" | "label" | "labelIcon" | "icon" | "hideLabel" | "name" | "error" | "status" | "hint" | "autocomplete" | "buttonToggle" | "hideMaxLength" | "loading" | "transparent" | "onBlur" | "readonly"> & {
-    type?: Exclude<HTMLInputTypeAttribute, "number">;
+    /**
+     * `"private"` is a non-HTML subtype for sensitive, non-credential data:
+     * masked like a password but with no lock icon and with password managers
+     * disabled. It never reaches the DOM (mapped to text/password internally).
+     */
+    type?: Exclude<HTMLInputTypeAttribute, "number"> | "private";
     onPressEnter?: () => void;
 };
 
@@ -15080,7 +15098,7 @@ declare interface SurveyAnsweringFormDialogProps extends SurveyAnsweringFormShar
     inline?: false;
     mode: SurveyAnsweringFormMode;
     module: SurveyAnsweringFormModule;
-    position?: DialogPosition;
+    position?: SurveyDialogPosition;
     isOpen: boolean;
     onClose: () => void;
     allowToChangeFullscreen?: boolean;
@@ -15191,6 +15209,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 = {
@@ -16432,6 +16453,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;
@@ -16460,10 +16485,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.
  *