@razorpay/blade 12.19.1 → 12.20.1

package/build/lib/web/development/components/ListView/ListViewFilters.web.js

@@ -0,0 +1,240 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import { AnimatePresence, m } from 'framer-motion';
+import styled from 'styled-components';
+import { ListViewFiltersProvider } from './ListViewFiltersContext.web.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Icons/index.js';
+import '../Button/index.js';
+import '../Counter/index.js';
+import '../Box/index.js';
+import '../Input/SearchInput/index.js';
+import { useId } from '../../utils/useId.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { useIsMobile } from '../../utils/useIsMobile.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../BladeProvider/index.js';
+import { cssBezierToArray } from '../../utils/cssBezierToArray.js';
+import '../../utils/index.js';
+import '../Divider/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { SearchInput } from '../Input/SearchInput/SearchInput.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Box } from '../Box/Box.js';
+import { Divider } from '../Divider/Divider.js';
+import Button from '../Button/Button/Button.js';
+import FilterIcon from '../Icons/FilterIcon/FilterIcon.js';
+import { Counter } from '../Counter/Counter.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+
+var _excluded = ["testID", "children", "quickFilters", "onSearchChange", "searchValue", "searchValuePlaceholder", "searchName", "showQuickFilters", "onShowQuickFiltersChange", "onSearchClear", "selectedFiltersCount"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width
+var gradientOverlyContainerHeight = '38px';
+var StyledQuickFilterContainer = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "ListViewFiltersweb__StyledQuickFilterContainer",
+  componentId: "igy2td-0"
+})({
+  /* For Webkit (Chrome, Safari) */
+  '::-webkit-scrollbar': {
+    display: 'none'
+  },
+  /* For Firefox */
+  scrollbarWidth: 'none',
+  /* For Edge */
+  msOverflowStyle: 'none'
+});
+var GradientOverlay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ListViewFiltersweb__GradientOverlay",
+  componentId: "igy2td-1"
+})(["height:100%;width:20px;background:linear-gradient( 270deg,", " 0%,", " 100% );pointer-events:none;&::after{content:'';position:absolute;right:0;top:0;height:100%;width:1px;background-color:", ";}"], function (_ref) {
+  var gradientColorRight = _ref.gradientColorRight;
+  return gradientColorRight;
+}, function (_ref2) {
+  var gradientColorLeft = _ref2.gradientColorLeft;
+  return gradientColorLeft;
+}, function (_ref3) {
+  var dividerColor = _ref3.dividerColor;
+  return dividerColor;
+});
+var ListViewFilters = function ListViewFilters(_ref4) {
+  var testID = _ref4.testID,
+    children = _ref4.children,
+    quickFilters = _ref4.quickFilters,
+    onSearchChange = _ref4.onSearchChange,
+    searchValue = _ref4.searchValue,
+    searchValuePlaceholder = _ref4.searchValuePlaceholder,
+    searchName = _ref4.searchName,
+    showQuickFilters = _ref4.showQuickFilters,
+    onShowQuickFiltersChange = _ref4.onShowQuickFiltersChange,
+    onSearchClear = _ref4.onSearchClear,
+    _ref4$selectedFilters = _ref4.selectedFiltersCount,
+    selectedFiltersCount = _ref4$selectedFilters === void 0 ? 0 : _ref4$selectedFilters,
+    rest = _objectWithoutProperties(_ref4, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    shouldShowDecorationInQuickFilters = _useState2[0],
+    setShouldShowDecorationInQuickFilters = _useState2[1];
+  var _useControllableState = useControllableState({
+      defaultValue: showQuickFilters,
+      value: showQuickFilters,
+      onChange: onShowQuickFiltersChange
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    showFilters = _useControllableState2[0],
+    setShowFilters = _useControllableState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    listViewSelectedFilters = _useState4[0],
+    setListViewSelectedFilters = _useState4[1];
+  var searchId = useId('search-input');
+  var searchNameValue = searchName || searchId;
+  var isMobile = useIsMobile();
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/jsxs(ListViewFiltersProvider, {
+    value: {
+      listViewSelectedFilters: listViewSelectedFilters,
+      setListViewSelectedFilters: setListViewSelectedFilters,
+      selectedFiltersCount: selectedFiltersCount
+    },
+    children: [isMobile && /*#__PURE__*/jsx(SearchInput, {
+      label: "",
+      value: searchValue,
+      placeholder: searchValuePlaceholder,
+      name: searchNameValue || searchId,
+      onChange: function onChange(_ref5) {
+        var name = _ref5.name,
+          value = _ref5.value;
+        return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
+          name: name,
+          value: value
+        });
+      },
+      onClearButtonClick: onSearchClear
+    }), /*#__PURE__*/jsxs(BaseBox, {
+      children: [/*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+        name: MetaConstants.ListViewFilter,
+        testID: testID
+      })), makeAnalyticsAttribute(rest)), {}, {
+        display: "flex",
+        justifyContent: "space-between",
+        children: [/*#__PURE__*/jsxs(Box, {
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+          width: isMobile ? '88%' : 'auto',
+          marginRight: isMobile ? 'spacing.2' : 'spacing.0',
+          children: [/*#__PURE__*/jsx(StyledQuickFilterContainer, {
+            overflow: isMobile ? 'scroll' : 'visible',
+            width: isMobile ? '100%' : 'auto',
+            ref: function ref(node) {
+              if (node instanceof HTMLElement && quickFilters) {
+                setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);
+              }
+            },
+            paddingY: "spacing.4",
+            paddingLeft: isMobile ? 'spacing.2' : 'spacing.0',
+            children: quickFilters
+          }), isMobile && shouldShowDecorationInQuickFilters ? /*#__PURE__*/jsxs(Box, {
+            position: "absolute",
+            right: "-1px",
+            top: "spacing.4",
+            width: gradientOverlyContainerWidth,
+            height: gradientOverlyContainerHeight,
+            children: [/*#__PURE__*/jsx(GradientOverlay, {
+              gradientColorLeft: theme.colors.transparent,
+              gradientColorRight: theme.colors.surface.background.gray.intense,
+              dividerColor: theme.colors.surface.border.gray.normal
+            }), /*#__PURE__*/jsx(Divider, {
+              orientation: "vertical"
+            })]
+          }) : null]
+        }), /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          gap: "spacing.4",
+          alignItems: "center",
+          children: [/*#__PURE__*/jsxs(Box, {
+            position: "relative",
+            display: "inline-block",
+            children: [/*#__PURE__*/jsx(Button, {
+              variant: "tertiary",
+              size: "medium",
+              color: "primary",
+              onClick: function onClick() {
+                setShowFilters(function (prev) {
+                  return !prev;
+                });
+              },
+              icon: FilterIcon
+            }), /*#__PURE__*/jsx(Box, {
+              position: "absolute",
+              right: "spacing.0",
+              top: "spacing.0",
+              transform: "translate(50%, -50%)",
+              children: /*#__PURE__*/jsx(Counter, {
+                value: selectedFiltersCount || Object.keys(listViewSelectedFilters).length,
+                color: "primary",
+                emphasis: "intense",
+                size: "small"
+              })
+            })]
+          }), !isMobile && /*#__PURE__*/jsx(Box, {
+            width: "256px",
+            children: /*#__PURE__*/jsx(SearchInput, {
+              label: "",
+              value: searchValue,
+              placeholder: searchValuePlaceholder,
+              name: searchNameValue || searchId,
+              onChange: function onChange(_ref6) {
+                var name = _ref6.name,
+                  value = _ref6.value;
+                return onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange({
+                  name: name,
+                  value: value
+                });
+              },
+              onClearButtonClick: onSearchClear,
+              size: "medium"
+            })
+          })]
+        })]
+      })), /*#__PURE__*/jsx(AnimatePresence, {
+        children: showFilters && /*#__PURE__*/jsx(m.div, {
+          initial: {
+            height: 0
+          },
+          animate: {
+            height: showFilters ? 'auto' : 0
+          },
+          transition: {
+            duration: msToSeconds(theme.motion.duration.moderate),
+            ease: cssBezierToArray(castWebType(theme.motion.easing.standard))
+          },
+          exit: {
+            height: 0
+          },
+          children: /*#__PURE__*/jsx(BaseBox, {
+            display: "flex",
+            backgroundColor: isMobile ? 'surface.background.white' : 'surface.background.gray.moderate',
+            borderTop: !isMobile ? '1ps solid' : undefined,
+            borderTopColor: !isMobile ? 'surface.border.gray.muted' : undefined,
+            children: children
+          })
+        })
+      })]
+    })]
+  });
+};
+
+export { ListViewFilters };
+//# sourceMappingURL=ListViewFilters.web.js.map

package/build/lib/web/development/components/ListView/ListViewFilters.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { AnimatePresence, m } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { FilterIcon } from '~components/Icons';\nimport { Button } from '~components/Button';\nimport { Counter } from '~components/Counter';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~components/BladeProvider';\nimport { cssBezierToArray } from '~utils/cssBezierToArray';\nimport { castWebType } from '~utils';\nimport { Divider } from '~components/Divider';\n\nconst gradientOverlyContainerWidth = '21px'; // 20px + 1px divider width\nconst gradientOverlyContainerHeight = '38px';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst GradientOverlay = styled.div<{\n  gradientColorLeft: string;\n  dividerColor: string;\n  gradientColorRight: string;\n}>`\n  height: 100%;\n  width: 20px;\n  background: linear-gradient(\n    270deg,\n    ${({ gradientColorRight }) => gradientColorRight} 0%,\n    ${({ gradientColorLeft }) => gradientColorLeft} 100%\n  );\n  pointer-events: none;\n  &::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: ${({ dividerColor }) => dividerColor};\n  }\n`;\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [shouldShowDecorationInQuickFilters, setShouldShowDecorationInQuickFilters] = useState(\n    false,\n  );\n  const [showFilters, setShowFilters] = useControllableState({\n    defaultValue: showQuickFilters,\n    value: showQuickFilters,\n    onChange: onShowQuickFiltersChange,\n  });\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      {isMobile && (\n        <SearchInput\n          label=\"\"\n          value={searchValue}\n          placeholder={searchValuePlaceholder}\n          name={searchNameValue || searchId}\n          onChange={({ name, value }) => onSearchChange?.({ name, value })}\n          onClearButtonClick={onSearchClear}\n        />\n      )}\n      <BaseBox>\n        <BaseBox\n          {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n          {...makeAnalyticsAttribute(rest)}\n          display=\"flex\"\n          justifyContent=\"space-between\"\n        >\n          <Box\n            position=\"relative\"\n            display=\"flex\"\n            flexDirection=\"column\"\n            width={isMobile ? '88%' : 'auto'}\n            marginRight={isMobile ? 'spacing.2' : 'spacing.0'}\n          >\n            <StyledQuickFilterContainer\n              overflow={isMobile ? 'scroll' : 'visible'}\n              width={isMobile ? '100%' : 'auto'}\n              ref={(node) => {\n                if (node instanceof HTMLElement && quickFilters) {\n                  setShouldShowDecorationInQuickFilters(node.scrollWidth > node.offsetWidth);\n                }\n              }}\n              paddingY=\"spacing.4\"\n              paddingLeft={isMobile ? 'spacing.2' : 'spacing.0'}\n            >\n              {quickFilters}\n            </StyledQuickFilterContainer>\n            {isMobile && shouldShowDecorationInQuickFilters ? (\n              <Box\n                position=\"absolute\"\n                right=\"-1px\"\n                top=\"spacing.4\"\n                width={gradientOverlyContainerWidth}\n                height={gradientOverlyContainerHeight}\n              >\n                <GradientOverlay\n                  gradientColorLeft={theme.colors.transparent}\n                  gradientColorRight={theme.colors.surface.background.gray.intense}\n                  dividerColor={theme.colors.surface.border.gray.normal}\n                />\n                <Divider orientation=\"vertical\" />\n              </Box>\n            ) : null}\n          </Box>\n\n          <BaseBox display=\"flex\" gap=\"spacing.4\" alignItems=\"center\">\n            <Box position=\"relative\" display=\"inline-block\">\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                color=\"primary\"\n                onClick={() => {\n                  setShowFilters((prev) => !prev);\n                }}\n                icon={FilterIcon}\n              />\n              <Box\n                position=\"absolute\"\n                right=\"spacing.0\"\n                top=\"spacing.0\"\n                transform=\"translate(50%, -50%)\"\n              >\n                <Counter\n                  value={selectedFiltersCount || Object.keys(listViewSelectedFilters).length}\n                  color=\"primary\"\n                  emphasis=\"intense\"\n                  size=\"small\"\n                />\n              </Box>\n            </Box>\n            {!isMobile && (\n              <Box width=\"256px\">\n                <SearchInput\n                  label=\"\"\n                  value={searchValue}\n                  placeholder={searchValuePlaceholder}\n                  name={searchNameValue || searchId}\n                  onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                  onClearButtonClick={onSearchClear}\n                  size=\"medium\"\n                />\n              </Box>\n            )}\n          </BaseBox>\n        </BaseBox>\n        <AnimatePresence>\n          {showFilters && (\n            <m.div\n              initial={{ height: 0 }}\n              animate={{ height: showFilters ? 'auto' : 0 }}\n              transition={{\n                duration: msToSeconds(theme.motion.duration.moderate),\n                ease: cssBezierToArray(castWebType(theme.motion.easing.standard)),\n              }}\n              exit={{ height: 0 }}\n            >\n              <BaseBox\n                display=\"flex\"\n                backgroundColor={\n                  isMobile ? 'surface.background.white' : 'surface.background.gray.moderate'\n                }\n                borderTop={!isMobile ? '1ps solid' : undefined}\n                borderTopColor={!isMobile ? 'surface.border.gray.muted' : undefined}\n              >\n                {children}\n              </BaseBox>\n            </m.div>\n          )}\n        </AnimatePresence>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["gradientOverlyContainerWidth","gradientOverlyContainerHeight","StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","GradientOverlay","div","_ref","gradientColorRight","_ref2","gradientColorLeft","_ref3","dividerColor","ListViewFilters","_ref4","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","onSearchClear","_ref4$selectedFilters","selectedFiltersCount","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","shouldShowDecorationInQuickFilters","setShouldShowDecorationInQuickFilters","_useControllableState","useControllableState","defaultValue","value","onChange","_useControllableState2","showFilters","setShowFilters","_useState3","_useState4","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","_useTheme","useTheme","theme","_jsxs","ListViewFiltersProvider","_jsx","SearchInput","label","placeholder","name","_ref5","onClearButtonClick","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","width","marginRight","overflow","ref","node","HTMLElement","scrollWidth","offsetWidth","paddingY","paddingLeft","right","top","height","colors","transparent","surface","background","gray","intense","border","normal","Divider","orientation","gap","alignItems","Button","variant","size","color","onClick","prev","icon","FilterIcon","transform","Counter","Object","keys","length","emphasis","_ref6","AnimatePresence","m","initial","animate","transition","duration","msToSeconds","motion","moderate","ease","cssBezierToArray","castWebType","easing","standard","exit","backgroundColor","borderTop","undefined","borderTopColor"],"mappings":"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"}

package/build/lib/web/development/components/ListView/ListViewFiltersContext.web.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+var ListViewFiltersGroupContext = /*#__PURE__*/React__default.createContext({
+  selectedFiltersCount: 0,
+  listViewSelectedFilters: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setListViewSelectedFilters: function setListViewSelectedFilters() {}
+});
+var ListViewFiltersProvider = ListViewFiltersGroupContext.Provider;
+var useListViewFilterContext = function useListViewFilterContext() {
+  var context = React__default.useContext(ListViewFiltersGroupContext);
+  return context;
+};
+
+export { ListViewFiltersProvider, useListViewFilterContext };
+//# sourceMappingURL=ListViewFiltersContext.web.js.map

package/build/lib/web/development/components/ListView/ListViewFiltersContext.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewFiltersContext.web.js","sources":["../../../../../../src/components/ListView/ListViewFiltersContext.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { ListViewContextType } from './types';\n\nconst ListViewFiltersGroupContext = React.createContext<ListViewContextType>({\n  selectedFiltersCount: 0,\n  listViewSelectedFilters: {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  setListViewSelectedFilters: () => {},\n});\nconst ListViewFiltersProvider = ListViewFiltersGroupContext.Provider;\n\nconst useListViewFilterContext = (): ListViewContextType => {\n  const context = React.useContext(ListViewFiltersGroupContext);\n  return context;\n};\n\nexport { useListViewFilterContext, ListViewFiltersProvider };\n"],"names":["ListViewFiltersGroupContext","React","createContext","selectedFiltersCount","listViewSelectedFilters","setListViewSelectedFilters","ListViewFiltersProvider","Provider","useListViewFilterContext","context","useContext"],"mappings":";;AAGA,IAAMA,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAAsB;AAC3EC,EAAAA,oBAAoB,EAAE,CAAC;EACvBC,uBAAuB,EAAE,EAAE;AAC3B;AACAC,EAAAA,0BAA0B,EAAE,SAAAA,0BAAA,GAAM,EAAC;AACrC,CAAC,CAAC,CAAA;AACF,IAAMC,uBAAuB,GAAGN,2BAA2B,CAACO,SAAQ;AAEpE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAA8B;AAC1D,EAAA,IAAMC,OAAO,GAAGR,cAAK,CAACS,UAAU,CAACV,2BAA2B,CAAC,CAAA;AAC7D,EAAA,OAAOS,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/ListView/index.js

@@ -0,0 +1,3 @@
+export { ListView } from './ListView.web.js';
+export { ListViewFilters } from './ListViewFilters.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/ListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -74,6 +74,17 @@ var StyledL1Menu = /*#__PURE__*/styled(BaseBox).withConfig({
     display: 'initial'
   }));
 });
+var StyledL2PortalContainer = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "SideNavweb__StyledL2PortalContainer",
+  componentId: "sc-1obm5ij-2"
+})(function () {
+  return {
+    // This ensures that the portal node has 100% height when it has items
+    '& > div:not(:empty)': {
+      height: '100%'
+    }
+  };
+});
 var getL1MenuClassName = function getL1MenuClassName(_ref3) {
   var isL1Collapsed = _ref3.isL1Collapsed,
     isL1Hovered = _ref3.isL1Hovered,
@@ -89,7 +100,7 @@ var getL1MenuClassName = function getL1MenuClassName(_ref3) {
 };
 var BannerContainer = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "SideNavweb__BannerContainer",
-  componentId: "sc-1obm5ij-2"
+  componentId: "sc-1obm5ij-3"
 })(function (props) {
   return {
     '&:not(:empty)': {
@@ -329,7 +340,7 @@ var _SideNav = function _SideNav(_ref4, ref) {
         display: "block",
         flex: "1",
         width: "100%",
-        children: [/*#__PURE__*/jsx(BaseBox, {
+        children: [/*#__PURE__*/jsx(StyledL2PortalContainer, {
           position: "absolute",
           backgroundColor: "surface.background.gray.moderate",
           height: "100%",

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

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

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

@@ -385,6 +385,7 @@ var SideNavLink = function SideNavLink(_ref4) {
           returnFocus: true,
           children: /*#__PURE__*/jsx(BaseBox, {
             ref: refs.setFloating,
+            height: "100%",
             children: children
           })
         }) : null