@kaizen/components 0.0.0-canary-add-ids-to-TitleBlockZen-20240110044439 → 0.0.0-canary-auto-hide-mobile-menu-20240110220109

package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs

@@ -203,12 +203,14 @@ const TitleBlockZen = /*#__PURE__*/function () {
       _h = _a.breadcrumbAutomationId,
       breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
       _j = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j;
+      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
+      _k = _a.autoHideMobileActionsMenu,
+      autoHideMobileActionsMenu = _k === void 0 ? false : _k;
     var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
     var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _k = useMediaQueries.useMediaQueries().queries,
-      isSmall = _k.isSmall,
-      isMedium = _k.isMedium;
+    var _l = useMediaQueries.useMediaQueries().queries,
+      isSmall = _l.isSmall,
+      isMedium = _l.isMedium;
     var isSmallOrMediumViewport = isMedium || isSmall;
     return React.createElement(React.Fragment, null, React.createElement("div", {
       id: id,
@@ -290,7 +292,8 @@ const TitleBlockZen = /*#__PURE__*/function () {
       defaultAction: defaultAction,
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined
+      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
+      autoHide: autoHideMobileActionsMenu
     })));
   };
   TitleBlockZen.displayName = "TitleBlockZen";

package/dist/cjs/TitleBlockZen/TitleBlockZen.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBlockZen.cjs","sources":["../../../src/TitleBlockZen/TitleBlockZen.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar } from \"~components/Avatar\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ArrowLeftIcon, ArrowRightIcon, HamburgerIcon } from \"~components/Icon\"\nimport { Select } from \"~components/Select\"\nimport { Tag } from \"~components/Tag\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { MainActions } from \"./subcomponents/MainActions\"\nimport { MobileActions } from \"./subcomponents/MobileActions\"\nimport { SecondaryActions } from \"./subcomponents/SecondaryActions\"\nimport {\n  TitleBlockBreadcrumbProps,\n  NavigationTabs,\n  SurveyStatus,\n  TitleBlockAvatarProps,\n  TitleBlockProps,\n  TitleBlockVariant,\n} from \"./types\"\nimport { createTabletOverflowMenuItems, isReversed } from \"./utils\"\nimport styles from \"./TitleBlockZen.module.scss\"\n\nconst renderTag = (surveyStatus: SurveyStatus): JSX.Element | void => {\n  let tagVariant: React.ComponentPropsWithoutRef<typeof Tag>[\"variant\"]\n\n  if (tagVariant === \"profile\") {\n    return\n  }\n\n  if (surveyStatus.status === \"draft\") {\n    tagVariant = \"statusDraft\"\n  }\n\n  /*\n    scheduled is actually a draft survey status that has a launch job scheduled\n    still, we want to differentiate on the UI and render a specific tag\n    the styles must be identical to the draft style\n\n    we have similar behaviour on programs index page's table\n  */\n  if (surveyStatus.status === \"scheduled\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"live\") {\n    tagVariant = \"statusLive\"\n  }\n\n  if (surveyStatus.status === \"closed\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"sentimentPositive\") {\n    tagVariant = \"sentimentPositive\"\n  }\n\n  if (surveyStatus.status === \"default\") {\n    tagVariant = \"default\"\n  }\n\n  return (\n    <div\n      data-automation-id=\"survey-status-tag\"\n      data-testid=\"survey-status-tag\"\n      className={styles.tag}\n    >\n      <Tag variant={tagVariant} size=\"small\">\n        {surveyStatus.text}\n      </Tag>\n    </div>\n  )\n}\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps,\n  avatarAutomationId: string\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={classnames(styles.avatar, styles.withBorder)}\n    >\n      {imageElementOrAvatarProps}\n    </div>\n  ) : (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={styles.avatar}\n    >\n      <Avatar {...imageElementOrAvatarProps} size=\"medium\" />\n    </div>\n  )\n\nconst renderSubtitle = (\n  subtitle: React.ReactNode,\n  subtitleAutomationId: string\n): JSX.Element => (\n  <div className={styles.subtitle}>\n    <span\n      data-automation-id={subtitleAutomationId}\n      data-testid={subtitleAutomationId}\n      className={styles.subtitleText}\n    >\n      {subtitle}\n    </span>\n  </div>\n)\n\nconst defaultRenderSectionTitle = (\n  sectionTitle?: string,\n  sectionTitleDescription?: string,\n  variant?: TitleBlockVariant,\n  sectionTitleAutomationId?: string,\n  sectionTitleDescriptionAutomationId?: string\n): JSX.Element => (\n  <>\n    {sectionTitle && (\n      <div className={styles.sectionTitle}>\n        <Heading\n          variant=\"heading-2\"\n          color={isReversed(variant) ? \"white\" : \"dark\"}\n          classNameOverride={styles.sectionTitleOverride}\n          data-automation-id={sectionTitleAutomationId}\n          data-testid={sectionTitleAutomationId}\n        >\n          {sectionTitle}\n        </Heading>\n      </div>\n    )}\n    {sectionTitleDescription && (\n      <div\n        data-automation-id={sectionTitleDescriptionAutomationId}\n        data-testid={sectionTitleDescriptionAutomationId}\n        className={classnames(\n          styles.sectionTitleDescription,\n          !isReversed(variant) && styles.dark\n        )}\n      >\n        {sectionTitleDescription}\n      </div>\n    )}\n  </>\n)\n\nconst Breadcrumb = ({\n  breadcrumb,\n  automationId,\n  textAutomationId,\n  textDirection,\n}: TitleBlockBreadcrumbProps): JSX.Element => {\n  const { path, handleClick, text, render } = breadcrumb\n  const icon =\n    textDirection === \"rtl\" ? (\n      <ArrowRightIcon role=\"presentation\" />\n    ) : (\n      <ArrowLeftIcon role=\"presentation\" />\n    )\n  const InnerContents = (): JSX.Element => (\n    <>\n      <div className={styles.circle}>{icon}</div>\n      <span\n        className={styles.breadcrumbTextLink}\n        data-automation-id={textAutomationId}\n        data-testid={textAutomationId}\n      >\n        <span className={styles.breadcrumbText}>{text}</span>\n      </span>\n    </>\n  )\n\n  if (render) {\n    const CustomRender = render\n    return (\n      <CustomRender\n        breadcrumb={breadcrumb}\n        className={styles.breadcrumb}\n        automationId={automationId}\n        textAutomationId={textAutomationId}\n        textDirection={textDirection}\n      >\n        <InnerContents />\n      </CustomRender>\n    )\n  }\n\n  const TagName = path ? \"a\" : \"button\"\n\n  return (\n    <TagName\n      {...(path && { href: path })}\n      className={styles.breadcrumb}\n      data-automation-id={automationId}\n      data-testid={automationId}\n      onClick={handleClick}\n    >\n      <InnerContents />\n    </TagName>\n  )\n}\n\n// We want to accept undefined here because the NavigationTabs container is\n// important for the flex-based layout (it pushes Secondary Actions over to the right)\nconst renderNavigationTabs = (\n  navigationTabs: NavigationTabs | undefined,\n  collapse: boolean,\n  ariaLabel: string\n): JSX.Element => (\n  <div className={styles.navigationTabScrollerContainer}>\n    <div\n      className={classnames(\n        styles.navigationTabsContainer,\n        collapse && styles.navigationTabsContainerCollapsed\n      )}\n    >\n      {!collapse && navigationTabs !== undefined && (\n        <>\n          <span className={styles.navigationTabEdgeShadowLeft} />\n          <nav className={styles.navigationTabsNav} aria-label={ariaLabel}>\n            <ul className={styles.navigationTabsList}>\n              {navigationTabs.map((navigationTab, index) => (\n                <li key={index}>{navigationTab}</li>\n              ))}\n            </ul>\n          </nav>\n          <span className={styles.navigationTabEdgeShadowRight} />\n        </>\n      )}\n    </div>\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}\n */\nexport const TitleBlockZen = ({\n  title,\n  variant,\n  breadcrumb,\n  avatar,\n  subtitle,\n  sectionTitle,\n  sectionTitleDescription,\n  renderSectionTitle,\n  pageSwitcherSelect,\n  handleHamburgerClick,\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  navigationTabs,\n  collapseNavigationAreaWhenPossible = false,\n  textDirection,\n  surveyStatus,\n  id,\n  titleAutomationId = \"TitleBlock__Title\",\n  avatarAutomationId = \"TitleBlock__Avatar\",\n  subtitleAutomationId = \"TitleBlock__Subtitle\",\n  sectionTitleAutomationId = \"TitleBlock__SectionTitle\",\n  sectionTitleDescriptionAutomationId = \"TitleBlock__SectionTitleDescription\",\n  breadcrumbAutomationId = \"TitleBlock__Breadcrumb\",\n  breadcrumbTextAutomationId = \"TitleBlock__BreadcrumbText\",\n}: TitleBlockProps): JSX.Element => {\n  const hasNavigationTabs = navigationTabs && navigationTabs.length > 0\n  const collapseNavigationArea =\n    collapseNavigationAreaWhenPossible &&\n    !hasNavigationTabs &&\n    secondaryActions === undefined\n\n  const {\n    queries: { isSmall, isMedium },\n  } = useMediaQueries()\n  const isSmallOrMediumViewport = isMedium || isSmall\n  return (\n    <>\n      <div\n        id={id}\n        className={classnames(\n          styles.titleBlock,\n          styles[`${variant}Variant`],\n          Boolean(subtitle) && styles.hasSubtitle,\n          Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect,\n          collapseNavigationArea &&\n            !(sectionTitle || sectionTitleDescription || renderSectionTitle) &&\n            styles.collapseNavigationArea,\n          title && title.length >= 30 && styles.hasLongTitle,\n          subtitle &&\n            typeof subtitle === \"string\" &&\n            subtitle.length >= 18 &&\n            styles.hasLongSubtitle,\n          hasNavigationTabs && styles.hasNavigationTabs\n        )}\n      >\n        <div className={styles.titleRow}>\n          <div className={styles.titleRowInner}>\n            <div className={styles.titleRowInnerContent}>\n              <div className={styles.titleAndAdjacent}>\n                {breadcrumb && (\n                  <Breadcrumb\n                    breadcrumb={breadcrumb}\n                    automationId={breadcrumbAutomationId}\n                    textAutomationId={breadcrumbTextAutomationId}\n                    textDirection={textDirection}\n                  />\n                )}\n                <div className={styles.titleAndAdjacentNotBreadcrumb}>\n                  <>\n                    {handleHamburgerClick && (\n                      <div className={styles.hamburger}>\n                        <IconButton\n                          onClick={handleHamburgerClick}\n                          icon={<HamburgerIcon role=\"presentation\" />}\n                          label=\"Open menu\"\n                          reversed={isReversed(variant)}\n                        />\n                      </div>\n                    )}\n                    {avatar && renderAvatar(avatar, avatarAutomationId)}\n                    <div className={styles.titleAndSubtitle}>\n                      <div className={styles.titleAndSubtitleInner}>\n                        <div className={styles.title}>\n                          <Heading\n                            variant=\"heading-1\"\n                            color={isReversed(variant) ? \"white\" : \"dark\"}\n                            classNameOverride={styles.titleTextOverride}\n                            data-automation-id={titleAutomationId}\n                            data-testid={titleAutomationId}\n                          >\n                            {title}\n                          </Heading>\n                        </div>\n                        {isSmallOrMediumViewport && pageSwitcherSelect && (\n                          <div\n                            className={styles.pageSwitcherSelectUnderneathTitle}\n                          >\n                            <Select\n                              {...pageSwitcherSelect}\n                              variant=\"secondary-small\"\n                              reversed\n                            />\n                          </div>\n                        )}\n                        {subtitle &&\n                          renderSubtitle(subtitle, subtitleAutomationId)}\n                      </div>\n                    </div>\n                    {surveyStatus && renderTag(surveyStatus)}\n                    {!isSmallOrMediumViewport && pageSwitcherSelect && (\n                      <div className={styles.pageSwitcherSelectNextToTitle}>\n                        <Select\n                          {...pageSwitcherSelect}\n                          variant=\"secondary\"\n                          reversed\n                          fullWidth\n                        />\n                      </div>\n                    )}\n                  </>\n                </div>\n              </div>\n              {(primaryAction ||\n                defaultAction ||\n                secondaryActions ||\n                secondaryOverflowMenuItems) && (\n                <MainActions\n                  primaryAction={primaryAction}\n                  defaultAction={defaultAction}\n                  reversed={isReversed(variant)}\n                  overflowMenuItems={createTabletOverflowMenuItems(\n                    secondaryActions,\n                    secondaryOverflowMenuItems\n                  )}\n                  showOverflowMenu={isSmallOrMediumViewport}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <div className={styles.rowBelowSeparator}>\n          <div className={styles.rowBelowSeparatorInner}>\n            <div className={styles.rowBelowSeparatorInnerContent}>\n              {(sectionTitle ||\n                sectionTitleDescription ||\n                renderSectionTitle) && (\n                <div className={styles.sectionTitleContainer}>\n                  <div className={styles.sectionTitleInner}>\n                    {!!renderSectionTitle\n                      ? renderSectionTitle({\n                          sectionTitle,\n                          sectionTitleAutomationId,\n                          sectionTitleDescription,\n                          sectionTitleDescriptionAutomationId,\n                        })\n                      : defaultRenderSectionTitle(\n                          sectionTitle,\n                          sectionTitleDescription,\n                          variant,\n                          sectionTitleAutomationId,\n                          sectionTitleDescriptionAutomationId\n                        )}\n                  </div>\n                </div>\n              )}\n              {renderNavigationTabs(\n                navigationTabs,\n                collapseNavigationArea,\n                title\n              )}\n              {(secondaryActions || secondaryOverflowMenuItems) && (\n                <SecondaryActions\n                  secondaryActions={secondaryActions}\n                  secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n                  reversed={isReversed(variant)}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <MobileActions\n          primaryAction={primaryAction}\n          defaultAction={defaultAction}\n          secondaryActions={secondaryActions}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={\n            primaryAction && \"iconPosition\" in primaryAction\n              ? primaryAction.iconPosition\n              : undefined\n          }\n        />\n      </div>\n    </>\n  )\n}\n\nTitleBlockZen.displayName = \"TitleBlockZen\"\n"],"names":["renderTag","surveyStatus","tagVariant","status","React","createElement","className","styles","tag","Tag","variant","size","text","isJSXElement","imageElementOrAvatarProps","renderAvatar","avatarAutomationId","classnames","avatar","withBorder","Avatar","renderSubtitle","subtitle","subtitleAutomationId","subtitleText","defaultRenderSectionTitle","sectionTitle","sectionTitleDescription","sectionTitleAutomationId","sectionTitleDescriptionAutomationId","Fragment","Heading","color","isReversed","classNameOverride","sectionTitleOverride","dark","Breadcrumb","_a","breadcrumb","automationId","textAutomationId","textDirection","path","handleClick","render","icon","ArrowRightIcon","role","ArrowLeftIcon","InnerContents","circle","breadcrumbTextLink","breadcrumbText","CustomRender","TagName","__assign","href","onClick","renderNavigationTabs","navigationTabs","collapse","ariaLabel","navigationTabScrollerContainer","navigationTabsContainer","navigationTabsContainerCollapsed","undefined","navigationTabEdgeShadowLeft","navigationTabsNav","navigationTabsList","map","navigationTab","index","key","navigationTabEdgeShadowRight","TitleBlockZen","title","renderSectionTitle","pageSwitcherSelect","handleHamburgerClick","primaryAction","defaultAction","secondaryActions","secondaryOverflowMenuItems","_b","collapseNavigationAreaWhenPossible","id","_c","titleAutomationId","_d","_e","_f","_g","_h","breadcrumbAutomationId","_j","breadcrumbTextAutomationId","hasNavigationTabs","length","collapseNavigationArea","_k","useMediaQueries","queries","isSmall","isMedium","isSmallOrMediumViewport","titleBlock","concat","Boolean","hasSubtitle","hasPageSwitcherSelect","hasLongTitle","hasLongSubtitle","titleRow","titleRowInner","titleRowInnerContent","titleAndAdjacent","titleAndAdjacentNotBreadcrumb","hamburger","IconButton","HamburgerIcon","label","reversed","titleAndSubtitle","titleAndSubtitleInner","titleTextOverride","pageSwitcherSelectUnderneathTitle","Select","pageSwitcherSelectNextToTitle","fullWidth","MainActions","overflowMenuItems","createTabletOverflowMenuItems","showOverflowMenu","rowBelowSeparator","rowBelowSeparatorInner","rowBelowSeparatorInnerContent","sectionTitleContainer","sectionTitleInner","SecondaryActions","MobileActions","drawerHandleLabelIconPosition","iconPosition","displayName"],"mappings":"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"}
+{"version":3,"file":"TitleBlockZen.cjs","sources":["../../../src/TitleBlockZen/TitleBlockZen.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar } from \"~components/Avatar\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ArrowLeftIcon, ArrowRightIcon, HamburgerIcon } from \"~components/Icon\"\nimport { Select } from \"~components/Select\"\nimport { Tag } from \"~components/Tag\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { MainActions } from \"./subcomponents/MainActions\"\nimport { MobileActions } from \"./subcomponents/MobileActions\"\nimport { SecondaryActions } from \"./subcomponents/SecondaryActions\"\nimport {\n  TitleBlockBreadcrumbProps,\n  NavigationTabs,\n  SurveyStatus,\n  TitleBlockAvatarProps,\n  TitleBlockProps,\n  TitleBlockVariant,\n} from \"./types\"\nimport { createTabletOverflowMenuItems, isReversed } from \"./utils\"\nimport styles from \"./TitleBlockZen.module.scss\"\n\nconst renderTag = (surveyStatus: SurveyStatus): JSX.Element | void => {\n  let tagVariant: React.ComponentPropsWithoutRef<typeof Tag>[\"variant\"]\n\n  if (tagVariant === \"profile\") {\n    return\n  }\n\n  if (surveyStatus.status === \"draft\") {\n    tagVariant = \"statusDraft\"\n  }\n\n  /*\n    scheduled is actually a draft survey status that has a launch job scheduled\n    still, we want to differentiate on the UI and render a specific tag\n    the styles must be identical to the draft style\n\n    we have similar behaviour on programs index page's table\n  */\n  if (surveyStatus.status === \"scheduled\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"live\") {\n    tagVariant = \"statusLive\"\n  }\n\n  if (surveyStatus.status === \"closed\") {\n    tagVariant = \"statusClosed\"\n  }\n\n  if (surveyStatus.status === \"sentimentPositive\") {\n    tagVariant = \"sentimentPositive\"\n  }\n\n  if (surveyStatus.status === \"default\") {\n    tagVariant = \"default\"\n  }\n\n  return (\n    <div\n      data-automation-id=\"survey-status-tag\"\n      data-testid=\"survey-status-tag\"\n      className={styles.tag}\n    >\n      <Tag variant={tagVariant} size=\"small\">\n        {surveyStatus.text}\n      </Tag>\n    </div>\n  )\n}\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | TitleBlockAvatarProps,\n  avatarAutomationId: string\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={classnames(styles.avatar, styles.withBorder)}\n    >\n      {imageElementOrAvatarProps}\n    </div>\n  ) : (\n    <div\n      data-automation-id={avatarAutomationId}\n      data-testid={avatarAutomationId}\n      className={styles.avatar}\n    >\n      <Avatar {...imageElementOrAvatarProps} size=\"medium\" />\n    </div>\n  )\n\nconst renderSubtitle = (\n  subtitle: React.ReactNode,\n  subtitleAutomationId: string\n): JSX.Element => (\n  <div className={styles.subtitle}>\n    <span\n      data-automation-id={subtitleAutomationId}\n      data-testid={subtitleAutomationId}\n      className={styles.subtitleText}\n    >\n      {subtitle}\n    </span>\n  </div>\n)\n\nconst defaultRenderSectionTitle = (\n  sectionTitle?: string,\n  sectionTitleDescription?: string,\n  variant?: TitleBlockVariant,\n  sectionTitleAutomationId?: string,\n  sectionTitleDescriptionAutomationId?: string\n): JSX.Element => (\n  <>\n    {sectionTitle && (\n      <div className={styles.sectionTitle}>\n        <Heading\n          variant=\"heading-2\"\n          color={isReversed(variant) ? \"white\" : \"dark\"}\n          classNameOverride={styles.sectionTitleOverride}\n          data-automation-id={sectionTitleAutomationId}\n          data-testid={sectionTitleAutomationId}\n        >\n          {sectionTitle}\n        </Heading>\n      </div>\n    )}\n    {sectionTitleDescription && (\n      <div\n        data-automation-id={sectionTitleDescriptionAutomationId}\n        data-testid={sectionTitleDescriptionAutomationId}\n        className={classnames(\n          styles.sectionTitleDescription,\n          !isReversed(variant) && styles.dark\n        )}\n      >\n        {sectionTitleDescription}\n      </div>\n    )}\n  </>\n)\n\nconst Breadcrumb = ({\n  breadcrumb,\n  automationId,\n  textAutomationId,\n  textDirection,\n}: TitleBlockBreadcrumbProps): JSX.Element => {\n  const { path, handleClick, text, render } = breadcrumb\n  const icon =\n    textDirection === \"rtl\" ? (\n      <ArrowRightIcon role=\"presentation\" />\n    ) : (\n      <ArrowLeftIcon role=\"presentation\" />\n    )\n  const InnerContents = (): JSX.Element => (\n    <>\n      <div className={styles.circle}>{icon}</div>\n      <span\n        className={styles.breadcrumbTextLink}\n        data-automation-id={textAutomationId}\n        data-testid={textAutomationId}\n      >\n        <span className={styles.breadcrumbText}>{text}</span>\n      </span>\n    </>\n  )\n\n  if (render) {\n    const CustomRender = render\n    return (\n      <CustomRender\n        breadcrumb={breadcrumb}\n        className={styles.breadcrumb}\n        automationId={automationId}\n        textAutomationId={textAutomationId}\n        textDirection={textDirection}\n      >\n        <InnerContents />\n      </CustomRender>\n    )\n  }\n\n  const TagName = path ? \"a\" : \"button\"\n\n  return (\n    <TagName\n      {...(path && { href: path })}\n      className={styles.breadcrumb}\n      data-automation-id={automationId}\n      data-testid={automationId}\n      onClick={handleClick}\n    >\n      <InnerContents />\n    </TagName>\n  )\n}\n\n// We want to accept undefined here because the NavigationTabs container is\n// important for the flex-based layout (it pushes Secondary Actions over to the right)\nconst renderNavigationTabs = (\n  navigationTabs: NavigationTabs | undefined,\n  collapse: boolean,\n  ariaLabel: string\n): JSX.Element => (\n  <div className={styles.navigationTabScrollerContainer}>\n    <div\n      className={classnames(\n        styles.navigationTabsContainer,\n        collapse && styles.navigationTabsContainerCollapsed\n      )}\n    >\n      {!collapse && navigationTabs !== undefined && (\n        <>\n          <span className={styles.navigationTabEdgeShadowLeft} />\n          <nav className={styles.navigationTabsNav} aria-label={ariaLabel}>\n            <ul className={styles.navigationTabsList}>\n              {navigationTabs.map((navigationTab, index) => (\n                <li key={index}>{navigationTab}</li>\n              ))}\n            </ul>\n          </nav>\n          <span className={styles.navigationTabEdgeShadowRight} />\n        </>\n      )}\n    </div>\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |\n * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}\n */\nexport const TitleBlockZen = ({\n  title,\n  variant,\n  breadcrumb,\n  avatar,\n  subtitle,\n  sectionTitle,\n  sectionTitleDescription,\n  renderSectionTitle,\n  pageSwitcherSelect,\n  handleHamburgerClick,\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  navigationTabs,\n  collapseNavigationAreaWhenPossible = false,\n  textDirection,\n  surveyStatus,\n  id,\n  titleAutomationId = \"TitleBlock__Title\",\n  avatarAutomationId = \"TitleBlock__Avatar\",\n  subtitleAutomationId = \"TitleBlock__Subtitle\",\n  sectionTitleAutomationId = \"TitleBlock__SectionTitle\",\n  sectionTitleDescriptionAutomationId = \"TitleBlock__SectionTitleDescription\",\n  breadcrumbAutomationId = \"TitleBlock__Breadcrumb\",\n  breadcrumbTextAutomationId = \"TitleBlock__BreadcrumbText\",\n  autoHideMobileActionsMenu = false,\n}: TitleBlockProps): JSX.Element => {\n  const hasNavigationTabs = navigationTabs && navigationTabs.length > 0\n  const collapseNavigationArea =\n    collapseNavigationAreaWhenPossible &&\n    !hasNavigationTabs &&\n    secondaryActions === undefined\n\n  const {\n    queries: { isSmall, isMedium },\n  } = useMediaQueries()\n  const isSmallOrMediumViewport = isMedium || isSmall\n  return (\n    <>\n      <div\n        id={id}\n        className={classnames(\n          styles.titleBlock,\n          styles[`${variant}Variant`],\n          Boolean(subtitle) && styles.hasSubtitle,\n          Boolean(pageSwitcherSelect) && styles.hasPageSwitcherSelect,\n          collapseNavigationArea &&\n            !(sectionTitle || sectionTitleDescription || renderSectionTitle) &&\n            styles.collapseNavigationArea,\n          title && title.length >= 30 && styles.hasLongTitle,\n          subtitle &&\n            typeof subtitle === \"string\" &&\n            subtitle.length >= 18 &&\n            styles.hasLongSubtitle,\n          hasNavigationTabs && styles.hasNavigationTabs\n        )}\n      >\n        <div className={styles.titleRow}>\n          <div className={styles.titleRowInner}>\n            <div className={styles.titleRowInnerContent}>\n              <div className={styles.titleAndAdjacent}>\n                {breadcrumb && (\n                  <Breadcrumb\n                    breadcrumb={breadcrumb}\n                    automationId={breadcrumbAutomationId}\n                    textAutomationId={breadcrumbTextAutomationId}\n                    textDirection={textDirection}\n                  />\n                )}\n                <div className={styles.titleAndAdjacentNotBreadcrumb}>\n                  <>\n                    {handleHamburgerClick && (\n                      <div className={styles.hamburger}>\n                        <IconButton\n                          onClick={handleHamburgerClick}\n                          icon={<HamburgerIcon role=\"presentation\" />}\n                          label=\"Open menu\"\n                          reversed={isReversed(variant)}\n                        />\n                      </div>\n                    )}\n                    {avatar && renderAvatar(avatar, avatarAutomationId)}\n                    <div className={styles.titleAndSubtitle}>\n                      <div className={styles.titleAndSubtitleInner}>\n                        <div className={styles.title}>\n                          <Heading\n                            variant=\"heading-1\"\n                            color={isReversed(variant) ? \"white\" : \"dark\"}\n                            classNameOverride={styles.titleTextOverride}\n                            data-automation-id={titleAutomationId}\n                            data-testid={titleAutomationId}\n                          >\n                            {title}\n                          </Heading>\n                        </div>\n                        {isSmallOrMediumViewport && pageSwitcherSelect && (\n                          <div\n                            className={styles.pageSwitcherSelectUnderneathTitle}\n                          >\n                            <Select\n                              {...pageSwitcherSelect}\n                              variant=\"secondary-small\"\n                              reversed\n                            />\n                          </div>\n                        )}\n                        {subtitle &&\n                          renderSubtitle(subtitle, subtitleAutomationId)}\n                      </div>\n                    </div>\n                    {surveyStatus && renderTag(surveyStatus)}\n                    {!isSmallOrMediumViewport && pageSwitcherSelect && (\n                      <div className={styles.pageSwitcherSelectNextToTitle}>\n                        <Select\n                          {...pageSwitcherSelect}\n                          variant=\"secondary\"\n                          reversed\n                          fullWidth\n                        />\n                      </div>\n                    )}\n                  </>\n                </div>\n              </div>\n              {(primaryAction ||\n                defaultAction ||\n                secondaryActions ||\n                secondaryOverflowMenuItems) && (\n                <MainActions\n                  primaryAction={primaryAction}\n                  defaultAction={defaultAction}\n                  reversed={isReversed(variant)}\n                  overflowMenuItems={createTabletOverflowMenuItems(\n                    secondaryActions,\n                    secondaryOverflowMenuItems\n                  )}\n                  showOverflowMenu={isSmallOrMediumViewport}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <div className={styles.rowBelowSeparator}>\n          <div className={styles.rowBelowSeparatorInner}>\n            <div className={styles.rowBelowSeparatorInnerContent}>\n              {(sectionTitle ||\n                sectionTitleDescription ||\n                renderSectionTitle) && (\n                <div className={styles.sectionTitleContainer}>\n                  <div className={styles.sectionTitleInner}>\n                    {!!renderSectionTitle\n                      ? renderSectionTitle({\n                          sectionTitle,\n                          sectionTitleAutomationId,\n                          sectionTitleDescription,\n                          sectionTitleDescriptionAutomationId,\n                        })\n                      : defaultRenderSectionTitle(\n                          sectionTitle,\n                          sectionTitleDescription,\n                          variant,\n                          sectionTitleAutomationId,\n                          sectionTitleDescriptionAutomationId\n                        )}\n                  </div>\n                </div>\n              )}\n              {renderNavigationTabs(\n                navigationTabs,\n                collapseNavigationArea,\n                title\n              )}\n              {(secondaryActions || secondaryOverflowMenuItems) && (\n                <SecondaryActions\n                  secondaryActions={secondaryActions}\n                  secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n                  reversed={isReversed(variant)}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <MobileActions\n          primaryAction={primaryAction}\n          defaultAction={defaultAction}\n          secondaryActions={secondaryActions}\n          secondaryOverflowMenuItems={secondaryOverflowMenuItems}\n          drawerHandleLabelIconPosition={\n            primaryAction && \"iconPosition\" in primaryAction\n              ? primaryAction.iconPosition\n              : undefined\n          }\n          autoHide={autoHideMobileActionsMenu}\n        />\n      </div>\n    </>\n  )\n}\n\nTitleBlockZen.displayName = \"TitleBlockZen\"\n"],"names":["renderTag","surveyStatus","tagVariant","status","React","createElement","className","styles","tag","Tag","variant","size","text","isJSXElement","imageElementOrAvatarProps","renderAvatar","avatarAutomationId","classnames","avatar","withBorder","Avatar","renderSubtitle","subtitle","subtitleAutomationId","subtitleText","defaultRenderSectionTitle","sectionTitle","sectionTitleDescription","sectionTitleAutomationId","sectionTitleDescriptionAutomationId","Fragment","Heading","color","isReversed","classNameOverride","sectionTitleOverride","dark","Breadcrumb","_a","breadcrumb","automationId","textAutomationId","textDirection","path","handleClick","render","icon","ArrowRightIcon","role","ArrowLeftIcon","InnerContents","circle","breadcrumbTextLink","breadcrumbText","CustomRender","TagName","__assign","href","onClick","renderNavigationTabs","navigationTabs","collapse","ariaLabel","navigationTabScrollerContainer","navigationTabsContainer","navigationTabsContainerCollapsed","undefined","navigationTabEdgeShadowLeft","navigationTabsNav","navigationTabsList","map","navigationTab","index","key","navigationTabEdgeShadowRight","TitleBlockZen","title","renderSectionTitle","pageSwitcherSelect","handleHamburgerClick","primaryAction","defaultAction","secondaryActions","secondaryOverflowMenuItems","_b","collapseNavigationAreaWhenPossible","id","_c","titleAutomationId","_d","_e","_f","_g","_h","breadcrumbAutomationId","_j","breadcrumbTextAutomationId","_k","autoHideMobileActionsMenu","hasNavigationTabs","length","collapseNavigationArea","_l","useMediaQueries","queries","isSmall","isMedium","isSmallOrMediumViewport","titleBlock","concat","Boolean","hasSubtitle","hasPageSwitcherSelect","hasLongTitle","hasLongSubtitle","titleRow","titleRowInner","titleRowInnerContent","titleAndAdjacent","titleAndAdjacentNotBreadcrumb","hamburger","IconButton","HamburgerIcon","label","reversed","titleAndSubtitle","titleAndSubtitleInner","titleTextOverride","pageSwitcherSelectUnderneathTitle","Select","pageSwitcherSelectNextToTitle","fullWidth","MainActions","overflowMenuItems","createTabletOverflowMenuItems","showOverflowMenu","rowBelowSeparator","rowBelowSeparatorInner","rowBelowSeparatorInnerContent","sectionTitleContainer","sectionTitleInner","SecondaryActions","MobileActions","drawerHandleLabelIconPosition","iconPosition","autoHide","displayName"],"mappings":"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"}

package/dist/cjs/TitleBlockZen/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/TitleBlockZen/constants.ts"],"sourcesContent":["export const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID = \"title-block-secondary-menu\"\nexport const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = \"title-block-other-actions\"\n"],"names":["TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID"],"mappings":";;AAAO,IAAMA,sCAAsC,GAAG,4BAA4B;AAC3E,IAAMC,qCAAqC,GAAG,2BAAA;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/TitleBlockZen/constants.ts"],"sourcesContent":["export const TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID =\n  \"title-block-secondary-menu\"\nexport const TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID = \"title-block-other-actions\"\n"],"names":["TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID"],"mappings":";;AAAO,IAAMA,sCAAsC,GACjD,4BAA4B;AACvB,IAAMC,qCAAqC,GAAG,2BAAA;;"}

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

@@ -249,13 +249,33 @@ const MobileActions = /*#__PURE__*/function () {
       defaultAction = _a.defaultAction,
       secondaryActions = _a.secondaryActions,
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition;
-    var _b = React.useState(false),
-      isOpen = _b[0],
-      setIsOpen = _b[1];
+      drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
+      _b = _a.autoHide,
+      autoHide = _b === void 0 ? false : _b;
+    var _c = React.useState(false),
+      isOpen = _c[0],
+      setIsOpen = _c[1];
+    var menuContent = React.createRef();
     var toggleDisplay = function () {
       setIsOpen(!isOpen);
     };
+    // This callback handler will not run when autoHide === "off"
+    var handleDocumentClickForAutoHide = React.useCallback(function (e) {
+      var _a;
+      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+        setIsOpen(false);
+      }
+    }, [menuContent]);
+    React.useEffect(function () {
+      if (autoHide) {
+        document.addEventListener("click", handleDocumentClickForAutoHide, true);
+      }
+      return function () {
+        if (autoHide) {
+          document.removeEventListener("click", handleDocumentClickForAutoHide, true);
+        }
+      };
+    }, [autoHide, handleDocumentClickForAutoHide]);
     return React.createElement("div", {
       className: classnames(MobileActions_module.mobileActionsContainer, isOpen && MobileActions_module.isOpen)
     }, React.createElement(reactFocusOn.FocusOn, {
@@ -270,6 +290,7 @@ const MobileActions = /*#__PURE__*/function () {
       toggleDisplay: toggleDisplay,
       isOpen: isOpen
     }), (defaultAction || secondaryActions || secondaryOverflowMenuItems || primaryAction && utils.isMenuGroupNotButton(primaryAction)) && React.createElement("div", {
+      ref: menuContent,
       className: MobileActions_module.mobileActionsMenuContainer
     }, React.createElement(DrawerMenuContent, {
       primaryAction: primaryAction,

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

@@ -1 +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 { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } 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          data-automation-id={`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        data-automation-id=\"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      data-automation-id=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n      id={defaultAction.id}\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        data-automation-id=\"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            id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\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          id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\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","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","id","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","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID","MobileActions","_b","useState","setIsOpen","mobileActionsContainer","FocusOn","enabled","scrollLock","mobileActionsMenuContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"MobileActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MobileActions.tsx"],"sourcesContent":["import React, { useCallback, useEffect, 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 { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID } from \"../constants\"\nimport {\n  DefaultActionProps,\n  PrimaryActionProps,\n  SecondaryActionsProps,\n  TitleBlockButtonProps,\n  TitleBlockMenuGroup,\n  TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n  convertSecondaryActionsToMenuItems,\n  isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } 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          data-automation-id={`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        data-automation-id=\"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      data-automation-id=\"title-block-mobile-actions-default-link\"\n      data-testid=\"title-block-mobile-actions-default-link\"\n      id={defaultAction.id}\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        data-automation-id=\"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            id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\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          id={TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID}\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  autoHide?: boolean\n}\n\nexport const MobileActions = ({\n  primaryAction,\n  defaultAction,\n  secondaryActions,\n  secondaryOverflowMenuItems,\n  drawerHandleLabelIconPosition,\n  autoHide = false,\n}: MobileActionsProps): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n  const menuContent = React.createRef<HTMLDivElement>()\n  const toggleDisplay = (): void => {\n    setIsOpen(!isOpen)\n  }\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        isOpen &&\n        e.target instanceof Node &&\n        menuContent.current?.contains(e.target)\n      ) {\n        setIsOpen(false)\n      }\n    },\n    [menuContent]\n  )\n\n  useEffect(() => {\n    if (autoHide) {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide) {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\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 ref={menuContent} 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","renderDefaultLink","defaultAction","MenuItem","href","label","icon","disabled","id","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","TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID","MobileActions","_b","autoHide","_c","useState","setIsOpen","menuContent","createRef","handleDocumentClickForAutoHide","useCallback","e","target","Node","current","contains","useEffect","document","addEventListener","removeEventListener","mobileActionsContainer","FocusOn","enabled","scrollLock","ref","mobileActionsMenuContainer","displayName"],"mappings":"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"}

package/dist/cjs/dts/TitleBlockZen/TitleBlockZen.d.ts

@@ -4,6 +4,6 @@ import { TitleBlockProps } from "./types";
  * {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
  */
 export declare const TitleBlockZen: {
-    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
+    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, autoHideMobileActionsMenu, }: TitleBlockProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/TitleBlockZen/subcomponents/MobileActions.d.ts

@@ -6,8 +6,9 @@ export type MobileActionsProps = {
     secondaryActions?: SecondaryActionsProps;
     secondaryOverflowMenuItems?: TitleBlockMenuItemProps[];
     drawerHandleLabelIconPosition?: ButtonProps["iconPosition"];
+    autoHide?: boolean;
 };
 export declare const MobileActions: {
-    ({ primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, drawerHandleLabelIconPosition, }: MobileActionsProps): JSX.Element;
+    ({ primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, drawerHandleLabelIconPosition, autoHide, }: MobileActionsProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/TitleBlockZen/types.d.ts

@@ -42,6 +42,7 @@ export type TitleBlockProps = {
     subtitleAutomationId?: string;
     sectionTitleAutomationId?: string;
     sectionTitleDescriptionAutomationId?: string;
+    autoHideMobileActionsMenu?: boolean;
 };
 /**
  * ### PrimaryActionProps

package/dist/cjs/index.css

@@ -1,11 +1,11 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
-.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}

package/dist/esm/TitleBlockZen/TitleBlockZen.mjs

@@ -201,12 +201,14 @@ const TitleBlockZen = /*#__PURE__*/function () {
       _h = _a.breadcrumbAutomationId,
       breadcrumbAutomationId = _h === void 0 ? "TitleBlock__Breadcrumb" : _h,
       _j = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j;
+      breadcrumbTextAutomationId = _j === void 0 ? "TitleBlock__BreadcrumbText" : _j,
+      _k = _a.autoHideMobileActionsMenu,
+      autoHideMobileActionsMenu = _k === void 0 ? false : _k;
     var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
     var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _k = useMediaQueries().queries,
-      isSmall = _k.isSmall,
-      isMedium = _k.isMedium;
+    var _l = useMediaQueries().queries,
+      isSmall = _l.isSmall,
+      isMedium = _l.isMedium;
     var isSmallOrMediumViewport = isMedium || isSmall;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       id: id,
@@ -288,7 +290,8 @@ const TitleBlockZen = /*#__PURE__*/function () {
       defaultAction: defaultAction,
       secondaryActions: secondaryActions,
       secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined
+      drawerHandleLabelIconPosition: primaryAction && "iconPosition" in primaryAction ? primaryAction.iconPosition : undefined,
+      autoHide: autoHideMobileActionsMenu
     })));
   };
   TitleBlockZen.displayName = "TitleBlockZen";