@kaizen/components 1.38.2 → 1.38.3
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.
- package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/MainActions.cjs.map +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs +4 -4
- package/dist/cjs/TitleBlockZen/subcomponents/MobileActions.cjs.map +1 -1
- package/dist/cjs/TitleBlockZen/subcomponents/TitleBlockMenuItem.cjs.map +1 -1
- package/dist/cjs/TitleBlockZen/utils.cjs.map +1 -1
- package/dist/cjs/dts/TitleBlockZen/subcomponents/MainActions.d.ts +1 -2
- package/dist/cjs/dts/TitleBlockZen/subcomponents/MobileActions.d.ts +1 -2
- package/dist/cjs/dts/TitleBlockZen/subcomponents/TitleBlockMenuItem.d.ts +1 -5
- package/dist/cjs/dts/TitleBlockZen/types.d.ts +1 -3
- package/dist/cjs/dts/TitleBlockZen/utils.d.ts +0 -2
- package/dist/cjs/index.css +3 -3
- package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/MainActions.mjs.map +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs +4 -4
- package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs.map +1 -1
- package/dist/esm/TitleBlockZen/subcomponents/TitleBlockMenuItem.mjs.map +1 -1
- package/dist/esm/TitleBlockZen/utils.mjs.map +1 -1
- package/dist/esm/dts/TitleBlockZen/subcomponents/MainActions.d.ts +1 -2
- package/dist/esm/dts/TitleBlockZen/subcomponents/MobileActions.d.ts +1 -2
- package/dist/esm/dts/TitleBlockZen/subcomponents/TitleBlockMenuItem.d.ts +1 -5
- package/dist/esm/dts/TitleBlockZen/types.d.ts +1 -3
- package/dist/esm/dts/TitleBlockZen/utils.d.ts +0 -2
- package/dist/esm/index.css +2 -2
- package/dist/index.d.ts +1 -3
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/TitleBlockZen/_docs/TitleBlockZen.stories.tsx +0 -2
- package/src/TitleBlockZen/subcomponents/MainActions.tsx +6 -5
- package/src/TitleBlockZen/subcomponents/MobileActions.spec.tsx +2 -2
- package/src/TitleBlockZen/subcomponents/MobileActions.tsx +6 -8
- package/src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx +2 -8
- package/src/TitleBlockZen/types.ts +1 -3
- package/src/TitleBlockZen/utils.ts +0 -5
|
@@ -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 TitleBlockMenuItemProps,\n} from \"../types\"\nimport {\n convertSecondaryActionsToMenuItems,\n isMenuGroupNotButton,\n} from \"../utils\"\nimport { TitleBlockMenuItem } from \"./TitleBlockMenuItem\"\n\nimport styles from \"./MobileActions.module.scss\"\n\nconst menuItemIsLink: (item: TitleBlockMenuItemProps) => boolean = item =>\n \"href\" in item\n\nconst defaultActionIsLink: (action: DefaultActionProps) => boolean = action =>\n \"href\" in action\n\nconst defaultActionIsButton: (action: DefaultActionProps) => boolean = action =>\n (!(\"href\" in action) && \"onClick\" in action) || \"component\" in action\n\nconst filterActions = (\n menuItems: TitleBlockMenuItemProps[],\n filterType: \"link\" | \"action\"\n): TitleBlockMenuItemProps[] =>\n menuItems.filter(item =>\n filterType === \"link\" ? menuItemIsLink(item) : !menuItemIsLink(item)\n )\n\n/** Returns a filtered array of TitleBlockMenuItem based on actionType\n * This is use to sort a selectively render the action into a specifc order\n */\nconst renderPrimaryActionDrawerContent = (\n primaryAction: PrimaryActionProps,\n actionType: \"link\" | \"action\"\n): JSX.Element[] | null => {\n if (!primaryAction) return null\n\n if (isMenuGroupNotButton(primaryAction)) {\n const filteredActions = filterActions(primaryAction.menuItems, actionType)\n return filteredActions.map((item, idx) => {\n const itemType = menuItemIsLink(item) ? \"link\" : \"action\"\n\n return (\n <TitleBlockMenuItem\n {...item}\n key={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n data-automation-id={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n data-testid={`title-block-mobile-actions-primary-${itemType}-${idx}`}\n />\n )\n })\n }\n\n return null\n}\n\nconst renderDefaultLink = (\n defaultAction: DefaultActionProps\n): JSX.Element | undefined => {\n if (!defaultActionIsLink(defaultAction)) return\n if (\"component\" in defaultAction) {\n return (\n <TitleBlockMenuItem\n {...defaultAction}\n key=\"title-block-mobile-actions-default-link\"\n data-automation-id=\"title-block-mobile-actions-default-link\"\n data-testid=\"title-block-mobile-actions-default-link\"\n />\n )\n }\n return (\n <MenuItem\n href={defaultAction.href}\n label={defaultAction.label}\n icon={defaultAction.icon}\n disabled={defaultAction.disabled}\n key=\"title-block-mobile-actions-default-link\"\n data-automation-id=\"title-block-mobile-actions-default-link\"\n data-testid=\"title-block-mobile-actions-default-link\"\n />\n )\n}\n\nconst renderDefaultAction = (\n defaultAction: DefaultActionProps\n): JSX.Element | null => {\n if (!defaultActionIsLink(defaultAction)) {\n return (\n <TitleBlockMenuItem\n {...defaultAction}\n key=\"title-block-mobile-actions-default-action\"\n data-automation-id=\"title-block-mobile-actions-default-action\"\n data-testid=\"title-block-mobile-actions-default-action\"\n />\n )\n }\n\n return null\n}\n\nconst renderSecondaryActions = (\n secondaryActions: SecondaryActionsProps | undefined\n): JSX.Element[] | null => {\n if (!secondaryActions) return null\n const secondaryActionMenuItems: TitleBlockMenuItemProps[] =\n convertSecondaryActionsToMenuItems(secondaryActions)\n\n return secondaryActionMenuItems.map((item, idx) => (\n <TitleBlockMenuItem\n {...item}\n key={`title-block-mobile-actions-secondary-action-${idx}`}\n data-testid=\"title-block-mobile-actions-secondary-action\"\n />\n ))\n}\n\nconst renderSecondaryOverflowMenuItems = (\n secondaryOverflowMenuItems: TitleBlockMenuItemProps[]\n): JSX.Element[] =>\n secondaryOverflowMenuItems.map((item, idx) => (\n <TitleBlockMenuItem\n {...item}\n key={`title-block-mobile-actions-overflow-menu-item-${idx}`}\n data-testid=\"title-block-mobile-actions-overflow-menu-item\"\n />\n ))\n\ntype DrawerMenuContentProps = {\n primaryAction?: PrimaryActionProps\n defaultAction?: DefaultActionProps\n secondaryActions?: SecondaryActionsProps\n secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n}\n\nconst DrawerMenuContent = ({\n primaryAction,\n defaultAction,\n secondaryActions,\n secondaryOverflowMenuItems,\n}: DrawerMenuContentProps): JSX.Element => {\n const showOtherActionsHeading =\n (defaultAction && defaultActionIsButton(defaultAction)) ||\n secondaryActions ||\n secondaryOverflowMenuItems\n\n return (\n <>\n <MenuList>\n {primaryAction &&\n renderPrimaryActionDrawerContent(primaryAction, \"link\")}\n {defaultAction && renderDefaultLink(defaultAction)}\n {primaryAction &&\n renderPrimaryActionDrawerContent(primaryAction, \"action\")}\n </MenuList>\n {(defaultAction || secondaryActions || secondaryOverflowMenuItems) && (\n <MenuList\n heading={\n showOtherActionsHeading && <MenuHeading>Other actions</MenuHeading>\n }\n >\n {defaultAction && renderDefaultAction(defaultAction)}\n {secondaryActions && renderSecondaryActions(secondaryActions)}\n {secondaryOverflowMenuItems &&\n renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems)}\n </MenuList>\n )}\n </>\n )\n}\n\nconst renderDrawerHandleLabel = (\n label: string,\n icon?: JSX.Element,\n drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n): JSX.Element => {\n if (drawerHandleLabelIconPosition === \"end\") {\n return (\n <>\n <span\n className={styles.drawerHandleLabelText}\n data-testid=\"drawer-handle-lable-text\"\n >\n {label}\n </span>\n <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n </>\n )\n } else {\n return (\n <>\n <>{icon && <span className={styles.drawerHandleIcon}>{icon}</span>}</>\n <span\n className={styles.drawerHandleLabelText}\n data-testid=\"drawer-handle-lable-text\"\n >\n {label}\n </span>\n </>\n )\n }\n}\n\ntype HrefAndOnClick = Pick<TitleBlockButtonProps, \"href\" | \"onClick\">\ntype ButtonOrLinkActionProps =\n | HrefAndOnClick\n | TitleBlockButtonProps[\"href\"]\n | TitleBlockButtonProps[\"onClick\"]\ntype ButtonOrLinkProps = {\n action?: ButtonOrLinkActionProps\n children: React.ReactNode\n}\n\nconst ButtonOrLink = ({ action, children }: ButtonOrLinkProps): JSX.Element => {\n if (typeof action === \"object\" && \"onClick\" in action && \"href\" in action) {\n return (\n <a\n onClick={action.onClick}\n href={action.href}\n className={classnames(\n styles.mobileActionsPrimaryLabel,\n styles.mobileActionsPrimaryButton\n )}\n data-testid=\"title-block-mobile-actions-primary-button\"\n >\n {children}\n </a>\n )\n }\n if (typeof action === \"function\") {\n return (\n <button\n type=\"button\"\n onClick={action}\n className={classnames(\n styles.mobileActionsPrimaryLabel,\n styles.mobileActionsPrimaryButton\n )}\n data-testid=\"title-block-mobile-actions-primary-button\"\n >\n {children}\n </button>\n )\n }\n if (typeof action === \"string\") {\n return (\n <a\n href={action}\n className={classnames(\n styles.mobileActionsPrimaryLabel,\n styles.mobileActionsPrimaryButton\n )}\n data-testid=\"title-block-mobile-actions-primary-button\"\n >\n {children}\n </a>\n )\n }\n\n // when there's no action (e.g. primary button is disabled)\n return (\n <button\n type=\"button\"\n className={classnames(\n styles.mobileActionsPrimaryLabel,\n styles.mobileActionsPrimaryButton\n )}\n data-testid=\"title-block-mobile-actions-primary-button\"\n >\n {children}\n </button>\n )\n}\n\nconst getAction = (\n primaryAction: TitleBlockButtonProps\n): ButtonOrLinkActionProps => {\n if (primaryAction && !primaryAction.disabled) {\n if (primaryAction.onClick && primaryAction.href) {\n return {\n href: primaryAction.href,\n onClick: primaryAction.onClick,\n }\n }\n if (primaryAction.onClick) {\n return primaryAction.onClick\n }\n if (primaryAction.href) {\n return primaryAction.href\n }\n }\n\n return undefined\n}\n\ntype DrawerHandleProps = {\n primaryAction: PrimaryActionProps | undefined\n secondaryActions: SecondaryActionsProps | undefined\n defaultAction?: DefaultActionProps | TitleBlockMenuGroup\n secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n drawerHandleLabelIconPosition?: ButtonProps[\"iconPosition\"]\n toggleDisplay: () => void\n isOpen: boolean\n}\n\nconst DrawerHandle = ({\n primaryAction,\n secondaryActions,\n defaultAction,\n secondaryOverflowMenuItems,\n drawerHandleLabelIconPosition,\n toggleDisplay,\n isOpen,\n}: DrawerHandleProps): JSX.Element | null => {\n const showDrawer =\n defaultAction || secondaryActions || secondaryOverflowMenuItems\n if (primaryAction) {\n // If the primary action is a menu\n if (isMenuGroupNotButton(primaryAction)) {\n return (\n <div\n className={classnames(\n styles.mobileActionsTopRow,\n styles.mobileActionsTopRowSingleButton\n )}\n data-testid=\"title-block-mobile-actions-drawer-handle\"\n >\n <button\n type=\"button\"\n className={classnames(\n styles.mobileActionsExpandButton,\n styles.mobileActionsPrimaryLabel\n )}\n onClick={toggleDisplay}\n aria-expanded={isOpen}\n >\n {primaryAction.label}\n <span className={styles.mobileActionsChevronSquare}>\n {isOpen ? (\n <ChevronDownIcon role=\"presentation\" />\n ) : (\n <ChevronUpIcon role=\"presentation\" />\n )}\n </span>\n </button>\n </div>\n )\n }\n\n // If the primary action is a button, or has no onClick/href/action\n return (\n <div\n className={classnames(\n styles.mobileActionsTopRow,\n !showDrawer && styles.mobileActionsTopRowSingleButton\n )}\n data-testid=\"title-block-mobile-actions-drawer-handle\"\n >\n {\"component\" in primaryAction ? (\n <primaryAction.component\n className={classnames(\n styles.mobileActionsPrimaryLabel,\n styles.mobileActionsPrimaryButton\n )}\n {...primaryAction}\n >\n {primaryAction.label &&\n renderDrawerHandleLabel(\n primaryAction.label,\n primaryAction.icon,\n drawerHandleLabelIconPosition\n )}\n </primaryAction.component>\n ) : (\n <ButtonOrLink action={getAction(primaryAction)}>\n {renderDrawerHandleLabel(\n primaryAction.label,\n primaryAction.icon,\n drawerHandleLabelIconPosition\n )}\n </ButtonOrLink>\n )}\n\n {/* If there are no secondary etc. actions, just show the button without drawer */}\n {showDrawer && (\n <button\n type=\"button\"\n className={styles.mobileActionsExpandButton}\n onClick={toggleDisplay}\n aria-expanded={isOpen}\n 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","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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TitleBlockMenuItem.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {
|
|
1
|
+
{"version":3,"file":"TitleBlockMenuItem.mjs","sources":["../../../../src/TitleBlockZen/subcomponents/TitleBlockMenuItem.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { MenuItem } from \"~components/Menu\"\nimport { TitleBlockMenuItemProps } from \"../types\"\nimport styles from \"./TitleBlockMenuItem.module.scss\"\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":";;;;;;;;;MAMaA,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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.mjs","sources":["../../../src/TitleBlockZen/utils.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"utils.mjs","sources":["../../../src/TitleBlockZen/utils.ts"],"sourcesContent":["import {\n TitleBlockButtonProps,\n TitleBlockCustomButtonProps,\n TitleBlockMenuGroup,\n TitleBlockVariant,\n SecondaryActionsProps,\n TitleBlockMenuItemProps,\n} from \"./types\"\n\nexport const isMenuGroupNotButton = (\n value:\n | (TitleBlockButtonProps | TitleBlockCustomButtonProps)\n | TitleBlockMenuGroup\n): value is TitleBlockMenuGroup => \"menuItems\" in value\n\nexport const NON_REVERSED_VARIANTS = [\"education\", \"admin\"]\n\nexport const isReversed = (variant: TitleBlockVariant | undefined): boolean => {\n // The default variant (no variant prop) is reversed (dark background)\n if (variant === undefined) return true\n return !NON_REVERSED_VARIANTS.includes(variant)\n}\n\nexport const convertSecondaryActionsToMenuItems = (\n secondaryActions: SecondaryActionsProps\n): TitleBlockMenuItemProps[] =>\n secondaryActions.reduce((acc, cur) => {\n if (\"menuItems\" in cur) {\n return [...acc, ...cur.menuItems]\n }\n\n if (\"component\" in cur) {\n return [...acc, cur]\n }\n\n const out = {\n label: cur.label,\n icon: cur.icon,\n destructive: cur.destructive,\n disabled: cur.disabled,\n }\n\n if (\"onClick\" in cur) {\n return [\n ...acc,\n {\n ...out,\n onClick: cur.onClick,\n },\n ]\n }\n if (\"href\" in cur) {\n return [\n ...acc,\n {\n ...out,\n href: cur.href,\n },\n ]\n }\n return acc\n }, new Array())\n\nexport const createTabletOverflowMenuItems = (\n secondaryActions?: SecondaryActionsProps,\n secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]\n): TitleBlockMenuItemProps[] => {\n let secondaryActionsList: TitleBlockMenuItemProps[]\n if (secondaryActions) {\n secondaryActionsList = secondaryActions\n ? convertSecondaryActionsToMenuItems(secondaryActions)\n : []\n } else {\n secondaryActionsList = []\n }\n const flatSecondaryOverflowItemsList = secondaryOverflowMenuItems || []\n return secondaryActionsList.concat(flatSecondaryOverflowItemsList)\n}\n"],"names":["isMenuGroupNotButton","value","NON_REVERSED_VARIANTS","isReversed","variant","undefined","includes","convertSecondaryActionsToMenuItems","secondaryActions","reduce","acc","cur","__spreadArray","menuItems","out","label","icon","destructive","disabled","__assign","onClick","href","Array","createTabletOverflowMenuItems","secondaryOverflowMenuItems","secondaryActionsList","flatSecondaryOverflowItemsList","concat"],"mappings":";AASO,IAAMA,oBAAoB,GAAG,SAAAA,CAClCC,KAEuB,EACU;EAAA,OAAA,WAAW,IAAIA,KAAK;AAAA,CAAA;IAE1CC,qBAAqB,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;AAEpD,IAAMC,UAAU,GAAG,SAAAA,CAACC,OAAsC,EAAA;;EAE/D,IAAIA,OAAO,KAAKC,SAAS,EAAE,OAAO,IAAI;EACtC,OAAO,CAACH,qBAAqB,CAACI,QAAQ,CAACF,OAAO,CAAC;AACjD,CAAC;AAEM,IAAMG,kCAAkC,GAAG,SAAAA,CAChDC,gBAAuC,EAAA;EAEvC,OAAAA,gBAAgB,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,GAAG,EAAA;IAC/B,IAAI,WAAW,IAAIA,GAAG,EAAE;MACtB,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAWF,GAAG,EAAA,IAAA,CAAA,EAAKC,GAAG,CAACE,SAAS,EAAC,IAAA,CAAA;IAClC;IAED,IAAI,WAAW,IAAIF,GAAG,EAAE;MACtB,OAAWC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAF,GAAG,EAAE,IAAA,CAAA,EAAA,CAAAC,GAAG,CAAC,EAAA,KAAA,CAAA;IACrB;IAED,IAAMG,GAAG,GAAG;MACVC,KAAK,EAAEJ,GAAG,CAACI,KAAK;MAChBC,IAAI,EAAEL,GAAG,CAACK,IAAI;MACdC,WAAW,EAAEN,GAAG,CAACM,WAAW;MAC5BC,QAAQ,EAAEP,GAAG,CAACO;KACf;IAED,IAAI,SAAS,IAAIP,GAAG,EAAE;MACpB,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKF,GAAG,EAAA,IAAA,CAAA,EAAA,CAEDS,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAL,GAAG,CACN,EAAA;QAAAM,OAAO,EAAET,GAAG,CAACS;OAAO,CAAA,CAEvB,EAAA,KAAA,CAAA;IACF;IACD,IAAI,MAAM,IAAIT,GAAG,EAAE;MACjB,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKF,GAAG,EAAA,IAAA,CAAA,EAAA,CAEDS,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAL,GAAG,CACN,EAAA;QAAAO,IAAI,EAAEV,GAAG,CAACU;OAAI,CAAA,CAEjB,EAAA,KAAA,CAAA;IACF;IACD,OAAOX,GAAG;EACZ,CAAC,EAAE,IAAIY,KAAK,CAAA,CAAE,CAAC;AAnCf,CAmCe;AAEJ,IAAAC,6BAA6B,GAAG,SAAAA,CAC3Cf,gBAAwC,EACxCgB,0BAAsD,EAAA;EAEtD,IAAIC,oBAA+C;EACnD,IAAIjB,gBAAgB,EAAE;IACpBiB,oBAAoB,GAAGjB,gBAAgB,GACnCD,kCAAkC,CAACC,gBAAgB,CAAC,GACpD,EAAE;EACP,CAAA,MAAM;IACLiB,oBAAoB,GAAG,EAAE;EAC1B;EACD,IAAMC,8BAA8B,GAAGF,0BAA0B,IAAI,EAAE;EACvE,OAAOC,oBAAoB,CAACE,MAAM,CAACD,8BAA8B,CAAC;AACpE,CAAA;"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { DefaultActionProps, PrimaryActionProps } from "../types";
|
|
3
|
-
import { TitleBlockMenuItemProps } from "./TitleBlockMenuItem";
|
|
2
|
+
import { DefaultActionProps, PrimaryActionProps, TitleBlockMenuItemProps } from "../types";
|
|
4
3
|
type MainActionsProps = {
|
|
5
4
|
primaryAction?: PrimaryActionProps;
|
|
6
5
|
defaultAction?: DefaultActionProps;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from "../../Button";
|
|
3
|
-
import { DefaultActionProps, PrimaryActionProps, SecondaryActionsProps } from "../types";
|
|
4
|
-
import { TitleBlockMenuItemProps } from "./TitleBlockMenuItem";
|
|
3
|
+
import { DefaultActionProps, PrimaryActionProps, SecondaryActionsProps, TitleBlockMenuItemProps } from "../types";
|
|
5
4
|
export type MobileActionsProps = {
|
|
6
5
|
primaryAction?: PrimaryActionProps;
|
|
7
6
|
defaultAction?: DefaultActionProps;
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { MenuItemProps } from "../../Menu";
|
|
4
|
-
export type TitleBlockMenuItemProps = ({
|
|
5
|
-
component: (props: CustomButtonProps) => JSX.Element;
|
|
6
|
-
} & MenuItemProps) | MenuItemProps;
|
|
2
|
+
import { TitleBlockMenuItemProps } from "../types";
|
|
7
3
|
export declare const TitleBlockMenuItem: {
|
|
8
4
|
(props: TitleBlockMenuItemProps): JSX.Element;
|
|
9
5
|
displayName: string;
|
|
@@ -104,9 +104,7 @@ export type TitleBlockCustomButtonProps = TitleBlockDistributiveOmit<TitleBlockB
|
|
|
104
104
|
className?: string;
|
|
105
105
|
component: (props: CustomButtonProps) => JSX.Element;
|
|
106
106
|
};
|
|
107
|
-
export type TitleBlockMenuItemProps =
|
|
108
|
-
action: ((e: any) => void) | string;
|
|
109
|
-
}) | TitleBlockCustomButtonProps;
|
|
107
|
+
export type TitleBlockMenuItemProps = MenuItemProps | TitleBlockCustomButtonProps;
|
|
110
108
|
export type ButtonWithHrefNotOnClick = TitleBlockDistributiveOmit<ButtonProps, "onClick">;
|
|
111
109
|
export type ButtonWithOnClickNotHref = TitleBlockDistributiveOmit<TitleBlockButtonProps, "href">;
|
|
112
110
|
export type TitleBlockMenuGroup = {
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { MenuItemProps } from "../Menu";
|
|
2
1
|
import { TitleBlockButtonProps, TitleBlockCustomButtonProps, TitleBlockMenuGroup, TitleBlockVariant, SecondaryActionsProps, TitleBlockMenuItemProps } from "./types";
|
|
3
|
-
export declare const isMenuItemNotButton: (value: TitleBlockButtonProps | MenuItemProps) => value is MenuItemProps;
|
|
4
2
|
export declare const isMenuGroupNotButton: (value: (TitleBlockButtonProps | TitleBlockCustomButtonProps) | TitleBlockMenuGroup) => value is TitleBlockMenuGroup;
|
|
5
3
|
export declare const NON_REVERSED_VARIANTS: string[];
|
|
6
4
|
export declare const isReversed: (variant: TitleBlockVariant | undefined) => boolean;
|
package/dist/esm/index.css
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
.Main-module_main__hMyB1{z-index:0}
|
|
3
3
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
4
4
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
5
|
-
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
6
5
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
7
|
-
.
|
|
6
|
+
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
8
7
|
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
8
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
9
9
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
10
10
|
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
11
11
|
.SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
|
package/dist/index.d.ts
CHANGED
|
@@ -4211,9 +4211,7 @@ type TitleBlockCustomButtonProps = TitleBlockDistributiveOmit<TitleBlockButtonPr
|
|
|
4211
4211
|
className?: string;
|
|
4212
4212
|
component: (props: CustomButtonProps) => JSX.Element;
|
|
4213
4213
|
};
|
|
4214
|
-
type TitleBlockMenuItemProps =
|
|
4215
|
-
action: ((e: any) => void) | string;
|
|
4216
|
-
}) | TitleBlockCustomButtonProps;
|
|
4214
|
+
type TitleBlockMenuItemProps = MenuItemProps | TitleBlockCustomButtonProps;
|
|
4217
4215
|
type ButtonWithHrefNotOnClick = TitleBlockDistributiveOmit<ButtonProps, "onClick">;
|
|
4218
4216
|
type ButtonWithOnClickNotHref = TitleBlockDistributiveOmit<TitleBlockButtonProps, "href">;
|
|
4219
4217
|
type TitleBlockMenuGroup = {
|