@razorpay/blade 11.36.2 → 11.38.0

package/build/lib/web/development/components/SideNav/SideNav.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.web.js","sources":["../../../../../../src/components/SideNav/SideNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SideNavContext } from './SideNavContext';\nimport type { SideNavContextType, SideNavProps } from './types';\nimport {\n  classes,\n  COLLAPSED_L1_WIDTH,\n  HOVER_AGAIN_DELAY,\n  L1_EXIT_HOVER_DELAY,\n  SKIP_NAV_ID,\n  TRANSITION_CLEANUP_DELAY,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n} from './tokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst {\n  COLLAPSED,\n  SHOW_WHEN_COLLAPSED,\n  HIDE_WHEN_COLLAPSED,\n  TRANSITIONING,\n  L1_ITEM_WRAPPER,\n} = classes;\n\nconst MobileL1Container = styled(BaseBox)(() => {\n  return {\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n  };\n});\n\nconst StyledL1Menu = styled(BaseBox)((props) => {\n  const moderate = makeMotionTime(props.theme.motion.duration.moderate);\n  const gentle = makeMotionTime(props.theme.motion.duration.gentle);\n  const easing = props.theme.motion.easing;\n\n  const l1Expand = `width ${gentle} ${easing.entrance.revealing}`;\n  const l1Collapse = `width ${moderate} ${easing.exit.revealing}`;\n\n  return {\n    width: '100%',\n    transition: l1Expand,\n    [`& > .${L1_ITEM_WRAPPER}`]: {\n      padding: makeSpace(props.theme.spacing[3]),\n    },\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n    [`&.${COLLAPSED}`]: {\n      width: makeSize(COLLAPSED_L1_WIDTH),\n      transition: l1Collapse,\n      [`& > .${L1_ITEM_WRAPPER}`]: {\n        padding: `${makeSpace(props.theme.spacing[3])} ${makeSpace(props.theme.spacing[3])}`,\n      },\n      [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n        display: 'none',\n      },\n      [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n        display: 'initial',\n      },\n    },\n  };\n});\n\nconst getL1MenuClassName = ({\n  isL1Collapsed,\n  isL1Hovered,\n  isTransitioning,\n}: {\n  isL1Collapsed: boolean;\n  isL1Hovered: boolean;\n  isTransitioning: boolean;\n}): string => {\n  const isMenuCollapsed = isL1Collapsed && !isL1Hovered;\n\n  if (isMenuCollapsed) {\n    if (isTransitioning) {\n      return `${COLLAPSED} ${TRANSITIONING}`;\n    }\n\n    return COLLAPSED;\n  }\n\n  return '';\n};\n\n/**\n * ### SideNav component\n *\n * The side navigation is positioned along the left side of the screen that provides quick access to different sections or functionalities of the application.\n *\n * ---\n *\n * #### Usage\n *\n * SideNav requires handling active state with React Router, Checkout Usage with React Router v6 at - [SideNav Documentation](https://blade.razorpay.com/?path=/docs/components-sidenav--docs)\n *\n */\nconst SideNav = ({\n  children,\n  isOpen,\n  onDismiss,\n  banner,\n  testID,\n  ...styledProps\n}: SideNavProps): React.ReactElement => {\n  const l2PortalContainerRef = React.useRef(null);\n  const l1ContainerRef = React.useRef<HTMLDivElement>(null);\n  const timeoutIdsRef = React.useRef<NodeJS.Timeout[]>([]);\n  const mouseOverTimeoutRef = React.useRef<NodeJS.Timeout>();\n  const [isL1Collapsed, setIsL1Collapsed] = React.useState(false);\n  const [isMobileL2Open, setIsMobileL2Open] = React.useState(false);\n  const [isL1Hovered, setIsL1Hovered] = React.useState(false);\n  const [isHoverAgainEnabled, setIsHoverAgainEnabled] = React.useState(true);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n  const [l2DrawerTitle, setL2DrawerTitle] = React.useState('');\n\n  const isMobile = useIsMobile();\n\n  const closeMobileNav = (): void => {\n    if (isMobile) {\n      setIsMobileL2Open(false);\n      onDismiss?.();\n    }\n  };\n\n  const cleanupTransition = (): void => {\n    const clearTransitionTimeout = setTimeout(() => {\n      if (isTransitioning) {\n        setIsTransitioning(false);\n      }\n    }, TRANSITION_CLEANUP_DELAY);\n    timeoutIdsRef.current.push(clearTransitionTimeout);\n  };\n\n  /**\n   * Handles L1 -> L2 menu changes based on active item\n   */\n  const onLinkActiveChange: SideNavContextType['onLinkActiveChange'] = (args) => {\n    const isL1ItemActive = args.level === 1 && args.isActive;\n\n    if (isL1ItemActive) {\n      if (args.isL2Trigger) {\n        // Click on L2 Trigger\n        if (isMobile) {\n          setL2DrawerTitle(args.title);\n          setIsMobileL2Open(true);\n          return;\n        }\n\n        setIsL1Collapsed(true);\n\n        // `args.isFirstRender` checks if the item that triggered this change, triggered it during first render or during subsequent change\n        if (!args.isFirstRender) {\n          setIsTransitioning(true);\n          cleanupTransition();\n          setIsL1Hovered(false);\n          setIsHoverAgainEnabled(false);\n          // For some delay, we disable hover to expand behaviour to avoid buggy flicker when cursor is on L1 while its trying to close\n          const hoverAgainTimeout = setTimeout(() => {\n            setIsHoverAgainEnabled(true);\n          }, HOVER_AGAIN_DELAY);\n          timeoutIdsRef.current.push(hoverAgainTimeout);\n        }\n      } else {\n        // Click on normal L1 Item\n        // eslint-disable-next-line no-lonely-if\n        if (isMobile) {\n          setIsMobileL2Open(false);\n        }\n        // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n        setIsL1Collapsed(false);\n      }\n    }\n  };\n\n  const contextValue = React.useMemo(\n    () => ({\n      l2PortalContainerRef,\n      onLinkActiveChange,\n      closeMobileNav,\n      isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n      setIsL1Collapsed,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isL1Collapsed, isMobile, isMobileL2Open],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      for (const timeoutId of timeoutIdsRef.current) {\n        clearTimeout(timeoutId);\n      }\n      timeoutIdsRef.current = [];\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider value={contextValue}>\n      {isMobile && onDismiss ? (\n        <>\n          {/* L1 */}\n          <Drawer isOpen={isOpen ?? false} onDismiss={onDismiss}>\n            <DrawerHeader title=\"Main Menu\" />\n            <DrawerBody>\n              <MobileL1Container\n                display=\"flex\"\n                flexDirection=\"column\"\n                justifyContent=\"space-between\"\n                className=\"mobile-l1-container\"\n                height=\"100%\"\n                {...metaAttribute({\n                  name: MetaConstants.SideNav,\n                  testID,\n                })}\n              >\n                {children}\n              </MobileL1Container>\n            </DrawerBody>\n          </Drawer>\n          {/* L2 */}\n          <Drawer isOpen={isMobileL2Open} onDismiss={() => setIsMobileL2Open(false)} isLazy={false}>\n            <DrawerHeader title={l2DrawerTitle} />\n            <DrawerBody>\n              <BaseBox ref={l2PortalContainerRef} />\n            </DrawerBody>\n          </Drawer>\n        </>\n      ) : (\n        <BaseBox\n          position=\"fixed\"\n          backgroundColor=\"surface.background.gray.moderate\"\n          height=\"100%\"\n          top=\"spacing.0\"\n          left=\"spacing.0\"\n          display={{ base: 'none', m: 'flex' }}\n          flexDirection=\"column\"\n          width={{\n            base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),\n            xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL),\n          }}\n          as=\"nav\"\n          {...metaAttribute({\n            name: MetaConstants.SideNav,\n            testID,\n          })}\n          {...getStyledProps(styledProps)}\n        >\n          {banner ? (\n            <BaseBox\n              borderBottom=\"thin\"\n              borderBottomColor=\"surface.border.gray.muted\"\n              borderRight=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              padding=\"spacing.3\"\n              maxHeight=\"100px\"\n              width=\"100%\"\n            >\n              {banner}\n            </BaseBox>\n          ) : null}\n          <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n            <BaseBox\n              position=\"absolute\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              width=\"100%\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              id=\"blade-sidenav-l2\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              ref={l2PortalContainerRef}\n            />\n            <StyledL1Menu\n              ref={l1ContainerRef}\n              id=\"blade-sidenav-l1\"\n              className={getL1MenuClassName({ isL1Collapsed, isL1Hovered, isTransitioning })}\n              position=\"absolute\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              justifyContent=\"space-between\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              overflow=\"hidden\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              onTransitionEnd={(e) => {\n                // This check ensures transitioning is set to false only when its true\n                // And only the l1Container element's transitions are considered and other transitions of l1 expand or child elements are ignored\n                if (isTransitioning && l1ContainerRef.current === e.target) {\n                  setIsTransitioning(false);\n                }\n              }}\n              // Hmm you might be wondering, why is `onMouseOver` paired with `onMouseLeave`? A sane person would pair `onMouseOver` with `onMouseOut`, and `onMouseEnter` with `onMouseLeave`\n              // since they are logical equivalents of each other. So why don't we do that? Hold tight, you're in for a ride ☕️.\n              //\n              // 1. In an ideal scenario, we would put `onMouseEnter` and `onMouseLeave` here and expect things to work.\n              // 2. The L2 menu of our SideNav is React Portalled out of the L1 child\n              // 3. React considers its own children as true children for JS events and not DOM children (Checkout React Portal Caveats - https://react.dev/reference/react-dom/createPortal#caveats)\n              // 3. In the next ideal scenario, we would put `e.stopPropagation` on child component of portal like React recommends, except mouseenter, mouseleave events don't propagate at all (https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event#usage_notes)\n              // 4. So `onMouseEnter` gets triggered on L2 enter. But we don't want to open L1 menu on L2 hover\n              // 5. Thus we use `onMouseOver` for hover part and call e.stopPropagation in portal child (SideNavLevel).\n              // 6. But in case of unhover/leave, we don't want to trigger mouseOut for all child components individually. We want 1 hover out of L1 menu. Thus we use `onMouseLeave`\n              onMouseOver={() => {\n                if (mouseOverTimeoutRef.current) {\n                  clearTimeout(mouseOverTimeoutRef.current);\n                }\n                if (isL1Collapsed && isHoverAgainEnabled) {\n                  setIsL1Hovered(true);\n                }\n              }}\n              onMouseLeave={() => {\n                if (isL1Collapsed && isL1Hovered) {\n                  mouseOverTimeoutRef.current = setTimeout(() => {\n                    setIsL1Hovered(false);\n                    setIsTransitioning(true);\n                    cleanupTransition();\n                  }, L1_EXIT_HOVER_DELAY);\n                }\n              }}\n            >\n              <SkipNavLink id={SKIP_NAV_ID} _hasBackground={true} />\n              {children}\n            </StyledL1Menu>\n            <SkipNavContent id={SKIP_NAV_ID} />\n          </BaseBox>\n        </BaseBox>\n      )}\n    </SideNavContext.Provider>\n  );\n};\n\nexport { SideNav };\n"],"names":["COLLAPSED","classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","MobileL1Container","styled","BaseBox","withConfig","displayName","componentId","_defineProperty","concat","display","StyledL1Menu","props","moderate","makeMotionTime","theme","motion","duration","gentle","easing","l1Expand","entrance","revealing","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","SideNav","_ref4","children","isOpen","onDismiss","banner","testID","styledProps","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","_React$useState","useState","_React$useState2","_slicedToArray","setIsL1Collapsed","_React$useState3","_React$useState4","isMobileL2Open","setIsMobileL2Open","_React$useState5","_React$useState6","setIsL1Hovered","_React$useState7","_React$useState8","isHoverAgainEnabled","setIsHoverAgainEnabled","_React$useState9","_React$useState10","setIsTransitioning","_React$useState11","_React$useState12","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","closeMobileNav","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","title","isFirstRender","hoverAgainTimeout","HOVER_AGAIN_DELAY","contextValue","useMemo","useEffect","_iterator","_createForOfIteratorHelper","_step","s","n","done","timeoutId","value","clearTimeout","err","e","f","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","_objectSpread","flexDirection","justifyContent","className","height","metaAttribute","name","MetaConstants","isLazy","ref","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","borderBottom","borderBottomColor","borderRight","borderRightColor","maxHeight","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent"],"mappings":"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"}
+{"version":3,"file":"SideNav.web.js","sources":["../../../../../../src/components/SideNav/SideNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { SideNavContext } from './SideNavContext';\nimport type { SideNavContextType, SideNavProps } from './types';\nimport {\n  classes,\n  COLLAPSED_L1_WIDTH,\n  HOVER_AGAIN_DELAY,\n  L1_EXIT_HOVER_DELAY,\n  SKIP_NAV_ID,\n  TRANSITION_CLEANUP_DELAY,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n} from './tokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst {\n  COLLAPSED,\n  SHOW_WHEN_COLLAPSED,\n  HIDE_WHEN_COLLAPSED,\n  TRANSITIONING,\n  L1_ITEM_WRAPPER,\n} = classes;\n\nconst MobileL1Container = styled(BaseBox)(() => {\n  return {\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n  };\n});\n\nconst StyledL1Menu = styled(BaseBox)((props) => {\n  const moderate = makeMotionTime(props.theme.motion.duration.moderate);\n  const gentle = makeMotionTime(props.theme.motion.duration.gentle);\n  const easing = props.theme.motion.easing;\n\n  const l1Expand = `width ${gentle} ${easing.entrance.revealing}`;\n  const l1Collapse = `width ${moderate} ${easing.exit.revealing}`;\n\n  return {\n    width: '100%',\n    transition: l1Expand,\n    [`& > .${L1_ITEM_WRAPPER}`]: {\n      padding: makeSpace(props.theme.spacing[3]),\n    },\n    [`.${SHOW_WHEN_COLLAPSED}`]: {\n      display: 'none',\n    },\n    [`&.${COLLAPSED}`]: {\n      width: makeSize(COLLAPSED_L1_WIDTH),\n      transition: l1Collapse,\n      [`& > .${L1_ITEM_WRAPPER}`]: {\n        padding: `${makeSpace(props.theme.spacing[3])} ${makeSpace(props.theme.spacing[3])}`,\n      },\n      [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n        display: 'none',\n      },\n      [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n        display: 'initial',\n      },\n    },\n  };\n});\n\nconst getL1MenuClassName = ({\n  isL1Collapsed,\n  isL1Hovered,\n  isTransitioning,\n}: {\n  isL1Collapsed: boolean;\n  isL1Hovered: boolean;\n  isTransitioning: boolean;\n}): string => {\n  const isMenuCollapsed = isL1Collapsed && !isL1Hovered;\n\n  if (isMenuCollapsed) {\n    if (isTransitioning) {\n      return `${COLLAPSED} ${TRANSITIONING}`;\n    }\n\n    return COLLAPSED;\n  }\n\n  return '';\n};\n\n/**\n * ### SideNav component\n *\n * The side navigation is positioned along the left side of the screen that provides quick access to different sections or functionalities of the application.\n *\n * ---\n *\n * #### Usage\n *\n * SideNav requires handling active state with React Router, Checkout Usage with React Router v6 at - [SideNav Documentation](https://blade.razorpay.com/?path=/docs/components-sidenav--docs)\n *\n */\nconst SideNav = ({\n  children,\n  isOpen,\n  onDismiss,\n  banner,\n  testID,\n  ...rest\n}: SideNavProps): React.ReactElement => {\n  const l2PortalContainerRef = React.useRef(null);\n  const l1ContainerRef = React.useRef<HTMLDivElement>(null);\n  const timeoutIdsRef = React.useRef<NodeJS.Timeout[]>([]);\n  const mouseOverTimeoutRef = React.useRef<NodeJS.Timeout>();\n  const [isL1Collapsed, setIsL1Collapsed] = React.useState(false);\n  const [isMobileL2Open, setIsMobileL2Open] = React.useState(false);\n  const [isL1Hovered, setIsL1Hovered] = React.useState(false);\n  const [isHoverAgainEnabled, setIsHoverAgainEnabled] = React.useState(true);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n  const [l2DrawerTitle, setL2DrawerTitle] = React.useState('');\n\n  const isMobile = useIsMobile();\n\n  const closeMobileNav = (): void => {\n    if (isMobile) {\n      setIsMobileL2Open(false);\n      onDismiss?.();\n    }\n  };\n\n  const cleanupTransition = (): void => {\n    const clearTransitionTimeout = setTimeout(() => {\n      if (isTransitioning) {\n        setIsTransitioning(false);\n      }\n    }, TRANSITION_CLEANUP_DELAY);\n    timeoutIdsRef.current.push(clearTransitionTimeout);\n  };\n\n  /**\n   * Handles L1 -> L2 menu changes based on active item\n   */\n  const onLinkActiveChange: SideNavContextType['onLinkActiveChange'] = (args) => {\n    const isL1ItemActive = args.level === 1 && args.isActive;\n\n    if (isL1ItemActive) {\n      if (args.isL2Trigger) {\n        // Click on L2 Trigger\n        if (isMobile) {\n          setL2DrawerTitle(args.title);\n          setIsMobileL2Open(true);\n          return;\n        }\n\n        setIsL1Collapsed(true);\n\n        // `args.isFirstRender` checks if the item that triggered this change, triggered it during first render or during subsequent change\n        if (!args.isFirstRender) {\n          setIsTransitioning(true);\n          cleanupTransition();\n          setIsL1Hovered(false);\n          setIsHoverAgainEnabled(false);\n          // For some delay, we disable hover to expand behaviour to avoid buggy flicker when cursor is on L1 while its trying to close\n          const hoverAgainTimeout = setTimeout(() => {\n            setIsHoverAgainEnabled(true);\n          }, HOVER_AGAIN_DELAY);\n          timeoutIdsRef.current.push(hoverAgainTimeout);\n        }\n      } else {\n        // Click on normal L1 Item\n        // eslint-disable-next-line no-lonely-if\n        if (isMobile) {\n          setIsMobileL2Open(false);\n        }\n        // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n        setIsL1Collapsed(false);\n      }\n    }\n  };\n\n  const contextValue = React.useMemo(\n    () => ({\n      l2PortalContainerRef,\n      onLinkActiveChange,\n      closeMobileNav,\n      isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n      setIsL1Collapsed,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isL1Collapsed, isMobile, isMobileL2Open],\n  );\n\n  React.useEffect(() => {\n    return () => {\n      for (const timeoutId of timeoutIdsRef.current) {\n        clearTimeout(timeoutId);\n      }\n      timeoutIdsRef.current = [];\n    };\n  }, []);\n\n  return (\n    <SideNavContext.Provider value={contextValue}>\n      {isMobile && onDismiss ? (\n        <>\n          {/* L1 */}\n          <Drawer isOpen={isOpen ?? false} onDismiss={onDismiss}>\n            <DrawerHeader title=\"Main Menu\" />\n            <DrawerBody>\n              <MobileL1Container\n                display=\"flex\"\n                flexDirection=\"column\"\n                justifyContent=\"space-between\"\n                className=\"mobile-l1-container\"\n                height=\"100%\"\n                {...metaAttribute({\n                  name: MetaConstants.SideNav,\n                  testID,\n                })}\n              >\n                {children}\n              </MobileL1Container>\n            </DrawerBody>\n          </Drawer>\n          {/* L2 */}\n          <Drawer isOpen={isMobileL2Open} onDismiss={() => setIsMobileL2Open(false)} isLazy={false}>\n            <DrawerHeader title={l2DrawerTitle} />\n            <DrawerBody>\n              <BaseBox ref={l2PortalContainerRef} />\n            </DrawerBody>\n          </Drawer>\n        </>\n      ) : (\n        <BaseBox\n          position=\"fixed\"\n          backgroundColor=\"surface.background.gray.moderate\"\n          height=\"100%\"\n          top=\"spacing.0\"\n          left=\"spacing.0\"\n          display={{ base: 'none', m: 'flex' }}\n          flexDirection=\"column\"\n          width={{\n            base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),\n            xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL),\n          }}\n          as=\"nav\"\n          {...metaAttribute({\n            name: MetaConstants.SideNav,\n            testID,\n          })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          {banner ? (\n            <BaseBox\n              borderBottom=\"thin\"\n              borderBottomColor=\"surface.border.gray.muted\"\n              borderRight=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              padding=\"spacing.3\"\n              maxHeight=\"100px\"\n              width=\"100%\"\n            >\n              {banner}\n            </BaseBox>\n          ) : null}\n          <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n            <BaseBox\n              position=\"absolute\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              width=\"100%\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              id=\"blade-sidenav-l2\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              ref={l2PortalContainerRef}\n            />\n            <StyledL1Menu\n              ref={l1ContainerRef}\n              id=\"blade-sidenav-l1\"\n              className={getL1MenuClassName({ isL1Collapsed, isL1Hovered, isTransitioning })}\n              position=\"absolute\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              justifyContent=\"space-between\"\n              backgroundColor=\"surface.background.gray.moderate\"\n              height=\"100%\"\n              overflow=\"hidden\"\n              top=\"spacing.0\"\n              left=\"spacing.0\"\n              borderRightWidth=\"thin\"\n              borderRightColor=\"surface.border.gray.muted\"\n              onTransitionEnd={(e) => {\n                // This check ensures transitioning is set to false only when its true\n                // And only the l1Container element's transitions are considered and other transitions of l1 expand or child elements are ignored\n                if (isTransitioning && l1ContainerRef.current === e.target) {\n                  setIsTransitioning(false);\n                }\n              }}\n              // Hmm you might be wondering, why is `onMouseOver` paired with `onMouseLeave`? A sane person would pair `onMouseOver` with `onMouseOut`, and `onMouseEnter` with `onMouseLeave`\n              // since they are logical equivalents of each other. So why don't we do that? Hold tight, you're in for a ride ☕️.\n              //\n              // 1. In an ideal scenario, we would put `onMouseEnter` and `onMouseLeave` here and expect things to work.\n              // 2. The L2 menu of our SideNav is React Portalled out of the L1 child\n              // 3. React considers its own children as true children for JS events and not DOM children (Checkout React Portal Caveats - https://react.dev/reference/react-dom/createPortal#caveats)\n              // 3. In the next ideal scenario, we would put `e.stopPropagation` on child component of portal like React recommends, except mouseenter, mouseleave events don't propagate at all (https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event#usage_notes)\n              // 4. So `onMouseEnter` gets triggered on L2 enter. But we don't want to open L1 menu on L2 hover\n              // 5. Thus we use `onMouseOver` for hover part and call e.stopPropagation in portal child (SideNavLevel).\n              // 6. But in case of unhover/leave, we don't want to trigger mouseOut for all child components individually. We want 1 hover out of L1 menu. Thus we use `onMouseLeave`\n              onMouseOver={() => {\n                if (mouseOverTimeoutRef.current) {\n                  clearTimeout(mouseOverTimeoutRef.current);\n                }\n                if (isL1Collapsed && isHoverAgainEnabled) {\n                  setIsL1Hovered(true);\n                }\n              }}\n              onMouseLeave={() => {\n                if (isL1Collapsed && isL1Hovered) {\n                  mouseOverTimeoutRef.current = setTimeout(() => {\n                    setIsL1Hovered(false);\n                    setIsTransitioning(true);\n                    cleanupTransition();\n                  }, L1_EXIT_HOVER_DELAY);\n                }\n              }}\n            >\n              <SkipNavLink id={SKIP_NAV_ID} _hasBackground={true} />\n              {children}\n            </StyledL1Menu>\n            <SkipNavContent id={SKIP_NAV_ID} />\n          </BaseBox>\n        </BaseBox>\n      )}\n    </SideNavContext.Provider>\n  );\n};\n\nexport { SideNav };\n"],"names":["COLLAPSED","classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","MobileL1Container","styled","BaseBox","withConfig","displayName","componentId","_defineProperty","concat","display","StyledL1Menu","props","moderate","makeMotionTime","theme","motion","duration","gentle","easing","l1Expand","entrance","revealing","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","SideNav","_ref4","children","isOpen","onDismiss","banner","testID","rest","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","_React$useState","useState","_React$useState2","_slicedToArray","setIsL1Collapsed","_React$useState3","_React$useState4","isMobileL2Open","setIsMobileL2Open","_React$useState5","_React$useState6","setIsL1Hovered","_React$useState7","_React$useState8","isHoverAgainEnabled","setIsHoverAgainEnabled","_React$useState9","_React$useState10","setIsTransitioning","_React$useState11","_React$useState12","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","closeMobileNav","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","title","isFirstRender","hoverAgainTimeout","HOVER_AGAIN_DELAY","contextValue","useMemo","useEffect","_iterator","_createForOfIteratorHelper","_step","s","n","done","timeoutId","value","clearTimeout","err","e","f","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","_objectSpread","flexDirection","justifyContent","className","height","metaAttribute","name","MetaConstants","isLazy","ref","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","makeAnalyticsAttribute","borderBottom","borderBottomColor","borderRight","borderRightColor","maxHeight","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent"],"mappings":"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"}

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavItem.web.js

@@ -1,3 +1,5 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import styled from 'styled-components';
 import { getNavItemTransition, NAV_ITEM_HEIGHT, classes } from '../tokens.js';
 import { TooltipifyNavItem } from './TooltipifyNavItem.js';
@@ -5,12 +7,17 @@ import '../../Box/index.js';
 import '../../Box/BaseBox/index.js';
 import '../../Typography/index.js';
 import '../../../utils/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Box } from '../../Box/Box.js';
 import { Text } from '../../Typography/Text/Text.js';
 
+var _excluded = ["leading", "trailing", "title", "backgroundColor", "tooltip", "as"];
+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 SideNavItemContainer = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "SideNavItemweb__SideNavItemContainer",
   componentId: "nb93ri-0"
@@ -26,10 +33,11 @@ var SideNavItem = function SideNavItem(_ref) {
     backgroundColor = _ref.backgroundColor,
     tooltip = _ref.tooltip,
     _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'div' : _ref$as;
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsx(TooltipifyNavItem, {
     tooltip: tooltip,
-    children: /*#__PURE__*/jsxs(SideNavItemContainer, {
+    children: /*#__PURE__*/jsxs(SideNavItemContainer, _objectSpread(_objectSpread({
       display: "flex",
       flexDirection: "row",
       justifyContent: "space-between",
@@ -39,7 +47,8 @@ var SideNavItem = function SideNavItem(_ref) {
       backgroundColor: backgroundColor,
       borderRadius: "medium",
       as: as,
-      cursor: as === 'label' ? 'pointer' : undefined,
+      cursor: as === 'label' ? 'pointer' : undefined
+    }, makeAnalyticsAttribute(rest)), {}, {
       children: [/*#__PURE__*/jsxs(Box, {
         display: "inline-flex",
         alignItems: "center",
@@ -58,7 +67,7 @@ var SideNavItem = function SideNavItem(_ref) {
         className: classes.HIDE_WHEN_COLLAPSED,
         children: trailing
       })]
-    })
+    }))
   });
 };
 

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItem.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavItemProps } from '../types';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavItemContainer = styled(BaseBox)((props) => {\n  return {\n    transition: getNavItemTransition(props.theme),\n  };\n});\n\nconst SideNavItem = ({\n  leading,\n  trailing,\n  title,\n  backgroundColor,\n  tooltip,\n  as = 'div',\n}: SideNavItemProps): React.ReactElement => {\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <SideNavItemContainer\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        paddingX=\"spacing.3\"\n        height={makeSize(NAV_ITEM_HEIGHT)}\n        backgroundColor={backgroundColor}\n        borderRadius=\"medium\"\n        as={as}\n        cursor={as === 'label' ? 'pointer' : undefined}\n      >\n        <Box display=\"inline-flex\" alignItems=\"center\" gap=\"spacing.3\">\n          {leading}\n          <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>\n            <Text\n              truncateAfterLines={1}\n              weight=\"medium\"\n              size=\"medium\"\n              color=\"surface.text.gray.subtle\"\n            >\n              {title}\n            </Text>\n          </BaseBox>\n        </Box>\n        <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>{trailing}</BaseBox>\n      </SideNavItemContainer>\n    </TooltipifyNavItem>\n  );\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","transition","getNavItemTransition","theme","SideNavItem","_ref","leading","trailing","title","backgroundColor","tooltip","_ref$as","as","_jsx","TooltipifyNavItem","children","_jsxs","display","flexDirection","justifyContent","alignItems","paddingX","height","makeSize","NAV_ITEM_HEIGHT","borderRadius","cursor","undefined","Box","gap","className","classes","HIDE_WHEN_COLLAPSED","Text","truncateAfterLines","weight","size","color"],"mappings":";;;;;;;;;;;;;AASA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAC,CAAA,CAAA,UAACC,KAAK,EAAK;EACtD,OAAO;AACLC,IAAAA,UAAU,EAAEC,oBAAoB,CAACF,KAAK,CAACG,KAAK,CAAA;GAC7C,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IAN1CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,OAAA,GAAAN,IAAA,CACPO,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,OAAA,CAAA;EAEV,oBACEE,GAAA,CAACC,iBAAiB,EAAA;AAACJ,IAAAA,OAAO,EAAEA,OAAQ;IAAAK,QAAA,eAClCC,IAAA,CAACtB,oBAAoB,EAAA;AACnBuB,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,cAAc,EAAC,eAAe;AAC9BC,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,QAAQ,EAAC,WAAW;AACpBC,MAAAA,MAAM,EAAEC,QAAQ,CAACC,eAAe,CAAE;AAClCf,MAAAA,eAAe,EAAEA,eAAgB;AACjCgB,MAAAA,YAAY,EAAC,QAAQ;AACrBb,MAAAA,EAAE,EAAEA,EAAG;AACPc,MAAAA,MAAM,EAAEd,EAAE,KAAK,OAAO,GAAG,SAAS,GAAGe,SAAU;MAAAZ,QAAA,EAAA,cAE/CC,IAAA,CAACY,GAAG,EAAA;AAACX,QAAAA,OAAO,EAAC,aAAa;AAACG,QAAAA,UAAU,EAAC,QAAQ;AAACS,QAAAA,GAAG,EAAC,WAAW;AAAAd,QAAAA,QAAA,EAC3DT,CAAAA,OAAO,eACRO,GAAA,CAACjB,OAAO,EAAA;UAACkC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;UAAAjB,QAAA,eAC9CF,GAAA,CAACoB,IAAI,EAAA;AACHC,YAAAA,kBAAkB,EAAE,CAAE;AACtBC,YAAAA,MAAM,EAAC,QAAQ;AACfC,YAAAA,IAAI,EAAC,QAAQ;AACbC,YAAAA,KAAK,EAAC,0BAA0B;AAAAtB,YAAAA,QAAA,EAE/BP,KAAAA;WACG,CAAA;AAAC,SACA,CAAC,CAAA;AAAA,OACP,CAAC,eACNK,GAAA,CAACjB,OAAO,EAAA;QAACkC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AAAAjB,QAAAA,QAAA,EAAER,QAAAA;AAAQ,OAAU,CAAC,CAAA;KACjD,CAAA;AAAC,GACN,CAAC,CAAA;AAExB;;;;"}
+{"version":3,"file":"SideNavItem.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavItemProps } from '../types';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst SideNavItemContainer = styled(BaseBox)((props) => {\n  return {\n    transition: getNavItemTransition(props.theme),\n  };\n});\n\nconst SideNavItem = ({\n  leading,\n  trailing,\n  title,\n  backgroundColor,\n  tooltip,\n  as = 'div',\n  ...rest\n}: SideNavItemProps): React.ReactElement => {\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <SideNavItemContainer\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        paddingX=\"spacing.3\"\n        height={makeSize(NAV_ITEM_HEIGHT)}\n        backgroundColor={backgroundColor}\n        borderRadius=\"medium\"\n        as={as}\n        cursor={as === 'label' ? 'pointer' : undefined}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <Box display=\"inline-flex\" alignItems=\"center\" gap=\"spacing.3\">\n          {leading}\n          <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>\n            <Text\n              truncateAfterLines={1}\n              weight=\"medium\"\n              size=\"medium\"\n              color=\"surface.text.gray.subtle\"\n            >\n              {title}\n            </Text>\n          </BaseBox>\n        </Box>\n        <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>{trailing}</BaseBox>\n      </SideNavItemContainer>\n    </TooltipifyNavItem>\n  );\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","transition","getNavItemTransition","theme","SideNavItem","_ref","leading","trailing","title","backgroundColor","tooltip","_ref$as","as","rest","_objectWithoutProperties","_excluded","_jsx","TooltipifyNavItem","children","_jsxs","_objectSpread","display","flexDirection","justifyContent","alignItems","paddingX","height","makeSize","NAV_ITEM_HEIGHT","borderRadius","cursor","undefined","makeAnalyticsAttribute","Box","gap","className","classes","HIDE_WHEN_COLLAPSED","Text","truncateAfterLines","weight","size","color"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAC,CAAA,CAAA,UAACC,KAAK,EAAK;EACtD,OAAO;AACLC,IAAAA,UAAU,EAAEC,oBAAoB,CAACF,KAAK,CAACG,KAAK,CAAA;GAC7C,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAP1CC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAAC,OAAA,GAAAN,IAAA,CACPO,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,OAAA;AACPE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;EAEP,oBACEC,GAAA,CAACC,iBAAiB,EAAA;AAACP,IAAAA,OAAO,EAAEA,OAAQ;AAAAQ,IAAAA,QAAA,eAClCC,IAAA,CAACzB,oBAAoB,EAAA0B,aAAA,CAAAA,aAAA,CAAA;AACnBC,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,aAAa,EAAC,KAAK;AACnBC,MAAAA,cAAc,EAAC,eAAe;AAC9BC,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,QAAQ,EAAC,WAAW;AACpBC,MAAAA,MAAM,EAAEC,QAAQ,CAACC,eAAe,CAAE;AAClCnB,MAAAA,eAAe,EAAEA,eAAgB;AACjCoB,MAAAA,YAAY,EAAC,QAAQ;AACrBjB,MAAAA,EAAE,EAAEA,EAAG;AACPkB,MAAAA,MAAM,EAAElB,EAAE,KAAK,OAAO,GAAG,SAAS,GAAGmB,SAAAA;KACjCC,EAAAA,sBAAsB,CAACnB,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAK,QAAA,EAAA,cAEhCC,IAAA,CAACc,GAAG,EAAA;AAACZ,QAAAA,OAAO,EAAC,aAAa;AAACG,QAAAA,UAAU,EAAC,QAAQ;AAACU,QAAAA,GAAG,EAAC,WAAW;AAAAhB,QAAAA,QAAA,EAC3DZ,CAAAA,OAAO,eACRU,GAAA,CAACpB,OAAO,EAAA;UAACuC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;UAAAnB,QAAA,eAC9CF,GAAA,CAACsB,IAAI,EAAA;AACHC,YAAAA,kBAAkB,EAAE,CAAE;AACtBC,YAAAA,MAAM,EAAC,QAAQ;AACfC,YAAAA,IAAI,EAAC,QAAQ;AACbC,YAAAA,KAAK,EAAC,0BAA0B;AAAAxB,YAAAA,QAAA,EAE/BV,KAAAA;WACG,CAAA;AAAC,SACA,CAAC,CAAA;AAAA,OACP,CAAC,eACNQ,GAAA,CAACpB,OAAO,EAAA;QAACuC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AAAAnB,QAAAA,QAAA,EAAEX,QAAAA;AAAQ,OAAU,CAAC,CAAA;KACjD,CAAA,CAAA;AAAC,GACN,CAAC,CAAA;AAExB;;;;"}

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import 'react';
 import styled from 'styled-components';
@@ -17,6 +18,7 @@ import { useFirstRender } from '../../../utils/useFirstRender.js';
 import '../../../utils/getFocusRingStyles/index.js';
 import { useIsomorphicLayoutEffect } from '../../../utils/useIsomorphicLayoutEffect.js';
 import '../../../utils/logger/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
@@ -31,8 +33,10 @@ import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import { throwBladeError } from '../../../utils/logger/logger.js';
 import { Collapsible } from '../../Collapsible/Collapsible.js';
 import { CollapsibleBody } from '../../Collapsible/CollapsibleBody.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
 
+var _excluded = ["title", "href", "children", "titleSuffix", "trailing", "isActive", "icon", "tooltip", "as", "target"];
 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 SHOW_ON_LINK_HOVER = classes.SHOW_ON_LINK_HOVER,
@@ -202,7 +206,8 @@ var SideNavLink = function SideNavLink(_ref4) {
     icon = _ref4.icon,
     tooltip = _ref4.tooltip,
     as = _ref4.as,
-    target = _ref4.target;
+    target = _ref4.target,
+    rest = _objectWithoutProperties(_ref4, _excluded);
   var _useSideNav = useSideNav(),
     l2PortalContainerRef = _useSideNav.l2PortalContainerRef,
     onLinkActiveChange = _useSideNav.onLinkActiveChange,
@@ -267,7 +272,7 @@ var SideNavLink = function SideNavLink(_ref4) {
         position: "relative",
         children: [/*#__PURE__*/jsx(TooltipifyNavItem, {
           tooltip: tooltip,
-          children: /*#__PURE__*/jsxs(BaseBox, {
+          children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
             className: STYLED_NAV_LINK,
             as: as !== null && as !== void 0 ? as : 'a',
             to: href,
@@ -301,7 +306,8 @@ var SideNavLink = function SideNavLink(_ref4) {
             },
             "aria-current": isActive ? 'page' : undefined,
             "data-level": currentLevel,
-            "data-l2trigger": isL2Trigger,
+            "data-l2trigger": isL2Trigger
+          }, makeAnalyticsAttribute(rest)), {}, {
             children: [/*#__PURE__*/jsx(NavLinkIconTitle, {
               icon: icon,
               title: title,
@@ -316,7 +322,7 @@ var SideNavLink = function SideNavLink(_ref4) {
                 color: "currentColor"
               })
             }) : null]
-          })
+          }))
         }), trailing && !isL2Trigger ? /*#__PURE__*/jsx(BaseBox, {
           position: "absolute",
           top: "spacing.0",

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[4])}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  titleSuffix,\n  isL1Item,\n}: Pick<SideNavLinkProps, 'title' | 'icon' | 'titleSuffix'> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n      {Icon ? (\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <Icon size=\"medium\" color=\"currentColor\" />\n        </BaseBox>\n      ) : null}\n      <BaseText\n        truncateAfterLines={1}\n        color=\"currentColor\"\n        fontWeight=\"medium\"\n        fontSize={100}\n        lineHeight={100}\n        as=\"p\"\n        className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n      >\n        {title}\n      </BaseText>\n      {titleSuffix ? (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'icon' | 'as' | 'href' | 'titleSuffix' | 'tooltip' | 'target'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <StyledNavLinkContainer>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={toggleCollapse}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle title={title} icon={icon} isL1Item={false} titleSuffix={titleSuffix} />\n          <BaseBox display=\"flex\" alignItems=\"center\">\n            {isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />}\n          </BaseBox>\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyNavItem>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger title={title} icon={icon} as={as} href={href} titleSuffix={titleSuffix} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer position=\"relative\">\n            <TooltipifyNavItem tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={() => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyNavItem>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","justifyContent","height","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","titleSuffix","isL1Item","_jsxs","Box","gap","children","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","L3Trigger","_ref3","href","target","tooltip","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","iconProps","TooltipifyNavItem","to","onClick","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","trailing","isActive","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","Boolean","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","undefined","ref","setReference","onFocus","e","_e$target","hasFocusRing","matches","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
+{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      height: makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[4])}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  titleSuffix,\n  isL1Item,\n}: Pick<SideNavLinkProps, 'title' | 'icon' | 'titleSuffix'> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n      {Icon ? (\n        <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n          <Icon size=\"medium\" color=\"currentColor\" />\n        </BaseBox>\n      ) : null}\n      <BaseText\n        truncateAfterLines={1}\n        color=\"currentColor\"\n        fontWeight=\"medium\"\n        fontSize={100}\n        lineHeight={100}\n        as=\"p\"\n        className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n      >\n        {title}\n      </BaseText>\n      {titleSuffix ? (\n        <BaseBox display=\"flex\" alignItems=\"center\">\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'icon' | 'as' | 'href' | 'titleSuffix' | 'tooltip' | 'target'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyNavItem tooltip={tooltip}>\n      <StyledNavLinkContainer>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={toggleCollapse}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle title={title} icon={icon} isL1Item={false} titleSuffix={titleSuffix} />\n          <BaseBox display=\"flex\" alignItems=\"center\">\n            {isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />}\n          </BaseBox>\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyNavItem>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n  ...rest\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger title={title} icon={icon} as={as} href={href} titleSuffix={titleSuffix} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer position=\"relative\">\n            <TooltipifyNavItem tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={() => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n                {...makeAnalyticsAttribute(rest)}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyNavItem>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","justifyContent","height","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","titleSuffix","isL1Item","_jsxs","Box","gap","children","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","L3Trigger","_ref3","href","target","tooltip","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","iconProps","TooltipifyNavItem","to","onClick","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","trailing","isActive","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","Boolean","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","undefined","ref","setReference","onFocus","e","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}

package/build/lib/web/development/components/SideNav/SideNavSection.web.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
@@ -10,6 +11,7 @@ import { useCollapsible } from '../Collapsible/CollapsibleContext.js';
 import '../Icons/index.js';
 import '../../utils/index.js';
 import '../Link/BaseLink/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
@@ -17,10 +19,12 @@ import BaseLink from '../Link/BaseLink/BaseLink.js';
 import ChevronUpIcon from '../Icons/ChevronUpIcon/ChevronUpIcon.js';
 import ChevronDownIcon from '../Icons/ChevronDownIcon/ChevronDownIcon.js';
 import { Box } from '../Box/Box.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Text } from '../Typography/Text/Text.js';
 import { Collapsible } from '../Collapsible/Collapsible.js';
 import { CollapsibleBody } from '../Collapsible/CollapsibleBody.js';
 
+var _excluded = ["children", "title", "defaultIsExpanded", "maxVisibleItems", "onExpandChange"];
 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 SideNavTitleDivider = /*#__PURE__*/styled(BaseBox).withConfig({
@@ -94,11 +98,13 @@ var SideNavSection = function SideNavSection(_ref4) {
     title = _ref4.title,
     defaultIsExpanded = _ref4.defaultIsExpanded,
     maxVisibleItems = _ref4.maxVisibleItems,
-    onExpandChange = _ref4.onExpandChange;
+    onExpandChange = _ref4.onExpandChange,
+    rest = _objectWithoutProperties(_ref4, _excluded);
   var totalItemsCount = React__default.Children.count(children);
   var collapsedItemsCount = maxVisibleItems ? totalItemsCount - maxVisibleItems : undefined;
-  return /*#__PURE__*/jsxs(Box, {
-    paddingY: "spacing.3",
+  return /*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({
+    paddingY: "spacing.3"
+  }, makeAnalyticsAttribute(rest)), {}, {
     children: [title ? /*#__PURE__*/jsxs(StyledSectionTitleContainer, {
       position: "relative",
       padding: ['spacing.2', 'spacing.4'],
@@ -134,7 +140,7 @@ var SideNavSection = function SideNavSection(_ref4) {
         children: children.slice(maxVisibleItems)
       })]
     }) : null]
-  });
+  }));
 };
 
 export { SideNavSection };

package/build/lib/web/development/components/SideNav/SideNavSection.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavSection.web.js","sources":["../../../../../../src/components/SideNav/SideNavSection.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { SideNavSectionProps } from './types';\nimport { classes } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\nimport { makeBorderSize } from '~utils';\nimport { BaseLink } from '~components/Link/BaseLink';\n\nconst SideNavTitleDivider = styled(BaseBox)(({ theme }) => {\n  return {\n    height: makeBorderSize(theme.border.width.thicker),\n    width: '100%',\n    background: `linear-gradient(90deg, ${theme.colors.transparent} 0%, ${theme.colors.surface.border.gray.muted} 50%, ${theme.colors.transparent} 100%)`,\n  };\n});\n\nconst FullWidthLink = styled(BaseLink)(() => {\n  return {\n    width: '100%',\n  };\n});\n\nconst ShowMoreLink = ({\n  collapsedItemsCount,\n}: {\n  collapsedItemsCount: number;\n}): React.ReactElement => {\n  const { isExpanded, onExpandChange } = useCollapsible();\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const linkProps = {\n    size: 'small',\n    color: 'neutral',\n    variant: 'button',\n    onClick: toggleCollapse,\n    marginY: 'spacing.2',\n  } as const;\n\n  return (\n    <>\n      <BaseBox className={classes.SHOW_WHEN_COLLAPSED} width=\"100%\" justifyContent=\"center\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : undefined}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? `` : `+${collapsedItemsCount}`}\n        </FullWidthLink>\n      </BaseBox>\n      <BaseBox className={classes.HIDE_WHEN_COLLAPSED} width=\"100%\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : ChevronDownIcon}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? 'Show Less' : `+${collapsedItemsCount} More`}\n        </FullWidthLink>\n      </BaseBox>\n    </>\n  );\n};\n\nconst StyledSectionTitleContainer = styled(BaseBox)((_props) => {\n  return {\n    [`.${classes.COLLAPSED}:not(.${classes.TRANSITIONING}) & p`]: {\n      // We only make it opacity 0 to maintain the height of the title in collapsed state\n      opacity: 0,\n    },\n  };\n});\n\nconst SideNavSection = ({\n  children,\n  title,\n  defaultIsExpanded,\n  maxVisibleItems,\n  onExpandChange,\n}: SideNavSectionProps): React.ReactElement => {\n  const totalItemsCount = React.Children.count(children);\n  const collapsedItemsCount = maxVisibleItems ? totalItemsCount - maxVisibleItems : undefined;\n\n  return (\n    <Box paddingY=\"spacing.3\">\n      {title ? (\n        <StyledSectionTitleContainer position=\"relative\" padding={['spacing.2', 'spacing.4']}>\n          <Text\n            size=\"xsmall\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color=\"surface.text.gray.muted\"\n          >\n            {title?.toUpperCase()}\n          </Text>\n          <BaseBox\n            className={classes.SHOW_WHEN_COLLAPSED}\n            position=\"absolute\"\n            top=\"50%\"\n            margin=\"auto\"\n            left=\"spacing.0\"\n            right=\"spacing.0\"\n            transform=\"translateY(-50%)\"\n          >\n            <SideNavTitleDivider />\n          </BaseBox>\n        </StyledSectionTitleContainer>\n      ) : null}\n\n      <Box>{maxVisibleItems ? children.slice(0, maxVisibleItems) : children}</Box>\n      {maxVisibleItems ? (\n        <Collapsible\n          direction=\"top\"\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n          onExpandChange={onExpandChange}\n          defaultIsExpanded={defaultIsExpanded}\n        >\n          <ShowMoreLink collapsedItemsCount={collapsedItemsCount!} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            {children.slice(maxVisibleItems)}\n          </CollapsibleBody>\n        </Collapsible>\n      ) : null}\n    </Box>\n  );\n};\n\nexport { SideNavSection };\n"],"names":["SideNavTitleDivider","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","height","makeBorderSize","border","width","thicker","background","concat","colors","transparent","surface","gray","muted","FullWidthLink","BaseLink","ShowMoreLink","_ref2","collapsedItemsCount","_useCollapsible","useCollapsible","isExpanded","onExpandChange","toggleCollapse","linkProps","size","color","variant","onClick","marginY","_jsxs","_Fragment","children","_jsx","className","classes","SHOW_WHEN_COLLAPSED","justifyContent","_objectSpread","marginX","icon","ChevronUpIcon","undefined","iconPosition","HIDE_WHEN_COLLAPSED","ChevronDownIcon","StyledSectionTitleContainer","_props","_defineProperty","COLLAPSED","TRANSITIONING","opacity","SideNavSection","_ref4","title","defaultIsExpanded","maxVisibleItems","totalItemsCount","React","Children","count","Box","paddingY","position","padding","Text","weight","truncateAfterLines","toUpperCase","top","margin","left","right","transform","slice","Collapsible","direction","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAC,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAClD,OAAO;IACLC,MAAM,EAAEC,cAAc,CAACF,KAAK,CAACG,MAAM,CAACC,KAAK,CAACC,OAAO,CAAC;AAClDD,IAAAA,KAAK,EAAE,MAAM;AACbE,IAAAA,UAAU,EAAAC,yBAAAA,CAAAA,MAAA,CAA4BP,KAAK,CAACQ,MAAM,CAACC,WAAW,EAAAF,OAAAA,CAAAA,CAAAA,MAAA,CAAQP,KAAK,CAACQ,MAAM,CAACE,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,KAAK,EAAAL,QAAAA,CAAAA,CAAAA,MAAA,CAASP,KAAK,CAACQ,MAAM,CAACC,WAAW,EAAA,QAAA,CAAA;GAC9I,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMI,aAAa,gBAAGnB,MAAM,CAACoB,QAAQ,CAAC,CAAAlB,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,YAAM;EAC3C,OAAO;AACLM,IAAAA,KAAK,EAAE,MAAA;GACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAIQ;AAAA,EAAA,IAHxBC,mBAAmB,GAAAD,KAAA,CAAnBC,mBAAmB,CAAA;AAInB,EAAA,IAAAC,eAAA,GAAuCC,cAAc,EAAE;IAA/CC,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,eAAA,CAAdG,cAAc,CAAA;AAClC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAA;AAAA,IAAA,OAAeD,cAAc,CAAC,CAACD,UAAU,CAAC,CAAA;AAAA,GAAA,CAAA;AAC9D,EAAA,IAAMG,SAAS,GAAG;AAChBC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,OAAO,EAAE,QAAQ;AACjBC,IAAAA,OAAO,EAAEL,cAAc;AACvBM,IAAAA,OAAO,EAAE,WAAA;GACD,CAAA;EAEV,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACrC,OAAO,EAAA;MAACsC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AAAC/B,MAAAA,KAAK,EAAC,MAAM;AAACgC,MAAAA,cAAc,EAAC,QAAQ;MAAAL,QAAA,eACnFC,GAAA,CAACnB,aAAa,EAAAwB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACRd,SAAS,CAAA,EAAA,EAAA,EAAA;AACbe,QAAAA,OAAO,EAAC,WAAW;AACnBC,QAAAA,IAAI,EAAEnB,UAAU,GAAGoB,aAAa,GAAGC,SAAU;AAC7CC,QAAAA,YAAY,EAAC,OAAO;AAAAX,QAAAA,QAAA,EAEnBX,UAAU,GAAAb,EAAAA,GAAAA,GAAAA,CAAAA,MAAA,CAAYU,mBAAmB,CAAA;OAC7B,CAAA,CAAA;AAAC,KACT,CAAC,eACVe,GAAA,CAACrC,OAAO,EAAA;MAACsC,SAAS,EAAEC,OAAO,CAACS,mBAAoB;AAACvC,MAAAA,KAAK,EAAC,MAAM;MAAA2B,QAAA,eAC3DC,GAAA,CAACnB,aAAa,EAAAwB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACRd,SAAS,CAAA,EAAA,EAAA,EAAA;AACbe,QAAAA,OAAO,EAAC,WAAW;AACnBC,QAAAA,IAAI,EAAEnB,UAAU,GAAGoB,aAAa,GAAGI,eAAgB;AACnDF,QAAAA,YAAY,EAAC,OAAO;AAAAX,QAAAA,QAAA,EAEnBX,UAAU,GAAG,WAAW,GAAAb,GAAAA,CAAAA,MAAA,CAAOU,mBAAmB,EAAA,OAAA,CAAA;OACtC,CAAA,CAAA;AAAC,KACT,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,IAAM4B,2BAA2B,gBAAGnD,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,gDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACgD,MAAM,EAAK;AAC9D,EAAA,OAAAC,eAAA,CAAA,EAAA,EAAA,GAAA,CAAAxC,MAAA,CACO2B,OAAO,CAACc,SAAS,EAAA,QAAA,CAAA,CAAAzC,MAAA,CAAS2B,OAAO,CAACe,aAAa,EAAU,OAAA,CAAA,EAAA;AAC5D;AACAC,IAAAA,OAAO,EAAE,CAAA;GACV,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAM2B;AAAA,EAAA,IAL7CrB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;IACRsB,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,iBAAiB,GAAAF,KAAA,CAAjBE,iBAAiB;IACjBC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IACflC,cAAc,GAAA+B,KAAA,CAAd/B,cAAc,CAAA;EAEd,IAAMmC,eAAe,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAAC5B,QAAQ,CAAC,CAAA;EACtD,IAAMd,mBAAmB,GAAGsC,eAAe,GAAGC,eAAe,GAAGD,eAAe,GAAGd,SAAS,CAAA;EAE3F,oBACEZ,IAAA,CAAC+B,GAAG,EAAA;AAACC,IAAAA,QAAQ,EAAC,WAAW;AAAA9B,IAAAA,QAAA,EACtBsB,CAAAA,KAAK,gBACJxB,IAAA,CAACgB,2BAA2B,EAAA;AAACiB,MAAAA,QAAQ,EAAC,UAAU;AAACC,MAAAA,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAE;MAAAhC,QAAA,EAAA,cACnFC,GAAA,CAACgC,IAAI,EAAA;AACHxC,QAAAA,IAAI,EAAC,QAAQ;AACbyC,QAAAA,MAAM,EAAC,QAAQ;AACfC,QAAAA,kBAAkB,EAAE,CAAE;AACtBzC,QAAAA,KAAK,EAAC,yBAAyB;QAAAM,QAAA,EAE9BsB,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEc,WAAW,EAAC;AAAC,OACjB,CAAC,eACPnC,GAAA,CAACrC,OAAO,EAAA;QACNsC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AACvC2B,QAAAA,QAAQ,EAAC,UAAU;AACnBM,QAAAA,GAAG,EAAC,KAAK;AACTC,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,IAAI,EAAC,WAAW;AAChBC,QAAAA,KAAK,EAAC,WAAW;AACjBC,QAAAA,SAAS,EAAC,kBAAkB;AAAAzC,QAAAA,QAAA,eAE5BC,GAAA,CAACvC,mBAAmB,EAAE,EAAA,CAAA;AAAC,OAChB,CAAC,CAAA;AAAA,KACiB,CAAC,GAC5B,IAAI,eAERuC,GAAA,CAAC4B,GAAG,EAAA;MAAA7B,QAAA,EAAEwB,eAAe,GAAGxB,QAAQ,CAAC0C,KAAK,CAAC,CAAC,EAAElB,eAAe,CAAC,GAAGxB,QAAAA;AAAQ,KAAM,CAAC,EAC3EwB,eAAe,gBACd1B,IAAA,CAAC6C,WAAW,EAAA;AACVC,MAAAA,SAAS,EAAC,KAAK;AACfC,MAAAA,8BAA8B,EAAE,IAAK;AACrCC,MAAAA,6BAA6B,EAAE,KAAM;AACrCxD,MAAAA,cAAc,EAAEA,cAAe;AAC/BiC,MAAAA,iBAAiB,EAAEA,iBAAkB;MAAAvB,QAAA,EAAA,cAErCC,GAAA,CAACjB,YAAY,EAAA;AAACE,QAAAA,mBAAmB,EAAEA,mBAAAA;AAAqB,OAAE,CAAC,eAC3De,GAAA,CAAC8C,eAAe,EAAA;AAAC1E,QAAAA,KAAK,EAAC,MAAM;AAAC2E,QAAAA,UAAU,EAAE,KAAM;AAAAhD,QAAAA,QAAA,EAC7CA,QAAQ,CAAC0C,KAAK,CAAClB,eAAe,CAAA;AAAC,OACjB,CAAC,CAAA;KACP,CAAC,GACZ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"SideNavSection.web.js","sources":["../../../../../../src/components/SideNav/SideNavSection.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { SideNavSectionProps } from './types';\nimport { classes } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\nimport { makeBorderSize } from '~utils';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst SideNavTitleDivider = styled(BaseBox)(({ theme }) => {\n  return {\n    height: makeBorderSize(theme.border.width.thicker),\n    width: '100%',\n    background: `linear-gradient(90deg, ${theme.colors.transparent} 0%, ${theme.colors.surface.border.gray.muted} 50%, ${theme.colors.transparent} 100%)`,\n  };\n});\n\nconst FullWidthLink = styled(BaseLink)(() => {\n  return {\n    width: '100%',\n  };\n});\n\nconst ShowMoreLink = ({\n  collapsedItemsCount,\n}: {\n  collapsedItemsCount: number;\n}): React.ReactElement => {\n  const { isExpanded, onExpandChange } = useCollapsible();\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const linkProps = {\n    size: 'small',\n    color: 'neutral',\n    variant: 'button',\n    onClick: toggleCollapse,\n    marginY: 'spacing.2',\n  } as const;\n\n  return (\n    <>\n      <BaseBox className={classes.SHOW_WHEN_COLLAPSED} width=\"100%\" justifyContent=\"center\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : undefined}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? `` : `+${collapsedItemsCount}`}\n        </FullWidthLink>\n      </BaseBox>\n      <BaseBox className={classes.HIDE_WHEN_COLLAPSED} width=\"100%\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : ChevronDownIcon}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? 'Show Less' : `+${collapsedItemsCount} More`}\n        </FullWidthLink>\n      </BaseBox>\n    </>\n  );\n};\n\nconst StyledSectionTitleContainer = styled(BaseBox)((_props) => {\n  return {\n    [`.${classes.COLLAPSED}:not(.${classes.TRANSITIONING}) & p`]: {\n      // We only make it opacity 0 to maintain the height of the title in collapsed state\n      opacity: 0,\n    },\n  };\n});\n\nconst SideNavSection = ({\n  children,\n  title,\n  defaultIsExpanded,\n  maxVisibleItems,\n  onExpandChange,\n  ...rest\n}: SideNavSectionProps): React.ReactElement => {\n  const totalItemsCount = React.Children.count(children);\n  const collapsedItemsCount = maxVisibleItems ? totalItemsCount - maxVisibleItems : undefined;\n\n  return (\n    <Box paddingY=\"spacing.3\" {...makeAnalyticsAttribute(rest)}>\n      {title ? (\n        <StyledSectionTitleContainer position=\"relative\" padding={['spacing.2', 'spacing.4']}>\n          <Text\n            size=\"xsmall\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color=\"surface.text.gray.muted\"\n          >\n            {title?.toUpperCase()}\n          </Text>\n          <BaseBox\n            className={classes.SHOW_WHEN_COLLAPSED}\n            position=\"absolute\"\n            top=\"50%\"\n            margin=\"auto\"\n            left=\"spacing.0\"\n            right=\"spacing.0\"\n            transform=\"translateY(-50%)\"\n          >\n            <SideNavTitleDivider />\n          </BaseBox>\n        </StyledSectionTitleContainer>\n      ) : null}\n\n      <Box>{maxVisibleItems ? children.slice(0, maxVisibleItems) : children}</Box>\n      {maxVisibleItems ? (\n        <Collapsible\n          direction=\"top\"\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n          onExpandChange={onExpandChange}\n          defaultIsExpanded={defaultIsExpanded}\n        >\n          <ShowMoreLink collapsedItemsCount={collapsedItemsCount!} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            {children.slice(maxVisibleItems)}\n          </CollapsibleBody>\n        </Collapsible>\n      ) : null}\n    </Box>\n  );\n};\n\nexport { SideNavSection };\n"],"names":["SideNavTitleDivider","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","height","makeBorderSize","border","width","thicker","background","concat","colors","transparent","surface","gray","muted","FullWidthLink","BaseLink","ShowMoreLink","_ref2","collapsedItemsCount","_useCollapsible","useCollapsible","isExpanded","onExpandChange","toggleCollapse","linkProps","size","color","variant","onClick","marginY","_jsxs","_Fragment","children","_jsx","className","classes","SHOW_WHEN_COLLAPSED","justifyContent","_objectSpread","marginX","icon","ChevronUpIcon","undefined","iconPosition","HIDE_WHEN_COLLAPSED","ChevronDownIcon","StyledSectionTitleContainer","_props","_defineProperty","COLLAPSED","TRANSITIONING","opacity","SideNavSection","_ref4","title","defaultIsExpanded","maxVisibleItems","rest","_objectWithoutProperties","_excluded","totalItemsCount","React","Children","count","Box","paddingY","makeAnalyticsAttribute","position","padding","Text","weight","truncateAfterLines","toUpperCase","top","margin","left","right","transform","slice","Collapsible","direction","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,mBAAmB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAAAC,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAClD,OAAO;IACLC,MAAM,EAAEC,cAAc,CAACF,KAAK,CAACG,MAAM,CAACC,KAAK,CAACC,OAAO,CAAC;AAClDD,IAAAA,KAAK,EAAE,MAAM;AACbE,IAAAA,UAAU,EAAAC,yBAAAA,CAAAA,MAAA,CAA4BP,KAAK,CAACQ,MAAM,CAACC,WAAW,EAAAF,OAAAA,CAAAA,CAAAA,MAAA,CAAQP,KAAK,CAACQ,MAAM,CAACE,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,KAAK,EAAAL,QAAAA,CAAAA,CAAAA,MAAA,CAASP,KAAK,CAACQ,MAAM,CAACC,WAAW,EAAA,QAAA,CAAA;GAC9I,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMI,aAAa,gBAAGnB,MAAM,CAACoB,QAAQ,CAAC,CAAAlB,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,YAAM;EAC3C,OAAO;AACLM,IAAAA,KAAK,EAAE,MAAA;GACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAIQ;AAAA,EAAA,IAHxBC,mBAAmB,GAAAD,KAAA,CAAnBC,mBAAmB,CAAA;AAInB,EAAA,IAAAC,eAAA,GAAuCC,cAAc,EAAE;IAA/CC,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,cAAc,GAAAH,eAAA,CAAdG,cAAc,CAAA;AAClC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAA;AAAA,IAAA,OAAeD,cAAc,CAAC,CAACD,UAAU,CAAC,CAAA;AAAA,GAAA,CAAA;AAC9D,EAAA,IAAMG,SAAS,GAAG;AAChBC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,OAAO,EAAE,QAAQ;AACjBC,IAAAA,OAAO,EAAEL,cAAc;AACvBM,IAAAA,OAAO,EAAE,WAAA;GACD,CAAA;EAEV,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACrC,OAAO,EAAA;MAACsC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AAAC/B,MAAAA,KAAK,EAAC,MAAM;AAACgC,MAAAA,cAAc,EAAC,QAAQ;MAAAL,QAAA,eACnFC,GAAA,CAACnB,aAAa,EAAAwB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACRd,SAAS,CAAA,EAAA,EAAA,EAAA;AACbe,QAAAA,OAAO,EAAC,WAAW;AACnBC,QAAAA,IAAI,EAAEnB,UAAU,GAAGoB,aAAa,GAAGC,SAAU;AAC7CC,QAAAA,YAAY,EAAC,OAAO;AAAAX,QAAAA,QAAA,EAEnBX,UAAU,GAAAb,EAAAA,GAAAA,GAAAA,CAAAA,MAAA,CAAYU,mBAAmB,CAAA;OAC7B,CAAA,CAAA;AAAC,KACT,CAAC,eACVe,GAAA,CAACrC,OAAO,EAAA;MAACsC,SAAS,EAAEC,OAAO,CAACS,mBAAoB;AAACvC,MAAAA,KAAK,EAAC,MAAM;MAAA2B,QAAA,eAC3DC,GAAA,CAACnB,aAAa,EAAAwB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACRd,SAAS,CAAA,EAAA,EAAA,EAAA;AACbe,QAAAA,OAAO,EAAC,WAAW;AACnBC,QAAAA,IAAI,EAAEnB,UAAU,GAAGoB,aAAa,GAAGI,eAAgB;AACnDF,QAAAA,YAAY,EAAC,OAAO;AAAAX,QAAAA,QAAA,EAEnBX,UAAU,GAAG,WAAW,GAAAb,GAAAA,CAAAA,MAAA,CAAOU,mBAAmB,EAAA,OAAA,CAAA;OACtC,CAAA,CAAA;AAAC,KACT,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEP,CAAC,CAAA;AAED,IAAM4B,2BAA2B,gBAAGnD,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,gDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACgD,MAAM,EAAK;AAC9D,EAAA,OAAAC,eAAA,CAAA,EAAA,EAAA,GAAA,CAAAxC,MAAA,CACO2B,OAAO,CAACc,SAAS,EAAA,QAAA,CAAA,CAAAzC,MAAA,CAAS2B,OAAO,CAACe,aAAa,EAAU,OAAA,CAAA,EAAA;AAC5D;AACAC,IAAAA,OAAO,EAAE,CAAA;GACV,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAO2B;AAAA,EAAA,IAN7CrB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;IACRsB,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLC,iBAAiB,GAAAF,KAAA,CAAjBE,iBAAiB;IACjBC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IACflC,cAAc,GAAA+B,KAAA,CAAd/B,cAAc;AACXmC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,KAAA,EAAAM,SAAA,CAAA,CAAA;EAEP,IAAMC,eAAe,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAAC/B,QAAQ,CAAC,CAAA;EACtD,IAAMd,mBAAmB,GAAGsC,eAAe,GAAGI,eAAe,GAAGJ,eAAe,GAAGd,SAAS,CAAA;AAE3F,EAAA,oBACEZ,IAAA,CAACkC,GAAG,EAAA1B,aAAA,CAAAA,aAAA,CAAA;AAAC2B,IAAAA,QAAQ,EAAC,WAAA;GAAgBC,EAAAA,sBAAsB,CAACT,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAzB,IAAAA,QAAA,EACvDsB,CAAAA,KAAK,gBACJxB,IAAA,CAACgB,2BAA2B,EAAA;AAACqB,MAAAA,QAAQ,EAAC,UAAU;AAACC,MAAAA,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAE;MAAApC,QAAA,EAAA,cACnFC,GAAA,CAACoC,IAAI,EAAA;AACH5C,QAAAA,IAAI,EAAC,QAAQ;AACb6C,QAAAA,MAAM,EAAC,QAAQ;AACfC,QAAAA,kBAAkB,EAAE,CAAE;AACtB7C,QAAAA,KAAK,EAAC,yBAAyB;QAAAM,QAAA,EAE9BsB,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEkB,WAAW,EAAC;AAAC,OACjB,CAAC,eACPvC,GAAA,CAACrC,OAAO,EAAA;QACNsC,SAAS,EAAEC,OAAO,CAACC,mBAAoB;AACvC+B,QAAAA,QAAQ,EAAC,UAAU;AACnBM,QAAAA,GAAG,EAAC,KAAK;AACTC,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,IAAI,EAAC,WAAW;AAChBC,QAAAA,KAAK,EAAC,WAAW;AACjBC,QAAAA,SAAS,EAAC,kBAAkB;AAAA7C,QAAAA,QAAA,eAE5BC,GAAA,CAACvC,mBAAmB,EAAE,EAAA,CAAA;AAAC,OAChB,CAAC,CAAA;AAAA,KACiB,CAAC,GAC5B,IAAI,eAERuC,GAAA,CAAC+B,GAAG,EAAA;MAAAhC,QAAA,EAAEwB,eAAe,GAAGxB,QAAQ,CAAC8C,KAAK,CAAC,CAAC,EAAEtB,eAAe,CAAC,GAAGxB,QAAAA;AAAQ,KAAM,CAAC,EAC3EwB,eAAe,gBACd1B,IAAA,CAACiD,WAAW,EAAA;AACVC,MAAAA,SAAS,EAAC,KAAK;AACfC,MAAAA,8BAA8B,EAAE,IAAK;AACrCC,MAAAA,6BAA6B,EAAE,KAAM;AACrC5D,MAAAA,cAAc,EAAEA,cAAe;AAC/BiC,MAAAA,iBAAiB,EAAEA,iBAAkB;MAAAvB,QAAA,EAAA,cAErCC,GAAA,CAACjB,YAAY,EAAA;AAACE,QAAAA,mBAAmB,EAAEA,mBAAAA;AAAqB,OAAE,CAAC,eAC3De,GAAA,CAACkD,eAAe,EAAA;AAAC9E,QAAAA,KAAK,EAAC,MAAM;AAAC+E,QAAAA,UAAU,EAAE,KAAM;AAAApD,QAAAA,QAAA,EAC7CA,QAAQ,CAAC8C,KAAK,CAACtB,eAAe,CAAA;AAAC,OACjB,CAAC,CAAA;KACP,CAAC,GACZ,IAAI,CAAA;AAAA,GAAA,CACL,CAAC,CAAA;AAEV;;;;"}

package/build/lib/web/development/components/StepGroup/StepGroup.web.js

@@ -8,12 +8,14 @@ import '../Box/styledProps/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.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 = ["_nestingLevel", "children"],
@@ -72,7 +74,7 @@ var _StepGroup = function _StepGroup(_ref2) {
     width = _ref2.width,
     minWidth = _ref2.minWidth,
     maxWidth = _ref2.maxWidth,
-    styledProps = _objectWithoutProperties(_ref2, _excluded2);
+    rest = _objectWithoutProperties(_ref2, _excluded2);
   var itemsInGroupCount = React__default.Children.count(children);
   var _useChildrenWithIndex = useChildrenWithIndexes({
       children: children,
@@ -94,7 +96,7 @@ var _StepGroup = function _StepGroup(_ref2) {
   var defaultWidth = isHorizontal ? '100%' : undefined;
   return /*#__PURE__*/jsx(StepGroupContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
+    children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyledProps(rest)), {}, {
       display: "inline-flex",
       maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%',
       minWidth: minWidth,
@@ -105,7 +107,7 @@ var _StepGroup = function _StepGroup(_ref2) {
     }, metaAttribute({
       name: MetaConstants.StepGroup,
       testID: testID
-    })), {}, {
+    })), makeAnalyticsAttribute(rest)), {}, {
       children: childrenWithIndex
     }))
   });