@factorialco/f0-react 1.295.0 → 1.297.0

package/dist/experimental.d.ts

@@ -110,6 +110,13 @@ declare type Action_2 = {
     variant?: "default" | "outline" | "promote";
 };
 
+export declare type ActionBarGroup = {
+    label?: string;
+    items: ActionBarItem[];
+};
+
+export declare type ActionBarItem = ActionType_2;
+
 declare type ActionBaseProps = ActionCommonProps & DataAttributes;
 
 declare type ActionButtonProps = ActionBaseProps & {
@@ -195,6 +202,14 @@ declare interface ActionCommonProps {
      * The tab index of the action.
      */
     tabIndex?: number;
+    /**
+     * Mouse enter event handler.
+     */
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Mouse leave event handler.
+     */
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
 }
 
 export declare type ActionDefinition = DropdownItemSeparator | (Pick<DropdownItemObject, "label" | "icon" | "description" | "critical"> & {
@@ -298,7 +313,14 @@ export declare type actionType = {
     icon?: IconType;
 };
 
-declare type ActionType_2 = CopyActionType | NavigateActionType | OpenLinkActionType;
+declare type ActionType_2 = {
+    label: string;
+    icon?: IconType;
+    onClick?: () => void;
+    disabled?: boolean;
+    critical?: boolean;
+    description?: string;
+};
 
 declare type actionType_2 = {
     label: string;
@@ -309,6 +331,8 @@ declare type actionType_2 = {
     variant?: "default" | "outline" | "neutral";
 };
 
+declare type ActionType_3 = CopyActionType | NavigateActionType | OpenLinkActionType;
+
 declare type ActionVariant = (typeof actionVariants)[number];
 
 declare const actionVariants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote", "ai", "link", "unstyled", "mention"];
@@ -1111,6 +1135,11 @@ declare type ButtonInternalProps = Pick<ActionProps, "size" | "disabled" | "clas
      * If true, the button will not automatically add a title based label
      */
     noTitle?: boolean;
+    /**
+     * @private
+     * If true, the button will rotate the icon when the button is hovered.
+     */
+    iconRotate?: boolean;
     /**
      * @private
      * The style of the button.
@@ -1567,7 +1596,7 @@ declare const CompanyItem: ForwardRefExoticComponent<CompanyItemProps & RefAttri
 declare type CompanyItemProps = {
     name: string;
     avatarUrl?: URL_2;
-    action?: ActionType_2;
+    action?: ActionType_3;
 };
 
 export declare function CompanySelector({ companies, selected, onChange, isLoading, withNotification, additionalOptions, }: CompanySelectorProps): JSX_2.Element;
@@ -2593,7 +2622,7 @@ declare type EmployeeItemProps = {
     firstName: string;
     lastName: string;
     avatarUrl?: URL_2;
-    action?: ActionType_2;
+    action?: ActionType_3;
 };
 
 declare type EmptyState = {
@@ -2734,6 +2763,27 @@ declare type ExtractVisualizationSettings<T> = T extends {
     };
 } ? S : never;
 
+export declare const F0ActionBar: ({ isOpen, secondaryActions, label, ...props }: F0ActionBarProps) => JSX_2.Element;
+
+declare interface F0ActionBarProps {
+    /**
+     * Whether the action bar is open
+     */
+    isOpen: boolean;
+    /**
+     * The primary action
+     */
+    primaryActions?: ActionBarItem[] | ActionBarGroup[] | ActionBarGroup;
+    /**
+     * The secondary actions
+     */
+    secondaryActions?: ActionBarItem[];
+    /**
+     * The label of the action bar
+     */
+    label?: string;
+}
+
 export declare const F0AiBanner: ForwardRefExoticComponent<AiBannerInternalProps & RefAttributes<HTMLDivElement>> & {
     Skeleton: ({ compact }: AiBannerSkeletonProps) => JSX_2.Element;
 };
@@ -3640,7 +3690,7 @@ declare type ItemDefinition = {
 declare type ItemProps = {
     text: string;
     icon?: IconType;
-    action?: ActionType_2;
+    action?: ActionType_3;
 };
 
 declare type Items = typeof Item_2 | typeof PersonItem | typeof CompanyItem | typeof TeamItem;
@@ -5719,7 +5769,7 @@ declare const TeamItem: ForwardRefExoticComponent<TeamItemProps & RefAttributes<
 
 declare type TeamItemProps = {
     name: string;
-    action?: ActionType_2;
+    action?: ActionType_3;
 };
 
 export declare const Textarea: React.FC<TextareaProps>;
@@ -6316,6 +6366,31 @@ declare global {
 }
 
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        id?: string;
+        w?: number;
+        h?: number;
+        x?: number;
+        y?: number;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        renderFn?: () => React.ReactElement | null;
+    }
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -6343,31 +6418,6 @@ declare module "@tiptap/core" {
 }
 
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        id?: string;
-        w?: number;
-        h?: number;
-        x?: number;
-        y?: number;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-    }
-}
-
-
 declare namespace Calendar {
     var displayName: string;
 }