@razorpay/blade 11.37.0 → 11.38.1

package/build/lib/web/production/components/BottomNav/BottomNav.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNav.web.js","sources":["../../../../../../src/components/BottomNav/BottomNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { makeMotionTime, makeSpace } from '~utils';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\n/**\n * ### BottomNav component\n *\n * Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * import { NavLink } from 'react-router-dom';\n *\n * <BottomNav>\n *   <BottomNavItem\n *     as={NavLink}\n *     isActive={true}\n *     title=\"Payments\"\n *     icon={WalletIcon}\n *     href=\"/payments\"\n *   />\n *   <BottomNavItem\n *     as={NavLink}\n *     title=\"Transactions\"\n *     icon={TransactionsIcon}\n *     href=\"/transactions\"\n *   />\n *   <BottomNavItem\n *     title=\"More\"\n *     icon={MoreIcon}\n *     onClick={() => {\n *       // This can be used to open SideNav drawer\n *       setIsSideNavOpen(true)\n *     }}\n *   />\n * </BottomNav>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n\n */\nconst BottomNav = ({\n  children,\n  zIndex = componentZIndices.bottomNav,\n  testID,\n  ...styledProps\n}: BottomNavProps): React.ReactElement => {\n  if (__DEV__) {\n    const childrenCount = React.Children.count(children);\n    if (childrenCount > 5 && childrenCount < 2) {\n      throwBladeError({\n        moduleName: 'BottomNav',\n        message: 'children cannot be less than 2 and more than 5',\n      });\n    }\n  }\n\n  return (\n    <BaseBox\n      role=\"navigation\"\n      position=\"fixed\"\n      bottom=\"spacing.0\"\n      left=\"spacing.0\"\n      elevation=\"midRaised\"\n      width=\"100%\"\n      backgroundColor=\"surface.background.gray.intense\"\n      borderTopWidth=\"thin\"\n      borderTopColor=\"surface.border.gray.muted\"\n      paddingX=\"spacing.2\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      {...getStyledProps(styledProps)}\n      zIndex={zIndex}\n      {...metaAttribute({\n        testID,\n        name: MetaConstants.BottomNav,\n      })}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StyledBottomNavItem = styled(BaseBox)<{ to?: string }>((props) => {\n  return {\n    textDecoration: 'none',\n    color: props.theme.colors.interactive.text.gray.subtle,\n    backgroundColor: 'transparent',\n    border: 'none',\n    paddingLeft: makeSpace(props.theme.spacing[0]),\n    paddingRight: makeSpace(props.theme.spacing[0]),\n    transition: `color ${makeMotionTime(props.theme.motion.duration['2xquick'])} ${\n      props.theme.motion.easing.standard.effective\n    }`,\n    '&[aria-current=\"page\"]': {\n      color: props.theme.colors.interactive.text.primary.subtle,\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n  };\n});\n\nconst BottomNavItem = ({\n  title,\n  href,\n  rel,\n  target,\n  as,\n  isActive,\n  onClick,\n  icon: Icon,\n  testID,\n}: BottomNavItemProps): React.ReactElement => {\n  const isRouterLink = as && href;\n  const defaultRenderElement = href ? 'a' : 'button';\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBottomNavItem\n      as={isRouterLink ? as : defaultRenderElement}\n      href={as ? undefined : href}\n      to={href} // for react router\n      rel={rel ?? defaultRel}\n      target={target}\n      paddingTop=\"spacing.5\"\n      paddingBottom=\"spacing.4\"\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexDirection=\"column\"\n      flex=\"1\"\n      cursor=\"pointer\"\n      onClick={onClick}\n      gap=\"spacing.1\"\n      {...makeAccessible({\n        current: isActive ? 'page' : undefined,\n      })}\n      {...metaAttribute({\n        name: MetaConstants.BottomNavItem,\n        testID,\n      })}\n    >\n      <Icon color=\"currentColor\" size=\"large\" />\n      <Text truncateAfterLines={1} color=\"currentColor\" size=\"xsmall\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledBottomNavItem>\n  );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_ref","children","_ref$zIndex","zIndex","componentZIndices","bottomNav","testID","styledProps","_objectWithoutProperties","_excluded","childrenCount","React","Children","count","throwBladeError","moduleName","message","_jsx","BaseBox","_objectSpread","role","position","bottom","left","elevation","width","backgroundColor","borderTopWidth","borderTopColor","paddingX","display","flexDirection","getStyledProps","metaAttribute","name","MetaConstants","StyledBottomNavItem","styled","withConfig","displayName","componentId","props","textDecoration","color","theme","colors","interactive","text","gray","subtle","border","paddingLeft","makeSpace","spacing","paddingRight","transition","concat","makeMotionTime","motion","duration","easing","standard","effective","primary","getFocusRingStyles","BottomNavItem","_ref2","title","href","rel","target","as","isActive","onClick","Icon","icon","isRouterLink","defaultRenderElement","defaultRel","undefined","_jsxs","to","paddingTop","paddingBottom","alignItems","justifyContent","flex","cursor","gap","makeAccessible","current","size","Text","truncateAfterLines","weight"],"mappings":"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"}
+{"version":3,"file":"BottomNav.web.js","sources":["../../../../../../src/components/BottomNav/BottomNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { BottomNavItemProps, BottomNavProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Text } from '~components/Typography';\nimport { makeMotionTime, makeSpace } from '~utils';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\n/**\n * ### BottomNav component\n *\n * Bottom navigation component is a persistent user interface element at the bottom of a mobile app screen, providing quick access to core functionalities through icons and labels.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * import { NavLink } from 'react-router-dom';\n *\n * <BottomNav>\n *   <BottomNavItem\n *     as={NavLink}\n *     isActive={true}\n *     title=\"Payments\"\n *     icon={WalletIcon}\n *     href=\"/payments\"\n *   />\n *   <BottomNavItem\n *     as={NavLink}\n *     title=\"Transactions\"\n *     icon={TransactionsIcon}\n *     href=\"/transactions\"\n *   />\n *   <BottomNavItem\n *     title=\"More\"\n *     icon={MoreIcon}\n *     onClick={() => {\n *       // This can be used to open SideNav drawer\n *       setIsSideNavOpen(true)\n *     }}\n *   />\n * </BottomNav>\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/??path=/docs/components-bottomnav--doc BottomNav Documentation}\n\n */\nconst BottomNav = ({\n  children,\n  zIndex = componentZIndices.bottomNav,\n  testID,\n  ...rest\n}: BottomNavProps): React.ReactElement => {\n  if (__DEV__) {\n    const childrenCount = React.Children.count(children);\n    if (childrenCount > 5 && childrenCount < 2) {\n      throwBladeError({\n        moduleName: 'BottomNav',\n        message: 'children cannot be less than 2 and more than 5',\n      });\n    }\n  }\n\n  return (\n    <BaseBox\n      role=\"navigation\"\n      position=\"fixed\"\n      bottom=\"spacing.0\"\n      left=\"spacing.0\"\n      elevation=\"midRaised\"\n      width=\"100%\"\n      backgroundColor=\"surface.background.gray.intense\"\n      borderTopWidth=\"thin\"\n      borderTopColor=\"surface.border.gray.muted\"\n      paddingX=\"spacing.2\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      {...getStyledProps(rest)}\n      zIndex={zIndex}\n      {...metaAttribute({\n        testID,\n        name: MetaConstants.BottomNav,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StyledBottomNavItem = styled(BaseBox)<{ to?: string }>((props) => {\n  return {\n    textDecoration: 'none',\n    color: props.theme.colors.interactive.text.gray.subtle,\n    backgroundColor: 'transparent',\n    border: 'none',\n    paddingLeft: makeSpace(props.theme.spacing[0]),\n    paddingRight: makeSpace(props.theme.spacing[0]),\n    transition: `color ${makeMotionTime(props.theme.motion.duration['2xquick'])} ${\n      props.theme.motion.easing.standard.effective\n    }`,\n    '&[aria-current=\"page\"]': {\n      color: props.theme.colors.interactive.text.primary.subtle,\n    },\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme: props.theme }),\n    },\n  };\n});\n\nconst BottomNavItem = ({\n  title,\n  href,\n  rel,\n  target,\n  as,\n  isActive,\n  onClick,\n  icon: Icon,\n  testID,\n  ...rest\n}: BottomNavItemProps): React.ReactElement => {\n  const isRouterLink = as && href;\n  const defaultRenderElement = href ? 'a' : 'button';\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <StyledBottomNavItem\n      as={isRouterLink ? as : defaultRenderElement}\n      href={as ? undefined : href}\n      to={href} // for react router\n      rel={rel ?? defaultRel}\n      target={target}\n      paddingTop=\"spacing.5\"\n      paddingBottom=\"spacing.4\"\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexDirection=\"column\"\n      flex=\"1\"\n      cursor=\"pointer\"\n      onClick={onClick}\n      gap=\"spacing.1\"\n      {...makeAccessible({\n        current: isActive ? 'page' : undefined,\n      })}\n      {...metaAttribute({\n        name: MetaConstants.BottomNavItem,\n        testID,\n      })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <Icon color=\"currentColor\" size=\"large\" />\n      <Text truncateAfterLines={1} color=\"currentColor\" size=\"xsmall\" weight=\"semibold\">\n        {title}\n      </Text>\n    </StyledBottomNavItem>\n  );\n};\n\nexport { BottomNav, BottomNavItem };\n"],"names":["BottomNav","_ref","children","_ref$zIndex","zIndex","componentZIndices","bottomNav","testID","rest","_objectWithoutProperties","_excluded","childrenCount","React","Children","count","throwBladeError","moduleName","message","_jsx","BaseBox","_objectSpread","role","position","bottom","left","elevation","width","backgroundColor","borderTopWidth","borderTopColor","paddingX","display","flexDirection","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","StyledBottomNavItem","styled","withConfig","displayName","componentId","props","textDecoration","color","theme","colors","interactive","text","gray","subtle","border","paddingLeft","makeSpace","spacing","paddingRight","transition","concat","makeMotionTime","motion","duration","easing","standard","effective","primary","getFocusRingStyles","BottomNavItem","_ref2","title","href","rel","target","as","isActive","onClick","Icon","icon","_excluded2","isRouterLink","defaultRenderElement","defaultRel","undefined","_jsxs","to","paddingTop","paddingBottom","alignItems","justifyContent","flex","cursor","gap","makeAccessible","current","size","Text","truncateAfterLines","weight"],"mappings":"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"}

package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components';
 import { useDrag, rubberbandIfOutOfBounds } from '@use-gesture/react';
@@ -27,6 +28,7 @@ import '../../utils/makeAccessible/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeMotionTime/index.web.js';
 import { componentZIndices } from '../../utils/componentZIndices.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
@@ -35,9 +37,11 @@ import useTheme from '../BladeProvider/useTheme.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["isOpen", "onDismiss", "children", "initialFocusRef", "snapPoints", "zIndex"];
 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 BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';
@@ -82,7 +86,8 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     _ref2$snapPoints = _ref2.snapPoints,
     snapPoints = _ref2$snapPoints === void 0 ? [0.35, 0.5, 0.85] : _ref2$snapPoints,
     _ref2$zIndex = _ref2.zIndex,
-    zIndex = _ref2$zIndex === void 0 ? componentZIndices.bottomSheet : _ref2$zIndex;
+    zIndex = _ref2$zIndex === void 0 ? componentZIndices.bottomSheet : _ref2$zIndex,
+    dataAnalyticsProps = _objectWithoutProperties(_ref2, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var dimensions = useWindowSize();
@@ -450,7 +455,7 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     value: contextValue,
     children: [/*#__PURE__*/jsx(BottomSheetBackdrop, {
       zIndex: bottomSheetZIndex
-    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: MetaConstants.BottomSheet,
       testID: 'bottomsheet-surface'
     })), makeAccessible({
@@ -466,7 +471,8 @@ var _BottomSheet = function _BottomSheet(_ref2) {
         bottom: 0,
         top: 'auto',
         zIndex: bottomSheetZIndex
-      },
+      }
+    }, makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
       children: /*#__PURE__*/jsxs(BaseBox, {
         height: "100%",
         display: "flex",

package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.popup.background.subtle,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.popup.border.subtle,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = componentZIndices.bottomSheet,\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  // focus on the initial ref when the sheet is opened\n  React.useLayoutEffect(() => {\n    if (_isOpen) {\n      focusOnInitialRef();\n    }\n  }, [_isOpen, focusOnInitialRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n  }, [dimensions.height, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","popup","subtle","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","useLayoutEffect","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheet.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { rubberbandIfOutOfBounds, useDrag } from '@use-gesture/react';\nimport usePresence from 'use-presence';\nimport { clearAllBodyScrollLocks } from 'body-scroll-lock-upgrade';\nimport { BottomSheetHeader } from './BottomSheetHeader';\nimport { BottomSheetFooter } from './BottomSheetFooter';\nimport { BottomSheetBody } from './BottomSheetBody';\nimport type { SnapPoints } from './utils';\nimport { computeMaxContent, computeSnapPointBounds } from './utils';\nimport { BottomSheetBackdrop } from './BottomSheetBackdrop';\nimport type { BottomSheetContextProps } from './BottomSheetContext';\nimport { BottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext';\nimport { ComponentIds } from './componentIds';\nimport type { BottomSheetProps } from './types';\nimport { BottomSheetGrabHandle } from './BottomSheetGrabHandle';\nimport { useBottomSheetStack } from './BottomSheetStack';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useScrollLock } from '~utils/useScrollLock';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTheme } from '~components/BladeProvider';\nimport { useId } from '~utils/useId';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport const BOTTOM_SHEET_EASING = 'cubic-bezier(.15,0,.24,.97)';\nconst AUTOCOMPLETE_DEFAULT_SNAPPOINT = 0.85;\n\nconst BottomSheetSurface = styled.div<{\n  windowHeight: number;\n  isDragging: boolean;\n}>(({ theme, windowHeight, isDragging }) => {\n  return {\n    background: theme.colors.popup.background.subtle,\n    borderTopLeftRadius: makeSize(size[16]),\n    borderTopRightRadius: makeSize(size[16]),\n    borderColor: theme.colors.popup.border.subtle,\n    // this is reverse top elevation of highRaised elevation token\n    boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',\n    opacity: 0,\n    pointerEvents: 'none',\n    transitionDuration: isDragging\n      ? undefined\n      : `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: BOTTOM_SHEET_EASING,\n    willChange: 'transform, opacity, height',\n    transitionProperty: 'transform, opacity, height',\n    position: 'fixed',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    top: windowHeight,\n    backgroundColor: theme.colors.popup.background.subtle,\n    justifyContent: 'center',\n    alignItems: 'center',\n    touchAction: 'none',\n    overflow: 'hidden',\n  };\n});\n\nconst _BottomSheet = ({\n  isOpen,\n  onDismiss,\n  children,\n  initialFocusRef,\n  snapPoints = [0.35, 0.5, 0.85],\n  zIndex = componentZIndices.bottomSheet,\n  ...dataAnalyticsProps\n}: BottomSheetProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const dimensions = useWindowSize();\n  const [contentHeight, setContentHeight] = React.useState(0);\n  const [headerHeight, setHeaderHeight] = React.useState(0);\n  const [footerHeight, setFooterHeight] = React.useState(0);\n  const [grabHandleHeight, setGrabHandleHeight] = React.useState(0);\n  const [hasBodyPadding, setHasBodyPadding] = React.useState(true);\n  const [isHeaderEmpty, setIsHeaderEmpty] = React.useState(false);\n\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const [positionY, _setPositionY] = React.useState(0);\n  const _isOpen = isOpen ?? bottomSheetAndDropdownGlue?.isOpen;\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const preventScrollingRef = React.useRef(true);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const grabHandleRef = React.useRef<HTMLDivElement>(null);\n  const defaultInitialFocusRef = React.useRef<any>(null);\n  const originalFocusElement = React.useRef<HTMLElement | null>(null);\n  const initialSnapPoint = React.useRef<number>(snapPoints[1]);\n  const totalHeight = React.useMemo(() => {\n    return grabHandleHeight + headerHeight + footerHeight + contentHeight;\n  }, [contentHeight, footerHeight, grabHandleHeight, headerHeight]);\n\n  const id = useId();\n  const {\n    stack,\n    addBottomSheetToStack,\n    removeBottomSheetFromStack,\n    getTopOfTheStack,\n    getCurrentStackIndexById,\n  } = useBottomSheetStack();\n  const currentStackIndex = getCurrentStackIndexById(id);\n  const isOnTopOfStack = getTopOfTheStack() === id;\n  const bottomSheetZIndex = zIndex - currentStackIndex;\n\n  const setPositionY = React.useCallback(\n    (value: number, limit = true) => {\n      // In AutoComplete, we want BottomSheet to be docked to top snappoint so we remove the limits\n      const shouldLimitPositionY =\n        limit && !bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader;\n\n      const maxValue = computeMaxContent({\n        contentHeight,\n        footerHeight,\n        headerHeight: headerHeight + grabHandleHeight,\n        maxHeight: value,\n      });\n      _setPositionY(shouldLimitPositionY ? maxValue : value);\n    },\n    [\n      bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader,\n      contentHeight,\n      footerHeight,\n      grabHandleHeight,\n      headerHeight,\n    ],\n  );\n\n  // locks the body scroll to prevent accidental scrolling of content when we drag the sheet\n  // We are ready when we calculated the height of the content\n  const isReady = contentHeight > 0;\n  // only lock the body when we atleast have 1 bottomsheet open\n  const shouldLock = isReady && stack.length > 0;\n  const scrollLockRef = useScrollLock({\n    enabled: shouldLock,\n    targetRef: scrollRef,\n    reserveScrollBarGap: true,\n  });\n\n  // clear all body locks to avoid memory leaks & accidental body locking\n  React.useEffect(() => {\n    const hasNoBottomSheets = stack.length < 1;\n    if (hasNoBottomSheets) {\n      clearAllBodyScrollLocks();\n    }\n  }, [stack]);\n\n  // take the grabHandle's height into headerHeight too\n  useIsomorphicLayoutEffect(() => {\n    if (!grabHandleRef.current) return;\n    setGrabHandleHeight(grabHandleRef.current.getBoundingClientRect().height);\n  }, [grabHandleRef.current, _isOpen]);\n\n  // if bottomSheet height is >35% & <50% then set initial snapPoint to 35%\n  useIsomorphicLayoutEffect(() => {\n    if (bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader) {\n      initialSnapPoint.current = AUTOCOMPLETE_DEFAULT_SNAPPOINT;\n    } else {\n      const middleSnapPoint = snapPoints[1] * dimensions.height;\n      const lowerSnapPoint = snapPoints[0] * dimensions.height;\n      if (totalHeight > lowerSnapPoint && totalHeight < middleSnapPoint) {\n        initialSnapPoint.current = snapPoints[0];\n      }\n    }\n  }, [dimensions.height, snapPoints, totalHeight]);\n\n  const returnFocus = React.useCallback(() => {\n    if (!originalFocusElement.current) return;\n    originalFocusElement.current.focus();\n    // After returning focus we will clear the original focus\n    // Because if sheet can be opened up via multiple triggers\n    // We want to ensure the focus returns back to the most recent triggerer\n    originalFocusElement.current = null;\n  }, [originalFocusElement]);\n\n  const focusOnInitialRef = React.useCallback(() => {\n    if (!initialFocusRef) {\n      // focus on close button\n      defaultInitialFocusRef.current?.focus();\n    } else {\n      // focus on the initialRef passed by the user\n      initialFocusRef.current?.focus();\n    }\n  }, [initialFocusRef]);\n\n  // focus on the initial ref when the sheet is opened\n  React.useLayoutEffect(() => {\n    if (_isOpen) {\n      focusOnInitialRef();\n    }\n  }, [_isOpen, focusOnInitialRef]);\n\n  const handleOnOpen = React.useCallback(() => {\n    setPositionY(dimensions.height * initialSnapPoint.current);\n    scrollLockRef.current.activate();\n    // initialize the original focused element\n    // On first render it will be the activeElement, eg: the button trigger or select input\n    // On Subsequent open operations it won't further update the original focus\n    originalFocusElement.current =\n      originalFocusElement.current ?? (document.activeElement as HTMLElement);\n  }, [dimensions.height, scrollLockRef, setPositionY]);\n\n  const handleOnClose = React.useCallback(() => {\n    setPositionY(0);\n  }, [setPositionY]);\n\n  const close = React.useCallback(() => {\n    onDismiss?.();\n    bottomSheetAndDropdownGlue?.onBottomSheetDismiss();\n    returnFocus();\n  }, [bottomSheetAndDropdownGlue, onDismiss, returnFocus]);\n\n  // sync controlled state to our actions\n  React.useEffect(() => {\n    if (_isOpen) {\n      // open on the next frame, otherwise the animations will not run on first render\n      window.setTimeout(() => {\n        handleOnOpen();\n      });\n    } else {\n      handleOnClose();\n    }\n  }, [_isOpen, handleOnClose, handleOnOpen]);\n\n  // let the Dropdown component know that it's rendering a bottomsheet\n  React.useEffect(() => {\n    if (!bottomSheetAndDropdownGlue) return;\n    bottomSheetAndDropdownGlue.setDropdownHasBottomSheet(true);\n  }, [bottomSheetAndDropdownGlue]);\n\n  const bind = useDrag(\n    ({\n      active,\n      last,\n      cancel,\n      tap,\n      movement: [_movementX, movementY],\n      velocity: [_velocityX, velocityY],\n      lastOffset: [_, lastOffsetY],\n      down,\n      dragging,\n      args: [{ isContentDragging = false } = {}] = [],\n    }) => {\n      setIsDragging(Boolean(dragging));\n      // lastOffsetY is the previous position user stopped dragging the sheet\n      // movementY is the drag amount from the bottom of the screen, so as you drag up the movementY goes into negatives\n      // and rawY is the calculated offset from the last position of the bottomsheet to current drag amount.\n      const rawY = lastOffsetY - movementY;\n\n      const lowerSnapPoint = dimensions.height * snapPoints[0];\n      const upperSnapPoint = dimensions.height * snapPoints[snapPoints.length - 1];\n\n      // predictedY is used to create velocity driven swipe\n      // the faster you swipe the more distance you cover\n      // this enables users to reach upper & lower snappoint with a single swipe\n      const predictedDistance = movementY * (velocityY / 2);\n      const predictedY = Math.max(\n        lowerSnapPoint,\n        Math.min(upperSnapPoint, rawY - predictedDistance * 2),\n      );\n\n      let newY = rawY;\n\n      if (down) {\n        // Ensure that users aren't able to drag the sheet\n        // more than the upperSnapPoint or maximum height of the sheet\n        // this is basically a clamp() function but creates a nice rubberband effect\n        const dampening = 0.55;\n        if (totalHeight < upperSnapPoint) {\n          newY = rubberbandIfOutOfBounds(rawY, 0, totalHeight, dampening);\n        } else {\n          newY = rubberbandIfOutOfBounds(rawY, 0, upperSnapPoint, dampening);\n        }\n      } else {\n        newY = predictedY;\n      }\n\n      const isPosAtUpperSnapPoint = newY >= upperSnapPoint;\n\n      if (isContentDragging) {\n        if (isPosAtUpperSnapPoint) {\n          newY = upperSnapPoint;\n        }\n\n        // keep the newY at upper snap point\n        // until the scrollable content is not at top\n        // and previously saved Y position is greater than or equal to upper snap point\n        // Note: how using newY won't work here since we need the previous value of the newY\n        // since we always keep updating the newY,\n        // this is cruicial in making the scroll feel natural\n        const isContentScrolledAtTop = scrollRef.current && scrollRef.current.scrollTop <= 0;\n        if (lastOffsetY === upperSnapPoint && !isContentScrolledAtTop) {\n          newY = upperSnapPoint;\n        }\n        preventScrollingRef.current = newY < upperSnapPoint;\n      }\n\n      if (last) {\n        // calculate the nearest snapPoint\n        const [nearest, lower] = computeSnapPointBounds(\n          newY,\n          snapPoints.map((point) => dimensions.height * point) as SnapPoints,\n        );\n\n        // This ensure that the lower snapPoint will always have atleast some buffer\n        // When the bottomsheet total height is less than the lower snapPoint\n        // Video walkthrough: https://www.loom.com/share/a9a8db7688d64194b13df8b3e25859ae\n        const lowerPointBuffer = 60;\n        const lowerestSnap = Math.min(lower, totalHeight) - lowerPointBuffer;\n\n        const shouldClose = rawY < lowerestSnap;\n        if (shouldClose) {\n          setIsDragging(false);\n          cancel();\n          close();\n          return;\n        }\n\n        // if we stop dragging assign snap to the nearest point\n        if (!active && !tap) {\n          newY = nearest;\n        }\n      }\n\n      setPositionY(newY, !down);\n    },\n    {\n      from: [0, positionY],\n      filterTaps: true,\n      enabled: isOnTopOfStack && _isOpen,\n    },\n  );\n\n  // Here we are preventing the scrolling of the content, until the preventScrollingRef value is true\n  useIsomorphicLayoutEffect(() => {\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const preventScrolling = (e: Event) => {\n      if (preventScrollingRef?.current) {\n        e.preventDefault();\n      }\n    };\n\n    // https://www.bram.us/2016/05/02/prevent-overscroll-bounce-in-ios-mobilesafari-pure-css/\n    const preventSafariOverscroll = (e: Event) => {\n      if (scrollElement.scrollTop < 0) {\n        // TODO: figure this out, it doesn't seem to work >iOS12\n        // requestAnimationFrame(() => {\n        //   elem.style.overflow = 'hidden';\n        //   elem.scrollTop = 0;\n        //   elem.style.removeProperty('overflow');\n        // });\n        e.preventDefault();\n      }\n    };\n\n    scrollElement.addEventListener('scroll', preventScrolling);\n    scrollElement.addEventListener('touchmove', preventScrolling);\n    scrollElement.addEventListener('touchstart', preventSafariOverscroll);\n    return () => {\n      scrollElement.removeEventListener('scroll', preventScrolling);\n      scrollElement.removeEventListener('touchmove', preventScrolling);\n      scrollElement.removeEventListener('touchstart', preventSafariOverscroll);\n    };\n    // Only run this hook when we know all the layout calculations are done,\n    // Otherwise the scrollRef.current will be null.\n    // isReady prop will ensure that we are done measuring the content height\n  }, [isReady]);\n\n  // usePresence hook waits for the animation to finish before unmounting the component\n  // It's similar to framer-motions usePresence hook\n  // https://www.framer.com/docs/animate-presence/#usepresence\n  const { isMounted, isVisible } = usePresence(Boolean(_isOpen), {\n    transitionDuration: theme.motion.duration.moderate,\n  });\n\n  const isHeaderFloating = !hasBodyPadding && isHeaderEmpty;\n  const contextValue: BottomSheetContextProps = React.useMemo(\n    () => ({\n      isInBottomSheet: true,\n      isOpen: Boolean(isVisible),\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    }),\n    [\n      isVisible,\n      close,\n      positionY,\n      headerHeight,\n      contentHeight,\n      footerHeight,\n      setContentHeight,\n      setFooterHeight,\n      setHeaderHeight,\n      setHasBodyPadding,\n      setIsHeaderEmpty,\n      scrollRef,\n      bind,\n      defaultInitialFocusRef,\n      isHeaderFloating,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (isMounted) {\n      addBottomSheetToStack(id);\n    } else {\n      removeBottomSheetFromStack(id);\n    }\n  }, [addBottomSheetToStack, id, isMounted, removeBottomSheetFromStack]);\n\n  // We will need to reset these values otherwise the next time the bottomsheet opens\n  // this will be populated and the animations won't run\n  // why?: because how the usePresence hook works, we actually just unmount the\n  // html contents not the whole <BottomSheet /> react component\n  React.useEffect(() => {\n    if (!isMounted) {\n      setHeaderHeight(0);\n      setFooterHeight(0);\n      setContentHeight(0);\n      setGrabHandleHeight(0);\n      _setPositionY(0);\n    }\n  }, [isMounted, scrollLockRef]);\n\n  // We don't want to destroy the react tree when we are rendering inside Dropdown\n  // Because if we bail out early then ActionList won't render,\n  // and Dropdown manages it's state based on the rendered JSX of ActionList\n  // If we don't render ActionList Dropdown state will reset each time we open/close BottomSheet\n  const isInsideDropdown = Boolean(bottomSheetAndDropdownGlue);\n  if (!isMounted && !isInsideDropdown) {\n    return <></>;\n  }\n\n  return (\n    <BottomSheetContext.Provider value={contextValue}>\n      <BottomSheetBackdrop zIndex={bottomSheetZIndex} />\n      <BottomSheetSurface\n        {...metaAttribute({\n          name: MetaConstants.BottomSheet,\n          testID: 'bottomsheet-surface',\n        })}\n        {...makeAccessible({ modal: true, role: 'dialog' })}\n        windowHeight={dimensions.height}\n        isDragging={isDragging}\n        style={{\n          opacity: isVisible ? 1 : 0,\n          pointerEvents: isVisible ? 'all' : 'none',\n          height: positionY,\n          bottom: 0,\n          top: 'auto',\n          zIndex: bottomSheetZIndex,\n        }}\n        {...makeAnalyticsAttribute(dataAnalyticsProps)}\n      >\n        <BaseBox height=\"100%\" display=\"flex\" flexDirection=\"column\">\n          <BottomSheetGrabHandle\n            ref={grabHandleRef}\n            isHeaderFloating={isHeaderFloating}\n            {...metaAttribute({ name: ComponentIds.BottomSheetGrabHandle })}\n            {...bind()}\n          />\n          {children}\n        </BaseBox>\n      </BottomSheetSurface>\n    </BottomSheetContext.Provider>\n  );\n};\n\nconst BottomSheet = assignWithoutSideEffects(_BottomSheet, {\n  componentId: ComponentIds.BottomSheet,\n});\n\nexport { BottomSheet, BottomSheetBody, BottomSheetHeader, BottomSheetFooter };\nexport type { BottomSheetProps };\n"],"names":["BOTTOM_SHEET_EASING","AUTOCOMPLETE_DEFAULT_SNAPPOINT","BottomSheetSurface","styled","div","withConfig","displayName","componentId","_ref","theme","windowHeight","isDragging","background","colors","popup","subtle","borderTopLeftRadius","makeSize","size","borderTopRightRadius","borderColor","border","boxShadow","opacity","pointerEvents","transitionDuration","undefined","concat","makeMotionTime","motion","duration","moderate","transitionTimingFunction","willChange","transitionProperty","position","left","right","bottom","top","backgroundColor","justifyContent","alignItems","touchAction","overflow","_BottomSheet","_ref2","isOpen","onDismiss","children","initialFocusRef","_ref2$snapPoints","snapPoints","_ref2$zIndex","zIndex","componentZIndices","bottomSheet","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","dimensions","useWindowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","contentHeight","setContentHeight","_React$useState3","_React$useState4","headerHeight","setHeaderHeight","_React$useState5","_React$useState6","footerHeight","setFooterHeight","_React$useState7","_React$useState8","grabHandleHeight","setGrabHandleHeight","_React$useState9","_React$useState10","hasBodyPadding","setHasBodyPadding","_React$useState11","_React$useState12","isHeaderEmpty","setIsHeaderEmpty","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","_React$useState13","_React$useState14","positionY","_setPositionY","_isOpen","_React$useState15","_React$useState16","setIsDragging","preventScrollingRef","useRef","scrollRef","grabHandleRef","defaultInitialFocusRef","originalFocusElement","initialSnapPoint","totalHeight","useMemo","id","useId","_useBottomSheetStack","useBottomSheetStack","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","currentStackIndex","isOnTopOfStack","bottomSheetZIndex","setPositionY","useCallback","value","limit","arguments","length","shouldLimitPositionY","hasAutoCompleteInBottomSheetHeader","maxValue","computeMaxContent","maxHeight","isReady","shouldLock","scrollLockRef","useScrollLock","enabled","targetRef","reserveScrollBarGap","useEffect","hasNoBottomSheets","clearAllBodyScrollLocks","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","middleSnapPoint","lowerSnapPoint","returnFocus","focus","focusOnInitialRef","_defaultInitialFocusR","_initialFocusRef$curr","useLayoutEffect","handleOnOpen","_originalFocusElement","activate","document","activeElement","handleOnClose","close","onBottomSheetDismiss","window","setTimeout","setDropdownHasBottomSheet","bind","useDrag","_ref3","active","last","cancel","tap","_ref3$movement","movement","_movementX","movementY","_ref3$velocity","velocity","_velocityX","velocityY","_ref3$lastOffset","lastOffset","_","lastOffsetY","down","dragging","_ref3$args","args","_ref3$args2","_ref3$args3","_ref3$args3$","_ref3$args3$2","_ref3$args3$2$isConte","isContentDragging","Boolean","rawY","upperSnapPoint","predictedDistance","predictedY","Math","max","min","newY","dampening","rubberbandIfOutOfBounds","isPosAtUpperSnapPoint","isContentScrolledAtTop","scrollTop","_computeSnapPointBoun","computeSnapPointBounds","map","point","_computeSnapPointBoun2","nearest","lower","lowerPointBuffer","lowerestSnap","shouldClose","from","filterTaps","scrollElement","preventScrolling","e","preventDefault","preventSafariOverscroll","addEventListener","removeEventListener","_usePresence","usePresence","isMounted","isVisible","isHeaderFloating","contextValue","isInBottomSheet","isInsideDropdown","_jsx","_Fragment","_jsxs","BottomSheetContext","Provider","BottomSheetBackdrop","_objectSpread","metaAttribute","name","MetaConstants","BottomSheet","testID","makeAccessible","modal","role","style","makeAnalyticsAttribute","BaseBox","display","flexDirection","BottomSheetGrabHandle","ref","ComponentIds","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/production/components/BottomSheet/BottomSheetBody.web.js

@@ -1,5 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext } from './BottomSheetContext.js';
@@ -9,13 +10,16 @@ import { componentIds } from '../ActionList/componentIds.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["children", "padding", "overflow"];
 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 bodyStyles = {
@@ -32,7 +36,8 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
     _ref$padding = _ref.padding,
     padding = _ref$padding === void 0 ? 'spacing.5' : _ref$padding,
     _ref$overflow = _ref.overflow,
-    overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow;
+    overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     scrollRef = _useBottomSheetContex.scrollRef,
     setContentHeight = _useBottomSheetContex.setContentHeight,
@@ -62,10 +67,10 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [padding]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     testID: 'bottomsheet-body',
     name: MetaConstants.BottomSheetBody
-  })), {}, {
+  })), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     ref: scrollRef,
     flexGrow: 1,
     flexShrink: 1,

package/build/lib/web/production/components/BottomSheet/BottomSheetBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetBody.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\n\nconst bodyStyles: React.CSSProperties = {\n  WebkitTapHighlightColor: 'revert',\n  WebkitTouchCallout: 'revert',\n  WebkitUserSelect: 'auto',\n  overscrollBehavior: 'contain',\n  WebkitOverflowScrolling: 'touch',\n  userSelect: 'auto',\n  touchAction: 'none',\n};\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n  overflow = 'auto',\n}: BottomSheetBodyProps): React.ReactElement => {\n  const { scrollRef, setContentHeight, setHasBodyPadding, isOpen, bind } = useBottomSheetContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<boolean>(false);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n    setContentHeight(contentRef.current.getBoundingClientRect().height);\n  }, [contentRef, isOpen, children]);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({\n        testID: 'bottomsheet-body',\n        name: MetaConstants.BottomSheetBody,\n      })}\n      ref={scrollRef}\n      flexGrow={1}\n      flexShrink={1}\n      style={bodyStyles}\n      overflow={overflow}\n      // Passing isContentDragging to bind()\n      // Inside the useDrag() hook this will let us know if user is dragging the content or not\n      {...bind?.({ isContentDragging: true })}\n    >\n      <BaseBox\n        paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n        ref={contentRef}\n        overflow={overflow}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["bodyStyles","WebkitTapHighlightColor","WebkitTouchCallout","WebkitUserSelect","overscrollBehavior","WebkitOverflowScrolling","userSelect","touchAction","_BottomSheetBody","_ref","children","_ref$padding","padding","_ref$overflow","overflow","_useBottomSheetContex","useBottomSheetContext","scrollRef","setContentHeight","setHasBodyPadding","isOpen","bind","contentRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","BaseBox","_objectSpread","metaAttribute","testID","name","MetaConstants","BottomSheetBody","ref","flexGrow","flexShrink","style","isContentDragging","paddingLeft","paddingRight","paddingTop","paddingBottom","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"BottomSheetBody.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetBody.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetBodyProps } from './types';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { componentIds } from '~components/ActionList/componentIds';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst bodyStyles: React.CSSProperties = {\n  WebkitTapHighlightColor: 'revert',\n  WebkitTouchCallout: 'revert',\n  WebkitUserSelect: 'auto',\n  overscrollBehavior: 'contain',\n  WebkitOverflowScrolling: 'touch',\n  userSelect: 'auto',\n  touchAction: 'none',\n};\n\nconst _BottomSheetBody = ({\n  children,\n  padding = 'spacing.5',\n  overflow = 'auto',\n  ...dataAnalyticsProps\n}: BottomSheetBodyProps): React.ReactElement => {\n  const { scrollRef, setContentHeight, setHasBodyPadding, isOpen, bind } = useBottomSheetContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [bottomSheetHasActionList, setBottomSheetHasActionList] = React.useState<boolean>(false);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!contentRef.current) return;\n    setContentHeight(contentRef.current.getBoundingClientRect().height);\n  }, [contentRef, isOpen, children]);\n\n  React.useEffect(() => {\n    setBottomSheetHasActionList(false);\n    React.Children.forEach(children, (child) => {\n      if (isValidAllowedChildren(child, componentIds.ActionList)) {\n        setBottomSheetHasActionList(true);\n      }\n    });\n  }, [children]);\n\n  React.useEffect(() => {\n    if (padding === 'spacing.0') {\n      setHasBodyPadding(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [padding]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({\n        testID: 'bottomsheet-body',\n        name: MetaConstants.BottomSheetBody,\n      })}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n      ref={scrollRef}\n      flexGrow={1}\n      flexShrink={1}\n      style={bodyStyles}\n      overflow={overflow}\n      // Passing isContentDragging to bind()\n      // Inside the useDrag() hook this will let us know if user is dragging the content or not\n      {...bind?.({ isContentDragging: true })}\n    >\n      <BaseBox\n        paddingLeft={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingRight={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingTop={bottomSheetHasActionList ? 'spacing.3' : padding}\n        paddingBottom={bottomSheetHasActionList ? 'spacing.3' : padding}\n        ref={contentRef}\n        overflow={overflow}\n      >\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BottomSheetBody = assignWithoutSideEffects(_BottomSheetBody, {\n  componentId: ComponentIds.BottomSheetBody,\n});\n\nexport { BottomSheetBody };\n"],"names":["bodyStyles","WebkitTapHighlightColor","WebkitTouchCallout","WebkitUserSelect","overscrollBehavior","WebkitOverflowScrolling","userSelect","touchAction","_BottomSheetBody","_ref","children","_ref$padding","padding","_ref$overflow","overflow","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","scrollRef","setContentHeight","setHasBodyPadding","isOpen","bind","contentRef","React","useRef","_React$useState","useState","_React$useState2","_slicedToArray","bottomSheetHasActionList","setBottomSheetHasActionList","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","useEffect","Children","forEach","child","isValidAllowedChildren","componentIds","ActionList","_jsx","BaseBox","_objectSpread","metaAttribute","testID","name","MetaConstants","BottomSheetBody","makeAnalyticsAttribute","ref","flexGrow","flexShrink","style","isContentDragging","paddingLeft","paddingRight","paddingTop","paddingBottom","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}

package/build/lib/web/production/components/BottomSheet/BottomSheetFooter.web.js

@@ -1,19 +1,24 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { useBottomSheetContext } from './BottomSheetContext.js';
 import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
 import '../Box/BaseBox/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
+var _excluded = ["children"];
 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 BottomSheetFooter = function BottomSheetFooter(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     setFooterHeight = _useBottomSheetContex.setFooterHeight,
     isOpen = _useBottomSheetContex.isOpen,
@@ -28,7 +33,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
       setFooterHeight(ref.current.getBoundingClientRect().height);
     });
   }, [ref, isOpen]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     width: "100%",
     flexShrink: 0,
@@ -38,7 +43,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
     zIndex: 2
   }, metaAttribute({
     name: MetaConstants.BottomSheetFooter
-  })), bind === null || bind === void 0 ? void 0 : bind()), {}, {
+  })), bind === null || bind === void 0 ? void 0 : bind()), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     children: /*#__PURE__*/jsx(BaseFooter, {
       children: children
     })

package/build/lib/web/production/components/BottomSheet/BottomSheetFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst BottomSheetFooter = ({ children }: BaseFooterProps): React.ReactElement => {\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor=\"popup.background.subtle\"\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","touchAction","zIndex","metaAttribute","name","MetaConstants","BaseFooter"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA0D;AAAA,EAAA,IAApDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AACnC,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC5B,iBAAAA;GAAmB,CAAC,GACxDO,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,EAAI,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,eAEZe,GAAA,CAACY,UAAU,EAAA;AAAA3B,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"BottomSheetFooter.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useBottomSheetContext } from './BottomSheetContext';\nimport type { BaseFooterProps } from '~components/BaseHeaderFooter/BaseFooter';\nimport { BaseFooter } from '~components/BaseHeaderFooter/BaseFooter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst BottomSheetFooter = ({\n  children,\n  ...dataAnalyticsProps\n}: BaseFooterProps): React.ReactElement => {\n  const { setFooterHeight, isOpen, bind } = useBottomSheetContext();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    // for some reason the calculated footer height is changing when user drags the sheet\n    // although i don't see a reason why, thus putting it in a setTimeout so that\n    // we calculate the height on the next browser paint\n    window.setTimeout(() => {\n      if (!ref.current) return;\n      setFooterHeight(ref.current.getBoundingClientRect().height);\n    });\n  }, [ref, isOpen]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      width=\"100%\"\n      flexShrink={0}\n      marginTop=\"auto\"\n      backgroundColor=\"popup.background.subtle\"\n      touchAction=\"none\"\n      zIndex={2}\n      {...metaAttribute({ name: MetaConstants.BottomSheetFooter })}\n      {...bind?.()}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n    >\n      <BaseFooter>{children}</BaseFooter>\n    </BaseBox>\n  );\n};\n\nexport { BottomSheetFooter };\n"],"names":["BottomSheetFooter","_ref","children","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","setFooterHeight","isOpen","bind","ref","React","useRef","useIsomorphicLayoutEffect","window","setTimeout","current","getBoundingClientRect","height","_jsx","BaseBox","_objectSpread","width","flexShrink","marginTop","backgroundColor","touchAction","zIndex","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","BaseFooter"],"mappings":";;;;;;;;;;;;;;;;;;AASA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAGoB;AAAA,EAAA,IAFzCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACLC,IAAAA,kBAAkB,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAErB,EAAA,IAAAC,qBAAA,GAA0CC,qBAAqB,EAAE;IAAzDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,MAAM,GAAAH,qBAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI,CAAA;AACrC,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE9CC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B;AACA;AACA;IACAC,MAAM,CAACC,UAAU,CAAC,YAAM;AACtB,MAAA,IAAI,CAACL,GAAG,CAACM,OAAO,EAAE,OAAA;MAClBT,eAAe,CAACG,GAAG,CAACM,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAAA;AAC7D,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACR,GAAG,EAAEF,MAAM,CAAC,CAAC,CAAA;EAEjB,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,UAAU,EAAE,CAAE;AACdC,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,eAAe,EAAC,yBAAyB;AACzCC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;AAAE,GAAA,EACNC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAAC/B,iBAAAA;AAAkB,GAAC,CAAC,CAAA,EACxDU,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,EAAI,CAAA,EACRsB,sBAAsB,CAAC7B,kBAAkB,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAD,QAAA,eAE9CkB,GAAA,CAACa,UAAU,EAAA;AAAA/B,MAAAA,QAAA,EAAEA,QAAAA;KAAqB,CAAA;AAAC,GAAA,CAC5B,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/BottomSheet/BottomSheetHeader.web.js

@@ -1,4 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { ComponentIds } from './componentIds.js';
 import { useBottomSheetContext, useBottomSheetAndDropdownGlue } from './BottomSheetContext.js';
@@ -8,12 +9,15 @@ import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
+var _excluded = ["title", "subtitle", "leading", "titleSuffix", "trailing", "showBackButton", "onBackButtonClick", "children"];
 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 _BottomSheetHeader = function _BottomSheetHeader(_ref) {
@@ -25,7 +29,8 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
     _ref$showBackButton = _ref.showBackButton,
     showBackButton = _ref$showBackButton === void 0 ? false : _ref$showBackButton,
     onBackButtonClick = _ref.onBackButtonClick,
-    children = _ref.children;
+    children = _ref.children,
+    dataAnalyticsProps = _objectWithoutProperties(_ref, _excluded);
   var _useBottomSheetContex = useBottomSheetContext(),
     setHeaderHeight = _useBottomSheetContex.setHeaderHeight,
     isOpen = _useBottomSheetContex.isOpen,
@@ -44,13 +49,13 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
     setIsHeaderEmpty(isHeaderEmpty);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isHeaderEmpty]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
     ref: ref,
     overflow: isHeaderEmpty ? 'visible' : 'auto',
     flexShrink: 0
   }, metaAttribute({
     name: MetaConstants.BottomSheetHeader
-  })), {}, {
+  })), makeAnalyticsAttribute(dataAnalyticsProps)), {}, {
     children: isHeaderEmpty ? /*#__PURE__*/jsx(BottomSheetEmptyHeader, {
       ref: defaultInitialFocusRef
     }) : /*#__PURE__*/jsx(BaseHeader, _objectSpread(_objectSpread({

package/build/lib/web/production/components/BottomSheet/BottomSheetHeader.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetHeader.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetAndDropdownGlue, useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetHeaderProps } from './types';\nimport { BottomSheetEmptyHeader } from './BottomSheetCommon';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _BottomSheetHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showBackButton = false,\n  onBackButtonClick,\n  children,\n}: BottomSheetHeaderProps): React.ReactElement => {\n  const {\n    setHeaderHeight,\n    isOpen,\n    close,\n    bind,\n    setIsHeaderEmpty,\n    defaultInitialFocusRef,\n  } = useBottomSheetContext();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) return;\n    setHeaderHeight(ref.current.getBoundingClientRect().height);\n  }, [ref, isOpen]);\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing || showBackButton || children);\n\n  React.useEffect(() => {\n    setIsHeaderEmpty(isHeaderEmpty);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isHeaderEmpty]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      overflow={isHeaderEmpty ? 'visible' : 'auto'}\n      flexShrink={0}\n      {...metaAttribute({ name: MetaConstants.BottomSheetHeader })}\n    >\n      {isHeaderEmpty ? (\n        <BottomSheetEmptyHeader ref={defaultInitialFocusRef} />\n      ) : (\n        <BaseHeader\n          title={title}\n          subtitle={subtitle}\n          leading={leading}\n          trailing={trailing}\n          titleSuffix={titleSuffix}\n          // we don't set focus on close button when it has AutoComplete inside.\n          // We set focus on AutoComplete instead inside AutoComplete component\n          closeButtonRef={\n            bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader\n              ? undefined\n              : defaultInitialFocusRef\n          }\n          // back button\n          showBackButton={showBackButton}\n          onBackButtonClick={onBackButtonClick}\n          // close button\n          showCloseButton={true}\n          onCloseButtonClick={close}\n          {...bind?.()}\n        >\n          {children}\n        </BaseHeader>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BottomSheetHeader = assignWithoutSideEffects(_BottomSheetHeader, {\n  componentId: ComponentIds.BottomSheetHeader,\n});\n\nexport { BottomSheetHeader };\n"],"names":["_BottomSheetHeader","_ref","title","subtitle","leading","titleSuffix","trailing","_ref$showBackButton","showBackButton","onBackButtonClick","children","_useBottomSheetContex","useBottomSheetContext","setHeaderHeight","isOpen","close","bind","setIsHeaderEmpty","defaultInitialFocusRef","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","ref","React","useRef","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","isHeaderEmpty","useEffect","_jsx","BaseBox","_objectSpread","overflow","flexShrink","metaAttribute","name","MetaConstants","BottomSheetHeader","BottomSheetEmptyHeader","BaseHeader","closeButtonRef","hasAutoCompleteInBottomSheetHeader","undefined","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"BottomSheetHeader.web.js","sources":["../../../../../../src/components/BottomSheet/BottomSheetHeader.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { ComponentIds } from './componentIds';\nimport { useBottomSheetAndDropdownGlue, useBottomSheetContext } from './BottomSheetContext';\nimport type { BottomSheetHeaderProps } from './types';\nimport { BottomSheetEmptyHeader } from './BottomSheetCommon';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _BottomSheetHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showBackButton = false,\n  onBackButtonClick,\n  children,\n  ...dataAnalyticsProps\n}: BottomSheetHeaderProps): React.ReactElement => {\n  const {\n    setHeaderHeight,\n    isOpen,\n    close,\n    bind,\n    setIsHeaderEmpty,\n    defaultInitialFocusRef,\n  } = useBottomSheetContext();\n  const bottomSheetAndDropdownGlue = useBottomSheetAndDropdownGlue();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) return;\n    setHeaderHeight(ref.current.getBoundingClientRect().height);\n  }, [ref, isOpen]);\n\n  const isHeaderEmpty = !(title || subtitle || leading || trailing || showBackButton || children);\n\n  React.useEffect(() => {\n    setIsHeaderEmpty(isHeaderEmpty);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isHeaderEmpty]);\n\n  return (\n    <BaseBox\n      ref={ref}\n      overflow={isHeaderEmpty ? 'visible' : 'auto'}\n      flexShrink={0}\n      {...metaAttribute({ name: MetaConstants.BottomSheetHeader })}\n      {...makeAnalyticsAttribute(dataAnalyticsProps)}\n    >\n      {isHeaderEmpty ? (\n        <BottomSheetEmptyHeader ref={defaultInitialFocusRef} />\n      ) : (\n        <BaseHeader\n          title={title}\n          subtitle={subtitle}\n          leading={leading}\n          trailing={trailing}\n          titleSuffix={titleSuffix}\n          // we don't set focus on close button when it has AutoComplete inside.\n          // We set focus on AutoComplete instead inside AutoComplete component\n          closeButtonRef={\n            bottomSheetAndDropdownGlue?.hasAutoCompleteInBottomSheetHeader\n              ? undefined\n              : defaultInitialFocusRef\n          }\n          // back button\n          showBackButton={showBackButton}\n          onBackButtonClick={onBackButtonClick}\n          // close button\n          showCloseButton={true}\n          onCloseButtonClick={close}\n          {...bind?.()}\n        >\n          {children}\n        </BaseHeader>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BottomSheetHeader = assignWithoutSideEffects(_BottomSheetHeader, {\n  componentId: ComponentIds.BottomSheetHeader,\n});\n\nexport { BottomSheetHeader };\n"],"names":["_BottomSheetHeader","_ref","title","subtitle","leading","titleSuffix","trailing","_ref$showBackButton","showBackButton","onBackButtonClick","children","dataAnalyticsProps","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","setHeaderHeight","isOpen","close","bind","setIsHeaderEmpty","defaultInitialFocusRef","bottomSheetAndDropdownGlue","useBottomSheetAndDropdownGlue","ref","React","useRef","useIsomorphicLayoutEffect","current","getBoundingClientRect","height","isHeaderEmpty","useEffect","_jsx","BaseBox","_objectSpread","overflow","flexShrink","metaAttribute","name","MetaConstants","BottomSheetHeader","makeAnalyticsAttribute","BottomSheetEmptyHeader","BaseHeader","closeButtonRef","hasAutoCompleteInBottomSheetHeader","undefined","showCloseButton","onCloseButtonClick","assignWithoutSideEffects","componentId","ComponentIds"],"mappings":"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"}

package/build/lib/web/production/components/Box/BaseBox/BaseBox.web.js

@@ -4,17 +4,19 @@ import { useMemoizedStyles } from './useMemoizedStyles.web.js';
 import { omitPropsFromHTML } from '../../../utils/omitPropsFromHTML/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.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; }
 var _BaseBox = /*#__PURE__*/styled.div.attrs(function (props) {
-  return _objectSpread({}, metaAttribute({
+  return _objectSpread(_objectSpread({}, metaAttribute({
     name: props['data-blade-component'] || MetaConstants.BaseBox,
     testID: props['data-testid'] || props.testID
-  }));
+  })), makeAnalyticsAttribute(props));
 }).withConfig({
   shouldForwardProp: omitPropsFromHTML,
   displayName: 'BaseBox'