@trackunit/react-components 1.22.29 → 1.23.3

package/index.cjs.js

@@ -1348,6 +1348,19 @@ const Badge = ({ color = "primary", size = "default", compact = false, className
     return (jsxRuntime.jsx("span", { className: cvaBadge({ color, size, className, compact, isSingleChar }), "data-testid": dataTestId, ref: ref, style: style, children: compact ? null : displayedCount }));
 };
 
+const cvaBreadcrumb = cssClassVarianceUtilities.cvaMerge(["my-4", "flex", "place-items-center"]);
+const cvaBreadcrumbItem = cssClassVarianceUtilities.cvaMerge(["flex", "items-center"]);
+const cvaBreadcrumbForLargeScreen = cssClassVarianceUtilities.cvaMerge(["flex", "flex-nowrap", "items-center"]);
+const cvaBreadcrumbForMediumScreen = cssClassVarianceUtilities.cvaMerge(["flex", "items-center"], {
+    variants: {
+        expanded: {
+            true: "flex-wrap",
+            false: "flex-nowrap",
+        },
+    },
+    defaultVariants: { expanded: false },
+});
+
 /**
  * Maps size keys to their corresponding state property names.
  */
@@ -1445,19 +1458,6 @@ const useViewportBreakpoints = (options = {}) => {
     return viewportSize;
 };
 
-const cvaBreadcrumb = cssClassVarianceUtilities.cvaMerge(["my-4", "flex", "place-items-center"]);
-const cvaBreadcrumbItem = cssClassVarianceUtilities.cvaMerge(["flex", "items-center"]);
-const cvaBreadcrumbForLargeScreen = cssClassVarianceUtilities.cvaMerge(["flex", "flex-nowrap", "items-center"]);
-const cvaBreadcrumbForMediumScreen = cssClassVarianceUtilities.cvaMerge(["flex", "items-center"], {
-    variants: {
-        expanded: {
-            true: "flex-wrap",
-            false: "flex-nowrap",
-        },
-    },
-    defaultVariants: { expanded: false },
-});
-
 /**
  * BreadcrumbItem is a helper component that renders the individual breadcrumb item.
  */
@@ -1500,6 +1500,23 @@ const BreadcrumbForSmallScreen = ({ "data-testid": dataTestId, breadcrumbItems,
     return (jsxRuntime.jsx("div", { className: className, "data-testid": dataTestId, style: style, children: lastBreadcrumbItem.map((item, index) => (jsxRuntime.jsx(BreadcrumbItem, { "data-testid": `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
 };
 
+/**
+ * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
+ *
+ * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
+ */
+const BreadcrumbContainer = ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }) => {
+    const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportBreakpoints();
+    const sharedContainerProps = { className, "data-testid": dataTestId, ref, style };
+    if (isMediumScreen) {
+        return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForMediumScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `mediumScreen-${dataTestId}` }) }));
+    }
+    if (isSmallScreen) {
+        return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `smallScreen-${dataTestId}` }) }));
+    }
+    return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForLargeScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `largeScreen-${dataTestId}` }) }));
+};
+
 /**
  * useBreadcrumbItemsToRender is a custom hook that takes an array of BreadcrumbItemProps and returns an array of React.ReactElement
  */
@@ -1553,22 +1570,6 @@ const Breadcrumb = ({ className, "data-testid": dataTestId, breadcrumbItems, onC
     const breadCrumbItemsToJSX = useBreadcrumbItemsToRender(breadcrumbItems);
     return (jsxRuntime.jsxs("div", { className: cvaBreadcrumb({ className }), "data-testid": dataTestId, ref: ref, style: style, children: [jsxRuntime.jsx(IconButton, { "data-testid": `backButton-${dataTestId}`, icon: jsxRuntime.jsx(Icon, { name: "ArrowLeft", size: "small" }), onClick: onClickBack, size: "small", variant: "ghost-neutral" }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(BreadcrumbContainer, { breadcrumbItems: breadCrumbItemsToJSX, "data-testid": dataTestId }) })] }));
 };
-/**
- * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
- *
- * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
- */
-const BreadcrumbContainer = ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }) => {
-    const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportBreakpoints();
-    const sharedContainerProps = { className, "data-testid": dataTestId, ref, style };
-    if (isMediumScreen) {
-        return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForMediumScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `mediumScreen-${dataTestId}` }) }));
-    }
-    if (isSmallScreen) {
-        return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `smallScreen-${dataTestId}` }) }));
-    }
-    return (jsxRuntime.jsx("div", { ...sharedContainerProps, children: jsxRuntime.jsx(BreadcrumbForLargeScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `largeScreen-${dataTestId}` }) }));
-};
 
 /**
  * StarButton renders a clickable star icon for toggling favorite/starred state.
@@ -6886,6 +6887,7 @@ function ActionRenderer({ action, isMenuItem = false, externalOnClick }) {
     // Finally, wrap with Link if `to` is provided
     return to !== undefined && to !== "" ? (jsxRuntime.jsx(reactRouter.Link, { target: target, to: to, children: wrappedWithTooltip })) : (wrappedWithTooltip);
 }
+
 /**
  * The PageHeaderSecondaryActions component is used to render the secondary actions in the PageHeader component.
  *
@@ -12488,11 +12490,9 @@ const useWindowActivity = ({ onFocus, onBlur, skip = false } = { onBlur: undefin
     return react.useMemo(() => ({ focused }), [focused]);
 };
 
-exports.ActionRenderer = ActionRenderer;
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.Breadcrumb = Breadcrumb;
-exports.BreadcrumbContainer = BreadcrumbContainer;
 exports.Button = Button;
 exports.Card = Card;
 exports.CardBody = CardBody;

package/index.esm.js

@@ -1346,6 +1346,19 @@ const Badge = ({ color = "primary", size = "default", compact = false, className
     return (jsx("span", { className: cvaBadge({ color, size, className, compact, isSingleChar }), "data-testid": dataTestId, ref: ref, style: style, children: compact ? null : displayedCount }));
 };
 
+const cvaBreadcrumb = cvaMerge(["my-4", "flex", "place-items-center"]);
+const cvaBreadcrumbItem = cvaMerge(["flex", "items-center"]);
+const cvaBreadcrumbForLargeScreen = cvaMerge(["flex", "flex-nowrap", "items-center"]);
+const cvaBreadcrumbForMediumScreen = cvaMerge(["flex", "items-center"], {
+    variants: {
+        expanded: {
+            true: "flex-wrap",
+            false: "flex-nowrap",
+        },
+    },
+    defaultVariants: { expanded: false },
+});
+
 /**
  * Maps size keys to their corresponding state property names.
  */
@@ -1443,19 +1456,6 @@ const useViewportBreakpoints = (options = {}) => {
     return viewportSize;
 };
 
-const cvaBreadcrumb = cvaMerge(["my-4", "flex", "place-items-center"]);
-const cvaBreadcrumbItem = cvaMerge(["flex", "items-center"]);
-const cvaBreadcrumbForLargeScreen = cvaMerge(["flex", "flex-nowrap", "items-center"]);
-const cvaBreadcrumbForMediumScreen = cvaMerge(["flex", "items-center"], {
-    variants: {
-        expanded: {
-            true: "flex-wrap",
-            false: "flex-nowrap",
-        },
-    },
-    defaultVariants: { expanded: false },
-});
-
 /**
  * BreadcrumbItem is a helper component that renders the individual breadcrumb item.
  */
@@ -1498,6 +1498,23 @@ const BreadcrumbForSmallScreen = ({ "data-testid": dataTestId, breadcrumbItems,
     return (jsx("div", { className: className, "data-testid": dataTestId, style: style, children: lastBreadcrumbItem.map((item, index) => (jsx(BreadcrumbItem, { "data-testid": `breadcrumbItem-${dataTestId}`, item: item }, `breadcrumbItem-${index}`))) }));
 };
 
+/**
+ * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
+ *
+ * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
+ */
+const BreadcrumbContainer = ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }) => {
+    const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportBreakpoints();
+    const sharedContainerProps = { className, "data-testid": dataTestId, ref, style };
+    if (isMediumScreen) {
+        return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForMediumScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `mediumScreen-${dataTestId}` }) }));
+    }
+    if (isSmallScreen) {
+        return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `smallScreen-${dataTestId}` }) }));
+    }
+    return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForLargeScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `largeScreen-${dataTestId}` }) }));
+};
+
 /**
  * useBreadcrumbItemsToRender is a custom hook that takes an array of BreadcrumbItemProps and returns an array of React.ReactElement
  */
@@ -1551,22 +1568,6 @@ const Breadcrumb = ({ className, "data-testid": dataTestId, breadcrumbItems, onC
     const breadCrumbItemsToJSX = useBreadcrumbItemsToRender(breadcrumbItems);
     return (jsxs("div", { className: cvaBreadcrumb({ className }), "data-testid": dataTestId, ref: ref, style: style, children: [jsx(IconButton, { "data-testid": `backButton-${dataTestId}`, icon: jsx(Icon, { name: "ArrowLeft", size: "small" }), onClick: onClickBack, size: "small", variant: "ghost-neutral" }), jsx("div", { children: jsx(BreadcrumbContainer, { breadcrumbItems: breadCrumbItemsToJSX, "data-testid": dataTestId }) })] }));
 };
-/**
- * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
- *
- * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
- */
-const BreadcrumbContainer = ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }) => {
-    const { isMd: isMediumScreen, isXs: isSmallScreen } = useViewportBreakpoints();
-    const sharedContainerProps = { className, "data-testid": dataTestId, ref, style };
-    if (isMediumScreen) {
-        return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForMediumScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `mediumScreen-${dataTestId}` }) }));
-    }
-    if (isSmallScreen) {
-        return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForSmallScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `smallScreen-${dataTestId}` }) }));
-    }
-    return (jsx("div", { ...sharedContainerProps, children: jsx(BreadcrumbForLargeScreen, { breadcrumbItems: breadcrumbItems, "data-testid": `largeScreen-${dataTestId}` }) }));
-};
 
 /**
  * StarButton renders a clickable star icon for toggling favorite/starred state.
@@ -6884,6 +6885,7 @@ function ActionRenderer({ action, isMenuItem = false, externalOnClick }) {
     // Finally, wrap with Link if `to` is provided
     return to !== undefined && to !== "" ? (jsx(Link, { target: target, to: to, children: wrappedWithTooltip })) : (wrappedWithTooltip);
 }
+
 /**
  * The PageHeaderSecondaryActions component is used to render the secondary actions in the PageHeader component.
  *
@@ -12486,4 +12488,4 @@ const useWindowActivity = ({ onFocus, onBlur, skip = false } = { onBlur: undefin
     return useMemo(() => ({ focused }), [focused]);
 };
 
-export { ActionRenderer, Alert, Badge, Breadcrumb, BreadcrumbContainer, Button, Card, CardBody, CardFooter, CardHeader, Collapse, CompletionStatusIndicator, CopyableText, DEFAULT_SKELETON_PREFERENCE_CARD_PROPS, DetailsList, EmptyState, EmptyValue, ExternalLink, GridAreas, Heading, Highlight, HorizontalOverflowScroller, Icon, IconButton, Indicator, KPI, KPICard, KPICardSkeleton, KPISkeleton, List, ListItem, MAX_URL_LENGTH, MenuDivider, MenuItem, MenuList, MoreMenu, Notice, PackageNameStoryComponent, Page, PageContent, PageHeader, PageHeaderKpiMetrics, PageHeaderSecondaryActions, PageHeaderTitle, Pagination, Polygon, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Portal, PreferenceCard, PreferenceCardSkeleton, Prompt, ROLE_CARD, SHEET_TRANSITION_DURATION, SHEET_TRANSITION_DURATION_MS, SHEET_TRANSITION_EASING, SectionHeader, SegmentedValueBar, Sheet, Sidebar, SkeletonBlock, SkeletonLabel, SkeletonLines, Spacer, Spinner, StarButton, Tab, TabContent, TabList, Tabs, Tag, Text, ToggleGroup, Tooltip, TrendIndicator, TrendIndicators, ValueBar, ZStack, createGrid, cvaButton, cvaButtonPrefixSuffix, cvaButtonSpinner, cvaButtonSpinnerContainer, cvaClickable, cvaContainerStyles, cvaContentContainer, cvaContentWrapper, cvaDescriptionCard, cvaIconBackground, cvaIconButton, cvaImgStyles, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaInputContainer, cvaInteractableItem, cvaList, cvaListContainer, cvaListItem$1 as cvaListItem, cvaMenu, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemStyle, cvaMenuItemSuffix, cvaMenuList, cvaMenuListDivider, cvaMenuListItem, cvaMenuListMultiSelect, cvaPageHeader, cvaPageHeaderContainer, cvaPageHeaderHeading, cvaPreferenceCard, cvaTitleCard, cvaToggleGroup, cvaToggleGroupWithSlidingBackground, cvaToggleItem, cvaToggleItemContent, cvaToggleItemText, cvaZStackContainer, cvaZStackItem, defaultPageSize, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, noPagination, preferenceCardGrid, storageSerializer, useBidirectionalScroll, useClickOutside, useContainerBreakpoints, useContinuousTimeout, useCopyToClipboard, useCursorUrlSync, useCustomEncoding, useDebounce, useDevicePixelRatio, useElevatedReducer, useElevatedState, useGridAreas, useHover, useInfiniteScroll, useIsFirstRender, useIsFullscreen, useIsTextTruncated, useKeyboardShortcut, useList, useListItemHeight, useLocalStorage, useLocalStorageReducer, useMeasure, useMergeRefs, useModifierKey, useOverflowBorder, useOverflowItems, usePersistedState, usePopoverContext, usePrevious, usePrompt, useRandomCSSLengths, useRelayPagination, useResize, useScrollBlock, useScrollDetection, useSearchParamSync, useSelfUpdatingRef, useSessionStorage, useSessionStorageReducer, useSheet, useSheetSnap, useStorageKey, useTextSearch, useTimeout, useViewportBreakpoints, useWatch, useWindowActivity };
+export { Alert, Badge, Breadcrumb, Button, Card, CardBody, CardFooter, CardHeader, Collapse, CompletionStatusIndicator, CopyableText, DEFAULT_SKELETON_PREFERENCE_CARD_PROPS, DetailsList, EmptyState, EmptyValue, ExternalLink, GridAreas, Heading, Highlight, HorizontalOverflowScroller, Icon, IconButton, Indicator, KPI, KPICard, KPICardSkeleton, KPISkeleton, List, ListItem, MAX_URL_LENGTH, MenuDivider, MenuItem, MenuList, MoreMenu, Notice, PackageNameStoryComponent, Page, PageContent, PageHeader, PageHeaderKpiMetrics, PageHeaderSecondaryActions, PageHeaderTitle, Pagination, Polygon, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Portal, PreferenceCard, PreferenceCardSkeleton, Prompt, ROLE_CARD, SHEET_TRANSITION_DURATION, SHEET_TRANSITION_DURATION_MS, SHEET_TRANSITION_EASING, SectionHeader, SegmentedValueBar, Sheet, Sidebar, SkeletonBlock, SkeletonLabel, SkeletonLines, Spacer, Spinner, StarButton, Tab, TabContent, TabList, Tabs, Tag, Text, ToggleGroup, Tooltip, TrendIndicator, TrendIndicators, ValueBar, ZStack, createGrid, cvaButton, cvaButtonPrefixSuffix, cvaButtonSpinner, cvaButtonSpinnerContainer, cvaClickable, cvaContainerStyles, cvaContentContainer, cvaContentWrapper, cvaDescriptionCard, cvaIconBackground, cvaIconButton, cvaImgStyles, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaInputContainer, cvaInteractableItem, cvaList, cvaListContainer, cvaListItem$1 as cvaListItem, cvaMenu, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemStyle, cvaMenuItemSuffix, cvaMenuList, cvaMenuListDivider, cvaMenuListItem, cvaMenuListMultiSelect, cvaPageHeader, cvaPageHeaderContainer, cvaPageHeaderHeading, cvaPreferenceCard, cvaTitleCard, cvaToggleGroup, cvaToggleGroupWithSlidingBackground, cvaToggleItem, cvaToggleItemContent, cvaToggleItemText, cvaZStackContainer, cvaZStackItem, defaultPageSize, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, noPagination, preferenceCardGrid, storageSerializer, useBidirectionalScroll, useClickOutside, useContainerBreakpoints, useContinuousTimeout, useCopyToClipboard, useCursorUrlSync, useCustomEncoding, useDebounce, useDevicePixelRatio, useElevatedReducer, useElevatedState, useGridAreas, useHover, useInfiniteScroll, useIsFirstRender, useIsFullscreen, useIsTextTruncated, useKeyboardShortcut, useList, useListItemHeight, useLocalStorage, useLocalStorageReducer, useMeasure, useMergeRefs, useModifierKey, useOverflowBorder, useOverflowItems, usePersistedState, usePopoverContext, usePrevious, usePrompt, useRandomCSSLengths, useRelayPagination, useResize, useScrollBlock, useScrollDetection, useSearchParamSync, useSelfUpdatingRef, useSessionStorage, useSessionStorageReducer, useSheet, useSheetSnap, useStorageKey, useTextSearch, useTimeout, useViewportBreakpoints, useWatch, useWindowActivity };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.22.29",
+  "version": "1.23.3",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
+  "migrations": "./migrations.json",
   "engines": {
     "node": ">=24.x"
   },
@@ -13,10 +14,10 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.11.115",
-    "@trackunit/css-class-variance-utilities": "1.11.118",
-    "@trackunit/shared-utils": "1.13.118",
-    "@trackunit/ui-icons": "1.11.114",
+    "@trackunit/ui-design-tokens": "1.12.2",
+    "@trackunit/css-class-variance-utilities": "1.12.2",
+    "@trackunit/shared-utils": "1.14.2",
+    "@trackunit/ui-icons": "1.12.3",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12",
     "dequal": "^2.0.3",

package/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-import { BreadcrumbContainerProps, BreadcrumbProps } from "./utils/types";
+import { BreadcrumbProps } from "./utils/types";
 /**
  * The breadcrumb component shows a user's location in a website or application. Breadcrumbs are particularly useful when a large amount of content is organized in a hierarchical manner. They streamline navigation, minimize the steps required to revisit previous pages, and offer contextual insights to the users.
  *
@@ -37,9 +37,3 @@ import { BreadcrumbContainerProps, BreadcrumbProps } from "./utils/types";
  * @returns {ReactElement} Breadcrumb component
  */
 export declare const Breadcrumb: ({ className, "data-testid": dataTestId, breadcrumbItems, onClickBack, style, ref, }: BreadcrumbProps) => ReactElement;
-/**
- * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
- *
- * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
- */
-export declare const BreadcrumbContainer: ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }: BreadcrumbContainerProps) => ReactElement;

package/src/components/Breadcrumb/BreadcrumbContainer.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+import { BreadcrumbContainerProps } from "./utils/types";
+/**
+ * BreadcrumbContainer is a helper component that renders the breadcrumb items based on the screen size.
+ *
+ * @param {BreadcrumbContainerProps} props - The props for the BreadcrumbContainer component
+ */
+export declare const BreadcrumbContainer: ({ className, "data-testid": dataTestId, breadcrumbItems, style, ref, }: BreadcrumbContainerProps) => ReactElement;

package/src/components/PageHeader/components/ActionRenderer.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from "react";
+import { CommonProps } from "../../../common/CommonProps";
+import { Refable } from "../../../common/Refable";
+import type { Styleable } from "../../../common/Styleable";
+import { PageHeaderSecondaryActionType } from "../types";
+export type ActionRendererProps = CommonProps & Styleable & Refable & {
+    action: PageHeaderSecondaryActionType;
+    /**
+     * Indicates if we should render a MenuItem or Button.
+     * If `isMenuItem` is true, we render `MenuItem`, otherwise we render `Button`.
+     */
+    isMenuItem?: boolean;
+    /**
+     * Because sometimes in a menu, you want to close the menu after clicking.
+     * If `externalOnClick` is provided, we'll call it after the action callback.
+     */
+    externalOnClick?: () => void;
+};
+/**
+ * The ActionRenderer component is used to render the action in the PageHeaderSecondaryActions component.
+ *
+ * @param {ActionRendererProps} props - The props for the ActionRenderer component
+ * @returns {ReactElement} ActionRenderer component
+ */
+export declare function ActionRenderer({ action, isMenuItem, externalOnClick }: ActionRendererProps): ReactElement;

package/src/components/PageHeader/components/PageHeaderSecondaryActions.d.ts

@@ -8,26 +8,6 @@ export type PageHeaderSecondaryActionsProps = CommonProps & Styleable & Refable<
     hasPrimaryAction?: boolean;
     groupActions?: boolean;
 };
-type ActionRendererProps = CommonProps & Styleable & Refable & {
-    action: PageHeaderSecondaryActionType;
-    /**
-     * Indicates if we should render a MenuItem or Button.
-     * If `isMenuItem` is true, we render `MenuItem`, otherwise we render `Button`.
-     */
-    isMenuItem?: boolean;
-    /**
-     * Because sometimes in a menu, you want to close the menu after clicking.
-     * If `externalOnClick` is provided, we’ll call it after the action callback.
-     */
-    externalOnClick?: () => void;
-};
-/**
- * The ActionRenderer component is used to render the action in the PageHeaderSecondaryActions component.
- *
- * @param {ActionRendererProps} props - The props for the ActionRenderer component
- * @returns {ReactElement} ActionRenderer component
- */
-export declare function ActionRenderer({ action, isMenuItem, externalOnClick }: ActionRendererProps): ReactElement;
 /**
  * The PageHeaderSecondaryActions component is used to render the secondary actions in the PageHeader component.
  *
@@ -42,4 +22,3 @@ export declare function ActionRenderer({ action, isMenuItem, externalOnClick }:
  * @returns {ReactElement | null} PageHeaderSecondaryActions component
  */
 export declare const PageHeaderSecondaryActions: ({ actions, hasPrimaryAction, groupActions, className, "data-testid": dataTestId, style, ref, }: PageHeaderSecondaryActionsProps) => ReactElement | null;
-export {};