@kaizen/components 1.37.0 → 1.38.0

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs.map

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

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs

@@ -44,7 +44,8 @@ const SecondaryActions = /*#__PURE__*/function () {
       if ("menuItems" in action) {
         return {
           key: "".concat(i),
-          node: /*#__PURE__*/React.createElement(Menu, {
+          // We shouldn't use an index here, see note above
+          node: ( /*#__PURE__*/React.createElement(Menu, {
             align: "right",
             button: /*#__PURE__*/React.createElement(Button, {
               secondary: true,
@@ -59,7 +60,7 @@ const SecondaryActions = /*#__PURE__*/function () {
             return /*#__PURE__*/React.createElement(TitleBlockMenuItem, __assign({
               key: i2
             }, menuItem));
-          })))
+          }))))
         };
       } else {
         if ("onClick" in action && "href" in action) {
@@ -68,13 +69,14 @@ const SecondaryActions = /*#__PURE__*/function () {
         }
         return {
           key: "".concat(i),
-          node: /*#__PURE__*/React.createElement(Button, __assign({
+          // We shouldn't use an index here, see note above
+          node: ( /*#__PURE__*/React.createElement(Button, __assign({
             secondary: true,
             reversed: reversed
           }, action, {
             "data-automation-id": "title-block-secondary-actions-button",
             "data-testid": "title-block-secondary-actions-button"
-          }))
+          })))
         };
       }
     }) : [];

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs.map

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

package/dist/esm/TitleBlockZen/subcomponents/TitleBlockMenuItem.mjs

@@ -18,9 +18,9 @@ const TitleBlockMenuItem = /*#__PURE__*/function () {
       var wrappedLabel = /*#__PURE__*/React.createElement("span", {
         className: styles.menuItem__Label
       }, label);
-      var iconNode = icon && /*#__PURE__*/React.createElement("span", {
+      var iconNode = icon && ( /*#__PURE__*/React.createElement("span", {
         className: styles.menuItem__Icon
-      }, icon);
+      }, icon));
       return /*#__PURE__*/React.createElement("li", {
         className: styles.menuListItem
       }, /*#__PURE__*/React.createElement(CustomMenuItem, __assign({}, otherProps, {

package/dist/esm/TitleBlockZen/subcomponents/TitleBlockMenuItem.mjs.map

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

package/dist/esm/Tooltip/Tooltip.mjs

@@ -63,7 +63,7 @@ var TooltipContent = function (_a) {
     isVisible = _f.isVisible,
     isAnimIn = _f.isAnimIn,
     isAnimOut = _f.isAnimOut;
-  return isVisible || isAnimOut || isAnimIn ? /*#__PURE__*/React.createElement("div", __assign({
+  return isVisible || isAnimOut || isAnimIn ? ( /*#__PURE__*/React.createElement("div", __assign({
     ref: setPopperElement,
     className: styles.tooltip,
     style: popperStyles.popper
@@ -82,7 +82,7 @@ var TooltipContent = function (_a) {
     className: classnames(styles.arrowMain, styles[mood])
   }), /*#__PURE__*/React.createElement("div", {
     className: styles.arrowShadow
-  })))) : null;
+  }))))) : null;
 };
 var renderChildren = function (content, tooltipId, hasActiveTooltip) {
   if (isSemanticElement(content)) {

package/dist/esm/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n  useId,\n} from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Placement } from \"@popperjs/core\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { AnimationProvider, useAnimation } from \"./subcomponents/AppearanceAnim\"\nimport { isSemanticElement } from \"./utils/isSemanticElement\"\nimport styles from \"./Tooltip.module.scss\"\n\ntype Position = \"above\" | \"below\" | \"left\" | \"right\"\ntype Mood = \"default\" | \"informative\" | \"positive\" | \"cautionary\" | \"highlight\"\n\nexport type TooltipProps = {\n  /**\n   * Unfortunately, the content needed to be wrapped in a div. This can sometimes\n   * break the css layout. To get around this, we allow you to specify the css\n   * display value directly. If you need to need to modify more values, feel free\n   * to use the `classNameOverride` prop, but avoid it if you can.\n   */\n  display?: \"block\" | \"inline\" | \"inline-block\" | \"flex\" | \"inline-flex\"\n  /**\n   * This is more a \"desired position\". The tooltip will automatically change\n   * its position, if there's not enough room to show it in the one specified.\n   */\n  position?: Position\n  /** The text content for the tooltip */\n  text: React.ReactNode\n  /**\n   * This is the interactable element that is being described by the tooltip `text`\n   */\n  children?: React.ReactNode\n  classNameOverride?: string\n  mood?: Mood\n  /**\n   * Render the tooltip inside a react portal, given the ccs selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  /**\n   * Should the tooltip be visible on the first render. Useful for visual\n   * regression testing.\n   */\n  isInitiallyVisible?: boolean\n  animationDuration?: number\n}\n\nconst positionToPlacement = new Map<Position, Placement>([\n  [\"above\", \"top\"],\n  [\"below\", \"bottom\"],\n  [\"left\", \"left\"],\n  [\"right\", \"right\"],\n])\n\n// Sync with Tooltip.scss\nconst arrowHeight = 7\nconst arrowWidth = 14\n\ntype TooltipContentProps = Pick<TooltipProps, \"position\" | \"text\" | \"mood\"> & {\n  tooltipId: string\n  referenceElement: HTMLDivElement | null\n}\n\nconst TooltipContent = ({\n  position,\n  text,\n  referenceElement,\n  tooltipId,\n  mood = \"default\",\n}: TooltipContentProps): JSX.Element | null => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the tooltip isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement: position ? positionToPlacement.get(position) : undefined,\n    }\n  )\n  const { isVisible, isAnimIn, isAnimOut } = useAnimation()\n\n  return isVisible || isAnimOut || isAnimIn ? (\n    <div\n      ref={setPopperElement}\n      className={styles.tooltip}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      role=\"tooltip\"\n      id={tooltipId}\n    >\n      <div className={classnames(styles.tooltipContent, styles[mood])}>\n        {text}\n      </div>\n      <div\n        ref={setArrowElement}\n        className={styles.arrow}\n        style={popperStyles.arrow}\n      >\n        <div className={styles.arrowInner}>\n          <div className={classnames(styles.arrowMain, styles[mood])} />\n          <div className={styles.arrowShadow} />\n        </div>\n      </div>\n    </div>\n  ) : null\n}\n\nconst renderChildren = (\n  content: ReactNode,\n  tooltipId: string,\n  hasActiveTooltip: boolean\n): ReactNode => {\n  if (isSemanticElement(content)) {\n    return cloneElement(content, {\n      \"aria-describedby\": hasActiveTooltip ? tooltipId : undefined,\n    })\n  }\n  // We don't want to block them from this but just provide context for better a11y guidance\n  // eslint-disable-next-line no-console\n  console.warn(\n    \"<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.\"\n  )\n  return content\n}\n\nexport const Tooltip = ({\n  children,\n  text,\n  display = \"block\",\n  position = \"above\",\n  classNameOverride,\n  portalSelector,\n  animationDuration,\n  isInitiallyVisible = false,\n  mood = \"default\",\n}: TooltipProps): JSX.Element => {\n  const [isHover, setIsHover] = useState(isInitiallyVisible)\n  const [isFocus, setIsFocus] = useState(false)\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLDivElement | null>(null)\n  const tooltipId = useId()\n  const hasActiveTooltip = isHover || isFocus\n\n  const tooltip = (\n    <TooltipContent\n      text={text}\n      position={position}\n      referenceElement={referenceElement}\n      tooltipId={tooltipId}\n      mood={mood}\n    />\n  )\n\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const getDisplayClassName = (): string | undefined => {\n    switch (display) {\n      case \"inline\":\n        return styles.displayInline\n      case \"block\":\n        return styles.displayBlock\n      case \"inline-block\":\n        return styles.displayInlineBlock\n      case \"flex\":\n        return styles.displayFlex\n      case \"inline-flex\":\n        return styles.displayInlineFlex\n      default:\n        return undefined\n    }\n  }\n\n  return (\n    <AnimationProvider\n      isVisible={hasActiveTooltip}\n      animationDuration={animationDuration}\n    >\n      <>\n        <div\n          ref={setReferenceElement}\n          className={classnames(classNameOverride, getDisplayClassName())}\n          onMouseEnter={(): void => setIsHover(true)}\n          onMouseLeave={(): void => setIsHover(false)}\n          onFocusCapture={(): void => setIsFocus(true)}\n          onBlurCapture={(): void => setIsFocus(false)}\n        >\n          {renderChildren(children, tooltipId, hasActiveTooltip)}\n        </div>\n\n        {portalSelector && portalSelectorElementRef.current\n          ? ReactDOM.createPortal(tooltip, portalSelectorElementRef.current)\n          : tooltip}\n      </>\n    </AnimationProvider>\n  )\n}\n\nTooltip.displayName = \"Tooltip\"\n"],"names":["positionToPlacement","Map","arrowHeight","arrowWidth","TooltipContent","_a","position","text","referenceElement","tooltipId","_b","mood","_c","useState","popperElement","setPopperElement","_d","arrowElement","setArrowElement","_e","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","placement","get","undefined","popperStyles","styles","attributes","_f","useAnimation","isVisible","isAnimIn","isAnimOut","React","createElement","__assign","ref","className","tooltip","style","popper","role","id","classnames","tooltipContent","arrow","arrowInner","arrowMain","arrowShadow","renderChildren","content","hasActiveTooltip","isSemanticElement","cloneElement","console","warn","Tooltip","children","display","classNameOverride","portalSelector","animationDuration","isInitiallyVisible","isHover","setIsHover","_g","isFocus","setIsFocus","_h","setReferenceElement","useId","portalSelectorElementRef","useRef","useEffect","current","document","querySelector","getDisplayClassName","displayInline","displayBlock","displayInlineBlock","displayFlex","displayInlineFlex","AnimationProvider","Fragment","onMouseEnter","onMouseLeave","onFocusCapture","onBlurCapture","ReactDOM","createPortal","displayName"],"mappings":"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"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n  useId,\n} from \"react\"\nimport ReactDOM from \"react-dom\"\nimport { Placement } from \"@popperjs/core\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport { AnimationProvider, useAnimation } from \"./subcomponents/AppearanceAnim\"\nimport { isSemanticElement } from \"./utils/isSemanticElement\"\nimport styles from \"./Tooltip.module.scss\"\n\ntype Position = \"above\" | \"below\" | \"left\" | \"right\"\ntype Mood = \"default\" | \"informative\" | \"positive\" | \"cautionary\" | \"highlight\"\n\nexport type TooltipProps = {\n  /**\n   * Unfortunately, the content needed to be wrapped in a div. This can sometimes\n   * break the css layout. To get around this, we allow you to specify the css\n   * display value directly. If you need to need to modify more values, feel free\n   * to use the `classNameOverride` prop, but avoid it if you can.\n   */\n  display?: \"block\" | \"inline\" | \"inline-block\" | \"flex\" | \"inline-flex\"\n  /**\n   * This is more a \"desired position\". The tooltip will automatically change\n   * its position, if there's not enough room to show it in the one specified.\n   */\n  position?: Position\n  /** The text content for the tooltip */\n  text: React.ReactNode\n  /**\n   * This is the interactable element that is being described by the tooltip `text`\n   */\n  children?: React.ReactNode\n  classNameOverride?: string\n  mood?: Mood\n  /**\n   * Render the tooltip inside a react portal, given the ccs selector.\n   * This is typically used for instances where the menu is a descendant of an\n   * `overflow: scroll` or `overflow: hidden` element.\n   */\n  portalSelector?: string\n  /**\n   * Should the tooltip be visible on the first render. Useful for visual\n   * regression testing.\n   */\n  isInitiallyVisible?: boolean\n  animationDuration?: number\n}\n\nconst positionToPlacement = new Map<Position, Placement>([\n  [\"above\", \"top\"],\n  [\"below\", \"bottom\"],\n  [\"left\", \"left\"],\n  [\"right\", \"right\"],\n])\n\n// Sync with Tooltip.scss\nconst arrowHeight = 7\nconst arrowWidth = 14\n\ntype TooltipContentProps = Pick<TooltipProps, \"position\" | \"text\" | \"mood\"> & {\n  tooltipId: string\n  referenceElement: HTMLDivElement | null\n}\n\nconst TooltipContent = ({\n  position,\n  text,\n  referenceElement,\n  tooltipId,\n  mood = \"default\",\n}: TooltipContentProps): JSX.Element | null => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null)\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"arrow\",\n          options: {\n            element: arrowElement,\n            // Ensures that the arrow doesn't go too far to the left or right\n            // of the tooltip.\n            padding: arrowWidth / 2 + 10,\n          },\n        },\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, arrowHeight + 6],\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Makes sure that the tooltip isn't flush up against the end of the\n            // viewport\n            padding: 8,\n            altAxis: true,\n            altBoundary: true,\n            tetherOffset: 50,\n          },\n        },\n        {\n          name: \"flip\",\n          options: {\n            padding: 8,\n            altBoundary: true,\n            fallbackPlacements: [\"left\", \"top\", \"bottom\", \"right\"],\n          },\n        },\n      ],\n      placement: position ? positionToPlacement.get(position) : undefined,\n    }\n  )\n  const { isVisible, isAnimIn, isAnimOut } = useAnimation()\n\n  return isVisible || isAnimOut || isAnimIn ? (\n    <div\n      ref={setPopperElement}\n      className={styles.tooltip}\n      style={popperStyles.popper}\n      {...attributes.popper}\n      role=\"tooltip\"\n      id={tooltipId}\n    >\n      <div className={classnames(styles.tooltipContent, styles[mood])}>\n        {text}\n      </div>\n      <div\n        ref={setArrowElement}\n        className={styles.arrow}\n        style={popperStyles.arrow}\n      >\n        <div className={styles.arrowInner}>\n          <div className={classnames(styles.arrowMain, styles[mood])} />\n          <div className={styles.arrowShadow} />\n        </div>\n      </div>\n    </div>\n  ) : null\n}\n\nconst renderChildren = (\n  content: ReactNode,\n  tooltipId: string,\n  hasActiveTooltip: boolean\n): ReactNode => {\n  if (isSemanticElement(content)) {\n    return cloneElement(content, {\n      \"aria-describedby\": hasActiveTooltip ? tooltipId : undefined,\n    })\n  }\n  // We don't want to block them from this but just provide context for better a11y guidance\n  // eslint-disable-next-line no-console\n  console.warn(\n    \"<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.\"\n  )\n  return content\n}\n\nexport const Tooltip = ({\n  children,\n  text,\n  display = \"block\",\n  position = \"above\",\n  classNameOverride,\n  portalSelector,\n  animationDuration,\n  isInitiallyVisible = false,\n  mood = \"default\",\n}: TooltipProps): JSX.Element => {\n  const [isHover, setIsHover] = useState(isInitiallyVisible)\n  const [isFocus, setIsFocus] = useState(false)\n  const [referenceElement, setReferenceElement] =\n    useState<HTMLDivElement | null>(null)\n  const tooltipId = useId()\n  const hasActiveTooltip = isHover || isFocus\n\n  const tooltip = (\n    <TooltipContent\n      text={text}\n      position={position}\n      referenceElement={referenceElement}\n      tooltipId={tooltipId}\n      mood={mood}\n    />\n  )\n\n  const portalSelectorElementRef = useRef<Element | null>(null)\n\n  useEffect(() => {\n    portalSelectorElementRef.current = portalSelector\n      ? document.querySelector(portalSelector)\n      : null\n  }, [portalSelector])\n\n  useEffect(() => {\n    if (portalSelector && !portalSelectorElementRef.current) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"The portal could not be created using the selector: \" + portalSelector\n      )\n    }\n  }, [portalSelectorElementRef, portalSelector])\n\n  const getDisplayClassName = (): string | undefined => {\n    switch (display) {\n      case \"inline\":\n        return styles.displayInline\n      case \"block\":\n        return styles.displayBlock\n      case \"inline-block\":\n        return styles.displayInlineBlock\n      case \"flex\":\n        return styles.displayFlex\n      case \"inline-flex\":\n        return styles.displayInlineFlex\n      default:\n        return undefined\n    }\n  }\n\n  return (\n    <AnimationProvider\n      isVisible={hasActiveTooltip}\n      animationDuration={animationDuration}\n    >\n      <>\n        <div\n          ref={setReferenceElement}\n          className={classnames(classNameOverride, getDisplayClassName())}\n          onMouseEnter={(): void => setIsHover(true)}\n          onMouseLeave={(): void => setIsHover(false)}\n          onFocusCapture={(): void => setIsFocus(true)}\n          onBlurCapture={(): void => setIsFocus(false)}\n        >\n          {renderChildren(children, tooltipId, hasActiveTooltip)}\n        </div>\n\n        {portalSelector && portalSelectorElementRef.current\n          ? ReactDOM.createPortal(tooltip, portalSelectorElementRef.current)\n          : tooltip}\n      </>\n    </AnimationProvider>\n  )\n}\n\nTooltip.displayName = \"Tooltip\"\n"],"names":["positionToPlacement","Map","arrowHeight","arrowWidth","TooltipContent","_a","position","text","referenceElement","tooltipId","_b","mood","_c","useState","popperElement","setPopperElement","_d","arrowElement","setArrowElement","_e","usePopper","modifiers","name","options","element","padding","offset","altAxis","altBoundary","tetherOffset","fallbackPlacements","placement","get","undefined","popperStyles","styles","attributes","_f","useAnimation","isVisible","isAnimIn","isAnimOut","React","createElement","__assign","ref","className","tooltip","style","popper","role","id","classnames","tooltipContent","arrow","arrowInner","arrowMain","arrowShadow","renderChildren","content","hasActiveTooltip","isSemanticElement","cloneElement","console","warn","Tooltip","children","display","classNameOverride","portalSelector","animationDuration","isInitiallyVisible","isHover","setIsHover","_g","isFocus","setIsFocus","_h","setReferenceElement","useId","portalSelectorElementRef","useRef","useEffect","current","document","querySelector","getDisplayClassName","displayInline","displayBlock","displayInlineBlock","displayFlex","displayInlineFlex","AnimationProvider","Fragment","onMouseEnter","onMouseLeave","onFocusCapture","onBlurCapture","ReactDOM","createPortal","displayName"],"mappings":"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"}

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -10,33 +10,33 @@ import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
     return {
-      icon: /*#__PURE__*/React.createElement(SuccessIcon, {
+      icon: ( /*#__PURE__*/React.createElement(SuccessIcon, {
         key: index,
         inheritSize: true,
         role: "presentation",
         classNameOverride: "success"
-      }),
+      })),
       accessibleName: "Completed: ".concat(step)
     };
   }
   if (isCurrentStep) {
     return {
-      icon: /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
+      icon: ( /*#__PURE__*/React.createElement(IndicatorActiveIcon, {
         key: index,
         inheritSize: true,
         role: "presentation",
         classNameOverride: "active"
-      }),
+      })),
       accessibleName: "Current: ".concat(step)
     };
   }
   return {
-    icon: /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
+    icon: ( /*#__PURE__*/React.createElement(IndicatorInactiveIcon, {
       key: index,
       inheritSize: true,
       classNameOverride: "incomplete",
       role: "presentation"
-    }),
+    })),
     accessibleName: "Not started: ".concat(step)
   };
 };
@@ -77,9 +77,9 @@ const ProgressStepper = /*#__PURE__*/function () {
         className: styles.stepIndicator
       }, /*#__PURE__*/React.createElement("span", {
         className: styles.stepIcon
-      }, Icon)), index < steps.length - 1 && /*#__PURE__*/React.createElement("div", {
+      }, Icon)), index < steps.length - 1 && ( /*#__PURE__*/React.createElement("div", {
         className: classnames([styles.stepDivider, isCompletedStep && styles.completedStep])
-      })));
+      }))));
     })), /*#__PURE__*/React.createElement(Text, {
       classNameOverride: styles.stepperDescription,
       variant: "small",

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -23,7 +23,7 @@ const Titles = /*#__PURE__*/function () {
       color: "dark-reduced-opacity"
     }, workflowName, /*#__PURE__*/React.createElement("span", {
       className: "sr-only"
-    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status &&
+    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {
@@ -31,7 +31,7 @@ const Titles = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement(Tag, {
       inline: true,
       variant: (status === null || status === void 0 ? void 0 : status.variant) || "statusDraft"
-    }, status === null || status === void 0 ? void 0 : status.content)));
+    }, status === null || status === void 0 ? void 0 : status.content))));
   };
   Titles.displayName = "Workflow.Titles";
   return Titles;

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CAET,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}

package/dist/esm/__future__/Select/Select.mjs

@@ -109,7 +109,7 @@ const Select = /*#__PURE__*/function () {
       triggerRef: triggerRef
     }), /*#__PURE__*/React.createElement("div", {
       className: styles.container
-    }, trigger === undefined ? /*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps)) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && /*#__PURE__*/React.createElement(Popover, {
+    }, trigger === undefined ? ( /*#__PURE__*/React.createElement(SelectToggle, __assign({}, selectToggleProps))) : trigger(selectToggleProps, selectToggleProps.ref), state.isOpen && ( /*#__PURE__*/React.createElement(Popover, {
       id: popoverId,
       portalContainer: portalContainer,
       refs: refs,
@@ -122,15 +122,15 @@ const Select = /*#__PURE__*/function () {
       state: state
     }, /*#__PURE__*/React.createElement(SelectPopoverContents, {
       menuProps: menuProps
-    }, children)))), validationMessage && /*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
+    }, children))))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, __assign({}, errorMessageProps, {
       message: validationMessage,
       status: status,
       reversed: isReversed
-    })), description && /*#__PURE__*/React.createElement(FieldMessage, __assign({}, descriptionProps, {
+    }))), description && ( /*#__PURE__*/React.createElement(FieldMessage, __assign({}, descriptionProps, {
       id: descriptionId,
       message: description,
       reversed: isReversed
-    })));
+    }))));
   };
   Select.displayName = "Select";
   Select.Section = ListBoxSection;

package/dist/esm/__future__/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useEffect, useId, useState } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n  /**\n   * Creates a portal for the Popover to the matching element id\n   */\n  portalContainerId?: string\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  portalContainerId,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n  const popoverId = `${id}--popover`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps: reactAriaTriggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  // Hack incoming:\n  // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.\n  // We use role=combobox, meaning screen readers will read the value.\n  // So we're modifying the `aria-labelledby` property to remove the value element id.\n  // Issue: https://github.com/adobe/react-spectrum/issues/4091\n  const reactAriaLabelledBy = reactAriaTriggerProps[\"aria-labelledby\"]\n  const triggerProps = {\n    ...reactAriaTriggerProps,\n    \"aria-labelledby\": reactAriaLabelledBy?.substring(\n      reactAriaLabelledBy.indexOf(\" \") + 1\n    ),\n  }\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (portalContainerId) {\n      const portalElement = document.getElementById(portalContainerId)\n      portalElement && setPortalContainer(portalElement)\n    }\n  }, [])\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            id={popoverId}\n            portalContainer={portalContainer}\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","portalContainerId","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","popoverId","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","reactAriaTriggerProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","reactAriaLabelledBy","__assign","substring","indexOf","buttonProps","useButton","selectToggleProps","value","selectedItem","_b","rendered","isOpen","ref","setReference","_d","useState","portalContainer","setPortalContainer","useEffect","portalElement","document","getElementById","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}
+{"version":3,"file":"Select.mjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useEffect, useId, useState } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n  /**\n   * Creates a portal for the Popover to the matching element id\n   */\n  portalContainerId?: string\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  portalContainerId,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n  const popoverId = `${id}--popover`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps: reactAriaTriggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  // Hack incoming:\n  // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.\n  // We use role=combobox, meaning screen readers will read the value.\n  // So we're modifying the `aria-labelledby` property to remove the value element id.\n  // Issue: https://github.com/adobe/react-spectrum/issues/4091\n  const reactAriaLabelledBy = reactAriaTriggerProps[\"aria-labelledby\"]\n  const triggerProps = {\n    ...reactAriaTriggerProps,\n    \"aria-labelledby\": reactAriaLabelledBy?.substring(\n      reactAriaLabelledBy.indexOf(\" \") + 1\n    ),\n  }\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement>()\n\n  useEffect(() => {\n    if (portalContainerId) {\n      const portalElement = document.getElementById(portalContainerId)\n      portalElement && setPortalContainer(portalElement)\n    }\n  }, [])\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            id={popoverId}\n            portalContainer={portalContainer}\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","portalContainerId","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","popoverId","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","reactAriaTriggerProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","reactAriaLabelledBy","__assign","substring","indexOf","buttonProps","useButton","selectToggleProps","value","selectedItem","_b","rendered","isOpen","ref","setReference","_d","useState","portalContainer","setPortalContainer","useEffect","portalElement","document","getElementById","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}

package/dist/esm/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs

@@ -16,12 +16,12 @@ const ListBoxSection = /*#__PURE__*/function () {
       groupProps = _b.groupProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", __assign({}, itemProps, {
       className: styles.sectionWrapper
-    }), section.rendered && /*#__PURE__*/React.createElement(Heading, __assign({
+    }), section.rendered && ( /*#__PURE__*/React.createElement(Heading, __assign({
       tag: "span",
       variant: "heading-6"
     }, headingProps, {
       classNameOverride: styles.sectionHeading
-    }), section.rendered), /*#__PURE__*/React.createElement("ul", __assign({}, groupProps, {
+    }), section.rendered)), /*#__PURE__*/React.createElement("ul", __assign({}, groupProps, {
       className: styles.sectionList
     }), Array.from(section.childNodes).map(function (item) {
       return /*#__PURE__*/React.createElement(Option, {