@kaizen/components 1.37.1 → 1.38.0

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 === \"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  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        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","_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  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        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","_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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"}

package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs

@@ -36,9 +36,8 @@ const MainActions = /*#__PURE__*/function () {
       });
       items = tslib.__spreadArray(tslib.__spreadArray([], defaultAction ? [{
         key: "defaultAction",
-        node: React.createElement(Button.Button, tslib.__assign({}, tslib.__assign(tslib.__assign({}, defaultAction), {
-          reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed
-        }), {
+        node: React.createElement(Button.Button, tslib.__assign({}, defaultAction, {
+          reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         }))
@@ -65,18 +64,16 @@ const MainActions = /*#__PURE__*/function () {
     } else {
       items = tslib.__spreadArray(tslib.__spreadArray([], defaultAction ? [{
         key: "defaultAction",
-        node: React.createElement(Button.Button, tslib.__assign({}, tslib.__assign(tslib.__assign({}, defaultAction), {
-          reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed
-        }), {
+        node: React.createElement(Button.Button, tslib.__assign({}, defaultAction, {
+          reversed: defaultAction.reversed !== undefined ? defaultAction.reversed : reversed,
           "data-automation-id": "title-block-default-action-button",
           "data-testid": "title-block-default-action-button"
         }))
       }] : [], true), primaryAction ? [{
         key: "primaryAction",
-        node: React.createElement(Button.Button, tslib.__assign({}, tslib.__assign(tslib.__assign({}, primaryAction), {
+        node: React.createElement(Button.Button, tslib.__assign({}, primaryAction, {
           primary: primaryAction.primary !== undefined ? primaryAction.primary : true,
-          reversed: primaryAction.reversed !== undefined ? primaryAction.reversed : reversed
-        }), {
+          reversed: primaryAction.reversed !== undefined ? primaryAction.reversed : reversed,
           "data-automation-id": "title-block-primary-action-button",
           "data-testid": "title-block-primary-action-button",
           badge: primaryAction.badge ? tslib.__assign(tslib.__assign({}, primaryAction.badge), {

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

@@ -1 +1 @@
-{"version":3,"file":"MainActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.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 { DefaultActionProps, PrimaryActionProps } from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport {\n  TitleBlockMenuItem,\n  TitleBlockMenuItemProps,\n} from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        automationId={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\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              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","key","automationId","concat","__spreadArray","node","Button","__assign","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","displayName"],"mappings":"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"}
+{"version":3,"file":"MainActions.cjs","sources":["../../../../src/TitleBlockZen/subcomponents/MainActions.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 { DefaultActionProps, PrimaryActionProps } from \"../types\"\nimport { isMenuGroupNotButton } from \"../utils\"\nimport {\n  TitleBlockMenuItem,\n  TitleBlockMenuItemProps,\n} from \"./TitleBlockMenuItem\"\nimport { Toolbar } from \"./Toolbar\"\nimport styles from \"./MainActions.module.scss\"\n\ntype MainActionsProps = {\n  primaryAction?: PrimaryActionProps\n  defaultAction?: DefaultActionProps\n  reversed?: boolean\n  overflowMenuItems?: TitleBlockMenuItemProps[]\n  showOverflowMenu?: boolean\n}\n\nexport const MainActions = ({\n  primaryAction,\n  defaultAction,\n  reversed = false,\n  overflowMenuItems,\n  showOverflowMenu = false,\n}: MainActionsProps): JSX.Element => {\n  let items\n  if (primaryAction && isMenuGroupNotButton(primaryAction)) {\n    const menuContent = primaryAction.menuItems.map((item, idx) => (\n      <TitleBlockMenuItem\n        {...item}\n        key={`main-action-primary-menu-item-${idx}`}\n        automationId={`main-action-primary-menu-item-${idx}`}\n        data-testid={`main-action-primary-menu-item-${idx}`}\n      />\n    ))\n\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Menu\n                  align=\"right\"\n                  button={\n                    <Button\n                      label={primaryAction.label}\n                      primary\n                      reversed={reversed}\n                      icon={<ChevronDownIcon role=\"presentation\" />}\n                      iconPosition=\"end\"\n                      data-automation-id=\"title-block-primary-action-button\"\n                      data-testid=\"title-block-primary-action-button\"\n                      badge={\n                        primaryAction.badge\n                          ? {\n                              ...primaryAction.badge,\n                              variant: \"dark\",\n                            }\n                          : undefined\n                      }\n                    />\n                  }\n                >\n                  <MenuList>{menuContent}</MenuList>\n                </Menu>\n              ),\n            },\n          ]\n        : []),\n    ]\n  } else {\n    items = [\n      ...(defaultAction\n        ? [\n            {\n              key: \"defaultAction\",\n              node: (\n                <Button\n                  {...{\n                    ...defaultAction,\n                    reversed:\n                      defaultAction.reversed !== undefined\n                        ? defaultAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-default-action-button\"\n                  data-testid=\"title-block-default-action-button\"\n                />\n              ),\n            },\n          ]\n        : []),\n      ...(primaryAction\n        ? [\n            {\n              key: \"primaryAction\",\n              node: (\n                <Button\n                  {...{\n                    ...primaryAction,\n                    primary:\n                      primaryAction.primary !== undefined\n                        ? primaryAction.primary\n                        : true,\n                    reversed:\n                      primaryAction.reversed !== undefined\n                        ? primaryAction.reversed\n                        : reversed,\n                  }}\n                  data-automation-id=\"title-block-primary-action-button\"\n                  data-testid=\"title-block-primary-action-button\"\n                  badge={\n                    primaryAction.badge\n                      ? {\n                          ...primaryAction.badge,\n                          variant: \"dark\",\n                        }\n                      : undefined\n                  }\n                />\n              ),\n            },\n          ]\n        : []),\n    ]\n  }\n\n  if (overflowMenuItems && showOverflowMenu && overflowMenuItems.length > 0) {\n    items = [\n      {\n        key: \"overflowMenu\",\n        node: (\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              {overflowMenuItems.map((menuItem, idx) => (\n                <TitleBlockMenuItem\n                  {...menuItem}\n                  key={`main-action-overflow-item-menu-item-${idx}`}\n                />\n              ))}\n            </MenuList>\n          </Menu>\n        ),\n      },\n      ...items,\n    ]\n  }\n\n  return (\n    <div className={styles.mainActionsContainer}>\n      <Toolbar\n        items={items}\n        automationId=\"title-block-main-actions-toolbar\"\n        data-testid=\"title-block-main-actions-toolbar\"\n      />\n    </div>\n  )\n}\n\nMainActions.displayName = \"MainActions\"\n"],"names":["MainActions","_a","primaryAction","defaultAction","_b","reversed","overflowMenuItems","_c","showOverflowMenu","items","isMenuGroupNotButton","menuContent","menuItems","map","item","idx","React","createElement","TitleBlockMenuItem","key","automationId","concat","__spreadArray","node","Button","__assign","undefined","Menu","align","button","label","primary","icon","ChevronDownIcon","role","iconPosition","badge","variant","MenuList","length","IconButton","MeatballsIcon","menuItem","className","styles","mainActionsContainer","Toolbar","displayName"],"mappings":";;;;;;;;;;;;;;;;;;MAqBaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAMT,EAAA;QALjBC,aAAa,GAAAD,EAAA,CAAAC,aAAA;MACbC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,QAAA;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA;MAChBE,iBAAiB,uBAAA;MACjBC,EAAA,GAAAN,EAAA,CAAAO,gBAAwB;MAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAExB,IAAIE,KAAK;IACT,IAAIP,aAAa,IAAIQ,0BAAoB,CAACR,aAAa,CAAC,EAAE;MACxD,IAAMS,WAAW,GAAGT,aAAa,CAACU,SAAS,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,GAAG,EAAK;QAAA,OAC7DC,KAAC,CAAAC,aAAA,CAAAC,kBAAkB,CAAAA,kBAAA,qBACbJ,IAAI,EAAA;UACRK,GAAG,EAAE,wCAAiCJ,GAAG,CAAE;UAC3CK,YAAY,EAAE,wCAAiCL,GAAG,CAAE;UACvC,aAAA,EAAA,gCAAA,CAAAM,MAAA,CAAiCN,GAAG;QAAE,CAAA,CAAA,CACnD;MAN2D,CAO9D,CAAC;MAEFN,KAAK,GAAAa,KAAA,CAAAA,aAAA,CAAAA,mBAAA,CAAA,EAAA,EACCnB,aAAa,GACb,CACE;QACEgB,GAAG,EAAE,eAAe;QACpBI,IAAI,EACFP,KAAC,CAAAC,aAAA,CAAAO,MAAAA,CAAAA,MAAM,EAEAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAtB,aAAa,EAChB;UAAAE,QAAQ,EACNF,aAAa,CAACE,QAAQ,KAAKqB,SAAS,GAChCvB,aAAa,CAACE,QAAQ,GACtBA,QAAQ;UAAA,oBAAA,EAEG,mCAAmC;UAC1C,aAAA,EAAA;QAAmC;MAGpD,CAAA,CACF,GACD,EAAE,EAAC,IAAA,CAAA,EACHH,aAAa,GACb,CACE;QACEiB,GAAG,EAAE,eAAe;QACpBI,IAAI,EACFP,KAAC,CAAAC,aAAA,CAAAU,IAAI,CAAAA,IAAA;UACHC,KAAK,EAAC,OAAO;UACbC,MAAM,EACJb,oBAACQ,MAAM,CAAAA,MAAA,EAAA;YACLM,KAAK,EAAE5B,aAAa,CAAC4B,KAAK;YAC1BC,OAAO,EAAA,IAAA;YACP1B,QAAQ,EAAEA,QAAQ;YAClB2B,IAAI,EAAEhB,KAAC,CAAAC,aAAA,CAAAgB,eAAe,CAAAA,eAAA;cAACC,IAAI,EAAC;aAAc,CAAG;YAC7CC,YAAY,EAAC,KAAK;YAAA,oBAAA,EACC,mCAAmC;YAC1C,aAAA,EAAA,mCAAmC;YAC/CC,KAAK,EACHlC,aAAa,CAACkC,KAAK,GAEVX,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAvB,aAAa,CAACkC,KAAK,CACtB,EAAA;cAAAC,OAAO,EAAE;YAAM,CAEnB,CAAA,GAAEX;UAEN,CAAA;QAAA,CAAA,EAGJV,KAAA,CAAAC,aAAA,CAACqB,QAAAA,CAAAA,QAAQ,EAAA,IAAA,EAAE3B,WAAW,CAAY;MAGvC,CAAA,CACF,GACD,EAAE,EAAC,IAAA,CACR;IACF,CAAA,MAAM;MACLF,KAAK,GAAAa,KAAA,CAAAA,aAAA,CAAAA,mBAAA,CAAA,EAAA,EACCnB,aAAa,GACb,CACE;QACEgB,GAAG,EAAE,eAAe;QACpBI,IAAI,EACFP,KAAC,CAAAC,aAAA,CAAAO,MAAAA,CAAAA,MAAM,EAEAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAtB,aAAa,EAChB;UAAAE,QAAQ,EACNF,aAAa,CAACE,QAAQ,KAAKqB,SAAS,GAChCvB,aAAa,CAACE,QAAQ,GACtBA,QAAQ;UAAA,oBAAA,EAEG,mCAAmC;UAC1C,aAAA,EAAA;QAAmC;MAGpD,CAAA,CACF,GACD,EAAE,EAAC,IAAA,CAAA,EACHH,aAAa,GACb,CACE;QACEiB,GAAG,EAAE,eAAe;QACpBI,IAAI,EACFP,KAAC,CAAAC,aAAA,CAAAO,MAAAA,CAAAA,MAAM,EAEAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAvB,aAAa,EAChB;UAAA6B,OAAO,EACL7B,aAAa,CAAC6B,OAAO,KAAKL,SAAS,GAC/BxB,aAAa,CAAC6B,OAAO,GACrB,IAAI;UACV1B,QAAQ,EACNH,aAAa,CAACG,QAAQ,KAAKqB,SAAS,GAChCxB,aAAa,CAACG,QAAQ,GACtBA,QAAQ;UAAA,oBAAA,EAEG,mCAAmC;UAAA,aAAA,EAC1C,mCAAmC;UAC/C+B,KAAK,EACHlC,aAAa,CAACkC,KAAK,GAEVX,KAAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAvB,aAAa,CAACkC,KAAK,CACtB,EAAA;YAAAC,OAAO,EAAE;UAEb,CAAA,CAAA,GAAEX;QAAS;MAIpB,CAAA,CACF,GACD,EAAE,EAAC,IAAA,CACR;IACF;IAED,IAAIpB,iBAAiB,IAAIE,gBAAgB,IAAIF,iBAAiB,CAACiC,MAAM,GAAG,CAAC,EAAE;MACzE9B,KAAK,GAAAa,KAAAA,CAAAA,aAAA,CAAA,CACH;QACEH,GAAG,EAAE,cAAc;QACnBI,IAAI,EACFP,KAAC,CAAAC,aAAA,CAAAU,IAAAA,CAAAA,IAAI,EACH;UAAAC,KAAK,EAAC,OAAO;UACbC,MAAM,EACJb,KAAA,CAAAC,aAAA,CAACuB,UAAU,CAAAA,UAAA,EACT;YAAAV,KAAK,EAAC,qBAAqB;YAC3BzB,QAAQ,EAAEA,QAAQ;YAClB2B,IAAI,EAAEhB,KAAC,CAAAC,aAAA,CAAAwB,aAAa,CAAAA,aAAA,EAAC;cAAAP,IAAI,EAAC;;UAC1B,CAAA;QAAA,CAAA,EAGJlB,KAAA,CAAAC,aAAA,CAACqB,iBAAQ,EAAA,IAAA,EACNhC,iBAAiB,CAACO,GAAG,CAAC,UAAC6B,QAAQ,EAAE3B,GAAG,EAAK;UAAA,OACxCC,KAAC,CAAAC,aAAA,CAAAC,kBAAAA,CAAAA,kBAAkB,EACbO,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAiB,QAAQ,EACZ;YAAAvB,GAAG,EAAE,sCAAA,CAAAE,MAAA,CAAuCN,GAAG;WAC/C,CAAA,CAAA;QACH,CAAA,CAAC,CACO;MAGhB,CAAA,CACE,EAAAN,KAAK,OACT;IACF;IAED,OACEO,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAA0B,SAAS,EAAEC,kBAAM,CAACC;IAAoB,CAAA,EACzC7B,KAAA,CAAAC,aAAA,CAAC6B,eAAO,EAAA;MACNrC,KAAK,EAAEA,KAAK;MACZW,YAAY,EAAC,kCAAkC;MACnC,aAAA,EAAA;IAAkC,CAC9C,CAAA,CACE;EAEV,CAAC;EAEDpB,WAAW,CAAC+C,WAAW,GAAG,aAAa;EAAA,OA3K1B/C,WAAW;AAAA;"}

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

@@ -46,6 +46,7 @@ const SecondaryActions = /*#__PURE__*/function () {
       if ("menuItems" in action) {
         return {
           key: "".concat(i),
+          // We shouldn't use an index here, see note above
           node: React.createElement(Menu.Menu, {
             align: "right",
             button: React.createElement(Button.Button, {
@@ -70,6 +71,7 @@ const SecondaryActions = /*#__PURE__*/function () {
         }
         return {
           key: "".concat(i),
+          // We shouldn't use an index here, see note above
           node: React.createElement(Button.Button, tslib.__assign({
             secondary: true,
             reversed: reversed

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

@@ -1 +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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"}
+{"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":";;;;;;;;;;;;;;;;;AAeA,IAAMA,2BAA2B,GAAG,SAAAA,CAClCC,0BAAsD,EACtDC,QAAkB,EAAA;EAElB,IAAI,CAACD,0BAA0B,EAAE,OAAOE,SAAS;EACjD,OACEC,KAAA,CAAAC,aAAA,CAACC,IAAI,CAAAA,IAAA,EAAA;IACHC,KAAK,EAAC,OAAO;IACbC,MAAM,EACJJ,KAAC,CAAAC,aAAA,CAAAI,UAAAA,CAAAA,UAAU;MACTC,KAAK,EAAC,qBAAqB;MAC3BR,QAAQ,EAAEA,QAAQ;MAClBS,IAAI,EAAEP,KAAC,CAAAC,aAAA,CAAAO,aAAa,CAAAA,aAAA,EAAC;QAAAC,IAAI,EAAC;;IAC1B,CAAA;EAAA,CAAA,EAGJT,KAAA,CAAAC,aAAA,CAACS,QAAQ,CAAAA,QAAA,EAAA,IAAA,EACNb,0BAA0B,CAACc,GAAG,CAAC,UAACC,QAAQ,EAAEC,CAAC,EAAK;IAAA,OAC/Cb,KAAA,CAAAC,aAAA,CAACa,kBAAkB,CAAAA,kBAAA,EAAAC,cAAA,CAAA;MAACC,GAAG,EAAEH;KAAC,EAAMD,QAAQ,CAAA,CAAI;GAC7C,CAAC,CACO,CACN;AAEX,CAAC;AAED;AACA;AACA;AAAA,MAEaK,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAIzB,EAAA;QAHNC,gBAAgB,GAAAD,EAAA,CAAAC,gBAAA;MAChBtB,0BAA0B,GAAAqB,EAAA,CAAArB,0BAAA;MAC1BuB,gBAAgB;MAAhBtB,QAAQ,GAAGsB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IAEhB,IAAI,CAACD,gBAAgB,IAAI,CAACtB,0BAA0B,EAAE,OAAO,IAAI;IAEjE,IAAMwB,8BAA8B,GAAGF,gBAAgB,GACnDA,gBAAgB,CAACR,GAAG,CAAC,UAACW,MAAM,EAAET,CAAC,EAAA;MAC7B,IAAI,WAAW,IAAIS,MAAM,EAAE;QACzB,OAAO;UACLN,GAAG,EAAE,EAAA,CAAAO,MAAA,CAAGV,CAAC,CAAE;UAAA;UACXW,IAAI,EACFxB,KAAA,CAAAC,aAAA,CAACC,IAAAA,CAAAA,IAAI,EAAA;YACHC,KAAK,EAAC,OAAO;YACbC,MAAM,EACJJ,KAAC,CAAAC,aAAA,CAAAwB,MAAAA,CAAAA,MAAM;cACLC,SAAS,EAAA,IAAA;cACTpB,KAAK,EAAEgB,MAAM,CAAChB,KAAK;cACnBR,QAAQ,EAAEA,QAAQ;cAClBS,IAAI,EAAEP,KAAC,CAAAC,aAAA,CAAA0B,eAAAA,CAAAA,eAAe,EAAC;gBAAAlB,IAAI,EAAC;cAAc,CAAA,CAAG;cAC7CmB,YAAY,EAAC;YACb,CAAA;UAAA,CAAA,EAGJ5B,KAAA,CAAAC,aAAA,CAACS,QAAQ,CAAAA,QAAA,EAAA,IAAA,EACNY,MAAM,CAACO,SAAS,CAAClB,GAAG,CAAC,UAACC,QAAQ,EAAEkB,EAAE;YAAK,OACtC9B,KAAC,CAAAC,aAAA,CAAAa,kBAAkB,CAAAA,kBAAA,EAACC,cAAA,CAAA;cAAAC,GAAG,EAAEc;aAAQ,EAAAlB,QAAQ,CAAI,CAAA;WAC9C,CAAC,CACO;SAGhB;MACF,CAAA,MAAM;QACL,IAAI,SAAS,IAAIU,MAAM,IAAI,MAAM,IAAIA,MAAM,EAAE;;UAE3CS,OAAO,CAACC,IAAI,CACV,oEAAoE,GAClE,0DAA0D,CAC7D;QACF;QACD,OAAO;UACLhB,GAAG,EAAE,EAAA,CAAAO,MAAA,CAAGV,CAAC,CAAE;UAAA;UACXW,IAAI,EACFxB,KAAA,CAAAC,aAAA,CAACwB,MAAAA,CAAAA,MAAM,EAAAV,KAAAA,CAAAA,QAAA,CAAA;YACLW,SAAS,EACT,IAAA;YAAA5B,QAAQ,EAAEA;aACNwB,MAAM,EAAA;YAAA,oBAAA,EACS,sCAAsC;YAC7C,aAAA,EAAA;;SAGjB;MACF;IACH,CAAC,CAAC,GACF,EAAE;IAEN,IAAMW,YAAY,GAAGrC,2BAA2B,CAC9CC,0BAA0B,EAC1BC,QAAQ,CACT;IAED,IAAMoC,YAAY,GAAAC,KAAAA,CAAAA,aAAA,CAAAA,KAAA,CAAAA,aAAA,CAAA,EAAA,EACbd,8BAA8B,EAAA,IAAA,CAAA,EAC7BY,YAAY,GACZ,CACE;MACEjB,GAAG,EAAE,cAAc;MACnBQ,IAAI,EAAES;IACP,CAAA,CACF,GACD,EAAE,EAAC,IAAA,CACR;IAED,OACEjC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAmC,SAAS,EAAEC,oBAAM,CAACC;IAAyB,CAAA,EAC9CtC,KAAA,CAAAC,aAAA,CAACsC,eAAO,EAAA;MACNC,KAAK,EAAEN,YAAY;MACnBO,KAAK,EACL,IAAA;MAAAC,YAAY,EAAC;IAAuC,CACpD,CAAA,CACE;EAEV,CAAC;EAEDzB,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB;EAAA,OArFpC1B,gBAAgB;AAAA;"}

package/dist/cjs/dts/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const MinimalBasic: () => JSX.Element;
 export declare const MinimalCustomerFocused: () => JSX.Element;
 export declare const FakeNavBar: () => JSX.Element;

package/dist/cjs/dts/Button/IconButton/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GenericProps, ButtonFormAttributes, WorkingProps, WorkingUndefinedProps, ButtonBadgeProps } from "../GenericButton";
 export type IconButtonProps = GenericProps & ButtonFormAttributes & (WorkingProps | WorkingUndefinedProps) & {
     label: string;

package/dist/cjs/dts/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerRangeProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarRangeElement = HTMLDivElement;

package/dist/cjs/dts/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DayPickerSingleProps } from "react-day-picker";
 import { OverrideClassName } from "../../types/OverrideClassName";
 export type CalendarSingleElement = HTMLDivElement;

package/dist/cjs/dts/Calendar/LegacyCalendarRange/LegacyCalendarRange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRange, DayClickEventHandler, Matcher } from "react-day-picker";
 import { DayOfWeek } from "../enums";
 export type LegacyCalendarRangeElement = HTMLDivElement;

package/dist/cjs/dts/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CollapsibleProps } from "../Collapsible";
 export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, "renderHeader" | "variant" | "group" | "separated">;
 /**

package/dist/cjs/dts/DateInput/DateInputDescription/DateInputDescription.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateInputDescriptionProps = {
     description?: string | JSX.Element;
     locale: Locale;

package/dist/cjs/dts/Filter/FilterBar/FilterBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OverrideClassName } from "../../types/OverrideClassName";
 import { FilterBarProviderProps } from "./context/FilterBarContext";
 import { FiltersValues } from "./types";

package/dist/cjs/dts/Filter/FilterBar/context/FilterBarContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types";
 import { ActiveFiltersArray } from "./types";
 export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {

package/dist/cjs/dts/Filter/FilterBar/context/utils/getInactiveFilters.d.ts

@@ -1,3 +1,3 @@
 import { FilterAttributes, FiltersValues } from "../../types";
 import { FilterBarState } from "../types";
-export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap, keyof ValuesMap>[];
+export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap>[];

package/dist/cjs/dts/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AddFiltersMenu: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDatePickerProps } from "../../../FilterDatePicker";
 export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedDate" | "onDateChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
 export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, "id" | "label" | "renderTrigger" | "isOpen" | "setIsOpen" | "selectedRange" | "onRangeChange" | "locale"> & {
     id?: string;

package/dist/cjs/dts/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Key } from "@react-types/shared";
 import { FilterMultiSelectProps } from "../../../FilterMultiSelect";
 export type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKeys" | "trigger"> & {

package/dist/cjs/dts/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
 export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
     id?: string;

package/dist/cjs/dts/Filter/FilterDatePicker/FilterDatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDatePickerFieldProps } from "./subcomponents/FilterDatePickerField";

package/dist/cjs/dts/Filter/FilterDateRangePicker/FilterDateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "../Filter";
 import { FilterButtonProps } from "../FilterButton";
 import { FilterDateRangePickerFieldProps } from "./subcomponents/FilterDateRangePickerField";

package/dist/cjs/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type DateRangeDisplayLabelProps = {
     dateRange: {
         from: Date;

package/dist/cjs/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangeFieldValidationMessage } from "../FilterDateRangePickerField/types";
 export type DateRangeValidationMessageProps = {
     validationMessage?: DateRangeFieldValidationMessage;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from "../../../../Button";
 export type LoadMoreButtonProps = ButtonProps;
 export declare const LoadMoreButton: {

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type MenuLoadingSkeletonProps = {
     isAnimated?: boolean;
 };

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MultiSelectItem } from "../../types";
 export interface MultiSelectOptionProps {
     classNameOverride?: string;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SearchInputProps = {
     label?: string;
     id?: string;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SectionDivider: () => JSX.Element;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ClearButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SelectAllButton: {
     (): JSX.Element;
     displayName: string;

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type FilterTriggerButtonProps = {
     label: string;
     selectedOptionLabels: string[];

package/dist/cjs/dts/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterTriggerButtonProps } from "../FilterTriggerButton";
 export type RemovableFilterTriggerProps = FilterTriggerButtonProps & {
     onRemove: () => void;

package/dist/cjs/dts/Filter/FilterSelect/FilterSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps as AriaSelectProps } from "@react-stately/select";
 import { FilterButtonProps } from "../FilterButton";
 import { SelectPopoverContentsProps } from "../../__future__/Select/subcomponents";

package/dist/cjs/dts/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterButtonProps } from "../../FilterButton";
 export declare const renderTriggerControls: {
     description: string;

package/dist/cjs/dts/Icon/AcademyIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AcademyIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOffWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOffWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ActionOnIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ActionOnIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddLinkIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddLinkIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AddWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AddWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/AiIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const AiIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArchivedWhiteIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArchivedWhiteIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowBackwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowBackwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowDownIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowDownIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowForwardIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowForwardIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowLeftIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowLeftIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowRightIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowRightIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/ArrowUpIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const ArrowUpIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BlankIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BlankIcon: (props: IconProps) => JSX.Element;

package/dist/cjs/dts/Icon/BoldIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from "./subcomponents/SVG";
 export declare const BoldIcon: (props: IconProps) => JSX.Element;