@factorialco/f0-react 1.397.0 → 1.398.0

package/dist/experimental.d.ts

@@ -132,7 +132,7 @@ export declare type ActionBarGroup = {
     items: ActionBarItem[];
 };
 
-export declare type ActionBarItem = ActionType_2;
+export declare type ActionBarItem = ActionType;
 
 export declare type ActionBarStatus = "idle" | "loading" | "success";
 
@@ -318,7 +318,14 @@ declare type ActionSize = (typeof actionSizes)[number];
 
 declare const actionSizes: readonly ["sm", "md", "lg"];
 
-export declare type ActionType = "duplicate" | "delete";
+declare type ActionType = {
+    label: string;
+    icon?: IconType;
+    onClick?: () => void;
+    disabled?: boolean;
+    critical?: boolean;
+    description?: string;
+};
 
 export declare type actionType = {
     label: string;
@@ -328,15 +335,6 @@ export declare type actionType = {
     icon?: IconType;
 };
 
-declare type ActionType_2 = {
-    label: string;
-    icon?: IconType;
-    onClick?: () => void;
-    disabled?: boolean;
-    critical?: boolean;
-    description?: string;
-};
-
 declare type ActionVariant = (typeof actionVariants)[number];
 
 declare const actionVariants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote", "ai", "link", "unstyled", "mention"];
@@ -348,7 +346,7 @@ export declare const ActivityItemList: (({ items, loadingMoreItems, onClickItem,
     Skeleton: () => default_2.JSX.Element;
 };
 
-export declare type ActivityItemListProps = Pick<SectionProps_2, "items" | "onClickItem"> & {
+export declare type ActivityItemListProps = Pick<SectionProps, "items" | "onClickItem"> & {
     onEndReached?: () => void;
     onEndReachedItemsThreshold?: number;
     loadingMoreItems?: boolean;
@@ -883,25 +881,6 @@ export declare type BasePaginatedResponse<R> = BaseResponse<R> & {
     perPage: number;
 };
 
-export declare type BaseQuestionOnChangeParams = {
-    id: string;
-    title?: string;
-    description?: string;
-    required?: boolean;
-};
-
-declare type BaseQuestionProps = {
-    id: string;
-    title: string;
-    description?: string;
-    type: QuestionType;
-    children: React.ReactNode;
-    required?: boolean;
-    locked?: boolean;
-};
-
-declare type BaseQuestionPropsForOtherQuestionComponents = Omit<BaseQuestionProps, "children" | "onChange">;
-
 /**
  * Base response type for collection data
  * @template R - The type of records in the collection
@@ -1579,32 +1558,6 @@ declare interface ClockInGraphProps {
 
 declare type ClockInStatus = "clocked-in" | "break" | "clocked-out";
 
-export declare const CoCreationForm: WithDataTestIdReturnType_4<({ elements: elementsProp, isEditMode, onChange, disallowOptionalQuestions, allowedQuestionTypes, applyingChanges, }: CoCreationFormProps) => JSX_2.Element>;
-
-export declare type CoCreationFormCallbacks = {
-    onQuestionChange?: (params: OnChangeQuestionParams) => void;
-    onSectionChange?: (params: OnChangeSectionParams) => void;
-    onAddNewElement?: (params: OnAddNewElementParams) => void;
-    onDuplicateElement?: (params: OnDuplicateElementParams) => void;
-};
-
-export declare type CoCreationFormElement = {
-    type: "section";
-    section: SectionElement;
-} | {
-    type: "question";
-    question: QuestionElement;
-};
-
-export declare type CoCreationFormProps = {
-    elements: CoCreationFormElement[];
-    onChange: (elements: CoCreationFormElement[]) => void;
-    isEditMode?: boolean;
-    disallowOptionalQuestions?: boolean;
-    allowedQuestionTypes?: QuestionType[];
-    applyingChanges?: boolean;
-};
-
 declare type ColId = string;
 
 /**
@@ -1740,8 +1693,6 @@ declare type CompareToDef = {
 
 declare type CompareToDefKey = string;
 
-export declare function computeSectionEndIds(elements: CoCreationFormElement[]): Set<string>;
-
 declare type Content = (ComponentProps<typeof DataList.Item> & {
     type: "item";
 }) | (ComponentProps<typeof DataList.PersonItem> & {
@@ -2178,10 +2129,6 @@ export declare interface DatePreset {
     value: DateRange | (() => DateRange);
 }
 
-declare type DateQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    value?: Date | null;
-};
-
 export declare type DateRange = {
     from: Date;
     to?: Date;
@@ -2677,7 +2624,7 @@ declare const defaultTranslations: {
             readonly dismiss: "Dismiss";
         };
     };
-    readonly coCreationForm: {
+    readonly surveyFormBuilder: {
         readonly actions: {
             readonly actions: "Actions";
             readonly duplicateQuestion: "Duplicate question";
@@ -2709,7 +2656,11 @@ declare const defaultTranslations: {
         };
         readonly answer: {
             readonly label: "Answer";
-            readonly placeholder: "Respondent's answer";
+            readonly dropdownPlaceholder: "Pick an option";
+            readonly textPlaceholder: "Type your answer";
+            readonly numericPlaceholder: "Enter a number";
+            readonly linkPlaceholder: "https://example.com";
+            readonly invalidUrl: "Enter a valid URL";
         };
         readonly labels: {
             readonly applyingChanges: "Applying changes";
@@ -2728,6 +2679,16 @@ declare const defaultTranslations: {
             readonly lastQuestionDialogDescription: "Moving this question will leave the section empty and it will be removed. Do you want to continue?";
         };
     };
+    readonly surveyAnsweringForm: {
+        readonly actions: {
+            readonly submit: "Submit survey";
+            readonly cancel: "Cancel";
+            readonly next: "Next";
+            readonly previous: "Previous";
+            readonly expand: "Expand";
+            readonly collapse: "Collapse";
+        };
+    };
     readonly richTextEditor: {
         readonly bold: "Bold";
         readonly italic: "Italic";
@@ -2940,12 +2901,6 @@ declare type DropdownProps = Omit<DropdownInternalProps, (typeof privateProps_4)
     onOpenChange?: (open: boolean) => void;
 } & WithDataTestIdProps;
 
-declare type DropdownSingleQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    type: "dropdown-single";
-    options: SelectQuestionOption[];
-    value?: string | null;
-};
-
 /** The edit mode for a column cell in the editable table. */
 declare type EditableTableCellEditType = "text" | "date" | "select" | "multiselect";
 
@@ -2999,8 +2954,6 @@ export declare type editorStateType = {
     json: JSONContent | null;
 };
 
-export declare type ElementType = QuestionType | "section";
-
 declare type EmptyState = {
     emoji?: string;
     title: string;
@@ -3829,20 +3782,6 @@ declare type FlagAvatarVariant = Extract<AvatarVariant, {
     type: "flag";
 }>;
 
-export declare type FlatFormItem = {
-    type: "section-header";
-    id: string;
-    section: SectionElement;
-} | {
-    type: "question";
-    id: string;
-    question: QuestionElement;
-} | {
-    type: "section-end";
-    id: string;
-    sectionId: string;
-};
-
 export declare type FlattenedItem = {
     parent: EntitySelectEntity | null;
     subItem: EntitySelectSubEntity & {
@@ -3851,8 +3790,6 @@ export declare type FlattenedItem = {
     };
 };
 
-export declare function flattenElements(elements: CoCreationFormElement[]): FlatFormItem[];
-
 declare type FontSize = (typeof fontSizes)[number];
 
 declare const fontSizes: readonly ["sm", "md", "lg"];
@@ -4169,21 +4106,6 @@ export declare type InfiniteScrollPaginatedResponse<TRecord> = BasePaginatedResp
     hasMore: boolean;
 };
 
-/**
- * Re-inject section-end markers into a flat list that has none.
- *
- * Uses `inSectionQuestionIds` (the set of question IDs that originally
- * belonged to *any* section) to determine where each section ends:
- * - Questions in the set stay inside the current section.
- * - Original standalone questions (NOT in the set) cause the section to close
- *   before them so they remain standalone.
- *
- * This allows cross-section moves (a question from section B placed after
- * section A's header joins section A) while keeping standalone questions
- * outside sections unless the user explicitly drags them between section items.
- */
-export declare function injectSectionEnds(items: FlatFormItem[], inSectionQuestionIds: Set<string>): FlatFormItem[];
-
 /**
  * @experimental This is an experimental component use it at your own risk
  */
@@ -4367,10 +4289,6 @@ declare type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     disabled?: boolean;
 };
 
-declare type LinkQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    value?: string | null;
-};
-
 /**
  * Group List: Renders the list for a group
  */
@@ -4866,10 +4784,6 @@ declare type NumericFormatterOptions = {
     useGrouping?: boolean;
 };
 
-declare type NumericQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    value?: number | null;
-};
-
 /**
  * Represents a numeric value that can be formatted with optional units.
  *
@@ -4943,61 +4857,11 @@ declare interface OmniButtonProps {
     hasNewUpdate?: boolean;
 }
 
-export declare type OnAddNewElementParams = {
-    type: ElementType;
-    afterId?: string;
-};
-
 export declare type OnBulkActionCallback<Record extends RecordType, Filters extends FiltersDefinition> = (...args: [
 action: BulkAction,
 ...Parameters<OnSelectItemsCallback<Record, Filters>>
 ]) => void;
 
-declare type OnChangeQuestionParams = BaseQuestionOnChangeParams & ({
-    type: "text" | "longText";
-    value?: string | null;
-} | {
-    type: "rating";
-    value: number;
-    options?: {
-        value: number;
-        label: string;
-    }[];
-} | {
-    type: "select";
-    value?: string | null;
-    options: SelectQuestionOption[];
-} | {
-    type: "multi-select";
-    value?: string[] | null;
-    options: SelectQuestionOption[];
-} | {
-    type: "dropdown-single";
-    value?: string | null;
-    options?: SelectQuestionOption[];
-} | {
-    type: "numeric";
-    value?: number | null;
-} | {
-    type: "link";
-    value?: string | null;
-} | {
-    type: "date";
-    value?: Date | null;
-});
-
-export declare type OnChangeSectionParams = {
-    id: string;
-    title: string;
-    description?: string;
-    questions?: QuestionElement[];
-};
-
-export declare type OnDuplicateElementParams = {
-    elementId: string;
-    type: ElementType;
-};
-
 /**
  * @experimental This is an experimental component use it at your own risk
  */
@@ -5713,30 +5577,6 @@ declare type Pulse = (typeof pulses)[number];
 
 declare const pulses: readonly ["superNegative", "negative", "neutral", "positive", "superPositive"];
 
-export declare type QuestionActionParams = {
-    questionId: string;
-    type: ActionType;
-    index: number;
-};
-
-export declare type QuestionElement = Omit<TextQuestionProps, QuestionPropsToOmit> | Omit<RatingQuestionProps & {
-    type: "rating";
-}, QuestionPropsToOmit> | Omit<SelectQuestionProps & {
-    type: "select" | "multi-select";
-}, QuestionPropsToOmit> | Omit<DropdownSingleQuestionProps & {
-    type: "dropdown-single";
-}, QuestionPropsToOmit> | Omit<NumericQuestionProps & {
-    type: "numeric";
-}, QuestionPropsToOmit> | Omit<LinkQuestionProps & {
-    type: "link";
-}, QuestionPropsToOmit> | Omit<DateQuestionProps & {
-    type: "date";
-}, QuestionPropsToOmit>;
-
-declare type QuestionPropsToOmit = "onAction" | "onChange" | "onAddNewElement";
-
-export declare type QuestionType = "rating" | "select" | "multi-select" | "dropdown-single" | "text" | "longText" | "numeric" | "link" | "date";
-
 export declare const RadarChart: RadarChartGeneric;
 
 export declare const _RadarChart: <K extends ChartConfig>({ data, dataConfig, scaleMin, scaleMax, aspect }: RadarChartProps<K>, ref: ForwardedRef<HTMLDivElement>) => JSX_2.Element;
@@ -5753,15 +5593,6 @@ export declare type RadarChartProps<K extends ChartConfig> = {
 
 export declare const rangeSeparator = "\u2192";
 
-declare type RatingQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    value?: number;
-} & {
-    options: {
-        value: number;
-        label: string;
-    }[];
-};
-
 declare interface ReactionProps {
     emoji: string;
     initialCount: number;
@@ -5781,8 +5612,6 @@ declare interface ReactionsProps {
     };
 }
 
-export declare function reconstructElements(flatItems: FlatFormItem[]): CoCreationFormElement[];
-
 /**
  * Utility type to get all possible paths through an object using dot notation
  * @template T - The object type to traverse
@@ -5951,28 +5780,12 @@ export declare type secondaryActionType = (actionType | toggleActionType) & {
     type?: "button" | "switch";
 };
 
-export declare type SectionActionParams = {
-    sectionId: string;
-    type: ActionType;
-    index: number;
-};
-
-export declare type SectionElement = Omit<SectionProps, "onAction" | "onChange">;
-
 /**
  * @experimental This is an experimental component use it at your own risk
  */
 export declare const SectionHeader: ({ title, description, action, link, separator, }: Props_2) => JSX_2.Element;
 
 declare type SectionProps = {
-    id: string;
-    title: string;
-    description?: string;
-    locked?: boolean;
-    questions?: QuestionElement[];
-};
-
-declare type SectionProps_2 = {
     title: string;
     items: Omit<ActivityItemProps, "onClick">[];
     onClickItem: (id: string) => void;
@@ -6026,23 +5839,6 @@ export declare type SelectedState = {
 
 export declare type SelectionId = number | string;
 
-export declare type SelectQuestionOption = {
-    id?: string;
-    value: string;
-    label: string;
-    correct?: boolean;
-};
-
-declare type SelectQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    options: SelectQuestionOption[];
-} & ({
-    type: "select";
-    value?: string | null;
-} | {
-    type: "multi-select";
-    value?: string[] | null;
-});
-
 export declare const selectSizes: readonly ["sm", "md"];
 
 /**
@@ -6542,11 +6338,6 @@ declare const Textarea_2: React_2.ForwardRefExoticComponent<Omit<React_2.Textare
 
 export declare type TextareaProps = Pick<ComponentProps<typeof Textarea_2>, "disabled" | "onChange" | "value" | "placeholder" | "rows" | "cols" | "label" | "labelIcon" | "icon" | "hideLabel" | "maxLength" | "clearable" | "onBlur" | "onFocus" | "name" | "status" | "hint" | "error" | "size" | "loading" | "required">;
 
-declare type TextQuestionProps = BaseQuestionPropsForOtherQuestionComponents & {
-    type: "text" | "longText";
-    value?: string | null;
-};
-
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";