@razorpay/blade 12.92.0 → 12.93.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/spark/bottom-frame.jpg +0 -0
- package/assets/spark/colorama-center-gradient-map.jpg +0 -0
- package/assets/spark/colorama-gradient-map-blue.jpg +0 -0
- package/assets/spark/colorama-gradient-map-green.jpg +0 -0
- package/assets/spark/ray-pulse.mp4 +0 -0
- package/assets/spark/spark-base-video.mp4 +0 -0
- package/assets/spark/success-animation-circle.mp4 +0 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradient.js +9 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradient.js.map +1 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradientMount.js +18 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/FluidGradientMount.js.map +1 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/shader.js +69 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/shader.js.map +1 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/useFluidGradient.js +7 -0
- package/build/lib/native/components/Spark/RazorSenseGradient/useFluidGradient.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/PerformanceManager.js +7 -0
- package/build/lib/native/components/Spark/RzpGlass/PerformanceManager.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/RzpGlass.js +13 -0
- package/build/lib/native/components/Spark/RzpGlass/RzpGlass.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/RzpGlassMount.js +28 -0
- package/build/lib/native/components/Spark/RzpGlass/RzpGlassMount.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/presets.js +4 -0
- package/build/lib/native/components/Spark/RzpGlass/presets.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/rzpGlassShader.js +920 -0
- package/build/lib/native/components/Spark/RzpGlass/rzpGlassShader.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/utils.js +4 -0
- package/build/lib/native/components/Spark/RzpGlass/utils.js.map +1 -0
- package/build/lib/native/components/Spark/RzpGlass/webgl-utils.js +7 -0
- package/build/lib/native/components/Spark/RzpGlass/webgl-utils.js.map +1 -0
- package/build/lib/native/components/index.js +2 -0
- package/build/lib/native/components/index.js.map +1 -1
- package/build/lib/web/development/_virtual/flatten.js +1 -1
- package/build/lib/web/development/_virtual/flatten3.js +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js +23 -15
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNav.web.js +21 -21
- package/build/lib/web/development/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js +4 -4
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/development/components/Spark/RazorSenseGradient/FluidGradient.js +92 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/FluidGradient.js.map +1 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/FluidGradientMount.js +110 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/FluidGradientMount.js.map +1 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/index.js +2 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/index.js.map +1 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/shader.js +18 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/shader.js.map +1 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/useFluidGradient.js +34 -0
- package/build/lib/web/development/components/Spark/RazorSenseGradient/useFluidGradient.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/PerformanceManager.js +455 -0
- package/build/lib/web/development/components/Spark/RzpGlass/PerformanceManager.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js +263 -0
- package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/RzpGlassMount.js +908 -0
- package/build/lib/web/development/components/Spark/RzpGlass/RzpGlassMount.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/index.js +24 -0
- package/build/lib/web/development/components/Spark/RzpGlass/index.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/presets.js +151 -0
- package/build/lib/web/development/components/Spark/RzpGlass/presets.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/rzpGlassShader.js +5 -0
- package/build/lib/web/development/components/Spark/RzpGlass/rzpGlassShader.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/utils.js +77 -0
- package/build/lib/web/development/components/Spark/RzpGlass/utils.js.map +1 -0
- package/build/lib/web/development/components/Spark/RzpGlass/webgl-utils.js +200 -0
- package/build/lib/web/development/components/Spark/RzpGlass/webgl-utils.js.map +1 -0
- package/build/lib/web/development/components/Spark/index.js +3 -0
- package/build/lib/web/development/components/Spark/index.js.map +1 -0
- package/build/lib/web/development/components/index.js +3 -0
- package/build/lib/web/development/components/index.js.map +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/flatten.js +1 -1
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/sortBy.js +2 -2
- package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/omit.js +2 -2
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js +23 -15
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNav.web.js +21 -21
- package/build/lib/web/production/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js +4 -4
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/production/components/Spark/RazorSenseGradient/FluidGradient.js +92 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/FluidGradient.js.map +1 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/FluidGradientMount.js +110 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/FluidGradientMount.js.map +1 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/index.js +2 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/index.js.map +1 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/shader.js +18 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/shader.js.map +1 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/useFluidGradient.js +34 -0
- package/build/lib/web/production/components/Spark/RazorSenseGradient/useFluidGradient.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/PerformanceManager.js +455 -0
- package/build/lib/web/production/components/Spark/RzpGlass/PerformanceManager.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/RzpGlass.js +263 -0
- package/build/lib/web/production/components/Spark/RzpGlass/RzpGlass.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/RzpGlassMount.js +908 -0
- package/build/lib/web/production/components/Spark/RzpGlass/RzpGlassMount.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/index.js +24 -0
- package/build/lib/web/production/components/Spark/RzpGlass/index.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/presets.js +151 -0
- package/build/lib/web/production/components/Spark/RzpGlass/presets.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/rzpGlassShader.js +5 -0
- package/build/lib/web/production/components/Spark/RzpGlass/rzpGlassShader.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/utils.js +77 -0
- package/build/lib/web/production/components/Spark/RzpGlass/utils.js.map +1 -0
- package/build/lib/web/production/components/Spark/RzpGlass/webgl-utils.js +200 -0
- package/build/lib/web/production/components/Spark/RzpGlass/webgl-utils.js.map +1 -0
- package/build/lib/web/production/components/Spark/index.js +3 -0
- package/build/lib/web/production/components/Spark/index.js.map +1 -0
- package/build/lib/web/production/components/index.js +3 -0
- package/build/lib/web/production/components/index.js.map +1 -1
- package/build/types/components/index.d.ts +297 -1
- package/build/types/components/index.native.d.ts +297 -1
- package/package.json +2 -1
|
@@ -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 {\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 type { SideNavContextType, SideNavProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeBorderSize, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\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)<{ $isSideNavExpandable: boolean }>((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 const textVisibilityProps = props.$isSideNavExpandable\n ? {}\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 return {\n width: '100%',\n // the overall sidenav expands and collapses in this case. No need transition here\n transition: props.$isSideNavExpandable ? 'none' : l1Expand,\n [`& > .${L1_ITEM_WRAPPER}`]: {\n padding: makeSpace(props.theme.spacing[3]),\n },\n ...textVisibilityProps,\n };\n});\n\nconst StyledSideNavContainer = styled(BaseBox)<{ $isSideNavExpandable: boolean }>((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 sideNavExpand = `width ${xmoderate} ${easing.entrance}`;\n const sideNavCollapse = `width ${quick} ${easing.exit}`;\n\n if (!props.$isSideNavExpandable) {\n return {};\n }\n\n return {\n transition: sideNavExpand,\n [`&.${COLLAPSED}`]: {\n width: makeSize(COLLAPSED_L1_WIDTH),\n transition: sideNavCollapse,\n [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n opacity: '0',\n pointerEvents: 'none',\n transition: `opacity ${quick} ${easing.exit}`,\n },\n [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n opacity: '1',\n pointerEvents: 'auto',\n transition: `opacity ${quick} ${easing.entrance}`,\n },\n },\n [`.${SHOW_WHEN_COLLAPSED}`]: {\n opacity: '0',\n pointerEvents: 'none',\n transition: `opacity ${quick} ${easing.exit}`,\n },\n [`.${HIDE_WHEN_COLLAPSED}`]: {\n opacity: '1',\n pointerEvents: 'auto',\n transition: `opacity ${quick} ${easing.entrance}`,\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 {\n children,\n isOpen,\n onDismiss,\n onVisibleLevelChange,\n onExpandChange,\n onExpandTransitionEnd,\n banner,\n backgroundColor = 'surface.background.gray.moderate',\n testID,\n isExpanded: _isExpanded,\n ...rest\n }: 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 prevIsSideNavFullyCollapsedRef = React.useRef<boolean>();\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 const isSideNavFullyCollapsed = _isExpanded === false;\n\n const effectiveIsL1Collapsed = isMobile\n ? isMobileL2Open\n : isSideNavFullyCollapsed || isL1Collapsed;\n\n const effectiveIsL1Hovered = isSideNavFullyCollapsed ? false : isL1Hovered;\n const sideNavWidth = isSideNavFullyCollapsed\n ? makeSize(COLLAPSED_L1_WIDTH)\n : {\n base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),\n xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL),\n };\n\n const closeMobileNav = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onDismiss?.();\n onVisibleLevelChange?.({ visibleLevel: 0 });\n }\n };\n\n const cleanupTransition = React.useCallback((): void => {\n const clearTransitionTimeout = setTimeout(() => {\n setIsTransitioning((isCurrentlyTransitioning) =>\n isCurrentlyTransitioning ? false : isCurrentlyTransitioning,\n );\n }, TRANSITION_CLEANUP_DELAY);\n timeoutIdsRef.current.push(clearTransitionTimeout);\n }, []);\n\n const startL1Transition = React.useCallback((): void => {\n setIsTransitioning(true);\n cleanupTransition();\n }, [cleanupTransition]);\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\n if (isSideNavFullyCollapsed) {\n return;\n }\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 startL1Transition();\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: effectiveIsL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered: effectiveIsL1Hovered,\n isSideNavFullyCollapsed,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [effectiveIsL1Collapsed, effectiveIsL1Hovered, isSideNavFullyCollapsed],\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 React.useEffect(() => {\n if (!isMobile && isSideNavFullyCollapsed && isL1Hovered) {\n setIsL1Hovered(false);\n }\n }, [isMobile, isSideNavFullyCollapsed, isL1Hovered]);\n\n React.useEffect(() => {\n const prevIsSideNavFullyCollapsed = prevIsSideNavFullyCollapsedRef.current;\n prevIsSideNavFullyCollapsedRef.current = isSideNavFullyCollapsed;\n\n if (isMobile || prevIsSideNavFullyCollapsed === undefined) {\n return;\n }\n\n if (prevIsSideNavFullyCollapsed !== isSideNavFullyCollapsed) {\n startL1Transition();\n onExpandChange?.({ isExpanded: !isSideNavFullyCollapsed });\n }\n }, [isMobile, isSideNavFullyCollapsed, onExpandChange, startL1Transition]);\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 <StyledSideNavContainer\n $isSideNavExpandable={typeof _isExpanded !== 'undefined'}\n ref={ref as never}\n className={isSideNavFullyCollapsed ? COLLAPSED : ''}\n position=\"fixed\"\n backgroundColor={backgroundColor}\n height=\"100%\"\n top=\"spacing.0\"\n left=\"spacing.0\"\n display={{ base: 'none', m: 'flex' }}\n flexDirection=\"column\"\n width={sideNavWidth}\n as=\"nav\"\n {...metaAttribute({\n name: MetaConstants.SideNav,\n testID,\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n onTransitionEnd={(e) => {\n if (e.target !== e.currentTarget || e.propertyName !== 'width' || isMobile) {\n return;\n }\n\n onExpandTransitionEnd?.({\n isExpanded: !isSideNavFullyCollapsed,\n });\n }}\n >\n {banner ? <BannerContainer>{banner}</BannerContainer> : null}\n <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n <StyledL2PortalContainer\n position=\"absolute\"\n display={isSideNavFullyCollapsed ? 'none' : 'block'}\n backgroundColor={backgroundColor}\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({\n isL1Collapsed: effectiveIsL1Collapsed,\n isL1Hovered: effectiveIsL1Hovered,\n isTransitioning,\n })}\n $isSideNavExpandable={typeof _isExpanded !== 'undefined'}\n position=\"absolute\"\n display=\"flex\"\n flexDirection=\"column\"\n justifyContent=\"space-between\"\n backgroundColor={backgroundColor}\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 (!isMobile && isSideNavFullyCollapsed) {\n return;\n }\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 (!isMobile && isSideNavFullyCollapsed) {\n return;\n }\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n startL1Transition();\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 </StyledSideNavContainer>\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","textVisibilityProps","$isSideNavExpandable","width","makeSize","COLLAPSED_L1_WIDTH","transition","padding","makeSpace","spacing","_objectSpread","StyledSideNavContainer","sideNavExpand","sideNavCollapse","opacity","pointerEvents","StyledL2PortalContainer","height","getL1MenuClassName","_ref4","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref5","ref","children","isOpen","onDismiss","onVisibleLevelChange","onExpandChange","onExpandTransitionEnd","banner","_ref5$backgroundColor","backgroundColor","testID","_isExpanded","isExpanded","rest","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","prevIsSideNavFullyCollapsedRef","_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$useState0","setIsTransitioning","_React$useState1","_React$useState10","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","isSideNavFullyCollapsed","effectiveIsL1Collapsed","effectiveIsL1Hovered","sideNavWidth","base","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","closeMobileNav","visibleLevel","cleanupTransition","useCallback","clearTransitionTimeout","setTimeout","isCurrentlyTransitioning","TRANSITION_CLEANUP_DELAY","current","push","startL1Transition","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","prevIsSideNavFullyCollapsed","undefined","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","flexDirection","justifyContent","className","metaAttribute","name","MetaConstants","SideNav","isLazy","position","top","left","m","as","getStyledProps","makeAnalyticsAttribute","onTransitionEnd","target","currentTarget","propertyName","flex","id","borderRightWidth","overflow","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 {\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 type { SideNavContextType, SideNavProps } from './types';\nimport type { BladeElementRef } from '~utils/types';\nimport { size as sizeTokens } from '~tokens/global';\nimport { makeBorderSize, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { Drawer, DrawerBody, DrawerHeader } from '~components/Drawer';\nimport { SkipNavContent, SkipNavLink } from '~components/SkipNav/SkipNav';\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)<{ $isSideNavExpandable: boolean }>((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 const textVisibilityProps = props.$isSideNavExpandable\n ? {}\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 return {\n width: '100%',\n // the overall sidenav expands and collapses in this case. No need transition here\n transition: props.$isSideNavExpandable ? 'none' : l1Expand,\n [`& > .${L1_ITEM_WRAPPER}`]: {\n padding: makeSpace(props.theme.spacing[3]),\n },\n ...textVisibilityProps,\n };\n});\n\nconst StyledSideNavContainer = styled(BaseBox)<{ $isSideNavExpandable: boolean }>((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 sideNavExpand = `width ${xmoderate} ${easing.entrance}`;\n const sideNavCollapse = `width ${quick} ${easing.exit}`;\n\n if (!props.$isSideNavExpandable) {\n return {};\n }\n\n return {\n transition: sideNavExpand,\n [`&.${COLLAPSED}`]: {\n width: makeSize(COLLAPSED_L1_WIDTH),\n transition: sideNavCollapse,\n [`&:not(.${TRANSITIONING}) .${HIDE_WHEN_COLLAPSED}`]: {\n opacity: '0',\n pointerEvents: 'none',\n transition: `opacity ${quick} ${easing.exit}`,\n },\n [`&:not(.${TRANSITIONING}) .${SHOW_WHEN_COLLAPSED}`]: {\n opacity: '1',\n pointerEvents: 'auto',\n transition: `opacity ${quick} ${easing.entrance}`,\n },\n },\n [`.${SHOW_WHEN_COLLAPSED}`]: {\n opacity: '0',\n pointerEvents: 'none',\n transition: `opacity ${quick} ${easing.exit}`,\n },\n [`.${HIDE_WHEN_COLLAPSED}`]: {\n opacity: '1',\n pointerEvents: 'auto',\n transition: `opacity ${quick} ${easing.entrance}`,\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 {\n children,\n isOpen,\n onDismiss,\n onVisibleLevelChange,\n onExpandChange,\n onExpandTransitionEnd,\n banner,\n backgroundColor = 'surface.background.gray.moderate',\n testID,\n isExpanded: _isExpanded,\n ...rest\n }: 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 prevIsSideNavCollapsedRef = React.useRef<boolean>();\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 const isSideNavCollapsed = _isExpanded === false;\n\n const effectiveIsL1Collapsed = isMobile ? isMobileL2Open : isSideNavCollapsed || isL1Collapsed;\n\n const effectiveIsL1Hovered = isSideNavCollapsed ? false : isL1Hovered;\n const sideNavWidth = isSideNavCollapsed\n ? makeSize(COLLAPSED_L1_WIDTH)\n : {\n base: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_BASE),\n xl: makeSize(SIDE_NAV_EXPANDED_L1_WIDTH_XL),\n };\n\n const closeMobileNav = (): void => {\n if (isMobile) {\n setIsMobileL2Open(false);\n onDismiss?.();\n onVisibleLevelChange?.({ visibleLevel: 0 });\n }\n };\n\n const cleanupTransition = React.useCallback((): void => {\n const clearTransitionTimeout = setTimeout(() => {\n setIsTransitioning((isCurrentlyTransitioning) =>\n isCurrentlyTransitioning ? false : isCurrentlyTransitioning,\n );\n }, TRANSITION_CLEANUP_DELAY);\n timeoutIdsRef.current.push(clearTransitionTimeout);\n }, []);\n\n const startL1Transition = React.useCallback((): void => {\n setIsTransitioning(true);\n cleanupTransition();\n }, [cleanupTransition]);\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\n if (isSideNavCollapsed) {\n return;\n }\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 startL1Transition();\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: effectiveIsL1Collapsed,\n setIsL1Collapsed,\n isL1Hovered: effectiveIsL1Hovered,\n isSideNavCollapsed,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [effectiveIsL1Collapsed, effectiveIsL1Hovered, isSideNavCollapsed, isMobile],\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 React.useEffect(() => {\n if (!isMobile && isSideNavCollapsed && isL1Hovered) {\n setIsL1Hovered(false);\n }\n }, [isMobile, isSideNavCollapsed, isL1Hovered]);\n\n React.useEffect(() => {\n const prevIsSideNavCollapsed = prevIsSideNavCollapsedRef.current;\n prevIsSideNavCollapsedRef.current = isSideNavCollapsed;\n\n if (isMobile || prevIsSideNavCollapsed === undefined) {\n return;\n }\n\n if (prevIsSideNavCollapsed !== isSideNavCollapsed) {\n startL1Transition();\n onExpandChange?.({ isExpanded: !isSideNavCollapsed });\n }\n }, [isMobile, isSideNavCollapsed, onExpandChange, startL1Transition]);\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 <StyledSideNavContainer\n $isSideNavExpandable={typeof _isExpanded !== 'undefined'}\n ref={ref as never}\n className={isSideNavCollapsed ? COLLAPSED : ''}\n position=\"fixed\"\n backgroundColor={backgroundColor}\n height=\"100%\"\n top=\"spacing.0\"\n left=\"spacing.0\"\n display={{ base: 'none', m: 'flex' }}\n flexDirection=\"column\"\n width={sideNavWidth}\n as=\"nav\"\n {...metaAttribute({\n name: MetaConstants.SideNav,\n testID,\n })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n onTransitionEnd={(e) => {\n if (e.target !== e.currentTarget || e.propertyName !== 'width' || isMobile) {\n return;\n }\n\n onExpandTransitionEnd?.({\n isExpanded: !isSideNavCollapsed,\n });\n }}\n >\n {banner ? <BannerContainer>{banner}</BannerContainer> : null}\n <BaseBox position=\"relative\" display=\"block\" flex=\"1\" width=\"100%\">\n <StyledL2PortalContainer\n position=\"absolute\"\n display={isSideNavCollapsed ? 'none' : 'block'}\n backgroundColor={backgroundColor}\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({\n isL1Collapsed: effectiveIsL1Collapsed,\n isL1Hovered: effectiveIsL1Hovered,\n isTransitioning,\n })}\n $isSideNavExpandable={typeof _isExpanded !== 'undefined'}\n position=\"absolute\"\n display=\"flex\"\n flexDirection=\"column\"\n justifyContent=\"space-between\"\n backgroundColor={backgroundColor}\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 (!isMobile && isSideNavCollapsed) {\n return;\n }\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 (!isMobile && isSideNavCollapsed) {\n return;\n }\n if (isL1Collapsed && isL1Hovered) {\n mouseOverTimeoutRef.current = setTimeout(() => {\n setIsL1Hovered(false);\n startL1Transition();\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 </StyledSideNavContainer>\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","textVisibilityProps","$isSideNavExpandable","width","makeSize","COLLAPSED_L1_WIDTH","transition","padding","makeSpace","spacing","_objectSpread","StyledSideNavContainer","sideNavExpand","sideNavCollapse","opacity","pointerEvents","StyledL2PortalContainer","height","getL1MenuClassName","_ref4","isL1Collapsed","isL1Hovered","isTransitioning","isMenuCollapsed","BannerContainer","borderBottom","makeBorderSize","border","thin","borderBottomStyle","borderBottomColor","colors","surface","gray","muted","borderRight","borderRightStyle","borderRightColor","maxHeight","sizeTokens","_SideNav","_ref5","ref","children","isOpen","onDismiss","onVisibleLevelChange","onExpandChange","onExpandTransitionEnd","banner","_ref5$backgroundColor","backgroundColor","testID","_isExpanded","isExpanded","rest","_objectWithoutProperties","_excluded","l2PortalContainerRef","React","useRef","l1ContainerRef","timeoutIdsRef","mouseOverTimeoutRef","prevIsSideNavCollapsedRef","_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$useState0","setIsTransitioning","_React$useState1","_React$useState10","l2DrawerTitle","setL2DrawerTitle","isMobile","useIsMobile","isSideNavCollapsed","effectiveIsL1Collapsed","effectiveIsL1Hovered","sideNavWidth","base","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","xl","SIDE_NAV_EXPANDED_L1_WIDTH_XL","closeMobileNav","visibleLevel","cleanupTransition","useCallback","clearTransitionTimeout","setTimeout","isCurrentlyTransitioning","TRANSITION_CLEANUP_DELAY","current","push","startL1Transition","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","prevIsSideNavCollapsed","undefined","_jsx","SideNavContext","Provider","_jsxs","_Fragment","Drawer","DrawerHeader","DrawerBody","flexDirection","justifyContent","className","metaAttribute","name","MetaConstants","SideNav","isLazy","position","top","left","m","as","getStyledProps","makeAnalyticsAttribute","onTransitionEnd","target","currentTarget","propertyName","flex","id","borderRightWidth","overflow","onMouseOver","onMouseLeave","L1_EXIT_HOVER_DELAY","SkipNavLink","SKIP_NAV_ID","_hasBackground","SkipNavContent","forwardRef"],"mappings":"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"}
|
|
@@ -253,7 +253,7 @@ var SideNavLink = function SideNavLink(_ref4) {
|
|
|
253
253
|
onLinkActiveChange = _useSideNav.onLinkActiveChange,
|
|
254
254
|
closeMobileNav = _useSideNav.closeMobileNav,
|
|
255
255
|
isL1Collapsed = _useSideNav.isL1Collapsed,
|
|
256
|
-
|
|
256
|
+
isSideNavCollapsed = _useSideNav.isSideNavCollapsed,
|
|
257
257
|
setIsL1Collapsed = _useSideNav.setIsL1Collapsed;
|
|
258
258
|
var _useNavLink = useNavLink(),
|
|
259
259
|
_prevLevel = _useNavLink.level;
|
|
@@ -291,7 +291,7 @@ var SideNavLink = function SideNavLink(_ref4) {
|
|
|
291
291
|
});
|
|
292
292
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
293
293
|
}, [isActive]);
|
|
294
|
-
var
|
|
294
|
+
var shouldHideL1Item = currentLevel === 1 && !icon && isSideNavCollapsed;
|
|
295
295
|
return /*#__PURE__*/jsx(NavLinkContext.Provider, {
|
|
296
296
|
value: {
|
|
297
297
|
level: currentLevel,
|
|
@@ -324,7 +324,7 @@ var SideNavLink = function SideNavLink(_ref4) {
|
|
|
324
324
|
children: [/*#__PURE__*/jsx(TooltipifyComponent, {
|
|
325
325
|
tooltip: tooltip,
|
|
326
326
|
children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
|
|
327
|
-
className: "".concat(STYLED_NAV_LINK, " ").concat(
|
|
327
|
+
className: "".concat(STYLED_NAV_LINK, " ").concat(shouldHideL1Item ? HIDE_WHEN_COLLAPSED : ''),
|
|
328
328
|
as: as !== null && as !== void 0 ? as : 'a',
|
|
329
329
|
to: href,
|
|
330
330
|
href: as ? undefined : href,
|
|
@@ -352,7 +352,7 @@ var SideNavLink = function SideNavLink(_ref4) {
|
|
|
352
352
|
// Which can make L1 to expand when tabs / windows are changed
|
|
353
353
|
// Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)
|
|
354
354
|
var hasFocusRing = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.matches(':focus-visible');
|
|
355
|
-
if (isL1Collapsed && !
|
|
355
|
+
if (isL1Collapsed && !isSideNavCollapsed && currentLevel === 1 && hasFocusRing) {
|
|
356
356
|
setIsL1Collapsed === null || setIsL1Collapsed === void 0 || setIsL1Collapsed(false);
|
|
357
357
|
}
|
|
358
358
|
},
|
|
@@ -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 { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavLinkProps } from '../types';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\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.small,\n borderWidth: makeBorderSize(props.theme.border.width.none),\n backgroundColor: props.theme.colors.transparent,\n transition: getNavItemTransition(props.theme),\n '&[aria-current], &[aria-current]:hover': {\n color: props.theme.colors.interactive.text.gray.normal,\n backgroundColor: props.theme.colors.interactive.background.gray.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 const { containerRef, textRef } = useTruncationTitle({ content: title });\n\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 <Box ref={containerRef as never} flex=\"1\" minWidth=\"spacing.0\">\n <BaseText\n ref={textRef as never}\n truncateAfterLines={1}\n color=\"currentColor\"\n fontWeight={isActive ? 'semibold' : 'regular'}\n fontSize={100}\n lineHeight={100}\n as=\"p\"\n className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n >\n {title}\n </BaseText>\n </Box>\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.gray.subtle' : '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.gray.muted} ${colors.surface.border.gray.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 isSideNavFullyCollapsed,\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 const shouldHideActiveL1ItemWithoutIconOnFullCollapse =\n currentLevel === 1 && !icon && isSideNavFullyCollapsed;\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 shouldHideActiveL1ItemWithoutIconOnFullCollapse ? HIDE_WHEN_COLLAPSED : ''\n }`}\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 (\n isL1Collapsed &&\n !isSideNavFullyCollapsed &&\n currentLevel === 1 &&\n hasFocusRing\n ) {\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","small","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","description","titleSuffix","isActive","trailing","isL1Item","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","ref","flex","minWidth","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","medium","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","isSideNavFullyCollapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","shouldHideActiveL1ItemWithoutIconOnFullCollapse","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAQA,kBAAkB,GAA2CC,OAAO,CAApED,kBAAkB;EAAEE,mBAAmB,GAAsBD,OAAO,CAAhDC,mBAAmB;EAAEC,eAAe,GAAKF,OAAO,CAA3BE,eAAe,CAAA;AAEhE,IAAMC,sBAAsB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA+B,CAAA,CAAA,UAACC,KAAK,EAAK;AACtF,EAAA,OAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,MAAA;GAAMC,EAAAA,GAAAA,CAAAA,MAAA,CACRb,kBAAkB,CAAK,EAAA;AAC1Bc,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,iCAAiC,EAAE;AACjCA,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;GACD,CAAA,EACD,SAAS,EAAAH,eAAA,CAAAA,eAAA,CAAAE,EAAAA,EAAAA,GAAAA,CAAAA,MAAA,CACFb,kBAAkB,CAAK,EAAA;AAC1Bc,IAAAA,OAAO,EAAE,CAAA;AACX,GAAC,CAAAD,EAAAA,GAAAA,CAAAA,MAAA,CAEIV,eAAe,CAAK,EAAA;AACvBY,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;IACtDC,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACK,UAAU,CAACH,IAAI,CAAA,SAAA,CAAA;AACjE,GAAC,CAAAP,CAAAA,EAAAA,GAAAA,CAAAA,MAAA,CAEEV,eAAe,CAAK,EAAA;AACvBqB,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAElB,KAAK,CAACmB,eAAe,GAAGC,SAAS,GAAGC,QAAQ,CAACC,eAAe,CAAC;AACrEpB,IAAAA,KAAK,EAAE,MAAM;AACbqB,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAAxB,EAAAA,CAAAA,MAAA,CAAKyB,SAAS,CAAC5B,KAAK,CAACM,KAAK,CAACuB,OAAO,CAAC7B,KAAK,CAACmB,eAAe,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAhB,MAAA,CAAIyB,SAAS,CACpF5B,KAAK,CAACM,KAAK,CAACuB,OAAO,CAAC,CAAC,CACvB,CAAC,CAAE;AACHC,IAAAA,MAAM,EAAA3B,EAAAA,CAAAA,MAAA,CAAKyB,SAAS,CAAC5B,KAAK,CAACM,KAAK,CAACuB,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA1B,GAAAA,CAAAA,CAAAA,MAAA,CAAIyB,SAAS,CAAC5B,KAAK,CAACM,KAAK,CAACuB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;AACnFxB,IAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACC,IAAI,CAACqB,MAAM;IACtDC,YAAY,EAAEhC,KAAK,CAACM,KAAK,CAAC2B,MAAM,CAACC,MAAM,CAACC,KAAK;AAC7CC,IAAAA,WAAW,EAAEC,cAAc,CAACrC,KAAK,CAACM,KAAK,CAAC2B,MAAM,CAAC/B,KAAK,CAACoC,IAAI,CAAC;AAC1D1B,IAAAA,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACgC,WAAW;AAC/CC,IAAAA,UAAU,EAAEC,oBAAoB,CAACzC,KAAK,CAACM,KAAK,CAAC;AAC7C,IAAA,wCAAwC,EAAE;AACxCD,MAAAA,KAAK,EAAEL,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;AACtDC,MAAAA,eAAe,EAAEZ,KAAK,CAACM,KAAK,CAACC,MAAM,CAACC,WAAW,CAACK,UAAU,CAACH,IAAI,CAACgC,gBAAAA;KACjE;AACD,IAAA,iBAAiB,EAAAC,aAAA,CACZC,EAAAA,EAAAA,kBAAkB,CAAC;MAAEtC,KAAK,EAAEN,KAAK,CAACM,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEhD,CAAA,CAAA;AAEL,CAAC,CAAC,CAAA;AAEF,IAAMuC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAaI;AAAA,EAAA,IAZlBC,IAAI,GAAAD,KAAA,CAAVE,IAAI;IACJC,KAAK,GAAAH,KAAA,CAALG,KAAK;IACLC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IACXC,WAAW,GAAAL,KAAA,CAAXK,WAAW;IACXC,QAAQ,GAAAN,KAAA,CAARM,QAAQ;IACRC,QAAQ,GAAAP,KAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,KAAA,CAARQ,QAAQ,CAAA;EAOR,IAAAC,mBAAA,GAAkCC,kBAAkB,CAAC;AAAEC,MAAAA,OAAO,EAAER,KAAAA;AAAM,KAAC,CAAC;IAAhES,YAAY,GAAAH,mBAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,mBAAA,CAAPI,OAAO,CAAA;EAE7B,oBACEC,IAAA,CAACC,GAAG,EAAA;AAAC3D,IAAAA,KAAK,EAAC,MAAM;AAAC4D,IAAAA,SAAS,EAAC,MAAM;IAAAC,QAAA,EAAA,cAChCH,IAAA,CAACC,GAAG,EAAA;AAAC9C,MAAAA,OAAO,EAAC,MAAM;AAACiD,MAAAA,cAAc,EAAC,eAAe;AAAC9D,MAAAA,KAAK,EAAC,MAAM;MAAA6D,QAAA,EAAA,cAC7DH,IAAA,CAACC,GAAG,EAAA;AAAC9C,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,aAAa,EAAC,KAAK;AAACiD,QAAAA,GAAG,EAAC,WAAW;AAAChD,QAAAA,UAAU,EAAC,QAAQ;AAAA8C,QAAAA,QAAA,EACxEhB,CAAAA,IAAI,gBACHmB,GAAA,CAACtE,OAAO,EAAA;AAACmB,UAAAA,OAAO,EAAC,MAAM;AAACC,UAAAA,aAAa,EAAC,KAAK;AAACC,UAAAA,UAAU,EAAC,QAAQ;UAAA8C,QAAA,eAC7DG,GAAA,CAACnB,IAAI,EAAA;AAACoB,YAAAA,IAAI,EAAC,QAAQ;AAAC9D,YAAAA,KAAK,EAAC,cAAA;WAAgB,CAAA;AAAC,SACpC,CAAC,GACR,IAAI,eACR6D,GAAA,CAACL,GAAG,EAAA;AAACO,UAAAA,GAAG,EAAEV,YAAsB;AAACW,UAAAA,IAAI,EAAC,GAAG;AAACC,UAAAA,QAAQ,EAAC,WAAW;UAAAP,QAAA,eAC5DG,GAAA,CAACK,QAAQ,EAAA;AACPH,YAAAA,GAAG,EAAET,OAAiB;AACtBa,YAAAA,kBAAkB,EAAE,CAAE;AACtBnE,YAAAA,KAAK,EAAC,cAAc;AACpBoE,YAAAA,UAAU,EAAErB,QAAQ,GAAG,UAAU,GAAG,SAAU;AAC9CsB,YAAAA,QAAQ,EAAE,GAAI;AACdC,YAAAA,UAAU,EAAE,GAAI;AAChBC,YAAAA,EAAE,EAAC,GAAG;AACNC,YAAAA,SAAS,EAAEvB,QAAQ,GAAG9D,mBAAmB,GAAG,EAAG;AAAAuE,YAAAA,QAAA,EAE9Cd,KAAAA;WACO,CAAA;AAAC,SACR,CAAC,EACLE,WAAW,gBACVe,GAAA,CAACtE,OAAO,EAAA;AAACmB,UAAAA,OAAO,EAAC,MAAM;AAACE,UAAAA,UAAU,EAAC,QAAQ;AAAA8C,UAAAA,QAAA,EACxCZ,WAAAA;SACM,CAAC,GACR,IAAI,CAAA;AAAA,OACL,CAAC,eACNe,GAAA,CAACL,GAAG,EAAA;AAAC9C,QAAAA,OAAO,EAAC,MAAM;AAACE,QAAAA,UAAU,EAAC,QAAQ;AAAA8C,QAAAA,QAAA,EACpCV,QAAAA;AAAQ,OACN,CAAC,CAAA;KACH,CAAC,EACL,CAACC,QAAQ,IAAIJ,WAAW,gBACvBgB,GAAA,CAACY,IAAI,EAAA;AACHX,MAAAA,IAAI,EAAC,OAAO;AACZY,MAAAA,UAAU,EAAC,WAAW;AACtBjB,MAAAA,SAAS,EAAC,MAAM;AAChBkB,MAAAA,MAAM,EAAC,QAAQ;AACf3E,MAAAA,KAAK,EAAE+C,QAAQ,GAAG,8BAA8B,GAAG,6BAA8B;AACjFoB,MAAAA,kBAAkB,EAAE,CAAE;AAAAT,MAAAA,QAAA,EAErBb,WAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAM+B,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAqBW;AAAA,EAAA,IApBxBjC,KAAK,GAAAiC,KAAA,CAALjC,KAAK;IACLC,WAAW,GAAAgC,KAAA,CAAXhC,WAAW;IACXF,IAAI,GAAAkC,KAAA,CAAJlC,IAAI;IACJ4B,EAAE,GAAAM,KAAA,CAAFN,EAAE;IACFO,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACNjC,WAAW,GAAA+B,KAAA,CAAX/B,WAAW;IACXkC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,KAAA,CAAPI,OAAO,CAAA;AAaP,EAAA,IAAAC,eAAA,GAA0DC,cAAc,EAAE;IAAlEC,cAAc,GAAAF,eAAA,CAAdE,cAAc;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU;IAAEC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB,CAAA;AAErD,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,CAAmB,EAAW;AACpDP,IAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGO,CAAC,CAAC,CAAA;IACZJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAA;GAC5B,CAAA;AACD,EAAA,IAAMI,SAAS,GAAG;AAChB3B,IAAAA,IAAI,EAAE,QAAQ;AACd9D,IAAAA,KAAK,EAAE,cAAA;GACC,CAAA;EAEV,oBACE6D,GAAA,CAAC6B,mBAAmB,EAAA;AAACV,IAAAA,OAAO,EAAEA,OAAQ;IAAAtB,QAAA,eACpCG,GAAA,CAACxE,sBAAsB,EAAA;AAACyB,MAAAA,eAAe,EAAE6E,OAAO,CAAC9C,WAAW,CAAE;AAAAa,MAAAA,QAAA,eAC5DG,GAAA,CAACtE,OAAO,EAAA+C,aAAA,CAAAA,aAAA,CAAA;AACNkC,QAAAA,SAAS,EAAEpF,eAAgB;AAC3BmF,QAAAA,EAAE,EAAEO,IAAI,GAAGP,EAAE,GAAG,QAAS;AACzBqB,QAAAA,EAAE,EAAEd,IAAK;AACTC,QAAAA,MAAM,EAAEA,MAAO;AACfE,QAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGO,CAAmB,EAAA;UAAA,OAAKD,cAAc,CAACC,CAAC,CAAC,CAAA;AAAA,SAAA;AAAC,OAAA,EAChDK,cAAc,CAAC;AAAEC,QAAAA,QAAQ,EAAET,UAAU;AAAEU,QAAAA,QAAQ,EAAET,iBAAAA;AAAkB,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;QAAA5B,QAAA,eAEzEG,GAAA,CAACrB,gBAAgB,EAAA;AACfI,UAAAA,KAAK,EAAEA,KAAM;AACbC,UAAAA,WAAW,EAAEA,WAAY;AACzBF,UAAAA,IAAI,EAAEA,IAAK;AACXM,UAAAA,QAAQ,EAAE,KAAM;AAChBH,UAAAA,WAAW,EAAEA,WAAY;UACzBE,QAAQ,EACNqC,UAAU,gBAAGxB,GAAA,CAACmC,aAAa,EAAA1D,aAAA,CAAKmD,EAAAA,EAAAA,SAAS,CAAG,CAAC,gBAAG5B,GAAA,CAACoC,eAAe,EAAA3D,aAAA,CAAA,EAAA,EAAKmD,SAAS,CAAG,CAAA;SAEpF,CAAA;OACM,CAAA,CAAA;KACa,CAAA;AAAC,GACN,CAAC,CAAA;AAE1B,CAAC,CAAA;;AAED;AACA;AACA;AACA,IAAMS,kBAAkB,gBAAG5G,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAC,CAAA,CAAA,UAACC,KAAK,EAAK;AACpD,EAAA,IAAAwG,YAAA,GAAoCxG,KAAK,CAACM,KAAK;IAAvCC,MAAM,GAAAiG,YAAA,CAANjG,MAAM;IAAE0B,MAAM,GAAAuE,YAAA,CAANvE,MAAM;IAAEJ,OAAO,GAAA2E,YAAA,CAAP3E,OAAO,CAAA;EAC/B,OAAO;AACLO,IAAAA,WAAW,EAAEC,cAAc,CAACrC,KAAK,CAACM,KAAK,CAAC2B,MAAM,CAAC/B,KAAK,CAACuG,IAAI,CAAC;AAC1DC,IAAAA,WAAW,KAAAvG,MAAA,CAAKI,MAAM,CAACgC,WAAW,EAAApC,GAAAA,CAAAA,CAAAA,MAAA,CAAII,MAAM,CAACgC,WAAW,EAAA,GAAA,CAAA,CAAApC,MAAA,CAAII,MAAM,CAACoG,OAAO,CAAC1E,MAAM,CAACvB,IAAI,CAACkG,KAAK,EAAA,GAAA,CAAA,CAAAzG,MAAA,CAAII,MAAM,CAACoG,OAAO,CAAC1E,MAAM,CAACvB,IAAI,CAACkG,KAAK,CAAE;AAClIC,IAAAA,WAAW,EAAE,OAAO;IACpB7E,YAAY,EAAA,EAAA,CAAA7B,MAAA,CAAKkC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAACI,IAAI,CAAC,EAAAnC,GAAAA,CAAAA,CAAAA,MAAA,CAAIkC,cAAc,CACnEJ,MAAM,CAACC,MAAM,CAACI,IAChB,CAAC,OAAAnC,MAAA,CAAIkC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAACI,IAAI,CAAC,EAAA,GAAA,CAAA,CAAAnC,MAAA,CAAIkC,cAAc,CAACJ,MAAM,CAACC,MAAM,CAAC4E,MAAM,CAAC,CAAE;AACjF;AACA5F,IAAAA,MAAM,EAAE,OAAO;AACfJ,IAAAA,QAAQ,EAAE,UAAU;AACpB;IACAiG,GAAG,EAAA,gBAAA,CAAA5G,MAAA,CAAmBkB,QAAQ,CAACC,eAAe,GAAG,CAAC,CAAC,EAAG,GAAA,CAAA;AACtDpB,IAAAA,KAAK,EAAE0B,SAAS,CAACC,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5BmF,IAAAA,IAAI,EAAEpF,SAAS,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;GAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMoF,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAc2B;AAAA,EAAA,IAb1CjE,KAAK,GAAAiE,KAAA,CAALjE,KAAK;IACLC,WAAW,GAAAgE,KAAA,CAAXhE,WAAW;IACXiC,IAAI,GAAA+B,KAAA,CAAJ/B,IAAI;IACJpB,QAAQ,GAAAmD,KAAA,CAARnD,QAAQ;IACRZ,WAAW,GAAA+D,KAAA,CAAX/D,WAAW;IACXE,QAAQ,GAAA6D,KAAA,CAAR7D,QAAQ;IACRD,QAAQ,GAAA8D,KAAA,CAAR9D,QAAQ;IACRJ,IAAI,GAAAkE,KAAA,CAAJlE,IAAI;IACJqC,OAAO,GAAA6B,KAAA,CAAP7B,OAAO;IACPT,EAAE,GAAAsC,KAAA,CAAFtC,EAAE;IACFQ,MAAM,GAAA8B,KAAA,CAAN9B,MAAM;IACNE,QAAO,GAAA4B,KAAA,CAAP5B,OAAO;AACJ6B,IAAAA,IAAI,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,WAAA,GAOIC,UAAU,EAAE;IANdC,oBAAoB,GAAAF,WAAA,CAApBE,oBAAoB;IACpBC,kBAAkB,GAAAH,WAAA,CAAlBG,kBAAkB;IAClBC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IACdC,aAAa,GAAAL,WAAA,CAAbK,aAAa;IACbC,uBAAuB,GAAAN,WAAA,CAAvBM,uBAAuB;IACvBC,gBAAgB,GAAAP,WAAA,CAAhBO,gBAAgB,CAAA;AAElB,EAAA,IAAAC,WAAA,GAA8BC,UAAU,EAAE;IAA3BC,UAAU,GAAAF,WAAA,CAAjBG,KAAK,CAAA;EACb,IAAMC,SAAS,GAAGF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMG,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;EAClC,IAAME,WAAW,GAAGpC,OAAO,CAACjC,QAAQ,CAAC,IAAIoE,YAAY,KAAK,CAAC,CAAA;EAC3D,IAAME,WAAW,GAAGrC,OAAO,CAACjC,QAAQ,CAAC,IAAIoE,YAAY,KAAK,CAAC,CAAA;AAE3D,EAAA,IAAI,IAAO,EAAE;IACX,IAAInC,OAAO,CAACjC,QAAQ,CAAC,IAAIoE,YAAY,IAAI,CAAC,EAAE;AAC1CG,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EACL,8GAA8G;AAChHC,QAAAA,UAAU,EAAE,aAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;IAEA,IAAIL,YAAY,KAAK,CAAC,IAAInC,OAAO,CAAC9C,WAAW,CAAC,EAAE;AAC9CoF,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,2CAA2C;AACpDC,QAAAA,UAAU,EAAE,aAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMC,aAAa,GAAGC,cAAc,EAAE,CAAA;EAEtC,IAAAC,YAAA,GAA0BC,WAAW,CAAC;AACpCC,MAAAA,IAAI,EAAEzF,QAAAA;AACR,KAAC,CAAC;IAFM0F,IAAI,GAAAH,YAAA,CAAJG,IAAI;IAAEC,OAAO,GAAAJ,YAAA,CAAPI,OAAO,CAAA;AAIrBC,EAAAA,yBAAyB,CAAC,YAAM;AAC9BvB,IAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,CAAG;AACnBQ,MAAAA,KAAK,EAAEE,YAAY;AACnBlF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,QAAQ,EAAE4C,OAAO,CAAC5C,QAAQ,CAAC;AAC3BgF,MAAAA,WAAW,EAAXA,WAAW;AACXK,MAAAA,aAAa,EAAbA,aAAAA;AACF,KAAC,CAAC,CAAA;AACF;AACF,GAAC,EAAE,CAACrF,QAAQ,CAAC,CAAC,CAAA;EAEd,IAAM6F,+CAA+C,GACnDd,YAAY,KAAK,CAAC,IAAI,CAACnF,IAAI,IAAI4E,uBAAuB,CAAA;AAExD,EAAA,oBACE1D,GAAA,CAACgF,cAAc,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEnB,MAAAA,KAAK,EAAEE,YAAY;AAAElF,MAAAA,KAAK,EAALA,KAAAA;KAAQ;AAAAc,IAAAA,QAAA,EAC5DsE,WAAW,gBACVzE,IAAA,CAACyF,WAAW,EAAA;AACVC,MAAAA,iBAAiB,EAAElG,QAAS;AAC5BmG,MAAAA,8BAA8B,EAAE,IAAK;AACrCC,MAAAA,6BAA6B,EAAE,KAAM;MAAAzF,QAAA,EAAA,cAErCG,GAAA,CAACe,SAAS,EAAA;AACRhC,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,WAAW,EAAEA,WAAY;AACzBF,QAAAA,IAAI,EAAEA,IAAK;AACX4B,QAAAA,EAAE,EAAEA,EAAG;AACPO,QAAAA,IAAI,EAAEA,IAAK;AACXhC,QAAAA,WAAW,EAAEA,WAAY;AACzBmC,QAAAA,OAAO,EAAEA,QAAAA;AAAQ,OAClB,CAAC,eACFpB,GAAA,CAACuF,eAAe,EAAA;AAACvJ,QAAAA,KAAK,EAAC,MAAM;AAACwJ,QAAAA,UAAU,EAAE,KAAM;QAAA3F,QAAA,eAC9CG,GAAA,CAACL,GAAG,EAAA;AAAC/C,UAAAA,QAAQ,EAAC,UAAU;AAAAiD,UAAAA,QAAA,EAAEA,QAAAA;SAAc,CAAA;AAAC,OAC1B,CAAC,CAAA;AAAA,KACP,CAAC,gBAEdH,IAAA,CAAA+F,QAAA,EAAA;MAAA5F,QAAA,EAAA,cACEH,IAAA,CAAClE,sBAAsB,EAAA;QACrByB,eAAe,EAAEgH,YAAY,KAAK,CAAC,IAAInC,OAAO,CAAC9C,WAAW,CAAE;AAC5DpC,QAAAA,QAAQ,EAAC,UAAU;QAAAiD,QAAA,EAAA,cAEnBG,GAAA,CAAC6B,mBAAmB,EAAA;AAACV,UAAAA,OAAO,EAAEA,OAAQ;AAAAtB,UAAAA,QAAA,eACpCH,IAAA,CAAChE,OAAO,EAAA+C,aAAA,CAAAA,aAAA,CAAA;AACNkC,YAAAA,SAAS,EAAA1E,EAAAA,CAAAA,MAAA,CAAKV,eAAe,EAAAU,GAAAA,CAAAA,CAAAA,MAAA,CAC3B8I,+CAA+C,GAAGzJ,mBAAmB,GAAG,EAAE,CACzE;AACHoF,YAAAA,EAAE,EAAEA,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,GAAI;AACdqB,YAAAA,EAAE,EAAEd,IAAK;AACTA,YAAAA,IAAI,EAAEP,EAAE,GAAGxD,SAAS,GAAG+D,IAAK;AAC5BC,YAAAA,MAAM,EAAEA,MAAO;YACfhB,GAAG,EAAE0E,IAAI,CAACc,YAAa;AACvBtE,YAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGO,CAAkD,EAAK;AAC/D;cACA,IAAI,CAACuC,WAAW,EAAE;AAChBV,gBAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,EAAI,CAAA;AACpB,eAAA;AAEA,cAAA,IAAItE,QAAQ,EAAE;AACZqE,gBAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,CAAG;AACnBQ,kBAAAA,KAAK,EAAEE,YAAY;AACnBlF,kBAAAA,KAAK,EAALA,KAAK;AACLG,kBAAAA,QAAQ,EAAE4C,OAAO,CAAC5C,QAAQ,CAAC;AAC3BgF,kBAAAA,WAAW,EAAXA,WAAW;AACXK,kBAAAA,aAAa,EAAE,KAAA;AACjB,iBAAC,CAAC,CAAA;AACJ,eAAA;AAEAnD,cAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,IAAPA,QAAO,CAAGO,CAAC,CAAC,CAAA;aACZ;AACFgE,YAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGhE,CAA6B,EAAK;AAAA,cAAA,IAAAiE,SAAA,CAAA;AAC1C;AACA;AACA;AACA,cAAA,IAAMC,YAAY,GAAA,CAAAD,SAAA,GAAGjE,CAAC,CAACT,MAAM,MAAA0E,IAAAA,IAAAA,SAAA,uBAARA,SAAA,CAAUE,OAAO,CAAC,gBAAgB,CAAC,CAAA;cACxD,IACErC,aAAa,IACb,CAACC,uBAAuB,IACxBO,YAAY,KAAK,CAAC,IAClB4B,YAAY,EACZ;AACAlC,gBAAAA,gBAAgB,aAAhBA,gBAAgB,KAAA,KAAA,CAAA,IAAhBA,gBAAgB,CAAG,KAAK,CAAC,CAAA;AAC3B,eAAA;aACA;AACF,YAAA,cAAA,EAAczE,QAAQ,GAAG,MAAM,GAAGhC,SAAU;AAC5C,YAAA,YAAA,EAAY+G,YAAa;YACzB,gBAAgBC,EAAAA,WAAAA;WACZ6B,EAAAA,sBAAsB,CAAC9C,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;YAAApD,QAAA,EAAA,cAEhCG,GAAA,CAACrB,gBAAgB,EAAA;AACfG,cAAAA,IAAI,EAAEA,IAAK;AACXC,cAAAA,KAAK,EAAEA,KAAM;AACbC,cAAAA,WAAW,EAAEA,WAAY;AACzBE,cAAAA,QAAQ,EAAEA,QAAS;cACnBE,QAAQ,EAAE6E,YAAY,KAAK,CAAE;AAC7BhF,cAAAA,WAAW,EAAEA,WAAAA;AAAY,aAC1B,CAAC,EACDiF,WAAW,gBACVlE,GAAA,CAACtE,OAAO,EAAA;AAACiF,cAAAA,SAAS,EAAErF,mBAAoB;AAACuB,cAAAA,OAAO,EAAC,MAAM;AAACE,cAAAA,UAAU,EAAC,QAAQ;cAAA8C,QAAA,eACzEG,GAAA,CAACgG,gBAAgB,EAAA;AAAC/F,gBAAAA,IAAI,EAAC,QAAQ;AAAC9D,gBAAAA,KAAK,EAAC,cAAA;eAAgB,CAAA;aAC/C,CAAC,GACR,IAAI,CAAA;WACD,CAAA,CAAA;SACU,CAAC,EACrBgD,QAAQ,IAAI,CAAC+E,WAAW,gBACvBlE,GAAA,CAACtE,OAAO,EAAA;AACNkB,UAAAA,QAAQ,EAAC,UAAU;AACnBiG,UAAAA,GAAG,EAAC,WAAW;AACfoD,UAAAA,KAAK,EAAC,WAAW;AACjBjJ,UAAAA,MAAM,EAAC,MAAM;AACbH,UAAAA,OAAO,EAAC,MAAM;AACdE,UAAAA,UAAU,EAAC,QAAQ;UACnB4D,SAAS,EAAA,EAAA,CAAA1E,MAAA,CAAKX,mBAAmB,OAAAW,MAAA,CAAIb,kBAAkB,CAAG;AAAAyE,UAAAA,QAAA,EAEzDV,QAAAA;AAAQ,SACF,CAAC,GACR,IAAI,EACP8E,YAAY,KAAK,CAAC,IAAI/E,QAAQ,gBAAGc,GAAA,CAACqC,kBAAkB,EAAE,EAAA,CAAC,GAAG,IAAI,CAAA;AAAA,OACzC,CAAC,EACxBxC,QAAQ,gBACPG,GAAA,CAACkG,cAAc,EAAA;AAACC,QAAAA,IAAI,EAAE7C,oBAAqB;AAAAzD,QAAAA,QAAA,EACxCX,QAAQ,IAAIuE,aAAa,gBACxBzD,GAAA,CAACoG,oBAAoB,EAAA;AAACC,UAAAA,KAAK,EAAE,KAAM;AAACxB,UAAAA,OAAO,EAAEA,OAAQ;UAACyB,YAAY,EAAE,CAAC,CAAE;UAACC,WAAW,EAAA,IAAA;UAAA1G,QAAA,eACjFG,GAAA,CAACtE,OAAO,EAAA;YAACwE,GAAG,EAAE0E,IAAI,CAAC4B,WAAY;AAACxJ,YAAAA,MAAM,EAAC,MAAM;AAAA6C,YAAAA,QAAA,EAC1CA,QAAAA;WACM,CAAA;AAAC,SACU,CAAC,GACrB,IAAA;OACU,CAAC,GACf,IAAI,CAAA;KACR,CAAA;AACH,GACsB,CAAC,CAAA;AAE9B;;;;"}
|
|
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 { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavLinkProps } from '../types';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\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.small,\n borderWidth: makeBorderSize(props.theme.border.width.none),\n backgroundColor: props.theme.colors.transparent,\n transition: getNavItemTransition(props.theme),\n '&[aria-current], &[aria-current]:hover': {\n color: props.theme.colors.interactive.text.gray.normal,\n backgroundColor: props.theme.colors.interactive.background.gray.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 const { containerRef, textRef } = useTruncationTitle({ content: title });\n\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 <Box ref={containerRef as never} flex=\"1\" minWidth=\"spacing.0\">\n <BaseText\n ref={textRef as never}\n truncateAfterLines={1}\n color=\"currentColor\"\n fontWeight={isActive ? 'semibold' : 'regular'}\n fontSize={100}\n lineHeight={100}\n as=\"p\"\n className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n >\n {title}\n </BaseText>\n </Box>\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.gray.subtle' : '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.gray.muted} ${colors.surface.border.gray.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 isSideNavCollapsed,\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 const shouldHideL1Item = currentLevel === 1 && !icon && isSideNavCollapsed;\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} ${shouldHideL1Item ? HIDE_WHEN_COLLAPSED : ''}`}\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 && !isSideNavCollapsed && 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","small","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","description","titleSuffix","isActive","trailing","isL1Item","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","ref","flex","minWidth","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","medium","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","isSideNavCollapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","shouldHideL1Item","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { useFluidGradient } from './useFluidGradient.js';
|
|
4
|
+
import { useId } from '../../../utils/useId.js';
|
|
5
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
var CANVAS_SCALE = 1.4;
|
|
10
|
+
/**
|
|
11
|
+
* FluidGradient renders an animated WebGL gradient clipped to whatever
|
|
12
|
+
* SVG shape you pass as children.
|
|
13
|
+
*
|
|
14
|
+
* Children are placed inside an SVG <mask>, so they should be valid SVG
|
|
15
|
+
* elements. Use `fill="white"` for the visible area.
|
|
16
|
+
* Animate with framer-motion's SVG variants: motion.path, motion.g, motion.svg.
|
|
17
|
+
*/
|
|
18
|
+
function FluidGradient(_ref) {
|
|
19
|
+
var children = _ref.children,
|
|
20
|
+
_ref$size = _ref.size,
|
|
21
|
+
size = _ref$size === void 0 ? 200 : _ref$size,
|
|
22
|
+
_ref$viewBox = _ref.viewBox,
|
|
23
|
+
viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
|
|
24
|
+
_ref$origin = _ref.origin,
|
|
25
|
+
origin = _ref$origin === void 0 ? [0.5, 0.0] : _ref$origin,
|
|
26
|
+
className = _ref.className,
|
|
27
|
+
style = _ref.style;
|
|
28
|
+
var uid = useId('rzp-sense-gradient');
|
|
29
|
+
var maskId = "fg-mask-".concat(uid);
|
|
30
|
+
|
|
31
|
+
// Canvas is larger than the visible area; offset centers it behind the mask
|
|
32
|
+
var canvasSize = Math.round(size * CANVAS_SCALE);
|
|
33
|
+
var offset = (canvasSize - size) / 2;
|
|
34
|
+
var containerRef = useFluidGradient({
|
|
35
|
+
size: canvasSize,
|
|
36
|
+
origin: origin
|
|
37
|
+
});
|
|
38
|
+
var vbW = parseViewBoxSize(viewBox, 'w');
|
|
39
|
+
var vbH = parseViewBoxSize(viewBox, 'h');
|
|
40
|
+
return /*#__PURE__*/jsxs("div", {
|
|
41
|
+
className: className,
|
|
42
|
+
style: _objectSpread({
|
|
43
|
+
position: 'relative',
|
|
44
|
+
width: size,
|
|
45
|
+
height: size,
|
|
46
|
+
display: 'inline-block',
|
|
47
|
+
overflow: 'hidden'
|
|
48
|
+
}, style),
|
|
49
|
+
children: [/*#__PURE__*/jsx("svg", {
|
|
50
|
+
"aria-hidden": true,
|
|
51
|
+
style: {
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
width: 0,
|
|
54
|
+
height: 0,
|
|
55
|
+
overflow: 'hidden'
|
|
56
|
+
},
|
|
57
|
+
children: /*#__PURE__*/jsx("defs", {
|
|
58
|
+
children: /*#__PURE__*/jsx("mask", {
|
|
59
|
+
id: maskId,
|
|
60
|
+
maskUnits: "userSpaceOnUse",
|
|
61
|
+
x: "0",
|
|
62
|
+
y: "0",
|
|
63
|
+
width: canvasSize,
|
|
64
|
+
height: canvasSize,
|
|
65
|
+
children: /*#__PURE__*/jsx("g", {
|
|
66
|
+
transform: "translate(".concat(offset, ", ").concat(offset, ") scale(").concat(size / vbW, ", ").concat(size / vbH, ")"),
|
|
67
|
+
children: children
|
|
68
|
+
})
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
}), /*#__PURE__*/jsx("div", {
|
|
72
|
+
ref: containerRef,
|
|
73
|
+
style: {
|
|
74
|
+
position: 'absolute',
|
|
75
|
+
top: -offset,
|
|
76
|
+
left: -offset,
|
|
77
|
+
mask: "url(#".concat(maskId, ")"),
|
|
78
|
+
WebkitMask: "url(#".concat(maskId, ")")
|
|
79
|
+
}
|
|
80
|
+
})]
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/** Extract width or height from a viewBox string like "0 0 24 24" */
|
|
85
|
+
function parseViewBoxSize(viewBox, dim) {
|
|
86
|
+
var parts = viewBox.trim().split(/[\s,]+/);
|
|
87
|
+
var val = dim === 'w' ? parseFloat(parts[2]) : parseFloat(parts[3]);
|
|
88
|
+
return val > 0 ? val : 24;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export { FluidGradient };
|
|
92
|
+
//# sourceMappingURL=FluidGradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluidGradient.js","sources":["../../../../../../../src/components/Spark/RazorSenseGradient/FluidGradient.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport { useFluidGradient } from './useFluidGradient';\nimport { useId } from '~utils/useId';\n\n// Canvas renders this much larger than the visible area so the gradient\n// fills the logo shape fully rather than fading at the edges.\nconst CANVAS_SCALE = 1.4;\n\nexport interface FluidGradientProps {\n /**\n * SVG children define the mask shape.\n * Use SVG elements (path, g, circle, etc.) or framer-motion SVG\n * variants (motion.path, motion.g) directly.\n *\n * Shapes must use fill=\"white\" to be visible through the gradient.\n *\n * The coordinate space matches `viewBox` (defaults to \"0 0 24 24\").\n *\n * @example\n * <FluidGradient>\n * <motion.path d=\"M3 3...\" fill=\"white\" />\n * </FluidGradient>\n *\n * @example with motion.div wrapping an SVG:\n * <FluidGradient>\n * <motion.g animate={{ scale: 1.2 }} style={{ originX: \"50%\", originY: \"50%\" }}>\n * <path d=\"M3 3...\" fill=\"white\" />\n * </motion.g>\n * </FluidGradient>\n */\n children?: React.ReactNode;\n\n /** Side length of the square canvas in CSS pixels. Default: 200 */\n size?: number;\n\n /**\n * viewBox for the SVG mask coordinate space.\n * Match this to your path's native coordinate system.\n * Default: \"0 0 24 24\"\n */\n viewBox?: string;\n\n /**\n * Origin of the radial gradient in UV space.\n * [0, 0] = top-left [0.5, 0.5] = center (default) [1, 1] = bottom-right\n * Accepts any [x, y] tuple; values outside [0,1] push the origin off-canvas.\n */\n origin?: [number, number];\n\n className?: string;\n style?: React.CSSProperties;\n}\n\n/**\n * FluidGradient renders an animated WebGL gradient clipped to whatever\n * SVG shape you pass as children.\n *\n * Children are placed inside an SVG <mask>, so they should be valid SVG\n * elements. Use `fill=\"white\"` for the visible area.\n * Animate with framer-motion's SVG variants: motion.path, motion.g, motion.svg.\n */\nexport function FluidGradient({\n children,\n size = 200,\n viewBox = '0 0 24 24',\n origin = [0.5, 0.0],\n className,\n style,\n}: FluidGradientProps) {\n const uid = useId('rzp-sense-gradient');\n const maskId = `fg-mask-${uid}`;\n\n // Canvas is larger than the visible area; offset centers it behind the mask\n const canvasSize = Math.round(size * CANVAS_SCALE);\n const offset = (canvasSize - size) / 2;\n\n const containerRef = useFluidGradient({ size: canvasSize, origin });\n\n const vbW = parseViewBoxSize(viewBox, 'w');\n const vbH = parseViewBoxSize(viewBox, 'h');\n\n return (\n <div\n className={className}\n style={{\n position: 'relative',\n width: size,\n height: size,\n display: 'inline-block',\n overflow: 'hidden',\n ...style,\n }}\n >\n {/* Hidden SVG that defines the mask shape */}\n <svg aria-hidden style={{ position: 'absolute', width: 0, height: 0, overflow: 'hidden' }}>\n <defs>\n {/*\n * Mask coordinate space = the canvas element (canvasSize × canvasSize).\n * Paths are scaled to fit `size`, then shifted by `offset` to center\n * them inside the larger canvas.\n */}\n <mask\n id={maskId}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width={canvasSize}\n height={canvasSize}\n >\n <g transform={`translate(${offset}, ${offset}) scale(${size / vbW}, ${size / vbH})`}>\n {children}\n </g>\n </mask>\n </defs>\n </svg>\n\n {/* Canvas is larger and centered behind the mask via negative offset */}\n <div\n ref={containerRef}\n style={{\n position: 'absolute',\n top: -offset,\n left: -offset,\n mask: `url(#${maskId})`,\n WebkitMask: `url(#${maskId})`,\n }}\n />\n </div>\n );\n}\n\n/** Extract width or height from a viewBox string like \"0 0 24 24\" */\nfunction parseViewBoxSize(viewBox: string, dim: 'w' | 'h'): number {\n const parts = viewBox.trim().split(/[\\s,]+/);\n const val = dim === 'w' ? parseFloat(parts[2]) : parseFloat(parts[3]);\n return val > 0 ? val : 24;\n}\n"],"names":["CANVAS_SCALE","FluidGradient","_ref","children","_ref$size","size","_ref$viewBox","viewBox","_ref$origin","origin","className","style","uid","useId","maskId","concat","canvasSize","Math","round","offset","containerRef","useFluidGradient","vbW","parseViewBoxSize","vbH","_jsxs","_objectSpread","position","width","height","display","overflow","_jsx","id","maskUnits","x","y","transform","ref","top","left","mask","WebkitMask","dim","parts","trim","split","val","parseFloat"],"mappings":"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"}
|