npm - @razorpay/blade - Versions diffs - 12.98.0 → 12.110.0 - Mend

@razorpay/blade 12.98.0 → 12.110.0

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 (3905) hide show

package/build/lib/web/production/components/List/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n listItemBulletMarginRight,\n listItemBulletMarginTop,\n listItemOrderedBulletBoxSize,\n listItemMarginBottom,\n listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n /*\n Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n \n /\n children: React.ReactNode;\n /*\n Icon to be rendered for a ListItem's bullet.\n \n /\n icon?: IconComponent;\n /*\n Icon color of the ListItem's bullet.\n \n /\n iconColor?: ListProps['iconColor'];\n /*\n This is a private prop to be used only for internal logic purposes.\n \n /\n _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n level?: number;\n variant: NonNullable<ListProps['variant']>;\n hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n marginLeft: level\n ? getIn(\n theme,\n listItemMarginLeft[\n `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n ListProps['variant'] \| 'unorderedWithIcon'\n >\n ][level],\n )\n : 0,\n}));\n\nconst ListItemContentChildren = ({\n children,\n size,\n}: {\n children: React.ReactNode[];\n size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n */\n return getPlatformType() === 'react-native' ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n {children.map((child, index) => {\n if (typeof child === 'string') {\n return (\n <Text key={index} variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\n {child}\n </Text>\n );\n }\n return child;\n })}\n </BaseBox>\n ) : (\n <Text variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\n {children}\n </Text>\n );\n};\n\nconst _ListItem = ({\n children,\n icon: Icon,\n iconColor: listItemIconColor,\n _itemNumber,\n testID,\n}: ListItemProps): React.ReactElement => {\n const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n const { theme, platform } = useTheme();\n const ItemIcon = Icon ?? ListContextIcon;\n const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n if (__DEV__) {\n if (level && level > 3) {\n throwBladeError({\n message: 'List Nesting is allowed only upto 3 levels.',\n moduleName: 'List',\n });\n }\n }\n\n const childrenArray = React.Children.toArray(children);\n\n // Get children that are not a List component and are valid allowed children\n const validChildItem = childrenArray.filter((child) => {\n if (getComponentId(child) === MetaConstants.List) return null;\n\n if (\n typeof child === 'string' \|\|\n typeof child === 'number' \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemLink) \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemText) \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemCode)\n ) {\n return child;\n } else if (__DEV__) {\n throwBladeError({\n message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n moduleName: 'ListItem',\n });\n }\n return null;\n });\n // Get child that is a List component\n const childList = childrenArray.filter((child) =>\n getComponentId(child) === MetaConstants.List ? child : null,\n );\n const hasIcon = Boolean(ItemIcon);\n\n return (\n <StyledListItem\n level={level}\n variant={variant}\n hasIcon={hasIcon}\n {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n >\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n marginBottom={listItemMarginBottom}\n >\n {variant === 'unordered' ? (\n <BaseBox\n marginRight={listItemBulletMarginRight[variant]}\n marginTop={\n listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n }\n display=\"flex\"\n alignSelf=\"flex-start\"\n >\n {ItemIcon ? (\n <ItemIcon size={size} color={iconColorToken} />\n ) : (\n <UnorderedItemIcon level={level} />\n )}\n </BaseBox>\n ) : (\n <BaseBox\n width={listItemOrderedBulletBoxSize[variant][platform][size]}\n height={listItemOrderedBulletBoxSize[variant][platform][size]}\n marginRight={listItemBulletMarginRight[variant]}\n marginTop={listItemBulletMarginTop[variant][platform][size]}\n display=\"flex\"\n flexShrink={0}\n justifyContent=\"center\"\n alignSelf=\"flex-start\"\n alignItems=\"center\"\n borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n backgroundColor={\n variant === 'ordered-filled'\n ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n : undefined\n }\n >\n <Text\n variant=\"body\"\n color=\"surface.text.gray.muted\"\n size={variant === 'ordered' ? size : 'xsmall'}\n >\n {`${getOrderedListItemBullet({\n itemNumber: _itemNumber ?? 1,\n level: level ?? 1,\n })}${variant === 'ordered' ? '.' : ''}`}\n </Text>\n </BaseBox>\n )}\n <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n </BaseBox>\n {childList}\n </StyledListItem>\n );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","map","child","index","Text","color","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport { useListContext } from './ListContext';\nimport { UnorderedItemIcon } from './ListItemIcons';\nimport { ListItemElement } from './ListItemElement';\nimport {\n listItemBulletMarginRight,\n listItemBulletMarginTop,\n listItemOrderedBulletBoxSize,\n listItemMarginBottom,\n listItemMarginLeft,\n} from './listTokens';\nimport type { ListProps } from './List';\nimport { getOrderedListItemBullet } from './getOrderedListItemBullet';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { IconComponent } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { throwBladeError } from '~utils/logger';\n\ntype ListItemProps = {\n /*\n Children to be rendered for ListItem. This can be a text, ListItemLink or another List.\n \n /\n children: React.ReactNode;\n /*\n Icon to be rendered for a ListItem's bullet.\n \n /\n icon?: IconComponent;\n /*\n Icon color of the ListItem's bullet.\n \n /\n iconColor?: ListProps['iconColor'];\n /*\n This is a private prop to be used only for internal logic purposes.\n \n /\n _itemNumber?: undefined;\n} & TestID;\n\nconst StyledListItem = styled(ListItemElement)<{\n level?: number;\n variant: NonNullable<ListProps['variant']>;\n hasIcon: boolean;\n}>(({ level, theme, variant, hasIcon }) => ({\n marginLeft: level\n ? getIn(\n theme,\n listItemMarginLeft[\n `${variant}${variant === 'unordered' && hasIcon ? 'WithIcon' : ''}` as NonNullable<\n ListProps['variant'] \| 'unorderedWithIcon'\n >\n ][level],\n )\n : 0,\n}));\n\nconst ListItemContentChildren = ({\n children,\n size,\n}: {\n children: React.ReactNode[];\n size: NonNullable<ListProps['size']>;\n}): React.ReactElement => {\n /* Having a <View><Text>...</Text><View/> inside <Text /> breaks vertical alignment. Issue: https://github.com/facebook/react-native/issues/31955\n As a workaround, we wrap individual strings in their own <Text /> and handle alignment with a parent <View> (BaseBox).\n */\n return getPlatformType() === 'react-native' ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\" flex={1}>\n {children.map((child, index) => {\n if (typeof child === 'string') {\n return (\n <Text key={index} variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\n {child}\n </Text>\n );\n }\n return child;\n })}\n </BaseBox>\n ) : (\n <Text variant=\"body\" size={size} color=\"surface.text.gray.subtle\">\n {children}\n </Text>\n );\n};\n\nconst _ListItem = ({\n children,\n icon: Icon,\n iconColor: listItemIconColor,\n _itemNumber,\n testID,\n}: ListItemProps): React.ReactElement => {\n const { level, size, icon: ListContextIcon, variant, iconColor } = useListContext();\n const { theme, platform } = useTheme();\n const ItemIcon = Icon ?? ListContextIcon;\n const iconColorToken = listItemIconColor ?? iconColor ?? 'surface.icon.gray.muted';\n\n if (__DEV__) {\n if (level && level > 3) {\n throwBladeError({\n message: 'List Nesting is allowed only upto 3 levels.',\n moduleName: 'List',\n });\n }\n }\n\n const childrenArray = React.Children.toArray(children);\n\n // Get children that are not a List component and are valid allowed children\n const validChildItem = childrenArray.filter((child) => {\n if (getComponentId(child) === MetaConstants.List) return null;\n\n if (\n typeof child === 'string' \|\|\n typeof child === 'number' \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemLink) \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemText) \|\|\n isValidAllowedChildren(child, MetaConstants.ListItemCode)\n ) {\n return child;\n } else if (__DEV__) {\n throwBladeError({\n message: `You can only pass a List, ListItemLink, ListItemCode, ListItemText or a string as a child to ListItem.`,\n moduleName: 'ListItem',\n });\n }\n return null;\n });\n // Get child that is a List component\n const childList = childrenArray.filter((child) =>\n getComponentId(child) === MetaConstants.List ? child : null,\n );\n const hasIcon = Boolean(ItemIcon);\n\n return (\n <StyledListItem\n level={level}\n variant={variant}\n hasIcon={hasIcon}\n {...metaAttribute({ name: MetaConstants.ListItem, testID })}\n >\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"center\"\n marginBottom={listItemMarginBottom}\n >\n {variant === 'unordered' ? (\n <BaseBox\n marginRight={listItemBulletMarginRight[variant]}\n marginTop={\n listItemBulletMarginTop[`${variant}${hasIcon ? 'WithIcon' : ''}`][platform][size]\n }\n display=\"flex\"\n alignSelf=\"flex-start\"\n >\n {ItemIcon ? (\n <ItemIcon size={size} color={iconColorToken} />\n ) : (\n <UnorderedItemIcon level={level} />\n )}\n </BaseBox>\n ) : (\n <BaseBox\n width={listItemOrderedBulletBoxSize[variant][platform][size]}\n height={listItemOrderedBulletBoxSize[variant][platform][size]}\n marginRight={listItemBulletMarginRight[variant]}\n marginTop={listItemBulletMarginTop[variant][platform][size]}\n display=\"flex\"\n flexShrink={0}\n justifyContent=\"center\"\n alignSelf=\"flex-start\"\n alignItems=\"center\"\n borderRadius={variant === 'ordered-filled' ? 'max' : undefined}\n backgroundColor={\n variant === 'ordered-filled'\n ? getIn(theme.colors, 'feedback.background.neutral.subtle')\n : undefined\n }\n >\n <Text\n variant=\"body\"\n color=\"surface.text.gray.muted\"\n size={variant === 'ordered' ? size : 'xsmall'}\n >\n {`${getOrderedListItemBullet({\n itemNumber: _itemNumber ?? 1,\n level: level ?? 1,\n })}${variant === 'ordered' ? '.' : ''}`}\n </Text>\n </BaseBox>\n )}\n <ListItemContentChildren size={size}>{validChildItem}</ListItemContentChildren>\n </BaseBox>\n {childList}\n </StyledListItem>\n );\n};\n\nconst ListItem = assignWithoutSideEffects(_ListItem, { componentId: MetaConstants.ListItem });\n\nexport { ListItem };\nexport type { ListItemProps };\n"],"names":["StyledListItem","styled","ListItemElement","withConfig","displayName","componentId","_ref","level","theme","variant","hasIcon","marginLeft","getIn","listItemMarginLeft","concat","ListItemContentChildren","_ref2","children","size","getPlatformType","_jsx","BaseBox","display","flexDirection","flexWrap","flex","map","child","index","Text","color","_ListItem","_ref3","_ref4","Icon","icon","listItemIconColor","iconColor","_itemNumber","testID","_useListContext","useListContext","ListContextIcon","_useTheme","useTheme","platform","ItemIcon","iconColorToken","throwBladeError","message","moduleName","childrenArray","React","Children","toArray","validChildItem","filter","getComponentId","MetaConstants","List","isValidAllowedChildren","ListItemLink","ListItemText","ListItemCode","childList","Boolean","_jsxs","_objectSpread","metaAttribute","name","ListItem","alignItems","marginBottom","listItemMarginBottom","marginRight","listItemBulletMarginRight","marginTop","listItemBulletMarginTop","alignSelf","UnorderedItemIcon","width","listItemOrderedBulletBoxSize","height","flexShrink","justifyContent","borderRadius","undefined","backgroundColor","colors","getOrderedListItemBullet","itemNumber","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/production/components/Menu/Menu.web.js CHANGED Viewed

@@ -14,7 +14,8 @@ var MenuTree = function MenuTree(_ref) {
     _ref$openInteraction = _ref.openInteraction,
     openInteraction = _ref$openInteraction === void 0 ? 'click' : _ref$openInteraction,
     onOpenChange = _ref.onOpenChange,
-    isOpenControlled = _ref.isOpen;
+    isOpenControlled = _ref.isOpen,
+    defaultPlacement = _ref.defaultPlacement;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     hasFocusInside = _React$useState2[0],
@@ -32,7 +33,8 @@ var MenuTree = function MenuTree(_ref) {
       openInteraction: openInteraction,
       onOpenChange: onOpenChange,
       isOpen: isOpenControlled,
-      overlayOffset: overlayOffset
+      overlayOffset: overlayOffset,
+      defaultPlacement: defaultPlacement
     }),
     getReferenceProps = _useFloatingMenuSetup.getReferenceProps,
     getFloatingProps = _useFloatingMenuSetup.getFloatingProps,
@@ -58,7 +60,8 @@ var MenuTree = function MenuTree(_ref) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ref: refs.setFloating,
     style: floatingStyles,
-    _transitionStyle: floatingTransitionStyles
+    _transitionStyle: floatingTransitionStyles,
+    'data-placement': context.placement
   }, getFloatingProps());
   var triggerWithReferenceProps = /*#__PURE__*/React.cloneElement(menuTriggerChild, _objectSpread(_objectSpread(_objectSpread({}, menuTriggerChild.props), referenceProps), {}, {
     _hasFocusInside: hasFocusInside,

package/build/lib/web/production/components/Menu/Menu.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.web.js","sources":["../../../../../../src/components/Menu/Menu.web.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingList,\n FloatingNode,\n FloatingPortal,\n FloatingTree,\n useFloatingParentNodeId,\n useMergeRefs,\n} from '@floating-ui/react';\nimport * as React from 'react';\nimport { MenuContext, useFloatingMenuSetup, useMenu } from './useMenu';\nimport type { MenuProps } from './types';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\n\nconst MenuTree = ({\n children,\n openInteraction = 'click',\n onOpenChange,\n isOpen: isOpenControlled,\n}: MenuProps): React.ReactElement => {\n const [hasFocusInside, setHasFocusInside] = React.useState(false);\n\n const elementsRef = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const labelsRef = React.useRef<(string \| null)[]>([]);\n const parent = useMenu();\n const [menuTriggerChild, menuOverlayChild] = React.Children.toArray(children) as [\n React.ReactElement,\n React.ReactElement,\n ];\n const overlayOffset = menuOverlayChild?.props?.offset;\n\n const {\n getReferenceProps,\n getFloatingProps,\n getItemProps,\n item,\n refs,\n floatingStyles,\n isOpen,\n nodeId,\n isNested,\n context,\n isMounted,\n floatingTransitionStyles,\n } = useFloatingMenuSetup({\n elementsRef,\n openInteraction,\n onOpenChange,\n isOpen: isOpenControlled,\n overlayOffset,\n });\n\n const referenceProps = {\n ref: useMergeRefs([refs.setReference, item.ref]),\n ...getReferenceProps(\n parent.getItemProps({\n onFocus() {\n setHasFocusInside(false);\n parent.setHasFocusInside(true);\n },\n }),\n ),\n };\n\n const floatingProps = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: refs.setFloating as any,\n style: floatingStyles,\n _transitionStyle: floatingTransitionStyles,\n ...getFloatingProps(),\n };\n\n const triggerWithReferenceProps = React.cloneElement(menuTriggerChild, {\n ...menuTriggerChild.props,\n ...referenceProps,\n _hasFocusInside: hasFocusInside,\n _isMenuTrigger: true,\n });\n\n const overlayWithFloatingProps = React.cloneElement(menuOverlayChild, {\n ...menuOverlayChild.props,\n ...floatingProps,\n });\n\n return (\n <FloatingNode id={nodeId}>\n <MenuContext.Provider\n value={{\n getItemProps,\n setHasFocusInside,\n isOpen,\n }}\n >\n {triggerWithReferenceProps}\n <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={false}\n initialFocus={-1}\n returnFocus={!isNested}\n >\n <TopNavOverlayThemeOverride>{overlayWithFloatingProps}</TopNavOverlayThemeOverride>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingList>\n </MenuContext.Provider>\n </FloatingNode>\n );\n};\n\nconst Menu = (props: MenuProps): React.ReactElement => {\n const parentId = useFloatingParentNodeId();\n\n if (parentId === null) {\n return (\n <FloatingTree>\n <MenuTree {...props} />\n </FloatingTree>\n );\n }\n\n return <MenuTree {...props} />;\n};\n\nexport { Menu };\n"],"names":["MenuTree","_ref","_menuOverlayChild$pro","children","_ref$openInteraction","openInteraction","onOpenChange","isOpenControlled","isOpen","_React$useState","React","useState","_React$useState2","_slicedToArray","hasFocusInside","setHasFocusInside","elementsRef","useRef","labelsRef","parent","useMenu","_ref2","Children","toArray","_ref3","menuTriggerChild","menuOverlayChild","overlayOffset","props","offset","_useFloatingMenuSetup","useFloatingMenuSetup","getReferenceProps","getFloatingProps","getItemProps","item","refs","floatingStyles","nodeId","isNested","context","isMounted","floatingTransitionStyles","referenceProps","_objectSpread","ref","useMergeRefs","setReference","onFocus","floatingProps","setFloating","style","_transitionStyle","triggerWithReferenceProps","cloneElement","_hasFocusInside","_isMenuTrigger","overlayWithFloatingProps","_jsx","FloatingNode","id","_jsxs","MenuContext","Provider","value","FloatingList","FloatingPortal","FloatingFocusManager","modal","initialFocus","returnFocus","TopNavOverlayThemeOverride","Menu","parentId","useFloatingParentNodeId","FloatingTree"],"mappings":";;;;;;;;;;AAcA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,~~EAKuB~~;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,~~IAJnCC~~,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,oBAAA,GAAAH,IAAA,CACRI,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,oBAAA;IACzBE,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACJC,gBAAgB,GAAAN,IAAA,CAAxBO,MAAM,CAAA;~~AAEN~~,EAAA,IAAAC,eAAA,GAA4CC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA1DK,IAAAA,cAAc,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,iBAAiB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAExC,EAAA,IAAMI,WAAW,GAAGN,KAAK,CAACO,MAAM,CAA+B,EAAE,CAAC,CAAA;AAClE,EAAA,IAAMC,SAAS,GAAGR,KAAK,CAACO,MAAM,CAAoB,EAAE,CAAC,CAAA;AACrD,EAAA,IAAME,MAAM,GAAGC,OAAO,EAAE,CAAA;EACxB,IAAAC,KAAA,GAA6CX,KAAK,CAACY,QAAQ,CAACC,OAAO,~~CAACpB~~,QAAQ,CAAC;~~IAAAqB~~,KAAA,GAAAX,cAAA,CAAAQ,KAAA,EAAA,CAAA,CAAA;AAAtEI,IAAAA,gBAAgB,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,KAAA,CAAA,CAAA,CAAA,CAAA;AAIzC,EAAA,IAAMG,aAAa,GAAGD,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,~~gBAAAxB~~,qBAAA,~~GAAhBwB~~,gBAAgB,CAAEE,KAAK,~~MAAA1B~~,IAAAA,IAAAA,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,~~CAAyB2B~~,MAAM,CAAA;EAErD,IAAAC,qBAAA,GAaIC,oBAAoB,CAAC;AACvBf,MAAAA,WAAW,EAAXA,WAAW;~~AACXX~~,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,YAAY,EAAZA,YAAY;AACZE,MAAAA,MAAM,EAAED,gBAAgB;~~AACxBoB~~,MAAAA,aAAa,EAAbA,~~aAAAA~~;AACF,KAAC,CAAC;~~IAlBAK~~,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;IACjBC,gBAAgB,GAAAH,qBAAA,CAAhBG,gBAAgB;IAChBC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;IACZC,IAAI,GAAAL,qBAAA,CAAJK,IAAI;IACJC,IAAI,GAAAN,qBAAA,CAAJM,IAAI;IACJC,cAAc,GAAAP,qBAAA,CAAdO,cAAc;~~IACd7B~~,MAAM,~~GAAAsB~~,qBAAA,~~CAANtB~~,MAAM;~~IACN8B~~,MAAM,GAAAR,qBAAA,CAANQ,MAAM;IACNC,QAAQ,GAAAT,qBAAA,CAARS,QAAQ;IACRC,OAAO,GAAAV,qBAAA,CAAPU,OAAO;IACPC,SAAS,GAAAX,qBAAA,CAATW,SAAS;IACTC,wBAAwB,GAAAZ,qBAAA,CAAxBY,wBAAwB,CAAA;~~EAS1B~~,IAAMC,cAAc,GAAAC,aAAA,CAAA;IAClBC,GAAG,EAAEC,YAAY,CAAC,CAACV,IAAI,CAACW,YAAY,EAAEZ,IAAI,CAACU,GAAG,CAAC,CAAA;AAAC,GAAA,EAC7Cb,iBAAiB,CAClBb,MAAM,CAACe,YAAY,CAAC;IAClBc,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACRjC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxBI,MAAAA,MAAM,CAACJ,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAChC,KAAA;GACD,CACH,CAAC,CACF,CAAA;EAED,IAAMkC,aAAa,GAAAL,aAAA,CAAA;AACjB;IACAC,GAAG,EAAET,IAAI,CAACc,WAAkB;AAC5BC,IAAAA,KAAK,EAAEd,cAAc;AACrBe,IAAAA,gBAAgB,EAAEV,~~wBAAAA~~;~~GACfT~~,EAAAA,gBAAgB,EAAE,CACtB,CAAA;AAED,EAAA,~~IAAMoB~~,yBAAyB,~~gBAAG3C~~,KAAK,~~CAAC4C~~,YAAY,~~CAAC7B~~,gBAAgB,EAAAmB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAChEnB,gBAAgB,CAACG,KAAK,GACtBe,cAAc,CAAA,EAAA,EAAA,EAAA;~~AACjBY~~,IAAAA,eAAe,~~EAAEzC~~,cAAc;AAC/~~B0C~~,IAAAA,cAAc,EAAE,IAAA;AAAI,GAAA,CACrB,CAAC,CAAA;AAEF,EAAA,IAAMC,wBAAwB,~~gBAAG/C~~,KAAK,~~CAAC4C~~,YAAY,~~CAAC5B~~,gBAAgB,EAAAkB,aAAA,CAAAA,aAAA,KAC/DlB,gBAAgB,CAACE,KAAK,CACtBqB,EAAAA,aAAa,CACjB,CAAC,CAAA;EAEF,~~oBACES~~,GAAA,CAACC,YAAY,EAAA;AAACC,IAAAA,EAAE,~~EAAEtB~~,MAAO;~~AAAAnC~~,IAAAA,QAAA,~~eACvB0D~~,IAAA,CAACC,WAAW,CAACC,QAAQ,EAAA;AACnBC,MAAAA,KAAK,EAAE;~~AACL9B~~,QAAAA,YAAY,EAAZA,YAAY;AACZnB,QAAAA,iBAAiB,EAAjBA,iBAAiB;~~AACjBP~~,QAAAA,MAAM,EAANA,MAAAA;OACA;AAAAL,MAAAA,QAAA,~~EAEDkD~~,CAAAA,yBAAyB,eAC1BK,GAAA,CAACO,YAAY,EAAA;~~AAACjD~~,QAAAA,WAAW,EAAEA,WAAY;AAACE,QAAAA,SAAS,EAAEA,SAAU;~~AAAAf~~,QAAAA,QAAA,~~EAC1DsC~~,SAAS,~~iBACRiB~~,GAAA,CAACQ,cAAc,EAAA;~~UAAA/D~~,QAAA,~~eACbuD~~,GAAA,CAACS,oBAAoB,EAAA;~~AACnB3B~~,YAAAA,OAAO,EAAEA,OAAQ;~~AACjB4B~~,YAAAA,KAAK,EAAE,KAAM;YACbC,YAAY,EAAE,CAAC,CAAE;YACjBC,WAAW,EAAE,~~CAAC/B~~,QAAS;~~YAAApC~~,QAAA,~~eAEvBuD~~,GAAA,CAACa,0BAA0B,EAAA;~~AAAApE~~,cAAAA,QAAA,~~EAAEsD~~,wBAAAA;aAAqD,CAAA;WAC9D,CAAA;SACR,CAAA;AACjB,OACW,CAAC,CAAA;KACK,CAAA;AAAC,GACX,CAAC,CAAA;AAEnB,CAAC,CAAA;AAED,IAAMe,IAAI,GAAG,SAAPA,IAAIA,~~CAAI5C~~,KAAgB,EAAyB;AACrD,EAAA,~~IAAM6C~~,QAAQ,GAAGC,uBAAuB,EAAE,CAAA;EAE1C,IAAID,QAAQ,KAAK,IAAI,EAAE;IACrB,oBACEf,GAAA,CAACiB,YAAY,EAAA;~~MAAAxE~~,QAAA,~~eACXuD~~,GAAA,~~CAAC1D~~,QAAQ,~~EAAA4C~~,aAAA,CAAA,EAAA,EAAKhB,KAAK,CAAG,CAAA;AAAC,KACX,CAAC,CAAA;AAEnB,GAAA;EAEA,~~oBAAO8B~~,GAAA,~~CAAC1D~~,QAAQ,~~EAAA4C~~,aAAA,CAAKhB,EAAAA,EAAAA,KAAK,CAAG,CAAC,CAAA;AAChC;;;;"}
1	+ {"version":3,"file":"Menu.web.js","sources":["../../../../../../src/components/Menu/Menu.web.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingList,\n FloatingNode,\n FloatingPortal,\n FloatingTree,\n useFloatingParentNodeId,\n useMergeRefs,\n} from '@floating-ui/react';\nimport * as React from 'react';\nimport { MenuContext, useFloatingMenuSetup, useMenu } from './useMenu';\nimport type { MenuProps } from './types';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\n\nconst MenuTree = ({\n children,\n openInteraction = 'click',\n onOpenChange,\n isOpen: isOpenControlled,\n defaultPlacement,\n}: MenuProps): React.ReactElement => {\n const [hasFocusInside, setHasFocusInside] = React.useState(false);\n\n const elementsRef = React.useRef<(HTMLButtonElement \| null)[]>([]);\n const labelsRef = React.useRef<(string \| null)[]>([]);\n const parent = useMenu();\n const [menuTriggerChild, menuOverlayChild] = React.Children.toArray(children) as [\n React.ReactElement,\n React.ReactElement,\n ];\n const overlayOffset = menuOverlayChild?.props?.offset;\n\n const {\n getReferenceProps,\n getFloatingProps,\n getItemProps,\n item,\n refs,\n floatingStyles,\n isOpen,\n nodeId,\n isNested,\n context,\n isMounted,\n floatingTransitionStyles,\n } = useFloatingMenuSetup({\n elementsRef,\n openInteraction,\n onOpenChange,\n isOpen: isOpenControlled,\n overlayOffset,\n defaultPlacement,\n });\n\n const referenceProps = {\n ref: useMergeRefs([refs.setReference, item.ref]),\n ...getReferenceProps(\n parent.getItemProps({\n onFocus() {\n setHasFocusInside(false);\n parent.setHasFocusInside(true);\n },\n }),\n ),\n };\n\n const floatingProps = {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: refs.setFloating as any,\n style: floatingStyles,\n _transitionStyle: floatingTransitionStyles,\n 'data-placement': context.placement,\n ...getFloatingProps(),\n };\n\n const triggerWithReferenceProps = React.cloneElement(menuTriggerChild, {\n ...menuTriggerChild.props,\n ...referenceProps,\n _hasFocusInside: hasFocusInside,\n _isMenuTrigger: true,\n });\n\n const overlayWithFloatingProps = React.cloneElement(menuOverlayChild, {\n ...menuOverlayChild.props,\n ...floatingProps,\n });\n\n return (\n <FloatingNode id={nodeId}>\n <MenuContext.Provider\n value={{\n getItemProps,\n setHasFocusInside,\n isOpen,\n }}\n >\n {triggerWithReferenceProps}\n <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n {isMounted && (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={false}\n initialFocus={-1}\n returnFocus={!isNested}\n >\n <TopNavOverlayThemeOverride>{overlayWithFloatingProps}</TopNavOverlayThemeOverride>\n </FloatingFocusManager>\n </FloatingPortal>\n )}\n </FloatingList>\n </MenuContext.Provider>\n </FloatingNode>\n );\n};\n\nconst Menu = (props: MenuProps): React.ReactElement => {\n const parentId = useFloatingParentNodeId();\n\n if (parentId === null) {\n return (\n <FloatingTree>\n <MenuTree {...props} />\n </FloatingTree>\n );\n }\n\n return <MenuTree {...props} />;\n};\n\nexport { Menu };\n"],"names":["MenuTree","_ref","_menuOverlayChild$pro","children","_ref$openInteraction","openInteraction","onOpenChange","isOpenControlled","isOpen","defaultPlacement","_React$useState","React","useState","_React$useState2","_slicedToArray","hasFocusInside","setHasFocusInside","elementsRef","useRef","labelsRef","parent","useMenu","_ref2","Children","toArray","_ref3","menuTriggerChild","menuOverlayChild","overlayOffset","props","offset","_useFloatingMenuSetup","useFloatingMenuSetup","getReferenceProps","getFloatingProps","getItemProps","item","refs","floatingStyles","nodeId","isNested","context","isMounted","floatingTransitionStyles","referenceProps","_objectSpread","ref","useMergeRefs","setReference","onFocus","floatingProps","setFloating","style","_transitionStyle","placement","triggerWithReferenceProps","cloneElement","_hasFocusInside","_isMenuTrigger","overlayWithFloatingProps","_jsx","FloatingNode","id","_jsxs","MenuContext","Provider","value","FloatingList","FloatingPortal","FloatingFocusManager","modal","initialFocus","returnFocus","TopNavOverlayThemeOverride","Menu","parentId","useFloatingParentNodeId","FloatingTree"],"mappings":"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"}

package/build/lib/web/production/components/Menu/tokens.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { size } from '../../tokens/global/size.js';
 var overlayPaddingX = 'spacing.3';
 var overlayPaddingTop = 'spacing.3';
-var overlayPaddingBottom = 'spacing.4';
+var overlayPaddingBottom = 'spacing.3';
 var headerMarginBottom = 'spacing.3';
 var footerPaddingTop = 'spacing.3';
 var getDividerMarginTokens = function getDividerMarginTokens(theme) {

package/build/lib/web/production/components/Menu/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Menu/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport { size } from '~tokens/global';\nimport { makeSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst overlayPaddingX = 'spacing.3';\nconst overlayPaddingTop = 'spacing.3';\nconst overlayPaddingBottom = 'spacing.4';\nconst headerMarginBottom = 'spacing.3';\nconst footerPaddingTop = 'spacing.3';\n\ntype GetDividerMarginTokensReturnType = {\n marginLeft: SpacingValueType;\n marginRight: SpacingValueType;\n marginY: SpacingValueType;\n};\n\nconst getDividerMarginTokens = (theme: Theme): GetDividerMarginTokensReturnType => {\n const overlayPaddingXValue = getIn(theme, overlayPaddingX);\n return {\n marginLeft: `-${makeSpace(overlayPaddingXValue)}`,\n marginRight: `-${makeSpace(overlayPaddingXValue)}`,\n marginY: 'spacing.1',\n };\n};\n\nconst MENU_MIN_WIDTH = {\n base: makeSize(size['200']),\n s: makeSize(size['240']),\n} as const;\n\nexport {\n overlayPaddingX,\n overlayPaddingTop,\n overlayPaddingBottom,\n MENU_MIN_WIDTH,\n getDividerMarginTokens,\n headerMarginBottom,\n footerPaddingTop,\n};\n"],"names":["overlayPaddingX","overlayPaddingTop","overlayPaddingBottom","headerMarginBottom","footerPaddingTop","getDividerMarginTokens","theme","overlayPaddingXValue","getIn","marginLeft","concat","makeSpace","marginRight","marginY","MENU_MIN_WIDTH","base","makeSize","size","s"],"mappings":";;;;;;;AAMMA,IAAAA,eAAe,GAAG,YAAW;AAC7BC,IAAAA,iBAAiB,GAAG,YAAW;AAC/BC,IAAAA,oBAAoB,GAAG,YAAW;AAClCC,IAAAA,kBAAkB,GAAG,YAAW;AAChCC,IAAAA,gBAAgB,GAAG,YAAW;AAQpC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAY,EAAuC;AACjF,EAAA,IAAMC,oBAAoB,GAAGC,KAAK,CAACF,KAAK,EAAEN,eAAe,CAAC,CAAA;EAC1D,OAAO;AACLS,IAAAA,UAAU,MAAAC,MAAA,CAAMC,SAAS,CAACJ,oBAAoB,CAAC,CAAE;AACjDK,IAAAA,WAAW,MAAAF,MAAA,CAAMC,SAAS,CAACJ,oBAAoB,CAAC,CAAE;AAClDM,IAAAA,OAAO,EAAE,WAAA;GACV,CAAA;AACH,EAAC;AAED,IAAMC,cAAc,GAAG;AACrBC,EAAAA,IAAI,EAAEC,QAAQ,CAACC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3BC,EAAAA,CAAC,EAAEF,QAAQ,CAACC,IAAI,CAAC,KAAK,CAAC,CAAA;AACzB;;;;"}
1	+ {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Menu/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport type { SpacingValueType } from '~components/Box/BaseBox';\nimport { size } from '~tokens/global';\nimport { makeSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst overlayPaddingX = 'spacing.3';\nconst overlayPaddingTop = 'spacing.3';\nconst overlayPaddingBottom = 'spacing.3';\nconst headerMarginBottom = 'spacing.3';\nconst footerPaddingTop = 'spacing.3';\n\ntype GetDividerMarginTokensReturnType = {\n marginLeft: SpacingValueType;\n marginRight: SpacingValueType;\n marginY: SpacingValueType;\n};\n\nconst getDividerMarginTokens = (theme: Theme): GetDividerMarginTokensReturnType => {\n const overlayPaddingXValue = getIn(theme, overlayPaddingX);\n return {\n marginLeft: `-${makeSpace(overlayPaddingXValue)}`,\n marginRight: `-${makeSpace(overlayPaddingXValue)}`,\n marginY: 'spacing.1',\n };\n};\n\nconst MENU_MIN_WIDTH = {\n base: makeSize(size['200']),\n s: makeSize(size['240']),\n} as const;\n\nexport {\n overlayPaddingX,\n overlayPaddingTop,\n overlayPaddingBottom,\n MENU_MIN_WIDTH,\n getDividerMarginTokens,\n headerMarginBottom,\n footerPaddingTop,\n};\n"],"names":["overlayPaddingX","overlayPaddingTop","overlayPaddingBottom","headerMarginBottom","footerPaddingTop","getDividerMarginTokens","theme","overlayPaddingXValue","getIn","marginLeft","concat","makeSpace","marginRight","marginY","MENU_MIN_WIDTH","base","makeSize","size","s"],"mappings":";;;;;;;AAMMA,IAAAA,eAAe,GAAG,YAAW;AAC7BC,IAAAA,iBAAiB,GAAG,YAAW;AAC/BC,IAAAA,oBAAoB,GAAG,YAAW;AAClCC,IAAAA,kBAAkB,GAAG,YAAW;AAChCC,IAAAA,gBAAgB,GAAG,YAAW;AAQpC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAY,EAAuC;AACjF,EAAA,IAAMC,oBAAoB,GAAGC,KAAK,CAACF,KAAK,EAAEN,eAAe,CAAC,CAAA;EAC1D,OAAO;AACLS,IAAAA,UAAU,MAAAC,MAAA,CAAMC,SAAS,CAACJ,oBAAoB,CAAC,CAAE;AACjDK,IAAAA,WAAW,MAAAF,MAAA,CAAMC,SAAS,CAACJ,oBAAoB,CAAC,CAAE;AAClDM,IAAAA,OAAO,EAAE,WAAA;GACV,CAAA;AACH,EAAC;AAED,IAAMC,cAAc,GAAG;AACrBC,EAAAA,IAAI,EAAEC,QAAQ,CAACC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3BC,EAAAA,CAAC,EAAEF,QAAQ,CAACC,IAAI,CAAC,KAAK,CAAC,CAAA;AACzB;;;;"}

package/build/lib/web/production/components/Menu/useMenu.js CHANGED Viewed

@@ -24,7 +24,9 @@ var useFloatingMenuSetup = function useFloatingMenuSetup(_ref) {
     openInteraction = _ref.openInteraction,
     onOpenChange = _ref.onOpenChange,
     isOpen = _ref.isOpen,
-    overlayOffset = _ref.overlayOffset;
+    overlayOffset = _ref.overlayOffset,
+    _ref$defaultPlacement = _ref.defaultPlacement,
+    defaultPlacement = _ref$defaultPlacement === void 0 ? 'bottom-start' : _ref$defaultPlacement;
   var _useControllableState = useControllableState({
       value: isOpen,
       defaultValue: false,
@@ -60,7 +62,7 @@ var useFloatingMenuSetup = function useFloatingMenuSetup(_ref) {
           return _isOpen;
         });
       },
-      placement: isNested ? 'right-start' : 'bottom-start',
+      placement: isNested ? 'right-start' : defaultPlacement,
       middleware: [offset(overlayOffset !== null && overlayOffset !== void 0 ? overlayOffset : resolvedDefaultOffset), flip(), shift(), size({
         apply: function apply(_ref2) {
           var availableHeight = _ref2.availableHeight,

package/build/lib/web/production/components/Menu/useMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenu.js","sources":["../../../../../../src/components/Menu/useMenu.ts"],"sourcesContent":["import React from 'react';\nimport {\n autoUpdate,\n flip,\n offset,\n safePolygon,\n shift,\n size,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListNavigation,\n useListItem,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport type { MenuContextType, UseFloatingMenuProps, UseFloatingMenuReturnType } from './types';\nimport { makeSize, useTheme } from '~utils';\nimport { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '~components/BaseMenu/tokens';\nimport { useControllableState } from '~utils/useControllable';\n\nconst MenuContext = React.createContext<MenuContextType>({\n getItemProps: () => ({}),\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n setHasFocusInside: () => {},\n isOpen: false,\n});\n\nconst useMenu = (): MenuContextType => {\n const contextValue = React.useContext(MenuContext);\n return contextValue;\n};\n\nconst useFloatingMenuSetup = ({\n elementsRef,\n openInteraction,\n onOpenChange,\n isOpen,\n overlayOffset,\n}: UseFloatingMenuProps): UseFloatingMenuReturnType => {\n const [isControllableOpen, setIsControllableOpen] = useControllableState({\n value: isOpen,\n defaultValue: false,\n onChange: (isOpen) => onOpenChange?.({ isOpen }),\n });\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null);\n\n const tree = useFloatingTree();\n const nodeId = useFloatingNodeId();\n const parentId = useFloatingParentNodeId();\n const item = useListItem();\n const { theme } = useTheme();\n\n const isNested = parentId != null;\n const resolvedDefaultOffset = {\n mainAxis: isNested ? 12 : OVERLAY_OFFSET,\n alignmentAxis: isNested ? -16 : 0,\n };\n\n const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n nodeId,\n open: isControllableOpen,\n onOpenChange: (_isOpen) => setIsControllableOpen(() => _isOpen),\n placement: isNested ? 'right-start' : 'bottom-start',\n middleware: [\n offset(overlayOffset ?? resolvedDefaultOffset),\n flip(),\n shift(),\n size({\n apply({ availableHeight, elements }) {\n elements.floating.style.maxHeight = `${availableHeight}px`;\n },\n }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const hover = useHover(context, {\n enabled: isNested \|\| openInteraction === 'hover',\n delay: { open: 75 },\n handleClose: safePolygon({ blockPointerEvents: true }),\n });\n const click = useClick(context, {\n event: 'mousedown',\n toggle: !isNested,\n ignoreMouse: isNested,\n });\n const role = useRole(context, { role: 'menu' });\n const dismiss = useDismiss(context, { bubbles: true });\n const listNavigation = useListNavigation(context, {\n listRef: elementsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n focusItemOnHover: false,\n });\n\n const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n hover,\n click,\n role,\n dismiss,\n listNavigation,\n ]);\n\n const { isMounted, styles: floatingTransitionStyles } = useTransitionStyles(context, {\n duration: theme.motion.duration.quick,\n initial: ({ side }) => {\n const transitionOffset = makeSize(OVERLAY_TRANSITION_OFFSET);\n const transformMap = {\n top: `translateY(${transitionOffset})`,\n right: `translateX(-${transitionOffset})`,\n left: `translateX(${transitionOffset})`,\n bottom: `translateY(-${transitionOffset})`,\n } as const;\n\n return {\n transform: transformMap[side ?? 'bottom'],\n opacity: 0,\n };\n },\n });\n\n // Event emitter allows you to communicate across tree components.\n // This effect closes all menus when an item gets clicked anywhere\n // in the tree.\n React.useEffect(() => {\n if (!tree) return;\n\n const handleTreeClick = (): void => {\n setIsControllableOpen(() => false);\n };\n\n const onSubMenuOpen = (event: { nodeId: string; parentId: string }): void => {\n if (event.nodeId !== nodeId && event.parentId === parentId) {\n setIsControllableOpen(() => false);\n }\n };\n\n tree.events.on('click', handleTreeClick);\n tree.events.on('menuopen', onSubMenuOpen);\n\n // eslint-disable-next-line consistent-return\n return () => {\n // Cleanup\n tree.events.off('click', handleTreeClick);\n tree.events.off('menuopen', onSubMenuOpen);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tree, nodeId, parentId]);\n\n React.useEffect(() => {\n if (isOpen && tree) {\n tree.events.emit('menuopen', { parentId, nodeId });\n }\n }, [tree, isOpen, nodeId, parentId]);\n\n return {\n getReferenceProps,\n getFloatingProps,\n getItemProps,\n item,\n context,\n nodeId,\n isOpen: isControllableOpen,\n floatingStyles,\n refs,\n isNested,\n isMounted,\n floatingTransitionStyles,\n };\n};\n\nexport { MenuContext, useMenu, useFloatingMenuSetup };\n"],"names":["MenuContext","React","createContext","getItemProps","setHasFocusInside","isOpen","useMenu","contextValue","useContext","useFloatingMenuSetup","_ref","elementsRef","openInteraction","onOpenChange","overlayOffset","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","_slicedToArray","isControllableOpen","setIsControllableOpen","_React$useState","useState","_React$useState2","activeIndex","setActiveIndex","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","_useTheme","useTheme","theme","isNested","resolvedDefaultOffset","mainAxis","OVERLAY_OFFSET","alignmentAxis","_useFloating","useFloating","open","_isOpen","placement","middleware","offset","flip","shift","size","apply","_ref2","availableHeight","elements","floating","style","maxHeight","concat","whileElementsMounted","autoUpdate","floatingStyles","refs","context","hover","useHover","enabled","delay","handleClose","safePolygon","blockPointerEvents","click","useClick","event","toggle","ignoreMouse","role","useRole","dismiss","useDismiss","bubbles","listNavigation","useListNavigation","listRef","nested","onNavigate","focusItemOnHover","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","_ref3","side","transitionOffset","makeSize","OVERLAY_TRANSITION_OFFSET","transformMap","top","right","left","bottom","transform","opacity","isMounted","floatingTransitionStyles","styles","useEffect","handleTreeClick","onSubMenuOpen","events","on","off","emit"],"mappings":"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"}
1	+ {"version":3,"file":"useMenu.js","sources":["../../../../../../src/components/Menu/useMenu.ts"],"sourcesContent":["import React from 'react';\nimport {\n autoUpdate,\n flip,\n offset,\n safePolygon,\n shift,\n size,\n useClick,\n useDismiss,\n useFloating,\n useFloatingNodeId,\n useFloatingParentNodeId,\n useFloatingTree,\n useHover,\n useInteractions,\n useListNavigation,\n useListItem,\n useRole,\n useTransitionStyles,\n} from '@floating-ui/react';\nimport type { MenuContextType, UseFloatingMenuProps, UseFloatingMenuReturnType } from './types';\nimport { makeSize, useTheme } from '~utils';\nimport { OVERLAY_OFFSET, OVERLAY_TRANSITION_OFFSET } from '~components/BaseMenu/tokens';\nimport { useControllableState } from '~utils/useControllable';\n\nconst MenuContext = React.createContext<MenuContextType>({\n getItemProps: () => ({}),\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n setHasFocusInside: () => {},\n isOpen: false,\n});\n\nconst useMenu = (): MenuContextType => {\n const contextValue = React.useContext(MenuContext);\n return contextValue;\n};\n\nconst useFloatingMenuSetup = ({\n elementsRef,\n openInteraction,\n onOpenChange,\n isOpen,\n overlayOffset,\n defaultPlacement = 'bottom-start',\n}: UseFloatingMenuProps): UseFloatingMenuReturnType => {\n const [isControllableOpen, setIsControllableOpen] = useControllableState({\n value: isOpen,\n defaultValue: false,\n onChange: (isOpen) => onOpenChange?.({ isOpen }),\n });\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null);\n\n const tree = useFloatingTree();\n const nodeId = useFloatingNodeId();\n const parentId = useFloatingParentNodeId();\n const item = useListItem();\n const { theme } = useTheme();\n\n const isNested = parentId != null;\n const resolvedDefaultOffset = {\n mainAxis: isNested ? 12 : OVERLAY_OFFSET,\n alignmentAxis: isNested ? -16 : 0,\n };\n\n const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n nodeId,\n open: isControllableOpen,\n onOpenChange: (_isOpen) => setIsControllableOpen(() => _isOpen),\n placement: isNested ? 'right-start' : defaultPlacement,\n middleware: [\n offset(overlayOffset ?? resolvedDefaultOffset),\n flip(),\n shift(),\n size({\n apply({ availableHeight, elements }) {\n elements.floating.style.maxHeight = `${availableHeight}px`;\n },\n }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const hover = useHover(context, {\n enabled: isNested \|\| openInteraction === 'hover',\n delay: { open: 75 },\n handleClose: safePolygon({ blockPointerEvents: true }),\n });\n const click = useClick(context, {\n event: 'mousedown',\n toggle: !isNested,\n ignoreMouse: isNested,\n });\n const role = useRole(context, { role: 'menu' });\n const dismiss = useDismiss(context, { bubbles: true });\n const listNavigation = useListNavigation(context, {\n listRef: elementsRef,\n activeIndex,\n nested: isNested,\n onNavigate: setActiveIndex,\n focusItemOnHover: false,\n });\n\n const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n hover,\n click,\n role,\n dismiss,\n listNavigation,\n ]);\n\n const { isMounted, styles: floatingTransitionStyles } = useTransitionStyles(context, {\n duration: theme.motion.duration.quick,\n initial: ({ side }) => {\n const transitionOffset = makeSize(OVERLAY_TRANSITION_OFFSET);\n const transformMap = {\n top: `translateY(${transitionOffset})`,\n right: `translateX(-${transitionOffset})`,\n left: `translateX(${transitionOffset})`,\n bottom: `translateY(-${transitionOffset})`,\n } as const;\n\n return {\n transform: transformMap[side ?? 'bottom'],\n opacity: 0,\n };\n },\n });\n\n // Event emitter allows you to communicate across tree components.\n // This effect closes all menus when an item gets clicked anywhere\n // in the tree.\n React.useEffect(() => {\n if (!tree) return;\n\n const handleTreeClick = (): void => {\n setIsControllableOpen(() => false);\n };\n\n const onSubMenuOpen = (event: { nodeId: string; parentId: string }): void => {\n if (event.nodeId !== nodeId && event.parentId === parentId) {\n setIsControllableOpen(() => false);\n }\n };\n\n tree.events.on('click', handleTreeClick);\n tree.events.on('menuopen', onSubMenuOpen);\n\n // eslint-disable-next-line consistent-return\n return () => {\n // Cleanup\n tree.events.off('click', handleTreeClick);\n tree.events.off('menuopen', onSubMenuOpen);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [tree, nodeId, parentId]);\n\n React.useEffect(() => {\n if (isOpen && tree) {\n tree.events.emit('menuopen', { parentId, nodeId });\n }\n }, [tree, isOpen, nodeId, parentId]);\n\n return {\n getReferenceProps,\n getFloatingProps,\n getItemProps,\n item,\n context,\n nodeId,\n isOpen: isControllableOpen,\n floatingStyles,\n refs,\n isNested,\n isMounted,\n floatingTransitionStyles,\n };\n};\n\nexport { MenuContext, useMenu, useFloatingMenuSetup };\n"],"names":["MenuContext","React","createContext","getItemProps","setHasFocusInside","isOpen","useMenu","contextValue","useContext","useFloatingMenuSetup","_ref","elementsRef","openInteraction","onOpenChange","overlayOffset","_ref$defaultPlacement","defaultPlacement","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","_slicedToArray","isControllableOpen","setIsControllableOpen","_React$useState","useState","_React$useState2","activeIndex","setActiveIndex","tree","useFloatingTree","nodeId","useFloatingNodeId","parentId","useFloatingParentNodeId","item","useListItem","_useTheme","useTheme","theme","isNested","resolvedDefaultOffset","mainAxis","OVERLAY_OFFSET","alignmentAxis","_useFloating","useFloating","open","_isOpen","placement","middleware","offset","flip","shift","size","apply","_ref2","availableHeight","elements","floating","style","maxHeight","concat","whileElementsMounted","autoUpdate","floatingStyles","refs","context","hover","useHover","enabled","delay","handleClose","safePolygon","blockPointerEvents","click","useClick","event","toggle","ignoreMouse","role","useRole","dismiss","useDismiss","bubbles","listNavigation","useListNavigation","listRef","nested","onNavigate","focusItemOnHover","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","_ref3","side","transitionOffset","makeSize","OVERLAY_TRANSITION_OFFSET","transformMap","top","right","left","bottom","transform","opacity","isMounted","floatingTransitionStyles","styles","useEffect","handleTreeClick","onSubMenuOpen","events","on","off","emit"],"mappings":"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"}

package/build/lib/web/production/components/Morph/Morph.web.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
 import { msToSeconds } from '../../utils/msToSeconds.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import { MotionDiv } from '../BaseMotion/BaseMotion.js';
+import { MotionDiv } from '../BaseMotion/BaseMotion.web.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 var _excluded = ["borderRadius", "backgroundColor"];

package/build/lib/web/production/components/Move/Move.web.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
-import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.web.js';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/lib/web/production/components/Popover/Popover.web.js CHANGED Viewed

@@ -35,7 +35,7 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { PopupArrow } from '../PopupArrow/PopupArrow.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded = ["content", "title", "titleLeading", "footer", "children", "placement", "onOpenChange", "zIndex", "isOpen", "defaultIsOpen", "initialFocusRef", "openInteraction"];
+var _excluded = ["content", "title", "titleLeading", "footer", "children", "placement", "onOpenChange", "zIndex", "isOpen", "defaultIsOpen", "initialFocusRef", "openInteraction", "maxWidth"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _Popover = function _Popover(_ref) {
@@ -54,6 +54,7 @@ var _Popover = function _Popover(_ref) {
     initialFocusRef = _ref.initialFocusRef,
     _ref$openInteraction = _ref.openInteraction,
     openInteraction = _ref$openInteraction === void 0 ? 'click' : _ref$openInteraction,
+    maxWidth = _ref.maxWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -192,6 +193,7 @@ var _Popover = function _Popover(_ref) {
                 titleLeading: titleLeading,
                 footer: footer,
                 style: styles,
+                maxWidth: maxWidth,
                 arrow: /*#__PURE__*/jsx(PopupArrow, {
                   ref: arrowRef,
                   context: context,

package/build/lib/web/production/components/Popover/Popover.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.web.js","sources":["../../../../../../src/components/Popover/Popover.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport {\n shift,\n FloatingPortal,\n arrow,\n flip,\n offset,\n useFloating,\n useInteractions,\n useRole,\n useTransitionStyles,\n autoUpdate,\n useClick,\n useHover,\n useDismiss,\n FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport type { PopoverProps } from './types';\nimport { PopoverContent } from './PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './constants';\nimport { PopoverContext } from './PopoverContext';\nimport { componentIds } from './componentIds';\nimport { useTheme } from '~components/BladeProvider';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { OverlayContextReset } from '~components/OverlayContextReset';\n\nconst _Popover = ({\n content,\n title,\n titleLeading,\n footer,\n children,\n placement = 'top',\n onOpenChange,\n zIndex = componentZIndices.popover,\n isOpen,\n defaultIsOpen,\n initialFocusRef,\n openInteraction = 'click',\n ...rest\n}: PopoverProps): React.ReactElement => {\n const { theme } = useTheme();\n const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n const arrowRef = React.useRef<SVGSVGElement>(null);\n const titleId = useId('popover-title');\n\n const GAP = theme.spacing[2];\n const [side] = getFloatingPlacementParts(placement);\n const isHorizontal = side === 'left' \|\| side === 'right';\n const isOppositeAxis = side === 'right' \|\| side === 'bottom';\n\n const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n value: isOpen,\n defaultValue: defaultIsOpen,\n onChange: (isOpen) => onOpenChange?.({ isOpen }),\n });\n\n const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n open: controllableIsOpen,\n onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n placement,\n strategy: 'fixed',\n middleware: [\n shift({ crossAxis: false, padding: GAP }),\n flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n offset(GAP + ARROW_HEIGHT),\n arrow({\n element: arrowRef,\n padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const close = React.useCallback(() => {\n controllableSetIsOpen(() => false);\n }, [controllableSetIsOpen]);\n\n // we need to animate from the offset of the computed placement\n // because placement can change dynamically based on available space\n const [computedSide] = getFloatingPlacementParts(computedPlacement);\n const computedIsHorizontal = computedSide === 'left' \|\| computedSide === 'right';\n const animationOffset = isOppositeAxis ? -size[4] : size[4];\n const { isMounted, styles } = useTransitionStyles(context, {\n duration: theme.motion.duration.quick,\n initial: {\n opacity: 0,\n transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n },\n });\n\n // remove click handler if popover is controlled\n const isControlled = isOpen !== undefined;\n const click = useClick(context, { enabled: !isControlled && openInteraction === 'click' });\n const hover = useHover(context, { enabled: !isControlled && openInteraction === 'hover' });\n const dismiss = useDismiss(context);\n const role = useRole(context);\n\n const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRefs(refs.setReference, triggerRef);\n\n const contextValue = React.useMemo(() => {\n return {\n close,\n defaultInitialFocusRef,\n titleId,\n openInteraction,\n };\n }, [close, titleId, openInteraction]);\n\n // Inject aria attributes to trigger\n // Doing it this way instead of makeAccessible()\n // because with makeAccessible we will need to make sure aria-controls, aria-expanded etc\n // are exposed from the trigger component prop, which we cannot ensure\n React.useLayoutEffect(() => {\n if (!triggerRef.current) return;\n\n const props = getReferenceProps() as Record<string, string>;\n for (const key of Object.keys(props)) {\n if (key.startsWith('aria-')) {\n triggerRef.current.setAttribute(key, props[key]);\n }\n }\n }, [getReferenceProps, triggerRef]);\n\n return (\n <PopoverContext.Provider value={contextValue}>\n {/ Cloning the trigger children to enhance it with ref and event handler */}\n {React.cloneElement(children, {\n ref: mergedRef,\n ...mergeProps(children.props, getReferenceProps()),\n })}\n {isMounted && (\n <FloatingPortal>\n <OverlayContextReset>\n <FloatingFocusManager\n initialFocus={\n initialFocusRef ?? (openInteraction === 'hover' ? -1 : defaultInitialFocusRef)\n }\n context={context}\n modal={true}\n guards={true}\n >\n <TopNavOverlayThemeOverride>\n <BaseBox\n ref={refs.setFloating}\n style={floatingStyles}\n // TODO: Tokenize zIndex values\n zIndex={zIndex}\n {...getFloatingProps()}\n {...metaAttribute({ name: MetaConstants.Popover })}\n {...makeAccessible({ labelledBy: titleId })}\n {...makeAnalyticsAttribute(rest)}\n >\n <PopoverContent\n title={title}\n titleLeading={titleLeading}\n footer={footer}\n style={styles}\n arrow={\n <PopupArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fillColor={theme.colors.popup.background.gray.moderate}\n strokeColor={theme.colors.popup.border.gray.moderate}\n strokeWidth={theme.border.width.thin}\n style={{ transform: 'translateY(-1px)' }}\n />\n }\n >\n {content}\n </PopoverContent>\n </BaseBox>\n </TopNavOverlayThemeOverride>\n </FloatingFocusManager>\n </OverlayContextReset>\n </FloatingPortal>\n )}\n </PopoverContext.Provider>\n );\n};\n\nconst Popover = assignWithoutSideEffects(_Popover, {\n componentId: componentIds.Popover,\n});\n\nexport { Popover };\n"],"names":["_Popover","_ref","content","title","titleLeading","footer","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","popover","isOpen","defaultIsOpen","initialFocusRef","_ref$openInteraction","openInteraction","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","hover","useHover","dismiss","useDismiss","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","triggerRef","mergedRef","useMergeRefs","setReference","contextValue","useMemo","useLayoutEffect","current","props","_i","_Object$keys","Object","keys","length","key","startsWith","setAttribute","_jsxs","PopoverContext","Provider","cloneElement","_objectSpread","ref","mergeProps","_jsx","FloatingPortal","OverlayContextReset","FloatingFocusManager","initialFocus","modal","guards","TopNavOverlayThemeOverride","BaseBox","setFloating","style","metaAttribute","name","MetaConstants","Popover","makeAccessible","labelledBy","makeAnalyticsAttribute","PopoverContent","PopupArrow","width","height","fillColor","colors","popup","background","gray","moderate","strokeColor","border","strokeWidth","thin","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}
1	+ {"version":3,"file":"Popover.web.js","sources":["../../../../../../src/components/Popover/Popover.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport {\n shift,\n FloatingPortal,\n arrow,\n flip,\n offset,\n useFloating,\n useInteractions,\n useRole,\n useTransitionStyles,\n autoUpdate,\n useClick,\n useHover,\n useDismiss,\n FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport type { PopoverProps } from './types';\nimport { PopoverContent } from './PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './constants';\nimport { PopoverContext } from './PopoverContext';\nimport { componentIds } from './componentIds';\nimport { useTheme } from '~components/BladeProvider';\nimport { TopNavOverlayThemeOverride } from '~components/TopNav/TopNavOverlayThemeOverride';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeProps } from '~utils/mergeProps';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { OverlayContextReset } from '~components/OverlayContextReset';\n\nconst _Popover = ({\n content,\n title,\n titleLeading,\n footer,\n children,\n placement = 'top',\n onOpenChange,\n zIndex = componentZIndices.popover,\n isOpen,\n defaultIsOpen,\n initialFocusRef,\n openInteraction = 'click',\n maxWidth,\n ...rest\n}: PopoverProps): React.ReactElement => {\n const { theme } = useTheme();\n const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n const arrowRef = React.useRef<SVGSVGElement>(null);\n const titleId = useId('popover-title');\n\n const GAP = theme.spacing[2];\n const [side] = getFloatingPlacementParts(placement);\n const isHorizontal = side === 'left' \|\| side === 'right';\n const isOppositeAxis = side === 'right' \|\| side === 'bottom';\n\n const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n value: isOpen,\n defaultValue: defaultIsOpen,\n onChange: (isOpen) => onOpenChange?.({ isOpen }),\n });\n\n const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n open: controllableIsOpen,\n onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n placement,\n strategy: 'fixed',\n middleware: [\n shift({ crossAxis: false, padding: GAP }),\n flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n offset(GAP + ARROW_HEIGHT),\n arrow({\n element: arrowRef,\n padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const close = React.useCallback(() => {\n controllableSetIsOpen(() => false);\n }, [controllableSetIsOpen]);\n\n // we need to animate from the offset of the computed placement\n // because placement can change dynamically based on available space\n const [computedSide] = getFloatingPlacementParts(computedPlacement);\n const computedIsHorizontal = computedSide === 'left' \|\| computedSide === 'right';\n const animationOffset = isOppositeAxis ? -size[4] : size[4];\n const { isMounted, styles } = useTransitionStyles(context, {\n duration: theme.motion.duration.quick,\n initial: {\n opacity: 0,\n transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n },\n });\n\n // remove click handler if popover is controlled\n const isControlled = isOpen !== undefined;\n const click = useClick(context, { enabled: !isControlled && openInteraction === 'click' });\n const hover = useHover(context, { enabled: !isControlled && openInteraction === 'hover' });\n const dismiss = useDismiss(context);\n const role = useRole(context);\n\n const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role, hover]);\n const triggerRef = React.useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRefs(refs.setReference, triggerRef);\n\n const contextValue = React.useMemo(() => {\n return {\n close,\n defaultInitialFocusRef,\n titleId,\n openInteraction,\n };\n }, [close, titleId, openInteraction]);\n\n // Inject aria attributes to trigger\n // Doing it this way instead of makeAccessible()\n // because with makeAccessible we will need to make sure aria-controls, aria-expanded etc\n // are exposed from the trigger component prop, which we cannot ensure\n React.useLayoutEffect(() => {\n if (!triggerRef.current) return;\n\n const props = getReferenceProps() as Record<string, string>;\n for (const key of Object.keys(props)) {\n if (key.startsWith('aria-')) {\n triggerRef.current.setAttribute(key, props[key]);\n }\n }\n }, [getReferenceProps, triggerRef]);\n\n return (\n <PopoverContext.Provider value={contextValue}>\n {/ Cloning the trigger children to enhance it with ref and event handler */}\n {React.cloneElement(children, {\n ref: mergedRef,\n ...mergeProps(children.props, getReferenceProps()),\n })}\n {isMounted && (\n <FloatingPortal>\n <OverlayContextReset>\n <FloatingFocusManager\n initialFocus={\n initialFocusRef ?? (openInteraction === 'hover' ? -1 : defaultInitialFocusRef)\n }\n context={context}\n modal={true}\n guards={true}\n >\n <TopNavOverlayThemeOverride>\n <BaseBox\n ref={refs.setFloating}\n style={floatingStyles}\n // TODO: Tokenize zIndex values\n zIndex={zIndex}\n {...getFloatingProps()}\n {...metaAttribute({ name: MetaConstants.Popover })}\n {...makeAccessible({ labelledBy: titleId })}\n {...makeAnalyticsAttribute(rest)}\n >\n <PopoverContent\n title={title}\n titleLeading={titleLeading}\n footer={footer}\n style={styles}\n maxWidth={maxWidth}\n arrow={\n <PopupArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fillColor={theme.colors.popup.background.gray.moderate}\n strokeColor={theme.colors.popup.border.gray.moderate}\n strokeWidth={theme.border.width.thin}\n style={{ transform: 'translateY(-1px)' }}\n />\n }\n >\n {content}\n </PopoverContent>\n </BaseBox>\n </TopNavOverlayThemeOverride>\n </FloatingFocusManager>\n </OverlayContextReset>\n </FloatingPortal>\n )}\n </PopoverContext.Provider>\n );\n};\n\nconst Popover = assignWithoutSideEffects(_Popover, {\n componentId: componentIds.Popover,\n});\n\nexport { Popover };\n"],"names":["_Popover","_ref","content","title","titleLeading","footer","children","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","popover","isOpen","defaultIsOpen","initialFocusRef","_ref$openInteraction","openInteraction","maxWidth","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","hover","useHover","dismiss","useDismiss","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","triggerRef","mergedRef","useMergeRefs","setReference","contextValue","useMemo","useLayoutEffect","current","props","_i","_Object$keys","Object","keys","length","key","startsWith","setAttribute","_jsxs","PopoverContext","Provider","cloneElement","_objectSpread","ref","mergeProps","_jsx","FloatingPortal","OverlayContextReset","FloatingFocusManager","initialFocus","modal","guards","TopNavOverlayThemeOverride","BaseBox","setFloating","style","metaAttribute","name","MetaConstants","Popover","makeAccessible","labelledBy","makeAnalyticsAttribute","PopoverContent","PopupArrow","width","height","fillColor","colors","popup","background","gray","moderate","strokeColor","border","strokeWidth","thin","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}

package/build/lib/web/production/components/Popover/PopoverContent.js CHANGED Viewed

@@ -66,7 +66,9 @@ var PopoverContent = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref
     arrow = _ref2.arrow,
     side = _ref2.side,
     style = _ref2.style,
-    isVisible = _ref2.isVisible;
+    isVisible = _ref2.isVisible,
+    animationDuration = _ref2.animationDuration,
+    maxWidth = _ref2.maxWidth;
   var isMobile = useIsMobile();
   var _useTheme = useTheme(),
     colorScheme = _useTheme.colorScheme;
@@ -75,8 +77,10 @@ var PopoverContent = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref
     styles: style,
     side: side,
     isVisible: isVisible,
+    animationDuration: animationDuration,
     isMobile: isMobile,
     colorScheme: colorScheme,
+    maxWidth: maxWidth,
     children: [/*#__PURE__*/jsxs(BaseBox, {
       padding: "spacing.5",
       display: "flex",
@@ -92,7 +96,13 @@ var PopoverContent = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref
         }), /*#__PURE__*/jsx(BaseBox, {
           children: children
         })]
-      }), footer ? /*#__PURE__*/jsx(BaseBox, {
+      }), footer ?
+      /*#__PURE__*/
+      // On native, an earlier alignSelf="flex-start" shrink-wrapped tour footer
+      // actions and stacked Prev/Next. Full width keeps the footer row laying out
+      // correctly. Web keeps the default (no explicit width) to preserve layout.
+      jsx(BaseBox, {
+        width: isReactNative() ? '100%' : undefined,
         children: footer
       }) : null]
     }), arrow]

package/build/lib/web/production/components/Popover/PopoverContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { PopoverContentWrapper } from './PopoverContentWrapper';\nimport type { PopoverContentProps } from './types';\nimport { PopoverCloseButton } from './PopoverCloseButton';\nimport { usePopoverContext } from './PopoverContext';\nimport { isReactNative } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme } from '~components/BladeProvider';\n\ntype PopoverHeaderProps = {\n title?: string;\n titleLeading?: React.ReactNode;\n};\n\nconst PopoverHeader = ({ title, titleLeading }: PopoverHeaderProps): React.ReactElement \| null => {\n const { titleId, openInteraction } = usePopoverContext();\n\n const showCloseButton = openInteraction === 'click';\n const isFloating = !(title \|\| titleLeading);\n\n if (isFloating) {\n if (!showCloseButton) {\n return null;\n }\n return (\n <BaseBox\n borderRadius=\"max\"\n position=\"absolute\"\n padding=\"spacing.2\"\n top=\"spacing.3\"\n right=\"spacing.3\"\n zIndex={1}\n >\n <PopoverCloseButton />\n </BaseBox>\n );\n }\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n flexWrap={isReactNative() ? 'wrap' : 'nowrap'}\n alignItems=\"center\"\n gap=\"spacing.3\"\n >\n {titleLeading\n ? React.cloneElement(titleLeading as React.ReactElement, { size: 'medium' })\n : null}\n {title ? (\n <BaseBox id={titleId} paddingRight=\"spacing.4\">\n <Text size=\"large\" weight=\"semibold\">\n {title}\n </Text>\n </BaseBox>\n ) : null}\n {showCloseButton ? (\n <BaseBox marginLeft=\"auto\">\n <PopoverCloseButton />\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n ({ children, title, titleLeading, footer, arrow, side, style, isVisible }, ref) => {\n const isMobile = useIsMobile();\n const { colorScheme } = useTheme();\n return (\n <PopoverContentWrapper\n ref={ref as never}\n styles={style}\n side={side}\n isVisible={isVisible}\n isMobile={isMobile}\n colorScheme={colorScheme}\n >\n <BaseBox padding=\"spacing.5\" display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n <PopoverHeader title={title} titleLeading={titleLeading} />\n <BaseBox>{children}</BaseBox>\n </BaseBox>\n {footer ? <BaseBox>{footer}</BaseBox> : null}\n </BaseBox>\n {arrow}\n </PopoverContentWrapper>\n );\n },\n);\n\nexport { PopoverContent };\n"],"names":["PopoverHeader","_ref","title","titleLeading","_usePopoverContext","usePopoverContext","titleId","openInteraction","showCloseButton","isFloating","_jsx","BaseBox","borderRadius","position","padding","top","right","zIndex","children","PopoverCloseButton","_jsxs","display","flexDirection","flexWrap","isReactNative","alignItems","gap","React","cloneElement","size","id","paddingRight","Text","weight","marginLeft","PopoverContent","forwardRef","_ref2","ref","footer","arrow","side","style","isVisible","isMobile","useIsMobile","_useTheme","useTheme","colorScheme","PopoverContentWrapper","styles"],"mappings":";;;;;;;;;;;;;;;AAAA;AAiBA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA+E;AAAA,EAAA,IAAzEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAA;AAC1C,EAAA,IAAAC,kBAAA,GAAqCC,iBAAiB,EAAE;IAAhDC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;IAAEC,eAAe,GAAAH,kBAAA,CAAfG,eAAe,CAAA;AAEhC,EAAA,IAAMC,eAAe,GAAGD,eAAe,KAAK,OAAO,CAAA;AACnD,EAAA,IAAME,UAAU,GAAG,EAAEP,KAAK,IAAIC,YAAY,CAAC,CAAA;AAE3C,EAAA,IAAIM,UAAU,EAAE;IACd,IAAI,CAACD,eAAe,EAAE;AACpB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;IACA,oBACEE,GAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,YAAY,EAAC,KAAK;AAClBC,MAAAA,QAAQ,EAAC,UAAU;AACnBC,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,GAAG,EAAC,WAAW;AACfC,MAAAA,KAAK,EAAC,WAAW;AACjBC,MAAAA,MAAM,EAAE,CAAE;AAAAC,MAAAA,QAAA,eAEVR,GAAA,CAACS,kBAAkB,EAAE,EAAA,CAAA;AAAC,KACf,CAAC,CAAA;AAEd,GAAA;EAEA,oBACEC,IAAA,CAACT,OAAO,EAAA;AACNU,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnBC,IAAAA,QAAQ,EAAEC,aAAa,EAAE,GAAG,MAAM,GAAG,QAAS;AAC9CC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,GAAG,EAAC,WAAW;IAAAR,QAAA,EAAA,CAEdf,YAAY,gBACTwB,cAAK,CAACC,YAAY,CAACzB,YAAY,EAAwB;AAAE0B,MAAAA,IAAI,EAAE,QAAA;KAAU,CAAC,GAC1E,IAAI,EACP3B,KAAK,gBACJQ,GAAA,CAACC,OAAO,EAAA;AAACmB,MAAAA,EAAE,EAAExB,OAAQ;AAACyB,MAAAA,YAAY,EAAC,WAAW;MAAAb,QAAA,eAC5CR,GAAA,CAACsB,IAAI,EAAA;AAACH,QAAAA,IAAI,EAAC,OAAO;AAACI,QAAAA,MAAM,EAAC,UAAU;AAAAf,QAAAA,QAAA,EACjChB,KAAAA;OACG,CAAA;KACC,CAAC,GACR,IAAI,EACPM,eAAe,gBACdE,GAAA,CAACC,OAAO,EAAA;AAACuB,MAAAA,UAAU,EAAC,MAAM;AAAAhB,MAAAA,QAAA,eACxBR,GAAA,CAACS,kBAAkB,EAAE,EAAA,CAAA;KACd,CAAC,GACR,IAAI,CAAA;AAAA,GACD,CAAC,CAAA;AAEd,CAAC,CAAA;AAEKgB,IAAAA,cAAc,gBAAGR,cAAK,CAACS,UAAU,CACrC,UAAAC,KAAA,~~EAA2EC~~,GAAG,~~EAAK~~;AAAA,EAAA,~~IAAhFpB~~,QAAQ,GAAAmB,KAAA,CAARnB,QAAQ;~~IAAEhB~~,KAAK,GAAAmC,KAAA,CAALnC,KAAK;~~IAAEC~~,YAAY,GAAAkC,KAAA,CAAZlC,YAAY;~~IAAEoC~~,MAAM,GAAAF,KAAA,CAANE,MAAM;~~IAAEC~~,KAAK,GAAAH,KAAA,CAALG,KAAK;~~IAAEC~~,IAAI,GAAAJ,KAAA,CAAJI,IAAI;~~IAAEC~~,KAAK,GAAAL,KAAA,CAALK,KAAK;~~IAAEC~~,SAAS,GAAAN,KAAA,CAATM,SAAS,CAAA;~~AACrE~~,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BC,WAAW,GAAAF,SAAA,CAAXE,WAAW,CAAA;EACnB,~~oBACE5B~~,IAAA,~~CAAC6B~~,qBAAqB,EAAA;~~AACpBX~~,IAAAA,GAAG,EAAEA,GAAa;~~AAClBY~~,IAAAA,MAAM,~~EAAER~~,KAAM;AACdD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBI,IAAAA,WAAW,EAAEA,WAAY;~~IAAA9B~~,QAAA,EAAA,~~cAEzBE~~,IAAA,CAACT,OAAO,EAAA;AAACG,MAAAA,OAAO,EAAC,WAAW;AAACO,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,QAAQ;AAACI,MAAAA,GAAG,EAAC,WAAW;MAAAR,QAAA,EAAA,cAChFE,IAAA,CAACT,OAAO,EAAA;AAACU,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,aAAa,EAAC,QAAQ;AAACI,QAAAA,GAAG,EAAC,WAAW;QAAAR,QAAA,EAAA,cAC5DR,GAAA,CAACV,aAAa,EAAA;AAACE,UAAAA,KAAK,EAAEA,KAAM;AAACC,UAAAA,YAAY,EAAEA,YAAAA;AAAa,SAAE,CAAC,eAC3DO,GAAA,CAACC,OAAO,EAAA;AAAAO,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAU,CAAC,CAAA;~~AAAA,~~OACtB,CAAC,EACTqB,MAAM,~~gBAAG7B~~,GAAA,CAACC,OAAO,EAAA;~~AAAAO~~,QAAAA,QAAA,EAAEqB,MAAAA;OAAgB,CAAC,~~GAAG~~,IAAI,CAAA;~~KACrC~~,CAAC,EACTC,KAAK,CAAA;AAAA,GACe,CAAC,CAAA;AAE5B,CACF;;;;"}
1	+ {"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { PopoverContentWrapper } from './PopoverContentWrapper';\nimport type { PopoverContentProps } from './types';\nimport { PopoverCloseButton } from './PopoverCloseButton';\nimport { usePopoverContext } from './PopoverContext';\nimport { isReactNative } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme } from '~components/BladeProvider';\n\ntype PopoverHeaderProps = {\n title?: string;\n titleLeading?: React.ReactNode;\n};\n\nconst PopoverHeader = ({ title, titleLeading }: PopoverHeaderProps): React.ReactElement \| null => {\n const { titleId, openInteraction } = usePopoverContext();\n\n const showCloseButton = openInteraction === 'click';\n const isFloating = !(title \|\| titleLeading);\n\n if (isFloating) {\n if (!showCloseButton) {\n return null;\n }\n return (\n <BaseBox\n borderRadius=\"max\"\n position=\"absolute\"\n padding=\"spacing.2\"\n top=\"spacing.3\"\n right=\"spacing.3\"\n zIndex={1}\n >\n <PopoverCloseButton />\n </BaseBox>\n );\n }\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n flexWrap={isReactNative() ? 'wrap' : 'nowrap'}\n alignItems=\"center\"\n gap=\"spacing.3\"\n >\n {titleLeading\n ? React.cloneElement(titleLeading as React.ReactElement, { size: 'medium' })\n : null}\n {title ? (\n <BaseBox id={titleId} paddingRight=\"spacing.4\">\n <Text size=\"large\" weight=\"semibold\">\n {title}\n </Text>\n </BaseBox>\n ) : null}\n {showCloseButton ? (\n <BaseBox marginLeft=\"auto\">\n <PopoverCloseButton />\n </BaseBox>\n ) : null}\n </BaseBox>\n );\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n (\n {\n children,\n title,\n titleLeading,\n footer,\n arrow,\n side,\n style,\n isVisible,\n animationDuration,\n maxWidth,\n },\n ref,\n ) => {\n const isMobile = useIsMobile();\n const { colorScheme } = useTheme();\n return (\n <PopoverContentWrapper\n ref={ref as never}\n styles={style}\n side={side}\n isVisible={isVisible}\n animationDuration={animationDuration}\n isMobile={isMobile}\n colorScheme={colorScheme}\n maxWidth={maxWidth}\n >\n <BaseBox padding=\"spacing.5\" display=\"flex\" flexDirection=\"column\" gap=\"spacing.5\">\n <BaseBox display=\"flex\" flexDirection=\"column\" gap=\"spacing.2\">\n <PopoverHeader title={title} titleLeading={titleLeading} />\n <BaseBox>{children}</BaseBox>\n </BaseBox>\n {footer ? (\n // On native, an earlier alignSelf=\"flex-start\" shrink-wrapped tour footer\n // actions and stacked Prev/Next. Full width keeps the footer row laying out\n // correctly. Web keeps the default (no explicit width) to preserve layout.\n <BaseBox width={isReactNative() ? '100%' : undefined}>{footer}</BaseBox>\n ) : null}\n </BaseBox>\n {arrow}\n </PopoverContentWrapper>\n );\n },\n);\n\nexport { PopoverContent };\n"],"names":["PopoverHeader","_ref","title","titleLeading","_usePopoverContext","usePopoverContext","titleId","openInteraction","showCloseButton","isFloating","_jsx","BaseBox","borderRadius","position","padding","top","right","zIndex","children","PopoverCloseButton","_jsxs","display","flexDirection","flexWrap","isReactNative","alignItems","gap","React","cloneElement","size","id","paddingRight","Text","weight","marginLeft","PopoverContent","forwardRef","_ref2","ref","footer","arrow","side","style","isVisible","animationDuration","maxWidth","isMobile","useIsMobile","_useTheme","useTheme","colorScheme","PopoverContentWrapper","styles","width","undefined"],"mappings":"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"}

package/build/lib/web/production/components/Popover/PopoverContentWrapper.web.js CHANGED Viewed

@@ -10,12 +10,14 @@ var PopoverContentWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   var theme = _ref.theme,
     isMobile = _ref.isMobile,
     styles = _ref.styles,
-    colorScheme = _ref.colorScheme;
+    colorScheme = _ref.colorScheme,
+    maxWidth = _ref.maxWidth;
   return getPopoverContentWrapperStyles({
     theme: theme,
     styles: styles,
     isMobile: isMobile,
-    colorScheme: colorScheme
+    colorScheme: colorScheme,
+    maxWidth: maxWidth
   });
 });

package/build/lib/web/production/components/Popover/PopoverContentWrapper.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContentWrapper.web.js","sources":["../../../../../../src/components/Popover/PopoverContentWrapper.web.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst PopoverContentWrapper = styled(BaseBox)<\n { styles: CSSProperties } & PopoverContentWrapperProps\n>(({ theme, isMobile, styles, colorScheme }) => {\n return getPopoverContentWrapperStyles({ theme, styles, isMobile, colorScheme });\n});\n\nexport { PopoverContentWrapper };\n"],"names":["PopoverContentWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isMobile","styles","colorScheme","getPopoverContentWrapperStyles"],"mappings":";;;;;~~AAMA~~,IAAMA,qBAAqB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,iDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,~~CAE3C~~,CAAA,CAAA,UAAAC,IAAA,~~EAA8C~~;AAAA,EAAA,~~IAA3CC~~,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;~~AACvC~~,EAAA,OAAOC,8BAA8B,CAAC;~~AAAEJ~~,IAAAA,KAAK,EAALA,KAAK;~~AAAEE~~,IAAAA,MAAM,EAANA,MAAM;~~AAAED~~,IAAAA,QAAQ,EAARA,QAAQ;~~AAAEE~~,IAAAA,WAAW,EAAXA,~~WAAAA~~;~~AAAY~~,GAAC,CAAC,CAAA;~~AACjF~~,CAAC;;;;"}
1	+ {"version":3,"file":"PopoverContentWrapper.web.js","sources":["../../../../../../src/components/Popover/PopoverContentWrapper.web.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport { getPopoverContentWrapperStyles } from './getPopoverContentWrapperStyles';\nimport type { PopoverContentWrapperProps } from './types';\nimport type { SpacingValueType } from '~components/Box/BaseBox/types/spacingTypes';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst PopoverContentWrapper = styled(BaseBox)<\n { styles: CSSProperties } & Omit<PopoverContentWrapperProps, 'maxWidth'> & {\n maxWidth?: SpacingValueType;\n }\n>(({ theme, isMobile, styles, colorScheme, maxWidth }) => {\n return getPopoverContentWrapperStyles({\n theme,\n styles,\n isMobile,\n colorScheme,\n maxWidth,\n });\n});\n\nexport { PopoverContentWrapper };\n"],"names":["PopoverContentWrapper","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isMobile","styles","colorScheme","maxWidth","getPopoverContentWrapperStyles"],"mappings":";;;;;AAOA,IAAMA,qBAAqB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,iDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAI3C,CAAA,CAAA,UAAAC,IAAA,EAAwD;AAAA,EAAA,IAArDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;AACjD,EAAA,OAAOC,8BAA8B,CAAC;AACpCL,IAAAA,KAAK,EAALA,KAAK;AACLE,IAAAA,MAAM,EAANA,MAAM;AACND,IAAAA,QAAQ,EAARA,QAAQ;AACRE,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,QAAQ,EAARA,QAAAA;AACF,GAAC,CAAC,CAAA;AACJ,CAAC;;;;"}

package/build/lib/web/production/components/Popover/constants.js CHANGED Viewed

@@ -1,5 +1,7 @@
 var ARROW_WIDTH = 22;
 var ARROW_HEIGHT = 12;
+var DEFAULT_MAX_WIDTH_DESKTOP = 328;
+var DEFAULT_MAX_WIDTH_MOBILE = 288;
-export { ARROW_HEIGHT, ARROW_WIDTH };
+export { ARROW_HEIGHT, ARROW_WIDTH, DEFAULT_MAX_WIDTH_DESKTOP, DEFAULT_MAX_WIDTH_MOBILE };
 //# sourceMappingURL=constants.js.map

package/build/lib/web/production/components/Popover/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 22;\nexport const ARROW_HEIGHT = 12;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT"],"mappings":"AAAO,IAAMA,WAAW,GAAG,GAAE;AACtB,IAAMC,YAAY,GAAG;;;;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../src/components/Popover/constants.ts"],"sourcesContent":["export const ARROW_WIDTH = 22;\nexport const ARROW_HEIGHT = 12;\nexport const DEFAULT_MAX_WIDTH_DESKTOP = 328;\nexport const DEFAULT_MAX_WIDTH_MOBILE = 288;\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","DEFAULT_MAX_WIDTH_DESKTOP","DEFAULT_MAX_WIDTH_MOBILE"],"mappings":"AAAO,IAAMA,WAAW,GAAG,GAAE;AACtB,IAAMC,YAAY,GAAG,GAAE;AACvB,IAAMC,yBAAyB,GAAG,IAAG;AACrC,IAAMC,wBAAwB,GAAG;;;;"}

package/build/lib/web/production/components/Popover/getPopoverContentWrapperStyles.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import '../../utils/index.js';
+import { DEFAULT_MAX_WIDTH_MOBILE, DEFAULT_MAX_WIDTH_DESKTOP } from './constants.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
@@ -11,11 +12,14 @@ var getPopoverContentWrapperStyles = function getPopoverContentWrapperStyles(_re
   var theme = _ref.theme,
     styles = _ref.styles,
     isMobile = _ref.isMobile,
-    colorScheme = _ref.colorScheme;
-  return _objectSpread({
+    colorScheme = _ref.colorScheme,
+    maxWidth = _ref.maxWidth;
+  return _objectSpread(_objectSpread({
     border: 'none',
-    width: '100%',
-    maxWidth: makeSpace(isMobile ? 288 : 328),
+    width: '100%'
+  }, maxWidth ? {} : {
+    maxWidth: makeSpace(isMobile ? DEFAULT_MAX_WIDTH_MOBILE : DEFAULT_MAX_WIDTH_DESKTOP)
+  }), {}, {
     position: isReactNative() ? 'absolute' : 'relative',
     boxShadow: isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),
     boxSizing: 'border-box',

package/build/lib/web/production/components/Popover/getPopoverContentWrapperStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { isReactNative, makeSpace, makeBorderSize, getPopupBoxShadowString } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getPopoverContentWrapperStyles = ({\n theme,\n styles,\n isMobile,\n colorScheme,\n}: {\n isMobile: boolean;\n theme: Theme;\n styles: React.CSSProperties;\n colorScheme: ColorSchemeNames;\n}): CSSObject => {\n return {\n border: 'none',\n width: '100%',\n maxWidth: makeSpace(isMobile ? ~~288~~ : ~~328~~),\n position: isReactNative() ? 'absolute' : 'relative',\n boxShadow: isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n boxSizing: 'border-box',\n backgroundColor: theme.colors.popup.background.gray.moderate,\n borderRadius: makeBorderSize(theme.border.radius.large),\n backdropFilter: isReactNative() ? undefined : `blur(${theme.backdropBlur.high}px)`,\n ...styles,\n };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","colorScheme","_objectSpread","border","width","~~maxWidth~~","~~makeSpace~~","position","isReactNative","boxShadow","undefined","getPopupBoxShadowString","boxSizing","backgroundColor","colors","popup","background","gray","moderate","borderRadius","makeBorderSize","radius","large","backdropFilter","concat","backdropBlur","high"],"mappings":"~~;;;;;;;;;AAMA~~,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,~~EAUnB~~;AAAA,EAAA,~~IATfC~~,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;~~AAOX~~,~~EAAA,~~OAAAC,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,~~MAAM~~;~~IACbC~~,QAAQ,~~EAAEC~~,SAAS,CAACN,QAAQ,~~GAAG~~,~~GAAG~~,~~GAAG~~,~~GAAG~~,~~CAAC~~;~~AACzCO~~,IAAAA,QAAQ,EAAEC,aAAa,EAAE,GAAG,UAAU,GAAG,UAAU;AACnDC,IAAAA,SAAS,EAAED,aAAa,EAAE,GAAGE,SAAS,GAAGC,uBAAuB,~~CAACb~~,KAAK,EAAEG,WAAW,CAAC;~~AACpFW~~,IAAAA,SAAS,EAAE,YAAY;IACvBC,eAAe,~~EAAEf~~,KAAK,~~CAACgB~~,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ;IAC5DC,YAAY,EAAEC,cAAc,~~CAACtB~~,KAAK,~~CAACK~~,MAAM,~~CAACkB~~,MAAM,CAACC,KAAK,CAAC;AACvDC,IAAAA,cAAc,EAAEf,aAAa,EAAE,GAAGE,SAAS,GAAAc,OAAAA,CAAAA,MAAA,~~CAAW1B~~,KAAK,~~CAAC2B~~,YAAY,CAACC,IAAI,EAAA,KAAA,CAAA;AAAK,GAAA,EAC/~~E3B~~,MAAM,CAAA,CAAA;AAEb;;;;"}
1	+ {"version":3,"file":"getPopoverContentWrapperStyles.js","sources":["../../../../../../src/components/Popover/getPopoverContentWrapperStyles.ts"],"sourcesContent":["import type React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { isReactNative, makeSpace, makeBorderSize, getPopupBoxShadowString } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport type { SpacingValueType } from '~components/Box/BaseBox/types/spacingTypes';\nimport { DEFAULT_MAX_WIDTH_DESKTOP, DEFAULT_MAX_WIDTH_MOBILE } from './constants';\n\nconst getPopoverContentWrapperStyles = ({\n theme,\n styles,\n isMobile,\n colorScheme,\n maxWidth,\n}: {\n isMobile: boolean;\n theme: Theme;\n styles: React.CSSProperties;\n colorScheme: ColorSchemeNames;\n maxWidth?: SpacingValueType;\n}): CSSObject => {\n return {\n border: 'none',\n width: '100%',\n // When maxWidth prop is provided, let BaseBox handle it (it resolves spacing tokens).\n // When not provided, use the default from getPopoverContentWrapperStyles.\n ...(maxWidth\n ? {}\n : {\n maxWidth: makeSpace(isMobile ? DEFAULT_MAX_WIDTH_MOBILE : DEFAULT_MAX_WIDTH_DESKTOP),\n }),\n position: isReactNative() ? 'absolute' : 'relative',\n boxShadow: isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n boxSizing: 'border-box',\n backgroundColor: theme.colors.popup.background.gray.moderate,\n borderRadius: makeBorderSize(theme.border.radius.large),\n backdropFilter: isReactNative() ? undefined : `blur(${theme.backdropBlur.high}px)`,\n ...styles,\n };\n};\n\nexport { getPopoverContentWrapperStyles };\n"],"names":["getPopoverContentWrapperStyles","_ref","theme","styles","isMobile","colorScheme","maxWidth","_objectSpread","border","width","makeSpace","DEFAULT_MAX_WIDTH_MOBILE","DEFAULT_MAX_WIDTH_DESKTOP","position","isReactNative","boxShadow","undefined","getPopupBoxShadowString","boxSizing","backgroundColor","colors","popup","background","gray","moderate","borderRadius","makeBorderSize","radius","large","backdropFilter","concat","backdropBlur","high"],"mappings":";;;;;;;;;;AAQA,IAAMA,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAAAC,IAAA,EAYnB;AAAA,EAAA,IAXfC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAQR,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAA;AAAM,GAAA,EAGTH,QAAQ,GACR,EAAE,GACF;AACEA,IAAAA,QAAQ,EAAEI,SAAS,CAACN,QAAQ,GAAGO,wBAAwB,GAAGC,yBAAyB,CAAA;GACpF,CAAA,EAAA,EAAA,EAAA;AACLC,IAAAA,QAAQ,EAAEC,aAAa,EAAE,GAAG,UAAU,GAAG,UAAU;AACnDC,IAAAA,SAAS,EAAED,aAAa,EAAE,GAAGE,SAAS,GAAGC,uBAAuB,CAACf,KAAK,EAAEG,WAAW,CAAC;AACpFa,IAAAA,SAAS,EAAE,YAAY;IACvBC,eAAe,EAAEjB,KAAK,CAACkB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ;IAC5DC,YAAY,EAAEC,cAAc,CAACxB,KAAK,CAACM,MAAM,CAACmB,MAAM,CAACC,KAAK,CAAC;AACvDC,IAAAA,cAAc,EAAEf,aAAa,EAAE,GAAGE,SAAS,GAAAc,OAAAA,CAAAA,MAAA,CAAW5B,KAAK,CAAC6B,YAAY,CAACC,IAAI,EAAA,KAAA,CAAA;AAAK,GAAA,EAC/E7B,MAAM,CAAA,CAAA;AAEb;;;;"}