@kaizen/components 0.0.0-canary-test-exports-20231114054615 → 0.0.0-canary-bundle-size-check-20231115005811

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs

@@ -0,0 +1,281 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var reactFocusOn = require('react-focus-on');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
+require('../../Menu/Menu.cjs');
+var MenuHeading = require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuItem = require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
+var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var utils = require('../utils.cjs');
+var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
+var MobileActions_module = require('./MobileActions.module.scss.cjs');
+var menuItemIsLink = function (item) {
+  return "href" in item;
+};
+var defaultActionIsLink = function (action) {
+  return "href" in action;
+};
+var defaultActionIsButton = function (action) {
+  return !("href" in action) && "onClick" in action || "component" in action;
+};
+var filterActions = function (menuItems, filterType) {
+  return menuItems.filter(function (item) {
+    return filterType === "link" ? menuItemIsLink(item) : !menuItemIsLink(item);
+  });
+};
+/** Returns a filtered array of TitleBlockMenuItem based on actionType
+ * This is use to sort a selectively render the action into a specifc order
+ */
+var renderPrimaryActionDrawerContent = function (primaryAction, actionType) {
+  if (!primaryAction) return null;
+  if (utils.isMenuGroupNotButton(primaryAction)) {
+    var filteredActions = filterActions(primaryAction.menuItems, actionType);
+    return filteredActions.map(function (item, idx) {
+      var itemType = menuItemIsLink(item) ? "link" : "action";
+      return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
+        key: "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
+        automationId: "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx),
+        "data-testid": "title-block-mobile-actions-primary-".concat(itemType, "-").concat(idx)
+      }));
+    });
+  }
+  return null;
+};
+var renderDefaultLink = function (defaultAction) {
+  if (!defaultActionIsLink(defaultAction)) return;
+  if ("component" in defaultAction) {
+    return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
+      key: "title-block-mobile-actions-default-link",
+      automationId: "title-block-mobile-actions-default-link",
+      "data-testid": "title-block-mobile-actions-default-link"
+    }));
+  }
+  return React.createElement(MenuItem.MenuItem, {
+    href: defaultAction.href,
+    label: defaultAction.label,
+    icon: defaultAction.icon,
+    disabled: defaultAction.disabled,
+    key: "title-block-mobile-actions-default-link",
+    automationId: "title-block-mobile-actions-default-link",
+    "data-testid": "title-block-mobile-actions-default-link"
+  });
+};
+var renderDefaultAction = function (defaultAction) {
+  if (!defaultActionIsLink(defaultAction)) {
+    return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, defaultAction, {
+      key: "title-block-mobile-actions-default-action",
+      automationId: "title-block-mobile-actions-default-action",
+      "data-testid": "title-block-mobile-actions-default-action"
+    }));
+  }
+  return null;
+};
+var renderSecondaryActions = function (secondaryActions) {
+  if (!secondaryActions) return null;
+  var secondaryActionMenuItems = utils.convertSecondaryActionsToMenuItems(secondaryActions);
+  return secondaryActionMenuItems.map(function (item, idx) {
+    return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
+      key: "title-block-mobile-actions-secondary-action-".concat(idx),
+      "data-testid": "title-block-mobile-actions-secondary-action"
+    }));
+  });
+};
+var renderSecondaryOverflowMenuItems = function (secondaryOverflowMenuItems) {
+  return secondaryOverflowMenuItems.map(function (item, idx) {
+    return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({}, item, {
+      key: "title-block-mobile-actions-overflow-menu-item-".concat(idx),
+      "data-testid": "title-block-mobile-actions-overflow-menu-item"
+    }));
+  });
+};
+var DrawerMenuContent = function (_a) {
+  var primaryAction = _a.primaryAction,
+    defaultAction = _a.defaultAction,
+    secondaryActions = _a.secondaryActions,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
+  var showOtherActionsHeading = defaultAction && defaultActionIsButton(defaultAction) || secondaryActions || secondaryOverflowMenuItems;
+  return React.createElement(React.Fragment, null, React.createElement(MenuList.MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, "link"), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, "action")), (defaultAction || secondaryActions || secondaryOverflowMenuItems) && React.createElement(MenuList.MenuList, {
+    heading: showOtherActionsHeading && React.createElement(MenuHeading.MenuHeading, null, "Other actions")
+  }, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)));
+};
+var renderDrawerHandleLabel = function (label, icon, drawerHandleLabelIconPosition) {
+  if (drawerHandleLabelIconPosition === "end") {
+    return React.createElement(React.Fragment, null, React.createElement("span", {
+      className: MobileActions_module.drawerHandleLabelText,
+      "data-testid": "drawer-handle-lable-text"
+    }, label), React.createElement(React.Fragment, null, icon && React.createElement("span", {
+      className: MobileActions_module.drawerHandleIcon
+    }, icon)));
+  } else {
+    return React.createElement(React.Fragment, null, React.createElement(React.Fragment, null, icon && React.createElement("span", {
+      className: MobileActions_module.drawerHandleIcon
+    }, icon)), React.createElement("span", {
+      className: MobileActions_module.drawerHandleLabelText,
+      "data-testid": "drawer-handle-lable-text"
+    }, label));
+  }
+};
+var ButtonOrLink = function (_a) {
+  var action = _a.action,
+    children = _a.children;
+  if (typeof action === "object" && "onClick" in action && "href" in action) {
+    return React.createElement("a", {
+      onClick: action.onClick,
+      href: action.href,
+      className: classnames(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
+      "data-testid": "title-block-mobile-actions-primary-button"
+    }, children);
+  }
+  if (typeof action === "function") {
+    return React.createElement("button", {
+      type: "button",
+      onClick: action,
+      className: classnames(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
+      "data-testid": "title-block-mobile-actions-primary-button"
+    }, children);
+  }
+  if (typeof action === "string") {
+    return React.createElement("a", {
+      href: action,
+      className: classnames(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
+      "data-testid": "title-block-mobile-actions-primary-button"
+    }, children);
+  }
+  // when there's no action (e.g. primary button is disabled)
+  return React.createElement("button", {
+    type: "button",
+    className: classnames(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton),
+    "data-testid": "title-block-mobile-actions-primary-button"
+  }, children);
+};
+var getAction = function (primaryAction) {
+  if (primaryAction && !primaryAction.disabled) {
+    if (primaryAction.onClick && primaryAction.href) {
+      return {
+        href: primaryAction.href,
+        onClick: primaryAction.onClick
+      };
+    }
+    if (primaryAction.onClick) {
+      return primaryAction.onClick;
+    }
+    if (primaryAction.href) {
+      return primaryAction.href;
+    }
+  }
+  return undefined;
+};
+var DrawerHandle = function (_a) {
+  var primaryAction = _a.primaryAction,
+    secondaryActions = _a.secondaryActions,
+    defaultAction = _a.defaultAction,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+    drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
+    toggleDisplay = _a.toggleDisplay,
+    isOpen = _a.isOpen;
+  var showDrawer = defaultAction || secondaryActions || secondaryOverflowMenuItems;
+  if (primaryAction) {
+    // If the primary action is a menu
+    if (utils.isMenuGroupNotButton(primaryAction)) {
+      return React.createElement("div", {
+        className: classnames(MobileActions_module.mobileActionsTopRow, MobileActions_module.mobileActionsTopRowSingleButton),
+        "data-testid": "title-block-mobile-actions-drawer-handle"
+      }, React.createElement("button", {
+        type: "button",
+        className: classnames(MobileActions_module.mobileActionsExpandButton, MobileActions_module.mobileActionsPrimaryLabel),
+        onClick: toggleDisplay,
+        "aria-expanded": isOpen
+      }, primaryAction.label, React.createElement("span", {
+        className: MobileActions_module.mobileActionsChevronSquare
+      }, isOpen ? React.createElement(ChevronDownIcon.ChevronDownIcon, {
+        role: "presentation"
+      }) : React.createElement(ChevronUpIcon.ChevronUpIcon, {
+        role: "presentation"
+      }))));
+    }
+    // If the primary action is a button, or has no onClick/href/action
+    return React.createElement("div", {
+      className: classnames(MobileActions_module.mobileActionsTopRow, !showDrawer && MobileActions_module.mobileActionsTopRowSingleButton),
+      "data-testid": "title-block-mobile-actions-drawer-handle"
+    }, "component" in primaryAction ? React.createElement(primaryAction.component, tslib.__assign({
+      className: classnames(MobileActions_module.mobileActionsPrimaryLabel, MobileActions_module.mobileActionsPrimaryButton)
+    }, primaryAction), primaryAction.label && renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition)) : React.createElement(ButtonOrLink, {
+      action: getAction(primaryAction)
+    }, renderDrawerHandleLabel(primaryAction.label, primaryAction.icon, drawerHandleLabelIconPosition)), showDrawer && React.createElement("button", {
+      type: "button",
+      className: MobileActions_module.mobileActionsExpandButton,
+      onClick: toggleDisplay,
+      "aria-expanded": isOpen,
+      "aria-label": "Other actions"
+    }, isOpen ? React.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation"
+    }) : React.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation"
+    })));
+  }
+  // if there are default/secondary actions but no primary action
+  if (showDrawer) {
+    return React.createElement("div", {
+      className: classnames(MobileActions_module.mobileActionsTopRow, MobileActions_module.mobileActionsTopRowSingleButton),
+      "data-testid": "title-block-mobile-actions-drawer-handle"
+    }, React.createElement("button", {
+      type: "button",
+      className: classnames(MobileActions_module.mobileActionsExpandButton, MobileActions_module.mobileActionsPrimaryLabel),
+      onClick: toggleDisplay,
+      "aria-expanded": isOpen
+    }, renderDrawerHandleLabel("Other actions"), React.createElement("span", {
+      className: MobileActions_module.mobileActionsChevronSquare
+    }, isOpen ? React.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation"
+    }) : React.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation"
+    }))));
+  }
+  return null;
+};
+const MobileActions = /*#__PURE__*/function () {
+  const MobileActions = function (_a) {
+    var primaryAction = _a.primaryAction,
+      defaultAction = _a.defaultAction,
+      secondaryActions = _a.secondaryActions,
+      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+      drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition;
+    var _b = React.useState(false),
+      isOpen = _b[0],
+      setIsOpen = _b[1];
+    var toggleDisplay = function () {
+      setIsOpen(!isOpen);
+    };
+    return React.createElement("div", {
+      className: classnames(MobileActions_module.mobileActionsContainer, isOpen && MobileActions_module.isOpen)
+    }, React.createElement(reactFocusOn.FocusOn, {
+      enabled: isOpen,
+      scrollLock: false
+    }, React.createElement(DrawerHandle, {
+      primaryAction: primaryAction,
+      secondaryActions: secondaryActions,
+      defaultAction: defaultAction,
+      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
+      drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
+      toggleDisplay: toggleDisplay,
+      isOpen: isOpen
+    }), (defaultAction || secondaryActions || secondaryOverflowMenuItems || primaryAction && utils.isMenuGroupNotButton(primaryAction)) && React.createElement("div", {
+      className: MobileActions_module.mobileActionsMenuContainer
+    }, React.createElement(DrawerMenuContent, {
+      primaryAction: primaryAction,
+      defaultAction: defaultAction,
+      secondaryActions: secondaryActions,
+      secondaryOverflowMenuItems: secondaryOverflowMenuItems
+    }))));
+  };
+  MobileActions.displayName = "MobileActions";
+  return MobileActions;
+}();
+exports.MobileActions = MobileActions;
+//# sourceMappingURL=MobileActions.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ButtonProps } from \"~components/Button\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { MenuItem, MenuList, MenuHeading } from \"~components/Menu\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport {\n  TitleBlockMenuItem,\n  TitleBlockMenuItemProps,\n} from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n  \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n  \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n  (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n  menuItems: TitleBlockMenuItemProps[],\n  filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n  menuItems.filter(item =>\n    filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n  )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n  primaryAction: PrimaryActionProps,\n  actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n  if (!primaryAction) return null\n\n  if (isMenuGroupNotButton(primaryAction)) {\n    const filteredActions = filterActions(primaryAction.menuItems, actionType)\n    return filteredActions.map((item, idx) => {\n      const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n      return (\n        <TitleBlockMenuItem\n          {...item}\n          key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          automationId={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n          data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n        />\n      )\n    })\n  }\n\n  return null\n}\n\nconst renderDefaultLink = (\n  defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n  if (!defaultActionIsLink(defaultAction)) return\n  if (\"component\" in defaultAction) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-link\"\n        automationId=\"title-block-mobile-actions-default-link\"\n        data-testid=\"title-block-mobile-actions-default-link\"\n      />\n    )\n  }\n  return (\n    <MenuItem\n      href={defaultAction.href}\n      label={defaultAction.label}\n      icon={defaultAction.icon}\n      disabled={defaultAction.disabled}\n      key=\"title-block-mobile-actions-default-link\"\n      automationId=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n    />\n  )\n}\n\nconst renderDefaultAction = (\n  defaultAction: DefaultActionProps\n): JSX.Element | null => {\n  if (!defaultActionIsLink(defaultAction)) {\n    return (\n      <TitleBlockMenuItem\n        {...defaultAction}\n        key=\"title-block-mobile-actions-default-action\"\n        automationId=\"title-block-mobile-actions-default-action\"\n        data-testid=\"title-block-mobile-actions-default-action\"\n      />\n    )\n  }\n\n  return null\n}\n\nconst renderSecondaryActions = (\n  secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n  if (!secondaryActions) return null\n  const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n    convertSecondaryActionsToMenuItems(secondaryActions)\n\n  return secondaryActionMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-secondary-action-${idx}`}\n      data-testid=\"title-block-mobile-actions-secondary-action\"\n    />\n  ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n  secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n  secondaryOverflowMenuItems.map((item, idx) => (\n    <TitleBlockMenuItem\n      {...item}\n      key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n      data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n    />\n  ))\n\ntype DrawerMenuContentProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n  const showOtherActionsHeading =\n    (defaultAction && defaultActionIsButton(defaultAction)) ||\n    secondaryActions ||\n    secondaryOverflowMenuItems\n\n  return (\n    <>\n      <MenuList>\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n        {defaultAction && renderDefaultLink(defaultAction)}\n        {primaryAction &&\n          renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n      </MenuList>\n      {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n        <MenuList\n          heading={\n            showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n          }\n        >\n          {defaultAction && renderDefaultAction(defaultAction)}\n          {secondaryActions && renderSecondaryActions(secondaryActions)}\n          {secondaryOverflowMenuItems &&\n            renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n        </MenuList>\n      )}\n    </>\n  )\n}\n\nconst renderDrawerHandleLabel = (\n  label: string,\n  icon?: JSX.Element,\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n  if (drawerHandleLabelIconPosition === \"end\") {\n    return (\n      <>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n      </>\n    )\n  } else {\n    return (\n      <>\n        <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n        <span\n          className={styles.drawerHandleLabelText}\n          data-testid=\"drawer-handle-lable-text\"\n        >\n          {label}\n        </span>\n      </>\n    )\n  }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n  | HrefAndOnClick\n  | TitleBlockButtonProps[\"href\"]\n  | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n  action?: ButtonOrLinkActionProps\n  children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n  if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n    return (\n      <a\n        onClick={action.onClick}\n        href={action.href}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n  if (typeof action === \"function\") {\n    return (\n      <button\n        type=\"button\"\n        onClick={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </button>\n    )\n  }\n  if (typeof action === \"string\") {\n    return (\n      <a\n        href={action}\n        className={classnames(\n          styles.mobileActionsPrimaryLabel,\n          styles.mobileActionsPrimaryButton\n        )}\n        data-testid=\"title-block-mobile-actions-primary-button\"\n      >\n        {children}\n      </a>\n    )\n  }\n\n  // when there's no action (e.g. primary button is disabled)\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.mobileActionsPrimaryLabel,\n        styles.mobileActionsPrimaryButton\n      )}\n      data-testid=\"title-block-mobile-actions-primary-button\"\n    >\n      {children}\n    </button>\n  )\n}\n\nconst getAction = (\n  primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n  if (primaryAction && !primaryAction.disabled) {\n    if (primaryAction.onClick && primaryAction.href) {\n      return {\n        href: primaryAction.href,\n        onClick: primaryAction.onClick,\n      }\n    }\n    if (primaryAction.onClick) {\n      return primaryAction.onClick\n    }\n    if (primaryAction.href) {\n      return primaryAction.href\n    }\n  }\n\n  return undefined\n}\n\ntype DrawerHandleProps = {\n  primaryAction: PrimaryActionProps | undefined\n  secondaryActions: SecondaryActionsProps | undefined\n  defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n  toggleDisplay: () => void\n  isOpen: boolean\n}\n\nconst DrawerHandle = ({\n  primaryAction,\n  secondaryActions,\n  defaultAction,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  toggleDisplay,\n  isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n  const showDrawer =\n    defaultAction || secondaryActions || secondaryOverflowMenuItems\n  if (primaryAction) {\n    // If the primary action is a menu\n    if (isMenuGroupNotButton(primaryAction)) {\n      return (\n        <div\n          className={classnames(\n            styles.mobileActionsTopRow,\n            styles.mobileActionsTopRowSingleButton\n          )}\n          data-testid=\"title-block-mobile-actions-drawer-handle\"\n        >\n          <button\n            type=\"button\"\n            className={classnames(\n              styles.mobileActionsExpandButton,\n              styles.mobileActionsPrimaryLabel\n            )}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n          >\n            {primaryAction.label}\n            <span className={styles.mobileActionsChevronSquare}>\n              {isOpen ? (\n                <ChevronDownIcon role=\"presentation\" />\n              ) : (\n                <ChevronUpIcon role=\"presentation\" />\n              )}\n            </span>\n          </button>\n        </div>\n      )\n    }\n\n    // If the primary action is a button, or has no onClick/href/action\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          !showDrawer && styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        {\"component\" in primaryAction ? (\n          <primaryAction.component\n            className={classnames(\n              styles.mobileActionsPrimaryLabel,\n              styles.mobileActionsPrimaryButton\n            )}\n            {...primaryAction}\n          >\n            {primaryAction.label &&\n              renderDrawerHandleLabel(\n                primaryAction.label,\n                primaryAction.icon,\n                drawerHandleLabelIconPosition\n              )}\n          </primaryAction.component>\n        ) : (\n          <ButtonOrLink action={getAction(primaryAction)}>\n            {renderDrawerHandleLabel(\n              primaryAction.label,\n              primaryAction.icon,\n              drawerHandleLabelIconPosition\n            )}\n          </ButtonOrLink>\n        )}\n\n        {/* If there are no secondary etc. actions, just show the button without drawer */}\n        {showDrawer && (\n          <button\n            type=\"button\"\n            className={styles.mobileActionsExpandButton}\n            onClick={toggleDisplay}\n            aria-expanded={isOpen}\n            aria-label=\"Other actions\"\n          >\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  // if there are default/secondary actions but no primary action\n  if (showDrawer) {\n    return (\n      <div\n        className={classnames(\n          styles.mobileActionsTopRow,\n          styles.mobileActionsTopRowSingleButton\n        )}\n        data-testid=\"title-block-mobile-actions-drawer-handle\"\n      >\n        <button\n          type=\"button\"\n          className={classnames(\n            styles.mobileActionsExpandButton,\n            styles.mobileActionsPrimaryLabel\n          )}\n          onClick={toggleDisplay}\n          aria-expanded={isOpen}\n        >\n          {renderDrawerHandleLabel(\"Other actions\")}\n          <span className={styles.mobileActionsChevronSquare}>\n            {isOpen ? (\n              <ChevronDownIcon role=\"presentation\" />\n            ) : (\n              <ChevronUpIcon role=\"presentation\" />\n            )}\n          </span>\n        </button>\n      </div>\n    )\n  }\n  return null\n}\n\nexport type MobileActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  return (\n    <div\n      className={classnames(\n        styles.mobileActionsContainer,\n        isOpen && styles.isOpen\n      )}\n    >\n      <FocusOn enabled={isOpen} scrollLock={false}>\n        <DrawerHandle\n          primaryAction={primaryAction}\n          secondaryActions={secondaryActions}\n          defaultAction={defaultAction}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={drawerHandleLabelIconPosition}\n          toggleDisplay={toggleDisplay}\n          isOpen={isOpen}\n        />\n        {(defaultAction ||\n          secondaryActions ||\n          secondaryOverflowMenuItems ||\n          (primaryAction && isMenuGroupNotButton(primaryAction))) && (\n          <div className={styles.mobileActionsMenuContainer}>\n            <DrawerMenuContent\n              primaryAction={primaryAction}\n              defaultAction={defaultAction}\n              secondaryActions={secondaryActions}\n              secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n            />\n          </div>\n        )}\n      </FocusOn>\n    </div>\n  )\n}\n\nMobileActions.displayName = \"MobileActions\"\n"],"names":["menuItemIsLink","item","defaultActionIsLink","action","defaultActionIsButton","filterActions","menuItems","filterType","filter","renderPrimaryActionDrawerContent","primaryAction","actionType","isMenuGroupNotButton","filteredActions","map","idx","itemType","React","createElement","TitleBlockMenuItem","__assign","key","concat","automationId","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","renderDefaultAction","renderSecondaryActions","secondaryActions","secondaryActionMenuItems","convertSecondaryActionsToMenuItems","renderSecondaryOverflowMenuItems","secondaryOverflowMenuItems","DrawerMenuContent","_a","showOtherActionsHeading","Fragment","MenuList","heading","MenuHeading","renderDrawerHandleLabel","drawerHandleLabelIconPosition","className","styles","drawerHandleLabelText","drawerHandleIcon","ButtonOrLink","children","onClick","classnames","mobileActionsPrimaryLabel","mobileActionsPrimaryButton","type","getAction","undefined","DrawerHandle","toggleDisplay","isOpen","showDrawer","mobileActionsTopRow","mobileActionsTopRowSingleButton","mobileActionsExpandButton","mobileActionsChevronSquare","ChevronDownIcon","role","ChevronUpIcon","component","MobileActions","_b","useState","setIsOpen","mobileActionsContainer","FocusOn","enabled","scrollLock","mobileActionsMenuContainer","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.module.scss.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var styles = {
+  "mobileActionsContainer": "MobileActions-module_mobileActionsContainer__ob6ML",
+  "slide-up": "MobileActions-module_slide-up__vX8Ad",
+  "isOpen": "MobileActions-module_isOpen__mmGTA",
+  "mobileActionsMenuContainer": "MobileActions-module_mobileActionsMenuContainer__a7LUt",
+  "mobileActionsTopRow": "MobileActions-module_mobileActionsTopRow__51iiz",
+  "mobileActionsTopRowSingleButton": "MobileActions-module_mobileActionsTopRowSingleButton__IB5x6",
+  "drawerHandleIcon": "MobileActions-module_drawerHandleIcon__z-Hp-",
+  "drawerHandleLabelText": "MobileActions-module_drawerHandleLabelText__UDIFl",
+  "mobileActionsPrimaryLabel": "MobileActions-module_mobileActionsPrimaryLabel__y-kgB",
+  "mobileActionsPrimaryButton": "MobileActions-module_mobileActionsPrimaryButton__5Ggbi",
+  "mobileActionsExpandButton": "MobileActions-module_mobileActionsExpandButton__shDFU",
+  "mobileActionsChevronSquare": "MobileActions-module_mobileActionsChevronSquare__u4OYT"
+};
+module.exports = styles;
+//# sourceMappingURL=MobileActions.module.scss.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileActions.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/cjs/TitleBlockZen/subcomponents/NavigationTabs.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var utils = require('../utils.cjs');
+var NavigationTabs_module = require('./NavigationTabs.module.scss.cjs');
+var isLight = function (variant) {
+  return variant !== undefined && utils.NON_REVERSED_VARIANTS.includes(variant);
+};
+const NavigationTab = /*#__PURE__*/function () {
+  const NavigationTab = function (props) {
+    var className = classnames(NavigationTabs_module.linkAnchor, isLight(props.variant) && NavigationTabs_module.lightBackground, props.active && NavigationTabs_module.active);
+    if (props.render) {
+      var Component = props.render,
+        otherProps = tslib.__rest(props, ["render"]);
+      return React.createElement(Component, tslib.__assign({}, otherProps, {
+        className: className
+      }));
+    }
+    return 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;
+}();
+exports.NavigationTab = NavigationTab;
+//# sourceMappingURL=NavigationTabs.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/NavigationTabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/NavigationTabs.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { TitleBlockVariant } from \"../types\"\nimport { NON_REVERSED_VARIANTS } from \"../utils\"\nimport styles from \"./NavigationTabs.module.scss\"\n\nexport type CustomNavigationTabProps = Omit<NavigationTabProps, \"render\"> & {\n  className: string\n}\n\nexport type NavigationTabProps = {\n  text: string\n  href: string\n  active?: boolean\n  handleClick?: (event: React.MouseEvent) => void\n  variant?: TitleBlockVariant\n  id?: string\n  automationId?: string\n  /**\n   * Custom render for the tab. Commonly used to replace the link with a router link component.\n   * Props given to the NavigationTab component will be passed back, along with a decorated className.\n   * It is up to you to reapply them to your custom component.\n   */\n  render?: (props: CustomNavigationTabProps) => JSX.Element\n}\n\nconst isLight = (variant: TitleBlockVariant | undefined): boolean =>\n  variant !== undefined && NON_REVERSED_VARIANTS.includes(variant)\n\nexport const NavigationTab = (props: NavigationTabProps): JSX.Element => {\n  const className = classnames(\n    styles.linkAnchor,\n    isLight(props.variant) && styles.lightBackground,\n    props.active && styles.active\n  )\n\n  if (props.render) {\n    const { render: Component, ...otherProps } = props\n    return <Component {...otherProps} className={className} />\n  }\n\n  return (\n    <a\n      className={className}\n      href={props.href}\n      onClick={props.handleClick}\n      id={props.id}\n      data-automation-id={props.automationId}\n      data-testid={props.automationId}\n      aria-current={props.active ? \"page\" : undefined}\n    >\n      {props.text}\n    </a>\n  )\n}\n\nNavigationTab.displayName = \"NavigationTab\"\n"],"names":["isLight","variant","undefined","NON_REVERSED_VARIANTS","includes","NavigationTab","props","className","classnames","styles","linkAnchor","lightBackground","active","render","Component","otherProps","__rest","React","createElement","__assign","href","onClick","handleClick","id","automationId","text","displayName"],"mappings":";;;;;;;AA0BA,IAAMA,OAAO,GAAG,SAAAA,CAACC,OAAsC,EAAA;EACrD,OAAAA,OAAO,KAAKC,SAAS,IAAIC,KAAqB,CAAAA,qBAAA,CAACC,QAAQ,CAACH,OAAO,CAAC;AAAhE,CAAgE;AAAA,MAErDI,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,KAAyB,EAAA;IACrD,IAAMC,SAAS,GAAGC,UAAU,CAC1BC,qBAAM,CAACC,UAAU,EACjBV,OAAO,CAACM,KAAK,CAACL,OAAO,CAAC,IAAIQ,qBAAM,CAACE,eAAe,EAChDL,KAAK,CAACM,MAAM,IAAIH,qBAAM,CAACG,MAAM,CAC9B;IAED,IAAIN,KAAK,CAACO,MAAM,EAAE;MACR,IAAQC,SAAS,GAAoBR,KAAK,CAAzBO,MAAA;QAAKE,UAAU,GAAAC,KAAAA,CAAAA,MAAA,CAAKV,KAAK,EAA5C,CAAoC,QAAA,CAAA,CAAF;MACxC,OAAOW,KAAA,CAAAC,aAAA,CAACJ,SAAS,EAAKK,cAAA,CAAA,CAAA,CAAA,EAAAJ,UAAU;QAAER,SAAS,EAAEA;MAAS,CAAA,CAAA,CAAI;IAC3D;IAED,OACEU;MACEV,SAAS,EAAEA,SAAS;MACpBa,IAAI,EAAEd,KAAK,CAACc,IAAI;MAChBC,OAAO,EAAEf,KAAK,CAACgB,WAAW;MAC1BC,EAAE,EAAEjB,KAAK,CAACiB,EAAE;MAAA,oBAAA,EACQjB,KAAK,CAACkB,YAAY;qBACzBlB,KAAK,CAACkB,YAAY;MACjB,cAAA,EAAAlB,KAAK,CAACM,MAAM,GAAG,MAAM,GAAGV;IAAS,CAAA,EAE9CI,KAAK,CAACmB,IAAI,CACT;EAER,CAAC;EAEDpB,aAAa,CAACqB,WAAW,GAAG,eAAe;EAAA,OA3B9BrB,aAAa;AAAA;"}

package/dist/cjs/TitleBlockZen/subcomponents/NavigationTabs.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "container": "NavigationTabs-module_container__lK-HH",
+  "linkAnchor": "NavigationTabs-module_linkAnchor__oUsWX",
+  "active": "NavigationTabs-module_active__-38QW",
+  "lightBackground": "NavigationTabs-module_lightBackground__TR-5T"
+};
+module.exports = styles;
+//# sourceMappingURL=NavigationTabs.module.scss.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/NavigationTabs.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var Button = require('../../Button/Button/Button.cjs');
+var IconButton = require('../../Button/IconButton/IconButton.cjs');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
+var MeatballsIcon = require('../../Icon/MeatballsIcon.cjs');
+var Menu = require('../../Menu/Menu.cjs');
+require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
+var MenuList = require('../../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var TitleBlockZen_module = require('../TitleBlockZen.module.scss.cjs');
+var TitleBlockMenuItem = require('./TitleBlockMenuItem.cjs');
+var Toolbar = require('./Toolbar.cjs');
+var renderSecondaryOverflowMenu = function (secondaryOverflowMenuItems, reversed) {
+  if (!secondaryOverflowMenuItems) return undefined;
+  return React.createElement(Menu.Menu, {
+    align: "right",
+    button: React.createElement(IconButton.IconButton, {
+      label: "Open secondary menu",
+      reversed: reversed,
+      icon: React.createElement(MeatballsIcon.MeatballsIcon, {
+        role: "presentation"
+      })
+    })
+  }, React.createElement(MenuList.MenuList, null, secondaryOverflowMenuItems.map(function (menuItem, i) {
+    return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__assign({
+      key: i
+    }, menuItem));
+  })));
+};
+// 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;
+    if (!secondaryActions && !secondaryOverflowMenuItems) return null;
+    var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
+      if ("menuItems" in action) {
+        return {
+          key: "".concat(i),
+          node: React.createElement(Menu.Menu, {
+            align: "right",
+            button: React.createElement(Button.Button, {
+              secondary: true,
+              label: action.label,
+              reversed: reversed,
+              icon: React.createElement(ChevronDownIcon.ChevronDownIcon, {
+                role: "presentation"
+              }),
+              iconPosition: "end"
+            })
+          }, React.createElement(MenuList.MenuList, null, action.menuItems.map(function (menuItem, i2) {
+            return React.createElement(TitleBlockMenuItem.TitleBlockMenuItem, tslib.__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: React.createElement(Button.Button, tslib.__assign({
+            secondary: true,
+            reversed: reversed
+          }, action, {
+            "data-automation-id": "title-block-secondary-actions-button",
+            "data-testid": "title-block-secondary-actions-button"
+          }))
+        };
+      }
+    }) : [];
+    var overflowMenu = renderSecondaryOverflowMenu(secondaryOverflowMenuItems, reversed);
+    var toolbarItems = tslib.__spreadArray(tslib.__spreadArray([], secondaryActionsAsToolbarItems, true), overflowMenu ? [{
+      key: "overflowMenu",
+      node: overflowMenu
+    }] : [], true);
+    return React.createElement("div", {
+      className: TitleBlockZen_module.secondaryActionsContainer
+    }, React.createElement(Toolbar.Toolbar, {
+      items: toolbarItems,
+      noGap: true,
+      automationId: "title-block-secondary-actions-toolbar"
+    }));
+  };
+  SecondaryActions.displayName = "SecondaryActions";
+  return SecondaryActions;
+}();
+exports.SecondaryActions = SecondaryActions;
+//# sourceMappingURL=SecondaryActions.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/SecondaryActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/SecondaryActions.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, IconButton } from \"~components/Button\"\nimport { ChevronDownIcon, MeatballsIcon } from \"~components/Icon\"\nimport { Menu, MenuList } from \"~components/Menu\"\nimport styles from \"../TitleBlockZen.module.scss\"\nimport { SecondaryActionsProps, TitleBlockMenuItemProps } from \"../types\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\n\ntype Props = {\n  secondaryActions?: SecondaryActionsProps\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n  reversed?: boolean\n}\n\nconst renderSecondaryOverflowMenu = (\n  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[],\n  reversed?: boolean\n): JSX.Element | undefined => {\n  if (!secondaryOverflowMenuItems) return undefined\n  return (\n    <Menu\n      align=\"right\"\n      button={\n        <IconButton\n          label=\"Open secondary menu\"\n          reversed={reversed}\n          icon={<MeatballsIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {secondaryOverflowMenuItems.map((menuItem, i) => (\n          <TitleBlockMenuItem key={i} {...menuItem} />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\n// Unfortunately, you'll notice below, that I needed to use the array index,\n// against react best practices (https://reactjs.org/docs/lists-and-keys.html)\n// This is because the menu items have no unique identifier.\n\nexport const SecondaryActions = ({\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  reversed = false,\n}: Props): JSX.Element | null => {\n  if (!secondaryActions && !secondaryOverflowMenuItems) return null\n\n  const secondaryActionsAsToolbarItems = secondaryActions\n    ? secondaryActions.map((action, i) => {\n        if (\"menuItems\" in action) {\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Menu\n                align=\"right\"\n                button={\n                  <Button\n                    secondary\n                    label={action.label}\n                    reversed={reversed}\n                    icon={<ChevronDownIcon role=\"presentation\" />}\n                    iconPosition=\"end\"\n                  />\n                }\n              >\n                <MenuList>\n                  {action.menuItems.map((menuItem, i2) => (\n                    <TitleBlockMenuItem key={i2} {...menuItem} />\n                  ))}\n                </MenuList>\n              </Menu>\n            ),\n          }\n        } else {\n          if (\"onClick\" in action && \"href\" in action) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"\\u001b[33m \\nTITLE BLOCK WARNING:\\nSecondary actions only support \" +\n                \"either an href or an onClick, not both simultaneously.\\n\"\n            )\n          }\n          return {\n            key: `${i}`, // We shouldn't use an index here, see note above\n            node: (\n              <Button\n                secondary\n                reversed={reversed}\n                {...action}\n                data-automation-id=\"title-block-secondary-actions-button\"\n                data-testid=\"title-block-secondary-actions-button\"\n              />\n            ),\n          }\n        }\n      })\n    : []\n\n  const overflowMenu = renderSecondaryOverflowMenu(\n    secondaryOverflowMenuItems,\n    reversed\n  )\n\n  const toolbarItems = [\n    ...secondaryActionsAsToolbarItems,\n    ...(overflowMenu\n      ? [\n          {\n            key: \"overflowMenu\",\n            node: overflowMenu,\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <div className={styles.secondaryActionsContainer}>\n      <Toolbar\n        items={toolbarItems}\n        noGap\n        automationId=\"title-block-secondary-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nSecondaryActions.displayName = \"SecondaryActions\"\n"],"names":["renderSecondaryOverflowMenu","secondaryOverflowMenuItems","reversed","undefined","React","createElement","Menu","align","button","IconButton","label","icon","MeatballsIcon","role","MenuList","map","menuItem","i","TitleBlockMenuItem","__assign","key","SecondaryActions","_a","secondaryActions","_b","secondaryActionsAsToolbarItems","action","concat","node","Button","secondary","ChevronDownIcon","iconPosition","menuItems","i2","console","warn","overflowMenu","toolbarItems","__spreadArray","className","styles","secondaryActionsContainer","Toolbar","items","noGap","automationId","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('../../Menu/Menu.cjs');
+require('../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuItem = require('../../Menu/subcomponents/MenuItem/MenuItem.cjs');
+require('../../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
+var TitleBlockMenuItem_module = require('./TitleBlockMenuItem.module.scss.cjs');
+const TitleBlockMenuItem = /*#__PURE__*/function () {
+  const TitleBlockMenuItem = function (props) {
+    var className = classnames(TitleBlockMenuItem_module.menuItem, TitleBlockMenuItem_module.destructive && TitleBlockMenuItem_module["menuItem--destructive"], TitleBlockMenuItem_module.disabled && TitleBlockMenuItem_module["menuItem--disabled"], TitleBlockMenuItem_module.isActive && TitleBlockMenuItem_module["menuItem--active"]);
+    if ("component" in props) {
+      var CustomMenuItem = props.component,
+        label = props.label,
+        icon = props.icon,
+        otherProps = tslib.__rest(props, ["component", "label", "icon"]);
+      var wrappedLabel = React.createElement("span", {
+        className: TitleBlockMenuItem_module.menuItem__Label
+      }, label);
+      var iconNode = icon && React.createElement("span", {
+        className: TitleBlockMenuItem_module.menuItem__Icon
+      }, icon);
+      return React.createElement("li", {
+        className: TitleBlockMenuItem_module.menuListItem
+      }, React.createElement(CustomMenuItem, tslib.__assign({}, otherProps, {
+        className: className
+      }), iconNode, wrappedLabel));
+    }
+    return React.createElement(MenuItem.MenuItem, tslib.__assign({}, props));
+  };
+  TitleBlockMenuItem.displayName = "TitleBlockMenuItem";
+  return TitleBlockMenuItem;
+}();
+exports.TitleBlockMenuItem = TitleBlockMenuItem;
+//# sourceMappingURL=TitleBlockMenuItem.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBlockMenuItem.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { CustomButtonProps } from \"~components/Button\"\nimport { MenuItem, MenuItemProps } from \"~components/Menu\"\nimport styles from \"./TitleBlockMenuItem.module.scss\"\n\nexport type TitleBlockMenuItemProps =\n  | ({\n      component: (props: CustomButtonProps) => JSX.Element\n    } & MenuItemProps)\n  | MenuItemProps\n\nexport const TitleBlockMenuItem = (\n  props: TitleBlockMenuItemProps\n): JSX.Element => {\n  const className = classnames(\n    styles.menuItem,\n    styles.destructive && styles[\"menuItem--destructive\"],\n    styles.disabled && styles[\"menuItem--disabled\"],\n    styles.isActive && styles[\"menuItem--active\"]\n  )\n\n  if (\"component\" in props) {\n    const { component: CustomMenuItem, label, icon, ...otherProps } = props\n    const wrappedLabel = <span className={styles.menuItem__Label}>{label}</span>\n    const iconNode = icon && (\n      <span className={styles.menuItem__Icon}>{icon}</span>\n    )\n    return (\n      <li className={styles.menuListItem}>\n        <CustomMenuItem {...otherProps} className={className}>\n          {iconNode}\n          {wrappedLabel}\n        </CustomMenuItem>\n      </li>\n    )\n  }\n\n  return <MenuItem {...props} />\n}\n\nTitleBlockMenuItem.displayName = \"TitleBlockMenuItem\"\n"],"names":["TitleBlockMenuItem","props","className","classnames","styles","menuItem","destructive","disabled","isActive","CustomMenuItem","component","label","icon","otherProps","wrappedLabel","React","createElement","menuItem__Label","iconNode","menuItem__Icon","menuListItem","__assign","MenuItem","displayName"],"mappings":";;;;;;;;;;;MAYaA,kBAAkB;EAAA,MAAlBA,kBAAkB,GAAG,SAAAA,CAChCC,KAA8B,EAAA;IAE9B,IAAMC,SAAS,GAAGC,UAAU,CAC1BC,yBAAM,CAACC,QAAQ,EACfD,yBAAM,CAACE,WAAW,IAAIF,yBAAM,CAAC,uBAAuB,CAAC,EACrDA,yBAAM,CAACG,QAAQ,IAAIH,yBAAM,CAAC,oBAAoB,CAAC,EAC/CA,yBAAM,CAACI,QAAQ,IAAIJ,yBAAM,CAAC,kBAAkB,CAAC,CAC9C;IAED,IAAI,WAAW,IAAIH,KAAK,EAAE;MAChB,IAAWQ,cAAc,GAAiCR,KAAK,CAAAS,SAAtC;QAAEC,KAAK,GAA0BV,KAAK,CAA/BU,KAAA;QAAEC,IAAI,GAAoBX,KAAK,KAAzB;QAAKY,UAAU,gBAAKZ,KAAK,EAAjE,CAAyD,WAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAF;MAC7D,IAAMa,YAAY,GAAGC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMd,SAAS,EAAEE,yBAAM,CAACa;OAAe,EAAGN,KAAK,CAAQ;MAC5E,IAAMO,QAAQ,GAAGN,IAAI,IACnBG,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACe;OAAc,EAAGP,IAAI,CAC9C;MACD,OACEG,KAAI,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAd,SAAS,EAAEE,yBAAM,CAACgB;MAAY,CAAA,EAChCL,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKY,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAR,UAAU,EAAE;QAAAX,SAAS,EAAEA;OAAS,CAAA,EACjDgB,QAAQ,EACRJ,YAAY,CACE,CACd;IAER;IAED,OAAOC,KAAC,CAAAC,aAAA,CAAAM,QAAQ,CAAAA,QAAA,EAAKD,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAApB,KAAK,EAAI;EAChC,CAAC;EAEDD,kBAAkB,CAACuB,WAAW,GAAG,oBAAoB;EAAA,OA7BxCvB,kBAAkB;AAAA;"}

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.module.scss.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var styles = {
+  "menuListItem": "TitleBlockMenuItem-module_menuListItem__G3K41",
+  "menuItem": "TitleBlockMenuItem-module_menuItem__v9hGL",
+  "menuItem--disabled": "TitleBlockMenuItem-module_menuItem--disabled__lrGIn",
+  "menuItem__Icon": "TitleBlockMenuItem-module_menuItem__Icon__zyUMD",
+  "menuItem--destructive": "TitleBlockMenuItem-module_menuItem--destructive__Q18x-",
+  "menuItem--active": "TitleBlockMenuItem-module_menuItem--active__f-tGu",
+  "menuItem__Label": "TitleBlockMenuItem-module_menuItem__Label__YUtc5"
+};
+module.exports = styles;
+//# sourceMappingURL=TitleBlockMenuItem.module.scss.cjs.map

package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBlockMenuItem.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}