npm - @kaizen/components - Versions diffs - 1.37.1 → 1.38.1 - Mend

@kaizen/components 1.37.1 → 1.38.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (914) hide show

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

	@@ -1 +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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"}
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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"}

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;AAgBA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,UAAmB,EACnBC,aAAsB,EACtBC,IAAY,EACZC,KAAa,EAAA;EAKb,IAAIH,UAAU,EAAE;IACd,OAAO;MACLI,IAAI,~~eACFC~~,KAAA,CAAAC,aAAA,CAACC,WAAW,EACV;QAAAC,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;~~QAErB~~;MACDC,cAAc,EAAE,aAAc,CAAAC,MAAA,CAAAX,IAAI;KACnC;EACF;EACD,IAAID,aAAa,EAAE;IACjB,OAAO;MACLG,IAAI,~~eACFC~~,KAAA,CAAAC,aAAA,CAACQ,mBAAmB,EAClB;QAAAN,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;~~QAErB~~;MACDC,cAAc,EAAE,WAAY,CAAAC,MAAA,CAAAX,IAAI;KACjC;EACF;EACD,OAAO;IACLE,IAAI,~~eACFC~~,KAAA,CAAAC,aAAA,CAACS,qBAAqB,EACpB;MAAAP,GAAG,EAAEL,KAAK;MACVM,WAAW,EACX,IAAA;MAAAE,iBAAiB,EAAC,YAAY;MAC9BD,IAAI,EAAC;~~MAER~~;IACDE,cAAc,EAAE,eAAgB,CAAAC,MAAA,CAAAX,IAAI;GACrC;AACH,CAAC;AAAA,MAEYc,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAkB,GAAAH,EAAA,CAAAjB,UAAA;MAAlBA,UAAU,GAAAoB,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACfC,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAJkB,mCAK/B,CADa;IAEZ,IAAMM,gBAAgB,GAAGJ,KAAK,CAACK,OAAO,CAACN,QAAQ,CAAC;IAEhD,oBACEb,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAmB,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCtB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAsB,QAAA,CAAA;MACEH,SAAS,EAAEC,MAAM,CAACG;OACdR,SAAS,EAAA;MAAA,iBAAA,EACG;KAAqB,CAAA,EAEpCF,KAAK,CAACW,GAAG,CAAC,UAAC5B,IAAY,EAAEC,KAAa,EAAA;MACrC,IAAMF,aAAa,GAAGsB,gBAAgB,KAAKpB,KAAK;MAChD,IAAM4B,eAAe,GAAG5B,KAAK,GAAGoB,gBAAgB,IAAIvB,UAAU;MACxD,IAAAiB,KAAiClB,aAAa,CAClDgC,eAAe,EACf9B,aAAa,EACbC,IAAI,EACJC,KAAK,CACN;QALOS,cAAc,oBAAA;QAAQoB,IAAI,UAKjC;MACD,oBACE3B,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAmB,SAAS,EAAEC,MAAM,CAACxB,IAAI;QACtBM,GAAG,EAAE,UAAGL,KAAK,EAAA,GAAA,CAAA,CAAAU,MAAA,CAAIX,IAAI,CAAE;wBACTD;MAAa,CAAA,eAE3BI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKmB,SAAS,EAAEC,MAAM,CAACO;MAAW,CAAA,eAChC5B,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMmB,SAAS,EAAC;MAAS,CAAA,EAEtBb,cAAc,CACV,eACPP,KAAA,CAAAC,aAAA,CAAC4B,IAAI,EACH;QAAAvB,iBAAiB,EAAEe,MAAM,CAACR,QAAQ;QAClCiB,OAAO,EAAC,OAAO;QACfC,KAAK,EAAC,OAAO;QAAA,aAAA,EAAA;MAAA,CAAA,EAGZlC,IAAI,CACA,eACPG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKmB,SAAS,EAAEC,MAAM,CAACW;MAAa,CAAA,eAClChC,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAmB,SAAS,EAAEC,MAAM,CAACY;MAAQ,CAAG,EAAAN,IAAI,CAAQ,CAC3C,EACL7B,KAAK,GAAGgB,KAAK,CAACoB,MAAM,GAAG,CAAC,~~iBACvBlC~~,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAAmB,SAAS,EAAEe,UAAU,CAAC,CACpBd,MAAM,CAACe,WAAW,EAClBV,eAAe,IAAIL,MAAM,CAACgB,aAAa,CACxC;MACD,CAAA,CACH,CACG,CACH;IAET,CAAC,CAAC,CACC,eACLrC,KAAA,CAAAC,aAAA,CAAC4B,IAAI,EACH;MAAAvB,iBAAiB,EAAEe,MAAM,CAACiB,kBAAkB;MAC5CR,OAAO,EAAC,OAAO;MACfC,KAAK,EAAC,OAAO;MACbQ,EAAE,EAAC;IAAqB,CAAA,WAElBrB,gBAAgB,GAAG,CAAC,UAAMJ,KAAK,CAACoB,MAAM,CACvC,CACH;EAEV,CAAC;EAEDvB,eAAe,CAAC6B,WAAW,GAAG,0BAA0B;EAAA,OAvE3C7B,eAAe;AAAA;"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

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

@@ -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, {