@razorpay/blade 12.20.0 → 12.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/web/development/components/SideNav/SideNav.web.js +13 -2
- package/build/lib/web/development/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js +1 -0
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNavLevel.web.js +4 -0
- package/build/lib/web/development/components/SideNav/SideNavLevel.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNav.web.js +13 -2
- package/build/lib/web/production/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js +1 -0
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNavLevel.web.js +4 -0
- package/build/lib/web/production/components/SideNav/SideNavLevel.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -74,6 +74,17 @@ var StyledL1Menu = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
74
74
|
display: 'initial'
|
|
75
75
|
}));
|
|
76
76
|
});
|
|
77
|
+
var StyledL2PortalContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
78
|
+
displayName: "SideNavweb__StyledL2PortalContainer",
|
|
79
|
+
componentId: "sc-1obm5ij-2"
|
|
80
|
+
})(function () {
|
|
81
|
+
return {
|
|
82
|
+
// This ensures that the portal node has 100% height when it has items
|
|
83
|
+
'& > div:not(:empty)': {
|
|
84
|
+
height: '100%'
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
});
|
|
77
88
|
var getL1MenuClassName = function getL1MenuClassName(_ref3) {
|
|
78
89
|
var isL1Collapsed = _ref3.isL1Collapsed,
|
|
79
90
|
isL1Hovered = _ref3.isL1Hovered,
|
|
@@ -89,7 +100,7 @@ var getL1MenuClassName = function getL1MenuClassName(_ref3) {
|
|
|
89
100
|
};
|
|
90
101
|
var BannerContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
91
102
|
displayName: "SideNavweb__BannerContainer",
|
|
92
|
-
componentId: "sc-1obm5ij-
|
|
103
|
+
componentId: "sc-1obm5ij-3"
|
|
93
104
|
})(function (props) {
|
|
94
105
|
return {
|
|
95
106
|
'&:not(:empty)': {
|
|
@@ -329,7 +340,7 @@ var _SideNav = function _SideNav(_ref4, ref) {
|
|
|
329
340
|
display: "block",
|
|
330
341
|
flex: "1",
|
|
331
342
|
width: "100%",
|
|
332
|
-
children: [/*#__PURE__*/jsx(
|
|
343
|
+
children: [/*#__PURE__*/jsx(StyledL2PortalContainer, {
|
|
333
344
|
position: "absolute",
|
|
334
345
|
backgroundColor: "surface.background.gray.moderate",
|
|
335
346
|
height: "100%",
|
|
@@ -1 +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 { makeBorderSize, 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 type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { size as sizeTokens } from '~tokens/global';\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 quick = makeMotionTime(props.theme.motion.duration.quick);\n const xmoderate = makeMotionTime(props.theme.motion.duration.xmoderate);\n const easing = props.theme.motion.easing;\n\n const l1Expand = `width ${xmoderate} ${easing.entrance}`;\n const l1Collapse = `width ${quick} ${easing.exit}`;\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\nconst BannerContainer = styled(BaseBox)((props) => {\n return {\n '&:not(:empty)': {\n borderBottom: makeBorderSize(props.theme.border.width.thin),\n borderBottomStyle: 'solid',\n borderBottomColor: props.theme.colors.surface.border.gray.muted,\n borderRight: makeBorderSize(props.theme.border.width.thin),\n borderRightStyle: 'solid',\n borderRightColor: props.theme.colors.surface.border.gray.muted,\n padding: makeSpace(props.theme.spacing[3]),\n maxHeight: makeSize(sizeTokens['100']),\n width: '100%',\n },\n };\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, isOpen, onDismiss, onVisibleLevelChange, banner, testID, ...rest }: SideNavProps,\n ref: React.Ref<BladeElementRef>,\n): 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 onVisibleLevelChange?.({ visibleLevel: 0 });\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 const collapseL1 = (title: string): void => {\n if (isMobile) {\n setL2DrawerTitle(title);\n setIsMobileL2Open(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n return;\n }\n\n if (!isL1Collapsed) {\n setIsL1Collapsed(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }\n };\n\n const expandL1 = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n return;\n }\n // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n if (isL1Collapsed) {\n setIsL1Collapsed(false);\n // We want to avoid calling onVisibleLevelChange twice when L1 is hovered and then item on L1 is selected\n if (!isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }\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 collapseL1(args.title);\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 expandL1();\n }\n }\n };\n\n const contextValue = React.useMemo(\n () => ({\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isL1Collapsed, isMobile, isMobileL2Open, isL1Hovered],\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={closeMobileNav}>\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={() => expandL1()} isLazy={false}>\n <DrawerHeader title={l2DrawerTitle} />\n <DrawerBody>\n <BaseBox ref={l2PortalContainerRef} />\n </DrawerBody>\n </Drawer>\n </>\n ) : (\n <BaseBox\n ref={ref as never}\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 ? <BannerContainer>{banner}</BannerContainer> : 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 && !isL1Hovered) {\n setIsL1Hovered(true);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }}\n onMouseLeave={() => {\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n setIsTransitioning(true);\n cleanupTransition();\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }, L1_EXIT_HOVER_DELAY);\n }\n // If L1 is collapsed and not hovered we want to change visible level to 2\n // This state/edgecase happens when user clicks on a nested nav and it collapses the L1 causing isL1Hovered to be false\n if (isL1Collapsed && !isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 2 });\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\nconst SideNav = React.forwardRef(_SideNav);\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","quick","makeMotionTime","theme","motion","duration","xmoderate","easing","l1Expand","entrance","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref4","ref","children","isOpen","onDismiss","onVisibleLevelChange","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","visibleLevel","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","collapseL1","title","expandL1","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","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","SideNav","isLazy","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","makeAnalyticsAttribute","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent","forwardRef"],"mappings":"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"}
|
|
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 { makeBorderSize, 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 type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { size as sizeTokens } from '~tokens/global';\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 quick = makeMotionTime(props.theme.motion.duration.quick);\n const xmoderate = makeMotionTime(props.theme.motion.duration.xmoderate);\n const easing = props.theme.motion.easing;\n\n const l1Expand = `width ${xmoderate} ${easing.entrance}`;\n const l1Collapse = `width ${quick} ${easing.exit}`;\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 StyledL2PortalContainer = styled(BaseBox)(() => {\n return {\n // This ensures that the portal node has 100% height when it has items\n '& > div:not(:empty)': {\n height: '100%',\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\nconst BannerContainer = styled(BaseBox)((props) => {\n return {\n '&:not(:empty)': {\n borderBottom: makeBorderSize(props.theme.border.width.thin),\n borderBottomStyle: 'solid',\n borderBottomColor: props.theme.colors.surface.border.gray.muted,\n borderRight: makeBorderSize(props.theme.border.width.thin),\n borderRightStyle: 'solid',\n borderRightColor: props.theme.colors.surface.border.gray.muted,\n padding: makeSpace(props.theme.spacing[3]),\n maxHeight: makeSize(sizeTokens['100']),\n width: '100%',\n },\n };\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, isOpen, onDismiss, onVisibleLevelChange, banner, testID, ...rest }: SideNavProps,\n ref: React.Ref<BladeElementRef>,\n): 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 onVisibleLevelChange?.({ visibleLevel: 0 });\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 const collapseL1 = (title: string): void => {\n if (isMobile) {\n setL2DrawerTitle(title);\n setIsMobileL2Open(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n return;\n }\n\n if (!isL1Collapsed) {\n setIsL1Collapsed(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }\n };\n\n const expandL1 = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n return;\n }\n // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n if (isL1Collapsed) {\n setIsL1Collapsed(false);\n // We want to avoid calling onVisibleLevelChange twice when L1 is hovered and then item on L1 is selected\n if (!isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }\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 collapseL1(args.title);\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 expandL1();\n }\n }\n };\n\n const contextValue = React.useMemo(\n () => ({\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isL1Collapsed, isMobile, isMobileL2Open, isL1Hovered],\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={closeMobileNav}>\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={() => expandL1()} isLazy={false}>\n <DrawerHeader title={l2DrawerTitle} />\n <DrawerBody>\n <BaseBox ref={l2PortalContainerRef} />\n </DrawerBody>\n </Drawer>\n </>\n ) : (\n <BaseBox\n ref={ref as never}\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 ? <BannerContainer>{banner}</BannerContainer> : null}\n <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n <StyledL2PortalContainer\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 && !isL1Hovered) {\n setIsL1Hovered(true);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }}\n onMouseLeave={() => {\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n setIsTransitioning(true);\n cleanupTransition();\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }, L1_EXIT_HOVER_DELAY);\n }\n // If L1 is collapsed and not hovered we want to change visible level to 2\n // This state/edgecase happens when user clicks on a nested nav and it collapses the L1 causing isL1Hovered to be false\n if (isL1Collapsed && !isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 2 });\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\nconst SideNav = React.forwardRef(_SideNav);\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","quick","makeMotionTime","theme","motion","duration","xmoderate","easing","l1Expand","entrance","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","StyledL2PortalContainer","height","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref4","ref","children","isOpen","onDismiss","onVisibleLevelChange","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","visibleLevel","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","collapseL1","title","expandL1","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","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","metaAttribute","name","MetaConstants","SideNav","isLazy","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","makeAnalyticsAttribute","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent","forwardRef"],"mappings":"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"}
|
|
@@ -1 +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 { 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';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((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 height: props.$hasDescription ? undefined : 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[props.$hasDescription ? 3 : 0])} ${makeSpace(\n props.theme.spacing[4],\n )}`,\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 description,\n titleSuffix,\n isActive,\n trailing,\n isL1Item,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box width=\"100%\" textAlign=\"left\">\n <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"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 <Box display=\"flex\" alignItems=\"center\">\n {trailing}\n </Box>\n </Box>\n {!isL1Item && description ? (\n <Text\n size=\"small\"\n marginLeft=\"spacing.7\"\n textAlign=\"left\"\n weight=\"medium\"\n color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n truncateAfterLines={1}\n >\n {description}\n </Text>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n description,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n | 'title'\n | 'description'\n | 'icon'\n | 'as'\n | 'href'\n | 'titleSuffix'\n | 'tooltip'\n | 'target'\n | 'onClick'\n>): React.ReactElement => {\n const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n const toggleCollapse = (e: React.MouseEvent): void => {\n onClick?.(e);\n onExpandChange(!isExpanded);\n };\n const iconProps = {\n size: 'medium',\n color: 'currentColor',\n } as const;\n\n return (\n <TooltipifyComponent tooltip={tooltip}>\n <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={href ? as : 'button'}\n to={href}\n target={target}\n onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n >\n <NavLinkIconTitle\n title={title}\n description={description}\n icon={icon}\n isL1Item={false}\n titleSuffix={titleSuffix}\n trailing={\n isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n }\n />\n </BaseBox>\n </StyledNavLinkContainer>\n </TooltipifyComponent>\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 description,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\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 if (currentLevel === 1 && Boolean(description)) {\n throwBladeError({\n message: 'Description is not supported for L1 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\n title={title}\n description={description}\n icon={icon}\n as={as}\n href={href}\n titleSuffix={titleSuffix}\n onClick={onClick}\n />\n <CollapsibleBody width=\"100%\" _hasMargin={false}>\n <Box position=\"relative\">{children}</Box>\n </CollapsibleBody>\n </Collapsible>\n ) : (\n <>\n <StyledNavLinkContainer\n $hasDescription={currentLevel !== 1 && Boolean(description)}\n position=\"relative\"\n >\n <TooltipifyComponent 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={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\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 onClick?.(e);\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 description={description}\n isActive={isActive}\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 </TooltipifyComponent>\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 {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","height","$hasDescription","undefined","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","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
|
|
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 { 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';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((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 height: props.$hasDescription ? undefined : 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[props.$hasDescription ? 3 : 0])} ${makeSpace(\n props.theme.spacing[4],\n )}`,\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 description,\n titleSuffix,\n isActive,\n trailing,\n isL1Item,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box width=\"100%\" textAlign=\"left\">\n <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"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 <Box display=\"flex\" alignItems=\"center\">\n {trailing}\n </Box>\n </Box>\n {!isL1Item && description ? (\n <Text\n size=\"small\"\n marginLeft=\"spacing.7\"\n textAlign=\"left\"\n weight=\"medium\"\n color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n truncateAfterLines={1}\n >\n {description}\n </Text>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n description,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n | 'title'\n | 'description'\n | 'icon'\n | 'as'\n | 'href'\n | 'titleSuffix'\n | 'tooltip'\n | 'target'\n | 'onClick'\n>): React.ReactElement => {\n const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n const toggleCollapse = (e: React.MouseEvent): void => {\n onClick?.(e);\n onExpandChange(!isExpanded);\n };\n const iconProps = {\n size: 'medium',\n color: 'currentColor',\n } as const;\n\n return (\n <TooltipifyComponent tooltip={tooltip}>\n <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={href ? as : 'button'}\n to={href}\n target={target}\n onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n >\n <NavLinkIconTitle\n title={title}\n description={description}\n icon={icon}\n isL1Item={false}\n titleSuffix={titleSuffix}\n trailing={\n isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n }\n />\n </BaseBox>\n </StyledNavLinkContainer>\n </TooltipifyComponent>\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 description,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\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 if (currentLevel === 1 && Boolean(description)) {\n throwBladeError({\n message: 'Description is not supported for L1 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\n title={title}\n description={description}\n icon={icon}\n as={as}\n href={href}\n titleSuffix={titleSuffix}\n onClick={onClick}\n />\n <CollapsibleBody width=\"100%\" _hasMargin={false}>\n <Box position=\"relative\">{children}</Box>\n </CollapsibleBody>\n </Collapsible>\n ) : (\n <>\n <StyledNavLinkContainer\n $hasDescription={currentLevel !== 1 && Boolean(description)}\n position=\"relative\"\n >\n <TooltipifyComponent 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={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\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 onClick?.(e);\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 description={description}\n isActive={isActive}\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 </TooltipifyComponent>\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 {children ? (\n <FloatingPortal root={l2PortalContainerRef}>\n {isActive && isL1Collapsed ? (\n <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n <BaseBox ref={refs.setFloating} height=\"100%\">\n {children}\n </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","height","$hasDescription","undefined","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","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
|
|
@@ -36,6 +36,9 @@ var SideNavLevel = function SideNavLevel(_ref) {
|
|
|
36
36
|
onMouseOut: function onMouseOut(e) {
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
},
|
|
39
|
+
height: "100%",
|
|
40
|
+
display: "flex",
|
|
41
|
+
flexDirection: "column",
|
|
39
42
|
children: [currentLevel === 2 && headingTitle ? /*#__PURE__*/jsx(BaseBox
|
|
40
43
|
// In mobile, we use DrawerHeader for this heading
|
|
41
44
|
, {
|
|
@@ -56,6 +59,7 @@ var SideNavLevel = function SideNavLevel(_ref) {
|
|
|
56
59
|
base: 'spacing.0',
|
|
57
60
|
m: 'spacing.3'
|
|
58
61
|
},
|
|
62
|
+
overflowY: "auto",
|
|
59
63
|
children: children
|
|
60
64
|
})]
|
|
61
65
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children }: SideNavLevelProps): React.ReactElement => {\n const { level: _prevLevel, title: headingTitle } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n return (\n <BaseBox\n marginLeft={\n currentLevel === 3\n ? { base: 'spacing.7', m: 'spacing.6' }\n : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n }\n // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n // L1 is only expected to open / close on hover of L1 menu and L1 items\n onMouseOver={(e) => {\n e.stopPropagation();\n }}\n // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n onMouseOut={(e) => {\n e.stopPropagation();\n }}\n >\n {currentLevel === 2 && headingTitle ? (\n <BaseBox\n // In mobile, we use DrawerHeader for this heading\n display={{ base: 'none', m: 'block' }}\n padding=\"spacing.4\"\n borderBottomWidth=\"thin\"\n borderBottomColor=\"surface.border.gray.muted\"\n >\n <Text size=\"large\" weight=\"semibold\">\n {headingTitle}\n </Text>\n </BaseBox>\n ) : null}\n <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }}
|
|
1
|
+
{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children }: SideNavLevelProps): React.ReactElement => {\n const { level: _prevLevel, title: headingTitle } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n return (\n <BaseBox\n marginLeft={\n currentLevel === 3\n ? { base: 'spacing.7', m: 'spacing.6' }\n : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n }\n // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n // L1 is only expected to open / close on hover of L1 menu and L1 items\n onMouseOver={(e) => {\n e.stopPropagation();\n }}\n // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n onMouseOut={(e) => {\n e.stopPropagation();\n }}\n height=\"100%\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n {currentLevel === 2 && headingTitle ? (\n <BaseBox\n // In mobile, we use DrawerHeader for this heading\n display={{ base: 'none', m: 'block' }}\n padding=\"spacing.4\"\n borderBottomWidth=\"thin\"\n borderBottomColor=\"surface.border.gray.muted\"\n >\n <Text size=\"large\" weight=\"semibold\">\n {headingTitle}\n </Text>\n </BaseBox>\n ) : null}\n <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }} overflowY=\"auto\">\n {children}\n </BaseBox>\n </BaseBox>\n );\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_ref","children","_useNavLink","useNavLink","_prevLevel","level","headingTitle","title","prevLevel","currentLevel","_jsxs","BaseBox","marginLeft","base","m","makeSize","COLLAPSED_L1_WIDTH","onMouseOver","e","stopPropagation","onMouseOut","height","display","flexDirection","_jsx","padding","borderBottomWidth","borderBottomColor","Text","size","weight","overflowY"],"mappings":";;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAC9B,EAAA,IAAAC,WAAA,GAAmDC,UAAU,EAAE;IAAhDC,UAAU,GAAAF,WAAA,CAAjBG,KAAK;IAAqBC,YAAY,GAAAJ,WAAA,CAAnBK,KAAK,CAAA;EAChC,IAAMC,SAAS,GAAGJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMK,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;EAClC,oBACEE,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,UAAU,EACRH,YAAY,KAAK,CAAC,GACd;AAAEI,MAAAA,IAAI,EAAE,WAAW;AAAEC,MAAAA,CAAC,EAAE,WAAA;AAAY,KAAC,GACrC;AAAED,MAAAA,IAAI,EAAE,WAAW;MAAEC,CAAC,EAAEC,QAAQ,CAACC,kBAAkB,CAAA;AAAE,KAAA;AAE3D;AACA;AAAA;AACAC,IAAAA,WAAW,EAAE,SAAAA,WAACC,CAAAA,CAAC,EAAK;MAClBA,CAAC,CAACC,eAAe,EAAE,CAAA;AACrB,KAAA;AACA;AACA;AAAA;AACAC,IAAAA,UAAU,EAAE,SAAAA,UAACF,CAAAA,CAAC,EAAK;MACjBA,CAAC,CAACC,eAAe,EAAE,CAAA;KACnB;AACFE,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;IAAAtB,QAAA,EAAA,CAErBQ,YAAY,KAAK,CAAC,IAAIH,YAAY,gBACjCkB,GAAA,CAACb,OAAAA;AACC;AAAA,MAAA;AACAW,MAAAA,OAAO,EAAE;AAAET,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,OAAA;OAAU;AACtCW,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,iBAAiB,EAAC,MAAM;AACxBC,MAAAA,iBAAiB,EAAC,2BAA2B;MAAA1B,QAAA,eAE7CuB,GAAA,CAACI,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAA7B,QAAAA,QAAA,EACjCK,YAAAA;OACG,CAAA;AAAC,KACA,CAAC,GACR,IAAI,eACRkB,GAAA,CAACb,OAAO,EAAA;AAACc,MAAAA,OAAO,EAAE;AAAEZ,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAACiB,MAAAA,SAAS,EAAC,MAAM;AAAA9B,MAAAA,QAAA,EACtEA,QAAAA;AAAQ,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
|
|
@@ -74,6 +74,17 @@ var StyledL1Menu = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
|
74
74
|
display: 'initial'
|
|
75
75
|
}));
|
|
76
76
|
});
|
|
77
|
+
var StyledL2PortalContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
78
|
+
displayName: "SideNavweb__StyledL2PortalContainer",
|
|
79
|
+
componentId: "sc-1obm5ij-2"
|
|
80
|
+
})(function () {
|
|
81
|
+
return {
|
|
82
|
+
// This ensures that the portal node has 100% height when it has items
|
|
83
|
+
'& > div:not(:empty)': {
|
|
84
|
+
height: '100%'
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
});
|
|
77
88
|
var getL1MenuClassName = function getL1MenuClassName(_ref3) {
|
|
78
89
|
var isL1Collapsed = _ref3.isL1Collapsed,
|
|
79
90
|
isL1Hovered = _ref3.isL1Hovered,
|
|
@@ -89,7 +100,7 @@ var getL1MenuClassName = function getL1MenuClassName(_ref3) {
|
|
|
89
100
|
};
|
|
90
101
|
var BannerContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
91
102
|
displayName: "SideNavweb__BannerContainer",
|
|
92
|
-
componentId: "sc-1obm5ij-
|
|
103
|
+
componentId: "sc-1obm5ij-3"
|
|
93
104
|
})(function (props) {
|
|
94
105
|
return {
|
|
95
106
|
'&:not(:empty)': {
|
|
@@ -329,7 +340,7 @@ var _SideNav = function _SideNav(_ref4, ref) {
|
|
|
329
340
|
display: "block",
|
|
330
341
|
flex: "1",
|
|
331
342
|
width: "100%",
|
|
332
|
-
children: [/*#__PURE__*/jsx(
|
|
343
|
+
children: [/*#__PURE__*/jsx(StyledL2PortalContainer, {
|
|
333
344
|
position: "absolute",
|
|
334
345
|
backgroundColor: "surface.background.gray.moderate",
|
|
335
346
|
height: "100%",
|
|
@@ -1 +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 { makeBorderSize, 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 type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { size as sizeTokens } from '~tokens/global';\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 quick = makeMotionTime(props.theme.motion.duration.quick);\n const xmoderate = makeMotionTime(props.theme.motion.duration.xmoderate);\n const easing = props.theme.motion.easing;\n\n const l1Expand = `width ${xmoderate} ${easing.entrance}`;\n const l1Collapse = `width ${quick} ${easing.exit}`;\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\nconst BannerContainer = styled(BaseBox)((props) => {\n return {\n '&:not(:empty)': {\n borderBottom: makeBorderSize(props.theme.border.width.thin),\n borderBottomStyle: 'solid',\n borderBottomColor: props.theme.colors.surface.border.gray.muted,\n borderRight: makeBorderSize(props.theme.border.width.thin),\n borderRightStyle: 'solid',\n borderRightColor: props.theme.colors.surface.border.gray.muted,\n padding: makeSpace(props.theme.spacing[3]),\n maxHeight: makeSize(sizeTokens['100']),\n width: '100%',\n },\n };\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, isOpen, onDismiss, onVisibleLevelChange, banner, testID, ...rest }: SideNavProps,\n ref: React.Ref<BladeElementRef>,\n): 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 onVisibleLevelChange?.({ visibleLevel: 0 });\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 const collapseL1 = (title: string): void => {\n if (isMobile) {\n setL2DrawerTitle(title);\n setIsMobileL2Open(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n return;\n }\n\n if (!isL1Collapsed) {\n setIsL1Collapsed(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }\n };\n\n const expandL1 = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n return;\n }\n // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n if (isL1Collapsed) {\n setIsL1Collapsed(false);\n // We want to avoid calling onVisibleLevelChange twice when L1 is hovered and then item on L1 is selected\n if (!isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }\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 collapseL1(args.title);\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 expandL1();\n }\n }\n };\n\n const contextValue = React.useMemo(\n () => ({\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isL1Collapsed, isMobile, isMobileL2Open, isL1Hovered],\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={closeMobileNav}>\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={() => expandL1()} isLazy={false}>\n <DrawerHeader title={l2DrawerTitle} />\n <DrawerBody>\n <BaseBox ref={l2PortalContainerRef} />\n </DrawerBody>\n </Drawer>\n </>\n ) : (\n <BaseBox\n ref={ref as never}\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 ? <BannerContainer>{banner}</BannerContainer> : 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 && !isL1Hovered) {\n setIsL1Hovered(true);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }}\n onMouseLeave={() => {\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n setIsTransitioning(true);\n cleanupTransition();\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }, L1_EXIT_HOVER_DELAY);\n }\n // If L1 is collapsed and not hovered we want to change visible level to 2\n // This state/edgecase happens when user clicks on a nested nav and it collapses the L1 causing isL1Hovered to be false\n if (isL1Collapsed && !isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 2 });\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\nconst SideNav = React.forwardRef(_SideNav);\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","quick","makeMotionTime","theme","motion","duration","xmoderate","easing","l1Expand","entrance","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref4","ref","children","isOpen","onDismiss","onVisibleLevelChange","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","visibleLevel","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","collapseL1","title","expandL1","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","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","SideNav","isLazy","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","makeAnalyticsAttribute","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent","forwardRef"],"mappings":"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"}
|
|
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 { makeBorderSize, 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 type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { size as sizeTokens } from '~tokens/global';\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 quick = makeMotionTime(props.theme.motion.duration.quick);\n const xmoderate = makeMotionTime(props.theme.motion.duration.xmoderate);\n const easing = props.theme.motion.easing;\n\n const l1Expand = `width ${xmoderate} ${easing.entrance}`;\n const l1Collapse = `width ${quick} ${easing.exit}`;\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 StyledL2PortalContainer = styled(BaseBox)(() => {\n return {\n // This ensures that the portal node has 100% height when it has items\n '& > div:not(:empty)': {\n height: '100%',\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\nconst BannerContainer = styled(BaseBox)((props) => {\n return {\n '&:not(:empty)': {\n borderBottom: makeBorderSize(props.theme.border.width.thin),\n borderBottomStyle: 'solid',\n borderBottomColor: props.theme.colors.surface.border.gray.muted,\n borderRight: makeBorderSize(props.theme.border.width.thin),\n borderRightStyle: 'solid',\n borderRightColor: props.theme.colors.surface.border.gray.muted,\n padding: makeSpace(props.theme.spacing[3]),\n maxHeight: makeSize(sizeTokens['100']),\n width: '100%',\n },\n };\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, isOpen, onDismiss, onVisibleLevelChange, banner, testID, ...rest }: SideNavProps,\n ref: React.Ref<BladeElementRef>,\n): 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 onVisibleLevelChange?.({ visibleLevel: 0 });\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 const collapseL1 = (title: string): void => {\n if (isMobile) {\n setL2DrawerTitle(title);\n setIsMobileL2Open(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n return;\n }\n\n if (!isL1Collapsed) {\n setIsL1Collapsed(true);\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }\n };\n\n const expandL1 = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n return;\n }\n // Ensures that if Normal L1 item is clicked, the L1 stays expanded\n if (isL1Collapsed) {\n setIsL1Collapsed(false);\n // We want to avoid calling onVisibleLevelChange twice when L1 is hovered and then item on L1 is selected\n if (!isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }\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 collapseL1(args.title);\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 expandL1();\n }\n }\n };\n\n const contextValue = React.useMemo(\n () => ({\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed: isMobile ? isMobileL2Open : isL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [isL1Collapsed, isMobile, isMobileL2Open, isL1Hovered],\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={closeMobileNav}>\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={() => expandL1()} isLazy={false}>\n <DrawerHeader title={l2DrawerTitle} />\n <DrawerBody>\n <BaseBox ref={l2PortalContainerRef} />\n </DrawerBody>\n </Drawer>\n </>\n ) : (\n <BaseBox\n ref={ref as never}\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 ? <BannerContainer>{banner}</BannerContainer> : null}\n <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n <StyledL2PortalContainer\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 && !isL1Hovered) {\n setIsL1Hovered(true);\n onVisibleLevelChange?.({ visibleLevel: 1 });\n }\n }}\n onMouseLeave={() => {\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n setIsTransitioning(true);\n cleanupTransition();\n onVisibleLevelChange?.({ visibleLevel: 2 });\n }, L1_EXIT_HOVER_DELAY);\n }\n // If L1 is collapsed and not hovered we want to change visible level to 2\n // This state/edgecase happens when user clicks on a nested nav and it collapses the L1 causing isL1Hovered to be false\n if (isL1Collapsed && !isL1Hovered) {\n onVisibleLevelChange?.({ visibleLevel: 2 });\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\nconst SideNav = React.forwardRef(_SideNav);\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","quick","makeMotionTime","theme","motion","duration","xmoderate","easing","l1Expand","entrance","l1Collapse","exit","width","transition","padding","makeSpace","spacing","makeSize","COLLAPSED_L1_WIDTH","StyledL2PortalContainer","height","getL1MenuClassName","_ref3","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref4","ref","children","isOpen","onDismiss","onVisibleLevelChange","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","visibleLevel","cleanupTransition","clearTransitionTimeout","setTimeout","TRANSITION_CLEANUP_DELAY","current","push","collapseL1","title","expandL1","onLinkActiveChange","args","isL1ItemActive","level","isActive","isL2Trigger","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","metaAttribute","name","MetaConstants","SideNav","isLazy","position","backgroundColor","top","left","base","m","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","as","getStyledProps","makeAnalyticsAttribute","flex","id","borderRightWidth","overflow","onTransitionEnd","target","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IACEA,SAAS,GAKPC,OAAO,CALTD,SAAS;EACTE,mBAAmB,GAIjBD,OAAO,CAJTC,mBAAmB;EACnBC,mBAAmB,GAGjBF,OAAO,CAHTE,mBAAmB;EACnBC,aAAa,GAEXH,OAAO,CAFTG,aAAa;EACbC,eAAe,GACbJ,OAAO,CADTI,eAAe,CAAA;AAGjB,IAAMC,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,YAAM;AAC9C,EAAA,OAAAC,eAAA,CAAA,EAAA,EAAA,GAAA,CAAAC,MAAA,CACOX,mBAAmB,CAAK,EAAA;AAC3BY,IAAAA,OAAO,EAAE,MAAA;GACV,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMC,YAAY,gBAAGR,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACK,KAAK,EAAK;AAC9C,EAAA,IAAMC,KAAK,GAAGC,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,CAAA;AAC/D,EAAA,IAAMK,SAAS,GAAGJ,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CAAA;EACvE,IAAMC,MAAM,GAAGP,KAAK,CAACG,KAAK,CAACC,MAAM,CAACG,MAAM,CAAA;EAExC,IAAMC,QAAQ,GAAAX,QAAAA,CAAAA,MAAA,CAAYS,SAAS,EAAAT,GAAAA,CAAAA,CAAAA,MAAA,CAAIU,MAAM,CAACE,QAAQ,CAAE,CAAA;EACxD,IAAMC,UAAU,GAAAb,QAAAA,CAAAA,MAAA,CAAYI,KAAK,EAAAJ,GAAAA,CAAAA,CAAAA,MAAA,CAAIU,MAAM,CAACI,IAAI,CAAE,CAAA;AAElD,EAAA,OAAAf,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACEgB,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,UAAU,EAAEL,QAAAA;GAAQX,EAAAA,OAAAA,CAAAA,MAAA,CACXR,eAAe,CAAK,EAAA;IAC3ByB,OAAO,EAAEC,SAAS,CAACf,KAAK,CAACG,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC,CAAA;AAC3C,GAAC,CAAAnB,EAAAA,GAAAA,CAAAA,MAAA,CACIX,mBAAmB,CAAK,EAAA;AAC3BY,IAAAA,OAAO,EAAE,MAAA;GACV,CAAA,EAAA,IAAA,CAAAD,MAAA,CACKb,SAAS,GAAAY,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACbgB,IAAAA,KAAK,EAAEK,QAAQ,CAACC,kBAAkB,CAAC;AACnCL,IAAAA,UAAU,EAAEH,UAAAA;GAAUb,EAAAA,OAAAA,CAAAA,MAAA,CACbR,eAAe,CAAK,EAAA;IAC3ByB,OAAO,EAAA,EAAA,CAAAjB,MAAA,CAAKkB,SAAS,CAACf,KAAK,CAACG,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAnB,MAAA,CAAIkB,SAAS,CAACf,KAAK,CAACG,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;GACnF,CAAA,EAAA,SAAA,CAAAnB,MAAA,CACUT,aAAa,SAAAS,MAAA,CAAMV,mBAAmB,CAAK,EAAA;AACpDW,IAAAA,OAAO,EAAE,MAAA;GACV,CAAA,EAAA,SAAA,CAAAD,MAAA,CACUT,aAAa,SAAAS,MAAA,CAAMX,mBAAmB,CAAK,EAAA;AACpDY,IAAAA,OAAO,EAAE,SAAA;GACV,CAAA,CAAA,CAAA;AAGP,CAAC,CAAC,CAAA;AAEF,IAAMqB,uBAAuB,gBAAG5B,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,YAAM;EACpD,OAAO;AACL;AACA,IAAA,qBAAqB,EAAE;AACrByB,MAAAA,MAAM,EAAE,MAAA;AACV,KAAA;GACD,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAQV;AAAA,EAAA,IAPZC,aAAa,GAAAD,KAAA,CAAbC,aAAa;IACbC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IACXC,eAAe,GAAAH,KAAA,CAAfG,eAAe,CAAA;AAMf,EAAA,IAAMC,eAAe,GAAGH,aAAa,IAAI,CAACC,WAAW,CAAA;AAErD,EAAA,IAAIE,eAAe,EAAE;AACnB,IAAA,IAAID,eAAe,EAAE;AACnB,MAAA,OAAA,EAAA,CAAA5B,MAAA,CAAUb,SAAS,EAAAa,GAAAA,CAAAA,CAAAA,MAAA,CAAIT,aAAa,CAAA,CAAA;AACtC,KAAA;AAEA,IAAA,OAAOJ,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,IAAM2C,eAAe,gBAAGpC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,6BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACK,KAAK,EAAK;EACjD,OAAO;AACL,IAAA,eAAe,EAAE;AACf4B,MAAAA,YAAY,EAAEC,cAAc,CAAC7B,KAAK,CAACG,KAAK,CAAC2B,MAAM,CAAClB,KAAK,CAACmB,IAAI,CAAC;AAC3DC,MAAAA,iBAAiB,EAAE,OAAO;AAC1BC,MAAAA,iBAAiB,EAAEjC,KAAK,CAACG,KAAK,CAAC+B,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,IAAI,CAACC,KAAK;AAC/DC,MAAAA,WAAW,EAAET,cAAc,CAAC7B,KAAK,CAACG,KAAK,CAAC2B,MAAM,CAAClB,KAAK,CAACmB,IAAI,CAAC;AAC1DQ,MAAAA,gBAAgB,EAAE,OAAO;AACzBC,MAAAA,gBAAgB,EAAExC,KAAK,CAACG,KAAK,CAAC+B,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,IAAI,CAACC,KAAK;MAC9DvB,OAAO,EAAEC,SAAS,CAACf,KAAK,CAACG,KAAK,CAACa,OAAO,CAAC,CAAC,CAAC,CAAC;AAC1CyB,MAAAA,SAAS,EAAExB,QAAQ,CAACyB,IAAU,CAAC,KAAK,CAAC,CAAC;AACtC9B,MAAAA,KAAK,EAAE,MAAA;AACT,KAAA;GACD,CAAA;AACH,CAAC,CAAC,CAAA;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAM+B,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAEZC,GAA+B,EACR;AAAA,EAAA,IAFrBC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,KAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAEC,oBAAoB,GAAAL,KAAA,CAApBK,oBAAoB;IAAEC,MAAM,GAAAN,KAAA,CAANM,MAAM;IAAEC,MAAM,GAAAP,KAAA,CAANO,MAAM;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,KAAA,EAAAU,SAAA,CAAA,CAAA;AAG5E,EAAA,IAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMC,cAAc,GAAGF,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACzD,EAAA,IAAME,aAAa,GAAGH,cAAK,CAACC,MAAM,CAAmB,EAAE,CAAC,CAAA;AACxD,EAAA,IAAMG,mBAAmB,GAAGJ,cAAK,CAACC,MAAM,EAAkB,CAAA;AAC1D,EAAA,IAAAI,eAAA,GAA0CL,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAxDtC,IAAAA,aAAa,GAAAwC,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAAG,gBAAA,GAA4CV,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;IAAAK,gBAAA,GAAAH,cAAA,CAAAE,gBAAA,EAAA,CAAA,CAAA;AAA1DE,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,gBAAA,GAAsCd,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;IAAAS,gBAAA,GAAAP,cAAA,CAAAM,gBAAA,EAAA,CAAA,CAAA;AAApD9C,IAAAA,WAAW,GAAA+C,gBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAE,gBAAA,GAAsDjB,cAAK,CAACM,QAAQ,CAAC,IAAI,CAAC;IAAAY,gBAAA,GAAAV,cAAA,CAAAS,gBAAA,EAAA,CAAA,CAAA;AAAnEE,IAAAA,mBAAmB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,sBAAsB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAClD,EAAA,IAAAG,gBAAA,GAA8CrB,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;IAAAgB,iBAAA,GAAAd,cAAA,CAAAa,gBAAA,EAAA,CAAA,CAAA;AAA5DpD,IAAAA,eAAe,GAAAqD,iBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,kBAAkB,GAAAD,iBAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAAE,iBAAA,GAA0CxB,cAAK,CAACM,QAAQ,CAAC,EAAE,CAAC;IAAAmB,iBAAA,GAAAjB,cAAA,CAAAgB,iBAAA,EAAA,CAAA,CAAA;AAArDE,IAAAA,aAAa,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,EAAA,IAAMG,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAE9B,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAe;AACjC,IAAA,IAAIF,QAAQ,EAAE;MACZf,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxBrB,MAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,EAAI,CAAA;AACbC,MAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,QAAAA,YAAY,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;AAC7C,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAe;AACpC,IAAA,IAAMC,sBAAsB,GAAGC,UAAU,CAAC,YAAM;AAC9C,MAAA,IAAIjE,eAAe,EAAE;QACnBsD,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAC3B,OAAA;KACD,EAAEY,wBAAwB,CAAC,CAAA;AAC5BhC,IAAAA,aAAa,CAACiC,OAAO,CAACC,IAAI,CAACJ,sBAAsB,CAAC,CAAA;GACnD,CAAA;AAED,EAAA,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAa,EAAW;AAC1C,IAAA,IAAIX,QAAQ,EAAE;MACZD,gBAAgB,CAACY,KAAK,CAAC,CAAA;MACvB1B,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvBpB,MAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,QAAAA,YAAY,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;AAC3C,MAAA,OAAA;AACF,KAAA;IAEA,IAAI,CAAChE,aAAa,EAAE;MAClB0C,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACtBhB,MAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,QAAAA,YAAY,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;AAC7C,KAAA;GACD,CAAA;AAED,EAAA,IAAMS,QAAQ,GAAG,SAAXA,QAAQA,GAAe;AAC3B,IAAA,IAAIZ,QAAQ,EAAE;MACZf,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxBpB,MAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,QAAAA,YAAY,EAAE,CAAA;AAAE,OAAC,CAAC,CAAA;AAC3C,MAAA,OAAA;AACF,KAAA;AACA;AACA,IAAA,IAAIhE,aAAa,EAAE;MACjB0C,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACvB;MACA,IAAI,CAACzC,WAAW,EAAE;AAChByB,QAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,UAAAA,YAAY,EAAE,CAAA;AAAE,SAAC,CAAC,CAAA;AAC7C,OAAA;AACF,KAAA;GACD,CAAA;;AAED;AACF;AACA;AACE,EAAA,IAAMU,kBAA4D,GAAG,SAA/DA,kBAA4DA,CAAIC,IAAI,EAAK;IAC7E,IAAMC,cAAc,GAAGD,IAAI,CAACE,KAAK,KAAK,CAAC,IAAIF,IAAI,CAACG,QAAQ,CAAA;AAExD,IAAA,IAAIF,cAAc,EAAE;MAClB,IAAID,IAAI,CAACI,WAAW,EAAE;AACpB;AACAR,QAAAA,UAAU,CAACI,IAAI,CAACH,KAAK,CAAC,CAAA;;AAEtB;AACA,QAAA,IAAI,CAACG,IAAI,CAACK,aAAa,EAAE;UACvBxB,kBAAkB,CAAC,IAAI,CAAC,CAAA;AACxBS,UAAAA,iBAAiB,EAAE,CAAA;UACnBhB,cAAc,CAAC,KAAK,CAAC,CAAA;UACrBI,sBAAsB,CAAC,KAAK,CAAC,CAAA;AAC7B;AACA,UAAA,IAAM4B,iBAAiB,GAAGd,UAAU,CAAC,YAAM;YACzCd,sBAAsB,CAAC,IAAI,CAAC,CAAA;WAC7B,EAAE6B,iBAAiB,CAAC,CAAA;AACrB9C,UAAAA,aAAa,CAACiC,OAAO,CAACC,IAAI,CAACW,iBAAiB,CAAC,CAAA;AAC/C,SAAA;AACF,OAAC,MAAM;AACL;AACAR,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAMU,YAAY,GAAGlD,cAAK,CAACmD,OAAO,CAChC,YAAA;IAAA,OAAO;AACLpD,MAAAA,oBAAoB,EAApBA,oBAAoB;AACpB0C,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBX,MAAAA,cAAc,EAAdA,cAAc;AACd/D,MAAAA,aAAa,EAAE6D,QAAQ,GAAGhB,cAAc,GAAG7C,aAAa;AACxD0C,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBzC,MAAAA,WAAW,EAAXA,WAAAA;KACD,CAAA;GAAC;AACF;EACA,CAACD,aAAa,EAAE6D,QAAQ,EAAEhB,cAAc,EAAE5C,WAAW,CACvD,CAAC,CAAA;EAEDgC,cAAK,CAACoD,SAAS,CAAC,YAAM;AACpB,IAAA,OAAO,YAAM;AAAA,MAAA,IAAAC,SAAA,GAAAC,0BAAA,CACanD,aAAa,CAACiC,OAAO,CAAA;QAAAmB,KAAA,CAAA;AAAA,MAAA,IAAA;QAA7C,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAA+C;AAAA,UAAA,IAApCC,SAAS,GAAAJ,KAAA,CAAAK,KAAA,CAAA;UAClBC,YAAY,CAACF,SAAS,CAAC,CAAA;AACzB,SAAA;AAAC,OAAA,CAAA,OAAAG,GAAA,EAAA;QAAAT,SAAA,CAAAU,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,OAAA,SAAA;AAAAT,QAAAA,SAAA,CAAAW,CAAA,EAAA,CAAA;AAAA,OAAA;MACD7D,aAAa,CAACiC,OAAO,GAAG,EAAE,CAAA;KAC3B,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACE6B,GAAA,CAACC,cAAc,CAACC,QAAQ,EAAA;AAACP,IAAAA,KAAK,EAAEV,YAAa;AAAA5D,IAAAA,QAAA,EAC1CsC,QAAQ,IAAIpC,SAAS,gBACpB4E,IAAA,CAAAC,QAAA,EAAA;MAAA/E,QAAA,EAAA,cAEE8E,IAAA,CAACE,MAAM,EAAA;AAAC/E,QAAAA,MAAM,EAAEA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,MAAM,GAAI,KAAM;AAACC,QAAAA,SAAS,EAAEsC,cAAe;QAAAxC,QAAA,EAAA,cACzD2E,GAAA,CAACM,YAAY,EAAA;AAAChC,UAAAA,KAAK,EAAC,WAAA;AAAW,SAAE,CAAC,eAClC0B,GAAA,CAACO,UAAU,EAAA;AAAAlF,UAAAA,QAAA,eACT2E,GAAA,CAACnI,iBAAiB,EAAA2I,aAAA,CAAAA,aAAA,CAAA;AAChBnI,YAAAA,OAAO,EAAC,MAAM;AACdoI,YAAAA,aAAa,EAAC,QAAQ;AACtBC,YAAAA,cAAc,EAAC,eAAe;AAC9BC,YAAAA,SAAS,EAAC,qBAAqB;AAC/BhH,YAAAA,MAAM,EAAC,MAAA;AAAM,WAAA,EACTiH,aAAa,CAAC;YAChBC,IAAI,EAAEC,aAAa,CAACC,OAAO;AAC3BrF,YAAAA,MAAM,EAANA,MAAAA;AACF,WAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAL,YAAAA,QAAA,EAEDA,QAAAA;WACgB,CAAA,CAAA;AAAC,SACV,CAAC,CAAA;AAAA,OACP,CAAC,eAET8E,IAAA,CAACE,MAAM,EAAA;AAAC/E,QAAAA,MAAM,EAAEqB,cAAe;QAACpB,SAAS,EAAE,SAAAA,SAAA,GAAA;UAAA,OAAMgD,QAAQ,EAAE,CAAA;SAAC;AAACyC,QAAAA,MAAM,EAAE,KAAM;QAAA3F,QAAA,EAAA,cACzE2E,GAAA,CAACM,YAAY,EAAA;AAAChC,UAAAA,KAAK,EAAEb,aAAAA;AAAc,SAAE,CAAC,eACtCuC,GAAA,CAACO,UAAU,EAAA;UAAAlF,QAAA,eACT2E,GAAA,CAACjI,OAAO,EAAA;AAACqD,YAAAA,GAAG,EAAEU,oBAAAA;WAAuB,CAAA;AAAC,SAC5B,CAAC,CAAA;AAAA,OACP,CAAC,CAAA;AAAA,KACT,CAAC,gBAEHqE,IAAA,CAACpI,OAAO,EAAAyI,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNpF,MAAAA,GAAG,EAAEA,GAAa;AAClB6F,MAAAA,QAAQ,EAAC,OAAO;AAChBC,MAAAA,eAAe,EAAC,kCAAkC;AAClDvH,MAAAA,MAAM,EAAC,MAAM;AACbwH,MAAAA,GAAG,EAAC,WAAW;AACfC,MAAAA,IAAI,EAAC,WAAW;AAChB/I,MAAAA,OAAO,EAAE;AAAEgJ,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,MAAA;OAAS;AACrCb,MAAAA,aAAa,EAAC,QAAQ;AACtBtH,MAAAA,KAAK,EAAE;AACLkI,QAAAA,IAAI,EAAE7H,QAAQ,CAAC+H,+BAA+B,CAAC;QAC/CC,EAAE,EAAEhI,QAAQ,CAACiI,6BAA6B,CAAA;OAC1C;AACFC,MAAAA,EAAE,EAAC,KAAA;AAAK,KAAA,EACJd,aAAa,CAAC;MAChBC,IAAI,EAAEC,aAAa,CAACC,OAAO;AAC3BrF,MAAAA,MAAM,EAANA,MAAAA;KACD,CAAC,CACEiG,EAAAA,cAAc,CAAChG,IAAI,CAAC,CACpBiG,EAAAA,sBAAsB,CAACjG,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAN,MAAAA,QAAA,EAE/BI,CAAAA,MAAM,gBAAGuE,GAAA,CAAC9F,eAAe,EAAA;AAAAmB,QAAAA,QAAA,EAAEI,MAAAA;AAAM,OAAkB,CAAC,GAAG,IAAI,eAC5D0E,IAAA,CAACpI,OAAO,EAAA;AAACkJ,QAAAA,QAAQ,EAAC,UAAU;AAAC5I,QAAAA,OAAO,EAAC,OAAO;AAACwJ,QAAAA,IAAI,EAAC,GAAG;AAAC1I,QAAAA,KAAK,EAAC,MAAM;QAAAkC,QAAA,EAAA,cAChE2E,GAAA,CAACtG,uBAAuB,EAAA;AACtBuH,UAAAA,QAAQ,EAAC,UAAU;AACnBC,UAAAA,eAAe,EAAC,kCAAkC;AAClDvH,UAAAA,MAAM,EAAC,MAAM;AACbR,UAAAA,KAAK,EAAC,MAAM;AACZgI,UAAAA,GAAG,EAAC,WAAW;AACfC,UAAAA,IAAI,EAAC,WAAW;AAChBU,UAAAA,EAAE,EAAC,kBAAkB;AACrBC,UAAAA,gBAAgB,EAAC,MAAM;AACvBhH,UAAAA,gBAAgB,EAAC,2BAA2B;AAC5CK,UAAAA,GAAG,EAAEU,oBAAAA;AAAqB,SAC3B,CAAC,eACFqE,IAAA,CAAC7H,YAAY,EAAA;AACX8C,UAAAA,GAAG,EAAEa,cAAe;AACpB6F,UAAAA,EAAE,EAAC,kBAAkB;UACrBnB,SAAS,EAAE/G,kBAAkB,CAAC;AAAEE,YAAAA,aAAa,EAAbA,aAAa;AAAEC,YAAAA,WAAW,EAAXA,WAAW;AAAEC,YAAAA,eAAe,EAAfA,eAAAA;AAAgB,WAAC,CAAE;AAC/EiH,UAAAA,QAAQ,EAAC,UAAU;AACnB5I,UAAAA,OAAO,EAAC,MAAM;AACdoI,UAAAA,aAAa,EAAC,QAAQ;AACtBC,UAAAA,cAAc,EAAC,eAAe;AAC9BQ,UAAAA,eAAe,EAAC,kCAAkC;AAClDvH,UAAAA,MAAM,EAAC,MAAM;AACbqI,UAAAA,QAAQ,EAAC,QAAQ;AACjBb,UAAAA,GAAG,EAAC,WAAW;AACfC,UAAAA,IAAI,EAAC,WAAW;AAChBW,UAAAA,gBAAgB,EAAC,MAAM;AACvBhH,UAAAA,gBAAgB,EAAC,2BAA2B;AAC5CkH,UAAAA,eAAe,EAAE,SAAAA,eAACnC,CAAAA,CAAC,EAAK;AACtB;AACA;YACA,IAAI9F,eAAe,IAAIiC,cAAc,CAACkC,OAAO,KAAK2B,CAAC,CAACoC,MAAM,EAAE;cAC1D5E,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAC3B,aAAA;AACF,WAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;UACA6E,WAAW,EAAE,SAAAA,WAAAA,GAAM;YACjB,IAAIhG,mBAAmB,CAACgC,OAAO,EAAE;AAC/ByB,cAAAA,YAAY,CAACzD,mBAAmB,CAACgC,OAAO,CAAC,CAAA;AAC3C,aAAA;AACA,YAAA,IAAIrE,aAAa,IAAIoD,mBAAmB,IAAI,CAACnD,WAAW,EAAE;cACxDgD,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBvB,cAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,gBAAAA,YAAY,EAAE,CAAA;AAAE,eAAC,CAAC,CAAA;AAC7C,aAAA;WACA;UACFsE,YAAY,EAAE,SAAAA,YAAAA,GAAM;YAClB,IAAItI,aAAa,IAAIC,WAAW,EAAE;AAChCoC,cAAAA,mBAAmB,CAACgC,OAAO,GAAGF,UAAU,CAAC,YAAM;gBAC7ClB,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrBO,kBAAkB,CAAC,IAAI,CAAC,CAAA;AACxBS,gBAAAA,iBAAiB,EAAE,CAAA;AACnBvC,gBAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,kBAAAA,YAAY,EAAE,CAAA;AAAE,iBAAC,CAAC,CAAA;eAC5C,EAAEuE,mBAAmB,CAAC,CAAA;AACzB,aAAA;AACA;AACA;AACA,YAAA,IAAIvI,aAAa,IAAI,CAACC,WAAW,EAAE;AACjCyB,cAAAA,oBAAoB,KAApBA,IAAAA,IAAAA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAG;AAAEsC,gBAAAA,YAAY,EAAE,CAAA;AAAE,eAAC,CAAC,CAAA;AAC7C,aAAA;WACA;UAAAzC,QAAA,EAAA,cAEF2E,GAAA,CAACsC,WAAW,EAAA;AAACR,YAAAA,EAAE,EAAES,WAAY;AAACC,YAAAA,cAAc,EAAE,IAAA;WAAO,CAAC,EACrDnH,QAAQ,CAAA;AAAA,SACG,CAAC,eACf2E,GAAA,CAACyC,cAAc,EAAA;AAACX,UAAAA,EAAE,EAAES,WAAAA;AAAY,SAAE,CAAC,CAAA;AAAA,OAC5B,CAAC,CAAA;KACH,CAAA,CAAA;AACV,GACsB,CAAC,CAAA;AAE9B,CAAC,CAAA;AAED,IAAMxB,OAAO,gBAAGhF,cAAK,CAAC2G,UAAU,CAACxH,QAAQ;;;;"}
|
|
@@ -1 +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 { 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';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((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 height: props.$hasDescription ? undefined : 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[props.$hasDescription ? 3 : 0])} ${makeSpace(\n props.theme.spacing[4],\n )}`,\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 description,\n titleSuffix,\n isActive,\n trailing,\n isL1Item,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box width=\"100%\" textAlign=\"left\">\n <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"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 <Box display=\"flex\" alignItems=\"center\">\n {trailing}\n </Box>\n </Box>\n {!isL1Item && description ? (\n <Text\n size=\"small\"\n marginLeft=\"spacing.7\"\n textAlign=\"left\"\n weight=\"medium\"\n color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n truncateAfterLines={1}\n >\n {description}\n </Text>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n description,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n | 'title'\n | 'description'\n | 'icon'\n | 'as'\n | 'href'\n | 'titleSuffix'\n | 'tooltip'\n | 'target'\n | 'onClick'\n>): React.ReactElement => {\n const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n const toggleCollapse = (e: React.MouseEvent): void => {\n onClick?.(e);\n onExpandChange(!isExpanded);\n };\n const iconProps = {\n size: 'medium',\n color: 'currentColor',\n } as const;\n\n return (\n <TooltipifyComponent tooltip={tooltip}>\n <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={href ? as : 'button'}\n to={href}\n target={target}\n onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n >\n <NavLinkIconTitle\n title={title}\n description={description}\n icon={icon}\n isL1Item={false}\n titleSuffix={titleSuffix}\n trailing={\n isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n }\n />\n </BaseBox>\n </StyledNavLinkContainer>\n </TooltipifyComponent>\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 description,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\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 if (currentLevel === 1 && Boolean(description)) {\n throwBladeError({\n message: 'Description is not supported for L1 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\n title={title}\n description={description}\n icon={icon}\n as={as}\n href={href}\n titleSuffix={titleSuffix}\n onClick={onClick}\n />\n <CollapsibleBody width=\"100%\" _hasMargin={false}>\n <Box position=\"relative\">{children}</Box>\n </CollapsibleBody>\n </Collapsible>\n ) : (\n <>\n <StyledNavLinkContainer\n $hasDescription={currentLevel !== 1 && Boolean(description)}\n position=\"relative\"\n >\n <TooltipifyComponent 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={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\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 onClick?.(e);\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 description={description}\n isActive={isActive}\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 </TooltipifyComponent>\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 {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","height","$hasDescription","undefined","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","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
|
|
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 { 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';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((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 height: props.$hasDescription ? undefined : 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[props.$hasDescription ? 3 : 0])} ${makeSpace(\n props.theme.spacing[4],\n )}`,\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 description,\n titleSuffix,\n isActive,\n trailing,\n isL1Item,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box width=\"100%\" textAlign=\"left\">\n <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"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 <Box display=\"flex\" alignItems=\"center\">\n {trailing}\n </Box>\n </Box>\n {!isL1Item && description ? (\n <Text\n size=\"small\"\n marginLeft=\"spacing.7\"\n textAlign=\"left\"\n weight=\"medium\"\n color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n truncateAfterLines={1}\n >\n {description}\n </Text>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n description,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n | 'title'\n | 'description'\n | 'icon'\n | 'as'\n | 'href'\n | 'titleSuffix'\n | 'tooltip'\n | 'target'\n | 'onClick'\n>): React.ReactElement => {\n const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n const toggleCollapse = (e: React.MouseEvent): void => {\n onClick?.(e);\n onExpandChange(!isExpanded);\n };\n const iconProps = {\n size: 'medium',\n color: 'currentColor',\n } as const;\n\n return (\n <TooltipifyComponent tooltip={tooltip}>\n <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={href ? as : 'button'}\n to={href}\n target={target}\n onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n >\n <NavLinkIconTitle\n title={title}\n description={description}\n icon={icon}\n isL1Item={false}\n titleSuffix={titleSuffix}\n trailing={\n isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n }\n />\n </BaseBox>\n </StyledNavLinkContainer>\n </TooltipifyComponent>\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 description,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\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 if (currentLevel === 1 && Boolean(description)) {\n throwBladeError({\n message: 'Description is not supported for L1 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\n title={title}\n description={description}\n icon={icon}\n as={as}\n href={href}\n titleSuffix={titleSuffix}\n onClick={onClick}\n />\n <CollapsibleBody width=\"100%\" _hasMargin={false}>\n <Box position=\"relative\">{children}</Box>\n </CollapsibleBody>\n </Collapsible>\n ) : (\n <>\n <StyledNavLinkContainer\n $hasDescription={currentLevel !== 1 && Boolean(description)}\n position=\"relative\"\n >\n <TooltipifyComponent 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={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\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 onClick?.(e);\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 description={description}\n isActive={isActive}\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 </TooltipifyComponent>\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 {children ? (\n <FloatingPortal root={l2PortalContainerRef}>\n {isActive && isL1Collapsed ? (\n <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n <BaseBox ref={refs.setFloating} height=\"100%\">\n {children}\n </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","height","$hasDescription","undefined","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","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
|
|
@@ -36,6 +36,9 @@ var SideNavLevel = function SideNavLevel(_ref) {
|
|
|
36
36
|
onMouseOut: function onMouseOut(e) {
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
},
|
|
39
|
+
height: "100%",
|
|
40
|
+
display: "flex",
|
|
41
|
+
flexDirection: "column",
|
|
39
42
|
children: [currentLevel === 2 && headingTitle ? /*#__PURE__*/jsx(BaseBox
|
|
40
43
|
// In mobile, we use DrawerHeader for this heading
|
|
41
44
|
, {
|
|
@@ -56,6 +59,7 @@ var SideNavLevel = function SideNavLevel(_ref) {
|
|
|
56
59
|
base: 'spacing.0',
|
|
57
60
|
m: 'spacing.3'
|
|
58
61
|
},
|
|
62
|
+
overflowY: "auto",
|
|
59
63
|
children: children
|
|
60
64
|
})]
|
|
61
65
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children }: SideNavLevelProps): React.ReactElement => {\n const { level: _prevLevel, title: headingTitle } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n return (\n <BaseBox\n marginLeft={\n currentLevel === 3\n ? { base: 'spacing.7', m: 'spacing.6' }\n : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n }\n // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n // L1 is only expected to open / close on hover of L1 menu and L1 items\n onMouseOver={(e) => {\n e.stopPropagation();\n }}\n // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n onMouseOut={(e) => {\n e.stopPropagation();\n }}\n >\n {currentLevel === 2 && headingTitle ? (\n <BaseBox\n // In mobile, we use DrawerHeader for this heading\n display={{ base: 'none', m: 'block' }}\n padding=\"spacing.4\"\n borderBottomWidth=\"thin\"\n borderBottomColor=\"surface.border.gray.muted\"\n >\n <Text size=\"large\" weight=\"semibold\">\n {headingTitle}\n </Text>\n </BaseBox>\n ) : null}\n <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }}
|
|
1
|
+
{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children }: SideNavLevelProps): React.ReactElement => {\n const { level: _prevLevel, title: headingTitle } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n return (\n <BaseBox\n marginLeft={\n currentLevel === 3\n ? { base: 'spacing.7', m: 'spacing.6' }\n : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n }\n // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n // L1 is only expected to open / close on hover of L1 menu and L1 items\n onMouseOver={(e) => {\n e.stopPropagation();\n }}\n // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n onMouseOut={(e) => {\n e.stopPropagation();\n }}\n height=\"100%\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n {currentLevel === 2 && headingTitle ? (\n <BaseBox\n // In mobile, we use DrawerHeader for this heading\n display={{ base: 'none', m: 'block' }}\n padding=\"spacing.4\"\n borderBottomWidth=\"thin\"\n borderBottomColor=\"surface.border.gray.muted\"\n >\n <Text size=\"large\" weight=\"semibold\">\n {headingTitle}\n </Text>\n </BaseBox>\n ) : null}\n <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }} overflowY=\"auto\">\n {children}\n </BaseBox>\n </BaseBox>\n );\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_ref","children","_useNavLink","useNavLink","_prevLevel","level","headingTitle","title","prevLevel","currentLevel","_jsxs","BaseBox","marginLeft","base","m","makeSize","COLLAPSED_L1_WIDTH","onMouseOver","e","stopPropagation","onMouseOut","height","display","flexDirection","_jsx","padding","borderBottomWidth","borderBottomColor","Text","size","weight","overflowY"],"mappings":";;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAC9B,EAAA,IAAAC,WAAA,GAAmDC,UAAU,EAAE;IAAhDC,UAAU,GAAAF,WAAA,CAAjBG,KAAK;IAAqBC,YAAY,GAAAJ,WAAA,CAAnBK,KAAK,CAAA;EAChC,IAAMC,SAAS,GAAGJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMK,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;EAClC,oBACEE,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,UAAU,EACRH,YAAY,KAAK,CAAC,GACd;AAAEI,MAAAA,IAAI,EAAE,WAAW;AAAEC,MAAAA,CAAC,EAAE,WAAA;AAAY,KAAC,GACrC;AAAED,MAAAA,IAAI,EAAE,WAAW;MAAEC,CAAC,EAAEC,QAAQ,CAACC,kBAAkB,CAAA;AAAE,KAAA;AAE3D;AACA;AAAA;AACAC,IAAAA,WAAW,EAAE,SAAAA,WAACC,CAAAA,CAAC,EAAK;MAClBA,CAAC,CAACC,eAAe,EAAE,CAAA;AACrB,KAAA;AACA;AACA;AAAA;AACAC,IAAAA,UAAU,EAAE,SAAAA,UAACF,CAAAA,CAAC,EAAK;MACjBA,CAAC,CAACC,eAAe,EAAE,CAAA;KACnB;AACFE,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;IAAAtB,QAAA,EAAA,CAErBQ,YAAY,KAAK,CAAC,IAAIH,YAAY,gBACjCkB,GAAA,CAACb,OAAAA;AACC;AAAA,MAAA;AACAW,MAAAA,OAAO,EAAE;AAAET,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAE,OAAA;OAAU;AACtCW,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,iBAAiB,EAAC,MAAM;AACxBC,MAAAA,iBAAiB,EAAC,2BAA2B;MAAA1B,QAAA,eAE7CuB,GAAA,CAACI,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAA7B,QAAAA,QAAA,EACjCK,YAAAA;OACG,CAAA;AAAC,KACA,CAAC,GACR,IAAI,eACRkB,GAAA,CAACb,OAAO,EAAA;AAACc,MAAAA,OAAO,EAAE;AAAEZ,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAACiB,MAAAA,SAAS,EAAC,MAAM;AAAA9B,MAAAA,QAAA,EACtEA,QAAAA;AAAQ,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
|