@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs

@@ -1,5 +1,5 @@
 import { __spreadArray, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
@@ -14,155 +14,152 @@ import { Toolbar } from './Toolbar.mjs';
 import modules_589d428b from './MainActions.module.scss.mjs';
 var renderSecondaryAndOverflowMenu = function (secondaryAndOverflowMenuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems) return undefined;
-  return /*#__PURE__*/React.createElement(Menu, {
+  return /*#__PURE__*/React__default.createElement(Menu, {
     align: "right",
-    button: /*#__PURE__*/React.createElement(IconButton, {
+    button: /*#__PURE__*/React__default.createElement(IconButton, {
       label: secondaryAndOverflowMenuLabel,
       reversed: reversed,
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "more_horiz",
         isPresentational: true
       }),
       id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       classNameOverride: modules_589d428b.overflowMenuButton
     })
-  }, /*#__PURE__*/React.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
-    return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
+  }, /*#__PURE__*/React__default.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
+    return /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({
       key: i
     }, menuItem));
   })));
 };
-const MainActions = /*#__PURE__*/function () {
-  const MainActions = function (_a) {
-    var _b, _c, _d;
-    var primaryAction = _a.primaryAction,
-      defaultAction = _a.defaultAction,
-      secondaryActions = _a.secondaryActions,
-      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      _e = _a.reversed,
-      reversed = _e === void 0 ? false : _e;
-    var formatMessage = useIntl().formatMessage;
-    var secondaryAndOverflowMenuLabel = formatMessage({
-      id: 'kzTitleBlock.secondaryAndOverflowMenuLabel',
-      defaultMessage: 'Open secondary and overflow menu',
-      description: 'Label for the dropdown menu which displays additional actions'
-    });
-    var items;
-    // Build combined secondary + overflow menu items once, to be spread into the toolbar items
-    var secondaryAndOverflowMenu = [];
-    // Convert defaultAction to menu item format and prepend to combined list
-    var defaultActionMenuItem;
-    if (defaultAction) {
-      if ('component' in defaultAction) {
-        defaultActionMenuItem = defaultAction;
-      } else if ('onClick' in defaultAction) {
-        defaultActionMenuItem = {
-          label: defaultAction.label,
-          icon: defaultAction.icon,
-          onClick: defaultAction.onClick,
-          disabled: defaultAction.disabled
-        };
-      } else if ('href' in defaultAction) {
-        defaultActionMenuItem = {
-          label: defaultAction.label,
-          icon: defaultAction.icon,
-          href: defaultAction.href,
-          disabled: defaultAction.disabled
-        };
-      }
-    }
-    var combinedSecondaryOverflowItems = createTabletOverflowMenuItems(secondaryActions, secondaryOverflowMenuItems);
-    // Prepend defaultAction to the combined list if it exists
-    var allMenuItems = defaultActionMenuItem ? __spreadArray([defaultActionMenuItem], combinedSecondaryOverflowItems, true) : combinedSecondaryOverflowItems;
-    if (allMenuItems.length > 0) {
-      secondaryAndOverflowMenu.push({
-        key: 'overflowMenu',
-        node: renderSecondaryAndOverflowMenu(secondaryAndOverflowMenuLabel, allMenuItems, reversed)
-      });
+var MainActions = function (_a) {
+  var _b, _c, _d;
+  var primaryAction = _a.primaryAction,
+    defaultAction = _a.defaultAction,
+    secondaryActions = _a.secondaryActions,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+    _e = _a.reversed,
+    reversed = _e === void 0 ? false : _e;
+  var formatMessage = useIntl().formatMessage;
+  var secondaryAndOverflowMenuLabel = formatMessage({
+    id: 'kzTitleBlock.secondaryAndOverflowMenuLabel',
+    defaultMessage: 'Open secondary and overflow menu',
+    description: 'Label for the dropdown menu which displays additional actions'
+  });
+  var items;
+  // Build combined secondary + overflow menu items once, to be spread into the toolbar items
+  var secondaryAndOverflowMenu = [];
+  // Convert defaultAction to menu item format and prepend to combined list
+  var defaultActionMenuItem;
+  if (defaultAction) {
+    if ('component' in defaultAction) {
+      defaultActionMenuItem = defaultAction;
+    } else if ('onClick' in defaultAction) {
+      defaultActionMenuItem = {
+        label: defaultAction.label,
+        icon: defaultAction.icon,
+        onClick: defaultAction.onClick,
+        disabled: defaultAction.disabled
+      };
+    } else if ('href' in defaultAction) {
+      defaultActionMenuItem = {
+        label: defaultAction.label,
+        icon: defaultAction.icon,
+        href: defaultAction.href,
+        disabled: defaultAction.disabled
+      };
     }
-    var defaultActionItem = defaultAction ? [{
-      key: 'defaultAction',
-      node: (/*#__PURE__*/React.createElement(Button, __assign({
-        classNameOverride: modules_589d428b.defaultActionButton
-      }, defaultAction, {
-        reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
-        "data-automation-id": "title-block-default-action-button",
-        "data-testid": "title-block-default-action-button"
-      })))
-    }] : [];
-    var defaultActionItemMinimized = defaultAction ? [{
-      key: 'defaultActionMinimized',
-      node: (/*#__PURE__*/React.createElement("div", {
-        className: modules_589d428b.defaultActionButtonMinimized
-      }, /*#__PURE__*/React.createElement(Menu, {
+  }
+  var combinedSecondaryOverflowItems = createTabletOverflowMenuItems(secondaryActions, secondaryOverflowMenuItems);
+  // Prepend defaultAction to the combined list if it exists
+  var allMenuItems = defaultActionMenuItem ? __spreadArray([defaultActionMenuItem], combinedSecondaryOverflowItems, true) : combinedSecondaryOverflowItems;
+  if (allMenuItems.length > 0) {
+    secondaryAndOverflowMenu.push({
+      key: 'overflowMenu',
+      node: renderSecondaryAndOverflowMenu(secondaryAndOverflowMenuLabel, allMenuItems, reversed)
+    });
+  }
+  var defaultActionItem = defaultAction ? [{
+    key: 'defaultAction',
+    node: (/*#__PURE__*/React__default.createElement(Button, __assign({
+      classNameOverride: modules_589d428b.defaultActionButton
+    }, defaultAction, {
+      reversed: (_b = defaultAction.reversed) !== null && _b !== void 0 ? _b : reversed,
+      "data-automation-id": "title-block-default-action-button",
+      "data-testid": "title-block-default-action-button"
+    })))
+  }] : [];
+  var defaultActionItemMinimized = defaultAction ? [{
+    key: 'defaultActionMinimized',
+    node: (/*#__PURE__*/React__default.createElement("div", {
+      className: modules_589d428b.defaultActionButtonMinimized
+    }, /*#__PURE__*/React__default.createElement(Menu, {
+      align: "right",
+      button: /*#__PURE__*/React__default.createElement(IconButton, {
+        label: formatMessage({
+          id: 'kzTitleBlock.defaultActionMinimizedOverflowMenuLabel',
+          defaultMessage: 'Open default action overflow menu',
+          description: 'Label for the dropdown menu which displays the default action item'
+        }),
+        reversed: reversed,
+        icon: /*#__PURE__*/React__default.createElement(Icon, {
+          name: "more_horiz",
+          isPresentational: true
+        }),
+        id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID
+      })
+    }, /*#__PURE__*/React__default.createElement(MenuList, null, defaultActionMenuItem && /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({}, defaultActionMenuItem))))))
+  }] : [];
+  if (primaryAction && isMenuGroupNotButton(primaryAction)) {
+    var menuContent = primaryAction.menuItems.map(function (item, idx) {
+      return /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({}, item, {
+        key: "main-action-primary-menu-item-".concat(idx),
+        "data-automation-id": "main-action-primary-menu-item-".concat(idx),
+        "data-testid": "main-action-primary-menu-item-".concat(idx)
+      }));
+    });
+    items = __spreadArray(__spreadArray(__spreadArray([], defaultActionItem, true), defaultActionItemMinimized, true), primaryAction ? [{
+      key: 'primaryAction',
+      node: (/*#__PURE__*/React__default.createElement(Menu, {
         align: "right",
-        button: /*#__PURE__*/React.createElement(IconButton, {
-          label: formatMessage({
-            id: 'kzTitleBlock.defaultActionMinimizedOverflowMenuLabel',
-            defaultMessage: 'Open default action overflow menu',
-            description: 'Label for the dropdown menu which displays the default action item'
-          }),
+        button: /*#__PURE__*/React__default.createElement(Button, {
+          label: primaryAction.label,
+          primary: true,
           reversed: reversed,
-          icon: /*#__PURE__*/React.createElement(Icon, {
-            name: "more_horiz",
+          icon: /*#__PURE__*/React__default.createElement(Icon, {
+            name: "keyboard_arrow_down",
             isPresentational: true
           }),
-          id: TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID
-        })
-      }, /*#__PURE__*/React.createElement(MenuList, null, defaultActionMenuItem && /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({}, defaultActionMenuItem))))))
-    }] : [];
-    if (primaryAction && isMenuGroupNotButton(primaryAction)) {
-      var menuContent = primaryAction.menuItems.map(function (item, idx) {
-        return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({}, item, {
-          key: "main-action-primary-menu-item-".concat(idx),
-          "data-automation-id": "main-action-primary-menu-item-".concat(idx),
-          "data-testid": "main-action-primary-menu-item-".concat(idx)
-        }));
-      });
-      items = __spreadArray(__spreadArray(__spreadArray([], defaultActionItem, true), defaultActionItemMinimized, true), primaryAction ? [{
-        key: 'primaryAction',
-        node: (/*#__PURE__*/React.createElement(Menu, {
-          align: "right",
-          button: /*#__PURE__*/React.createElement(Button, {
-            label: primaryAction.label,
-            primary: true,
-            reversed: reversed,
-            icon: /*#__PURE__*/React.createElement(Icon, {
-              name: "keyboard_arrow_down",
-              isPresentational: true
-            }),
-            iconPosition: "end",
-            "data-automation-id": "title-block-primary-action-button",
-            "data-testid": "title-block-primary-action-button",
-            badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {
-              variant: 'dark'
-            }) : undefined
-          })
-        }, /*#__PURE__*/React.createElement(MenuList, null, menuContent)))
-      }] : [], true);
-    } else {
-      items = __spreadArray(__spreadArray(__spreadArray([], defaultActionItem, true), defaultActionItemMinimized, true), primaryAction ? [{
-        key: 'primaryAction',
-        node: (/*#__PURE__*/React.createElement(Button, __assign({}, primaryAction, {
-          primary: (_c = primaryAction.primary) !== null && _c !== void 0 ? _c : true,
-          reversed: (_d = primaryAction.reversed) !== null && _d !== void 0 ? _d : reversed,
+          iconPosition: "end",
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {
             variant: 'dark'
           }) : undefined
-        })))
-      }] : [], true);
-    }
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_589d428b.mainActionsContainer
-    }, /*#__PURE__*/React.createElement(Toolbar, {
-      items: items,
-      automationId: "title-block-main-actions-toolbar",
-      "data-testid": "title-block-main-actions-toolbar"
-    }));
-  };
-  MainActions.displayName = 'MainActions';
-  return MainActions;
-}();
+        })
+      }, /*#__PURE__*/React__default.createElement(MenuList, null, menuContent)))
+    }] : [], true);
+  } else {
+    items = __spreadArray(__spreadArray(__spreadArray([], defaultActionItem, true), defaultActionItemMinimized, true), primaryAction ? [{
+      key: 'primaryAction',
+      node: (/*#__PURE__*/React__default.createElement(Button, __assign({}, primaryAction, {
+        primary: (_c = primaryAction.primary) !== null && _c !== void 0 ? _c : true,
+        reversed: (_d = primaryAction.reversed) !== null && _d !== void 0 ? _d : reversed,
+        "data-automation-id": "title-block-primary-action-button",
+        "data-testid": "title-block-primary-action-button",
+        badge: primaryAction.badge ? __assign(__assign({}, primaryAction.badge), {
+          variant: 'dark'
+        }) : undefined
+      })))
+    }] : [], true);
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_589d428b.mainActionsContainer
+  }, /*#__PURE__*/React__default.createElement(Toolbar, {
+    items: items,
+    automationId: "title-block-main-actions-toolbar",
+    "data-testid": "title-block-main-actions-toolbar"
+  }));
+};
+MainActions.displayName = 'MainActions';
 export { MainActions };

package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.mjs

@@ -1,32 +1,29 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { NON_REVERSED_VARIANTS } from '../utils.mjs';
 import modules_bf26b6c3 from './NavigationTabs.module.scss.mjs';
 var isLight = function (variant) {
   return variant !== undefined && NON_REVERSED_VARIANTS.includes(variant);
 };
-const NavigationTab = /*#__PURE__*/function () {
-  const NavigationTab = function (props) {
-    var className = classnames(modules_bf26b6c3.linkAnchor, isLight(props.variant) && modules_bf26b6c3.lightBackground, props.active && modules_bf26b6c3.active);
-    if (props.render) {
-      var Component = props.render,
-        otherProps = __rest(props, ["render"]);
-      return /*#__PURE__*/React.createElement(Component, __assign({}, otherProps, {
-        className: className
-      }));
-    }
-    return /*#__PURE__*/React.createElement("a", {
-      className: className,
-      href: props.href,
-      onClick: props.handleClick,
-      id: props.id,
-      "data-automation-id": props.automationId,
-      "data-testid": props.automationId,
-      "aria-current": props.active ? 'page' : undefined
-    }, props.text);
-  };
-  NavigationTab.displayName = 'NavigationTab';
-  return NavigationTab;
-}();
+var NavigationTab = function (props) {
+  var className = classnames(modules_bf26b6c3.linkAnchor, isLight(props.variant) && modules_bf26b6c3.lightBackground, props.active && modules_bf26b6c3.active);
+  if (props.render) {
+    var Component = props.render,
+      otherProps = __rest(props, ["render"]);
+    return /*#__PURE__*/React__default.createElement(Component, __assign({}, otherProps, {
+      className: className
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement("a", {
+    className: className,
+    href: props.href,
+    onClick: props.handleClick,
+    id: props.id,
+    "data-automation-id": props.automationId,
+    "data-testid": props.automationId,
+    "aria-current": props.active ? 'page' : undefined
+  }, props.text);
+};
+NavigationTab.displayName = 'NavigationTab';
 export { NavigationTab };

package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs

@@ -1,5 +1,5 @@
 import { __assign, __spreadArray } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import { Button } from '../../ButtonV1/Button/Button.mjs';
 import { IconButton } from '../../ButtonV1/IconButton/IconButton.mjs';
@@ -12,25 +12,25 @@ import { TitleBlockMenuItem } from './TitleBlockMenuItem.mjs';
 import { Toolbar } from './Toolbar.mjs';
 var renderSecondaryOverflowMenu = function (menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed) {
   if (!secondaryOverflowMenuItems || secondaryOverflowMenuItems.length === 0) return undefined;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_59bd9bfb.secondaryOverflowMenu
-  }, /*#__PURE__*/React.createElement(Menu, {
+  }, /*#__PURE__*/React__default.createElement(Menu, {
     align: "right",
-    button: /*#__PURE__*/React.createElement(Button, {
+    button: /*#__PURE__*/React__default.createElement(Button, {
       secondary: true,
       reversed: reversed,
       label: menuLabel,
       "aria-label": menuAriaLabel,
       "data-automation-id": TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
       "data-testid": TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "keyboard_arrow_down",
         isPresentational: true
       }),
       iconPosition: 'end'
     })
-  }, /*#__PURE__*/React.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
-    return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
+  }, /*#__PURE__*/React__default.createElement(MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
+    return /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({
       key: i
     }, menuItem));
   }))));
@@ -41,21 +41,21 @@ var renderCombinedSecondaryOverflowMenu = function (combinedMenuLabel, secondary
   var overflowItems = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
   if (secondaryConverted.length === 0 && overflowItems.length === 0) return undefined;
   var combined = __spreadArray(__spreadArray([], secondaryConverted, true), overflowItems, true);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_59bd9bfb.secondaryOverflowCombinedMenu
-  }, /*#__PURE__*/React.createElement(Menu, {
+  }, /*#__PURE__*/React__default.createElement(Menu, {
     align: "right",
-    button: /*#__PURE__*/React.createElement(IconButton, {
+    button: /*#__PURE__*/React__default.createElement(IconButton, {
       label: combinedMenuLabel,
       reversed: reversed,
-      icon: /*#__PURE__*/React.createElement(Icon, {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
         name: "more_horiz",
         isPresentational: true
       }),
       id: "".concat(TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID, "__combined")
     })
-  }, /*#__PURE__*/React.createElement(MenuList, null, combined.map(function (menuItem, i) {
-    return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
+  }, /*#__PURE__*/React__default.createElement(MenuList, null, combined.map(function (menuItem, i) {
+    return /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({
       key: i
     }, menuItem));
   }))));
@@ -63,90 +63,87 @@ var renderCombinedSecondaryOverflowMenu = function (combinedMenuLabel, secondary
 // Unfortunately, you'll notice below, that I needed to use the array index,
 // against react best practices (https://reactjs.org/docs/lists-and-keys.html)
 // This is because the menu items have no unique identifier.
-const SecondaryActions = /*#__PURE__*/function () {
-  const SecondaryActions = function (_a) {
-    var secondaryActions = _a.secondaryActions,
-      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      _b = _a.reversed,
-      reversed = _b === void 0 ? false : _b;
-    var formatMessage = useIntl().formatMessage;
-    if (!secondaryActions && !secondaryOverflowMenuItems) return null;
-    var menuLabel = formatMessage({
-      id: 'kzTitleBlock.overflowMenuLabel',
-      defaultMessage: 'Menu',
-      description: 'Label for the dropdown menu which displays additional action items'
-    });
-    var menuAriaLabel = formatMessage({
-      id: 'kzTitleBlock.overflowMenuAriaLabel',
-      defaultMessage: 'Opens overflow menu',
-      description: 'Aria Label for the dropdown menu which displays additional action items'
-    });
-    var combinedMenuLabel = formatMessage({
-      id: 'kzTitleBlock.combinedOverflowMenuLabel',
-      defaultMessage: 'Open combined secondary and overflow menu',
-      description: 'Label for the dropdown menu which displays additional action items and secondary actions'
-    });
-    var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
-      if ('menuItems' in action) {
-        return {
-          key: "titleblock_secondary_action_".concat(i),
-          node: (/*#__PURE__*/React.createElement("div", {
-            className: modules_59bd9bfb.secondaryButtonContainer
-          }, /*#__PURE__*/React.createElement(Menu, {
-            align: "right",
-            button: /*#__PURE__*/React.createElement(Button, {
-              secondary: true,
-              label: action.label,
-              reversed: reversed,
-              icon: /*#__PURE__*/React.createElement(Icon, {
-                name: "keyboard_arrow_down",
-                isPresentational: true
-              }),
-              iconPosition: "end"
-            })
-          }, /*#__PURE__*/React.createElement(MenuList, null, action.menuItems.map(function (menuItem, i2) {
-            return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
-              key: i2
-            }, menuItem));
-          })))))
-        };
-      } else {
-        if ('onClick' in action && 'href' in action) {
-          // eslint-disable-next-line no-console
-          console.warn('\u001b[33m \nTITLE BLOCK WARNING:\nSecondary actions only support ' + 'either an href or an onClick, not both simultaneously.\n');
-        }
-        return {
-          key: "".concat(i),
-          node: (/*#__PURE__*/React.createElement("div", {
-            className: modules_59bd9bfb.secondaryButtonContainer
-          }, /*#__PURE__*/React.createElement(Button, __assign({
+var SecondaryActions = function (_a) {
+  var secondaryActions = _a.secondaryActions,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+    _b = _a.reversed,
+    reversed = _b === void 0 ? false : _b;
+  var formatMessage = useIntl().formatMessage;
+  if (!secondaryActions && !secondaryOverflowMenuItems) return null;
+  var menuLabel = formatMessage({
+    id: 'kzTitleBlock.overflowMenuLabel',
+    defaultMessage: 'Menu',
+    description: 'Label for the dropdown menu which displays additional action items'
+  });
+  var menuAriaLabel = formatMessage({
+    id: 'kzTitleBlock.overflowMenuAriaLabel',
+    defaultMessage: 'Opens overflow menu',
+    description: 'Aria Label for the dropdown menu which displays additional action items'
+  });
+  var combinedMenuLabel = formatMessage({
+    id: 'kzTitleBlock.combinedOverflowMenuLabel',
+    defaultMessage: 'Open combined secondary and overflow menu',
+    description: 'Label for the dropdown menu which displays additional action items and secondary actions'
+  });
+  var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
+    if ('menuItems' in action) {
+      return {
+        key: "titleblock_secondary_action_".concat(i),
+        node: (/*#__PURE__*/React__default.createElement("div", {
+          className: modules_59bd9bfb.secondaryButtonContainer
+        }, /*#__PURE__*/React__default.createElement(Menu, {
+          align: "right",
+          button: /*#__PURE__*/React__default.createElement(Button, {
             secondary: true,
-            reversed: reversed
-          }, action, {
-            "data-automation-id": "title-block-secondary-actions-button",
-            "data-testid": "title-block-secondary-actions-button"
-          }))))
-        };
+            label: action.label,
+            reversed: reversed,
+            icon: /*#__PURE__*/React__default.createElement(Icon, {
+              name: "keyboard_arrow_down",
+              isPresentational: true
+            }),
+            iconPosition: "end"
+          })
+        }, /*#__PURE__*/React__default.createElement(MenuList, null, action.menuItems.map(function (menuItem, i2) {
+          return /*#__PURE__*/React__default.createElement(TitleBlockMenuItem, __assign({
+            key: i2
+          }, menuItem));
+        })))))
+      };
+    } else {
+      if ('onClick' in action && 'href' in action) {
+        // eslint-disable-next-line no-console
+        console.warn('\u001b[33m \nTITLE BLOCK WARNING:\nSecondary actions only support ' + 'either an href or an onClick, not both simultaneously.\n');
       }
-    }) : [];
-    var overflowMenu = renderSecondaryOverflowMenu(menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed);
-    var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed);
-    var toolbarItems = __spreadArray(__spreadArray(__spreadArray([], secondaryActionsAsToolbarItems, true), overflowMenu ? [{
-      key: 'overflowMenu',
-      node: overflowMenu
-    }] : [], true), combinedOverflowMenu ? [{
-      key: 'combinedOverflowMenu',
-      node: combinedOverflowMenu
-    }] : [], true);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.secondaryActionsContainer
-    }, /*#__PURE__*/React.createElement(Toolbar, {
-      items: toolbarItems,
-      noGap: true,
-      automationId: "title-block-secondary-actions-toolbar"
-    }));
-  };
-  SecondaryActions.displayName = 'SecondaryActions';
-  return SecondaryActions;
-}();
+      return {
+        key: "".concat(i),
+        node: (/*#__PURE__*/React__default.createElement("div", {
+          className: modules_59bd9bfb.secondaryButtonContainer
+        }, /*#__PURE__*/React__default.createElement(Button, __assign({
+          secondary: true,
+          reversed: reversed
+        }, action, {
+          "data-automation-id": "title-block-secondary-actions-button",
+          "data-testid": "title-block-secondary-actions-button"
+        }))))
+      };
+    }
+  }) : [];
+  var overflowMenu = renderSecondaryOverflowMenu(menuAriaLabel, menuLabel, secondaryOverflowMenuItems, reversed);
+  var combinedOverflowMenu = renderCombinedSecondaryOverflowMenu(combinedMenuLabel, secondaryActions, secondaryOverflowMenuItems, reversed);
+  var toolbarItems = __spreadArray(__spreadArray(__spreadArray([], secondaryActionsAsToolbarItems, true), overflowMenu ? [{
+    key: 'overflowMenu',
+    node: overflowMenu
+  }] : [], true), combinedOverflowMenu ? [{
+    key: 'combinedOverflowMenu',
+    node: combinedOverflowMenu
+  }] : [], true);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.secondaryActionsContainer
+  }, /*#__PURE__*/React__default.createElement(Toolbar, {
+    items: toolbarItems,
+    noGap: true,
+    automationId: "title-block-secondary-actions-toolbar"
+  }));
+};
+SecondaryActions.displayName = 'SecondaryActions';
 export { SecondaryActions };