@factorialco/f0-react 2.24.0 → 2.26.0

package/dist/f0.d.ts

@@ -43,6 +43,7 @@ import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag';
 import type * as echarts_2 from 'echarts';
 import { Editor } from '@tiptap/react';
 import { EmployeeItemProps } from './types';
+import { F0AccordionSkeletonProps } from './F0AccordionSkeleton';
 import { F0AnalyticsDashboardProps as F0AnalyticsDashboardProps_2 } from './types';
 import { F0AvatarCompanyProps as F0AvatarCompanyProps_2 } from './types';
 import { F0AvatarDateProps } from './F0AvatarDate';
@@ -3735,6 +3736,13 @@ export declare type DataSourceDefinition<R extends RecordType = RecordType, Filt
         item: R;
         pagination?: ChildrenPaginationInfo;
     }) => number | undefined;
+    /**
+     * Item ids that start expanded on first render. Rows matched here have
+     * their children fetched eagerly. Only rows whose `item.id` is in this
+     * list are auto-expanded — nested descendants are not, unless their own id
+     * is also included. Defaults to none.
+     */
+    defaultExpandedIds?: Array<string | number>;
 };
 
 /**
@@ -4079,7 +4087,9 @@ export declare const defaultTranslations: {
         readonly paste: "Paste";
         readonly close: "Close";
         readonly collapse: "Collapse";
+        readonly collapseItem: "Collapse {{title}}";
         readonly expand: "Expand";
+        readonly expandItem: "Expand {{title}}";
         readonly showAll: "Show all";
         readonly showLess: "Show less";
         readonly seeMore: "See more";
@@ -5207,6 +5217,46 @@ declare type ExtractVisualizationSettings<T> = T extends {
     };
 } ? S : never;
 
+/**
+ * @experimental This is an experimental component, use it at your own risk.
+ */
+export declare const F0Accordion: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0AccordionProps & RefAttributes<HTMLDivElement>> & {
+Skeleton: ({ items, }: F0AccordionSkeletonProps) => JSX_2.Element;
+}>;
+
+export declare interface F0AccordionItem {
+    id: string;
+    title: string;
+    description: string;
+    actions?: F0AccordionItemAction[];
+    defaultOpen?: boolean;
+}
+
+export declare type F0AccordionItemAction = F0AccordionItemSegmentedControlAction | F0AccordionItemDropdownAction;
+
+export declare interface F0AccordionItemDropdownAction {
+    type: "dropdown";
+    ariaLabel: string;
+    items: DropdownItem[];
+    disabled?: boolean;
+}
+
+export declare interface F0AccordionItemSegmentedControlAction {
+    type: "segmentedControl";
+    ariaLabel: string;
+    items: F0SegmentedControlItem[];
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+
+export declare interface F0AccordionProps extends WithDataTestIdProps, DataAttributes_2 {
+    items: F0AccordionItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (openIds: string[]) => void;
+}
+
 export declare const F0ActionBar: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0ActionBarProps & RefAttributes<F0ActionBarRef>>>;
 
 declare interface F0ActionBarProps {
@@ -9098,6 +9148,17 @@ export declare interface F0SectionConfig {
     action?: F0SectionAction;
 }
 
+declare interface F0SegmentedControlItem {
+    /** Unique value for this segment */
+    value: string;
+    /** Label displayed inside the segment */
+    label: string;
+    /** Optional icon shown before the label */
+    icon?: IconType;
+    /** Whether this specific segment is disabled */
+    disabled?: boolean;
+}
+
 /**
  * @experimental This is an experimental component use it at your own risk
  */