@carto/ps-react-ui 4.3.1 → 4.3.3

package/dist/types/widgets/toolbar-actions/toolbar-actions.d.ts

@@ -2,7 +2,16 @@ import { JSX } from 'react';
 import { ToolbarActionsProps } from './types';
 /**
  * A floating toolbar component that displays action buttons.
- * Shows a trigger button when there are 3+ actions, which expands
- * to reveal all actions with a close button.
+ * Shows a trigger button when there are more visible actions than the visibleCount,
+ * which expands to reveal all actions with a close button.
+ * When visibleCount is undefined, all actions are shown without overflow.
+ *
+ * Children with the `data-toolbar-hidden` attribute are ignored when counting
+ * visible actions but are included in the preview. This is useful for elements
+ * like Dividers that should appear between actions but not count toward the limit.
+ *
+ * Example: With visibleCount=2 and children [Action1, Divider, Action2, Divider, Action3]:
+ * - Preview shows: Action1, Divider, Action2 (2 visible actions + divider)
+ * - Hidden: Divider, Action3
  */
-export declare function ToolbarActions({ children: _children, full, direction, labels, sx, IconButtonProps, TooltipProps, }: ToolbarActionsProps): JSX.Element | null;
+export declare function ToolbarActions({ children: _children, visibleCount, direction, labels, sx, IconButtonProps, TooltipProps, }: ToolbarActionsProps): JSX.Element | null;

package/dist/types/widgets/toolbar-actions/types.d.ts

@@ -28,12 +28,19 @@ export interface ToolbarActionsLabels {
  * Props for the ToolbarActions component
  */
 export interface ToolbarActionsProps {
-    /** Array of React elements (typically IconButtons) to display in the toolbar */
+    /**
+     * Array of React elements (typically IconButtons) to display in the toolbar.
+     * Elements with `data-toolbar-hidden` attribute are ignored when counting visible
+     * actions and excluded from the collapsed preview (e.g., Dividers).
+     */
     children: ReactNode[] | ReactNode;
     /** Direction in which the toolbar expands */
     direction?: 'left' | 'right';
-    /** Whether the toolbar is in full mode */
-    full?: boolean;
+    /**
+     * Number of visible actions to show in collapsed mode.
+     * When undefined, shows all actions without overflow.
+     */
+    visibleCount?: number;
     /** Custom labels for UI elements */
     labels?: ToolbarActionsLabels;
     /** Custom styles for the root container */