@razorpay/blade 12.4.0 → 12.5.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.
@@ -19,6 +19,7 @@ import '../../../utils/getFocusRingStyles/index.js';
19
19
  import { useIsomorphicLayoutEffect } from '../../../utils/useIsomorphicLayoutEffect.js';
20
20
  import '../../../utils/logger/index.js';
21
21
  import '../../../utils/makeAnalyticsAttribute/index.js';
22
+ import '../../Typography/index.js';
22
23
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
23
24
  import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
24
25
  import { makeSize } from '../../../utils/makeSize/makeSize.js';
@@ -27,6 +28,7 @@ import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js'
27
28
  import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
28
29
  import { Box } from '../../Box/Box.js';
29
30
  import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
31
+ import { Text } from '../../Typography/Text/Text.js';
30
32
  import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
31
33
  import ChevronUpIcon from '../../Icons/ChevronUpIcon/ChevronUpIcon.js';
32
34
  import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
@@ -36,7 +38,7 @@ import { CollapsibleBody } from '../../Collapsible/CollapsibleBody.js';
36
38
  import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
37
39
  import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
38
40
 
39
- var _excluded = ["title", "href", "children", "titleSuffix", "trailing", "isActive", "icon", "tooltip", "as", "target", "onClick"];
41
+ var _excluded = ["title", "description", "href", "children", "titleSuffix", "trailing", "isActive", "icon", "tooltip", "as", "target", "onClick"];
40
42
  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; }
41
43
  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; }
42
44
  var SHOW_ON_LINK_HOVER = classes.SHOW_ON_LINK_HOVER,
@@ -63,14 +65,13 @@ var StyledNavLinkContainer = /*#__PURE__*/styled(BaseBox).withConfig({
63
65
  display: 'flex',
64
66
  flexDirection: 'row',
65
67
  alignItems: 'center',
66
- justifyContent: 'space-between',
67
- height: makeSize(NAV_ITEM_HEIGHT),
68
+ height: props.$hasDescription ? undefined : makeSize(NAV_ITEM_HEIGHT),
68
69
  width: '100%',
69
70
  textDecoration: 'none',
70
71
  overflow: 'hidden',
71
72
  flexWrap: 'nowrap',
72
73
  cursor: 'pointer',
73
- padding: "".concat(makeSpace(props.theme.spacing[0]), " ").concat(makeSpace(props.theme.spacing[4])),
74
+ padding: "".concat(makeSpace(props.theme.spacing[props.$hasDescription ? 3 : 0]), " ").concat(makeSpace(props.theme.spacing[4])),
74
75
  margin: "".concat(makeSpace(props.theme.spacing[1]), " ").concat(makeSpace(props.theme.spacing[0])),
75
76
  color: props.theme.colors.interactive.text.gray.subtle,
76
77
  borderRadius: props.theme.border.radius.medium,
@@ -93,39 +94,64 @@ var StyledNavLinkContainer = /*#__PURE__*/styled(BaseBox).withConfig({
93
94
  var NavLinkIconTitle = function NavLinkIconTitle(_ref2) {
94
95
  var Icon = _ref2.icon,
95
96
  title = _ref2.title,
97
+ description = _ref2.description,
96
98
  titleSuffix = _ref2.titleSuffix,
99
+ isActive = _ref2.isActive,
100
+ trailing = _ref2.trailing,
97
101
  isL1Item = _ref2.isL1Item;
98
102
  return /*#__PURE__*/jsxs(Box, {
99
- display: "flex",
100
- flexDirection: "row",
101
- gap: "spacing.3",
102
- children: [Icon ? /*#__PURE__*/jsx(BaseBox, {
103
+ width: "100%",
104
+ textAlign: "left",
105
+ children: [/*#__PURE__*/jsxs(Box, {
103
106
  display: "flex",
104
- flexDirection: "row",
105
- alignItems: "center",
106
- justifyContent: "center",
107
- children: /*#__PURE__*/jsx(Icon, {
108
- size: "medium",
109
- color: "currentColor"
110
- })
111
- }) : null, /*#__PURE__*/jsx(BaseText, {
107
+ justifyContent: "space-between",
108
+ width: "100%",
109
+ children: [/*#__PURE__*/jsxs(Box, {
110
+ display: "flex",
111
+ flexDirection: "row",
112
+ gap: "spacing.3",
113
+ alignItems: "center",
114
+ children: [Icon ? /*#__PURE__*/jsx(BaseBox, {
115
+ display: "flex",
116
+ flexDirection: "row",
117
+ alignItems: "center",
118
+ children: /*#__PURE__*/jsx(Icon, {
119
+ size: "medium",
120
+ color: "currentColor"
121
+ })
122
+ }) : null, /*#__PURE__*/jsx(BaseText, {
123
+ truncateAfterLines: 1,
124
+ color: "currentColor",
125
+ fontWeight: "medium",
126
+ fontSize: 100,
127
+ lineHeight: 100,
128
+ as: "p",
129
+ className: isL1Item ? HIDE_WHEN_COLLAPSED : '',
130
+ children: title
131
+ }), titleSuffix ? /*#__PURE__*/jsx(BaseBox, {
132
+ display: "flex",
133
+ alignItems: "center",
134
+ children: titleSuffix
135
+ }) : null]
136
+ }), /*#__PURE__*/jsx(Box, {
137
+ display: "flex",
138
+ alignItems: "center",
139
+ children: trailing
140
+ })]
141
+ }), !isL1Item && description ? /*#__PURE__*/jsx(Text, {
142
+ size: "small",
143
+ marginLeft: "spacing.7",
144
+ textAlign: "left",
145
+ weight: "medium",
146
+ color: isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted',
112
147
  truncateAfterLines: 1,
113
- color: "currentColor",
114
- fontWeight: "medium",
115
- fontSize: 100,
116
- lineHeight: 100,
117
- as: "p",
118
- className: isL1Item ? HIDE_WHEN_COLLAPSED : '',
119
- children: title
120
- }), titleSuffix ? /*#__PURE__*/jsx(BaseBox, {
121
- display: "flex",
122
- alignItems: "center",
123
- children: titleSuffix
148
+ children: description
124
149
  }) : null]
125
150
  });
126
151
  };
127
152
  var L3Trigger = function L3Trigger(_ref3) {
128
153
  var title = _ref3.title,
154
+ description = _ref3.description,
129
155
  icon = _ref3.icon,
130
156
  as = _ref3.as,
131
157
  href = _ref3.href,
@@ -148,7 +174,8 @@ var L3Trigger = function L3Trigger(_ref3) {
148
174
  return /*#__PURE__*/jsx(TooltipifyNavItem, {
149
175
  tooltip: tooltip,
150
176
  children: /*#__PURE__*/jsx(StyledNavLinkContainer, {
151
- children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
177
+ $hasDescription: Boolean(description),
178
+ children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
152
179
  className: STYLED_NAV_LINK,
153
180
  as: href ? as : 'button',
154
181
  to: href,
@@ -160,16 +187,14 @@ var L3Trigger = function L3Trigger(_ref3) {
160
187
  expanded: isExpanded,
161
188
  controls: collapsibleBodyId
162
189
  })), {}, {
163
- children: [/*#__PURE__*/jsx(NavLinkIconTitle, {
190
+ children: /*#__PURE__*/jsx(NavLinkIconTitle, {
164
191
  title: title,
192
+ description: description,
165
193
  icon: icon,
166
194
  isL1Item: false,
167
- titleSuffix: titleSuffix
168
- }), /*#__PURE__*/jsx(BaseBox, {
169
- display: "flex",
170
- alignItems: "center",
171
- children: isExpanded ? /*#__PURE__*/jsx(ChevronUpIcon, _objectSpread({}, iconProps)) : /*#__PURE__*/jsx(ChevronDownIcon, _objectSpread({}, iconProps))
172
- })]
195
+ titleSuffix: titleSuffix,
196
+ trailing: isExpanded ? /*#__PURE__*/jsx(ChevronUpIcon, _objectSpread({}, iconProps)) : /*#__PURE__*/jsx(ChevronDownIcon, _objectSpread({}, iconProps))
197
+ })
173
198
  }))
174
199
  })
175
200
  });
@@ -202,6 +227,7 @@ var CurvedVerticalLine = /*#__PURE__*/styled(BaseBox).withConfig({
202
227
  });
203
228
  var SideNavLink = function SideNavLink(_ref4) {
204
229
  var title = _ref4.title,
230
+ description = _ref4.description,
205
231
  href = _ref4.href,
206
232
  children = _ref4.children,
207
233
  titleSuffix = _ref4.titleSuffix,
@@ -232,6 +258,12 @@ var SideNavLink = function SideNavLink(_ref4) {
232
258
  moduleName: 'SideNavLink'
233
259
  });
234
260
  }
261
+ if (currentLevel === 1 && Boolean(description)) {
262
+ throwBladeError({
263
+ message: 'Description is not supported for L1 items',
264
+ moduleName: 'SideNavLink'
265
+ });
266
+ }
235
267
  }
236
268
  var isFirstRender = useFirstRender();
237
269
  var _useFloating = useFloating({
@@ -260,6 +292,7 @@ var SideNavLink = function SideNavLink(_ref4) {
260
292
  _shouldApplyWidthRestrictions: false,
261
293
  children: [/*#__PURE__*/jsx(L3Trigger, {
262
294
  title: title,
295
+ description: description,
263
296
  icon: icon,
264
297
  as: as,
265
298
  href: href,
@@ -275,6 +308,7 @@ var SideNavLink = function SideNavLink(_ref4) {
275
308
  })]
276
309
  }) : /*#__PURE__*/jsxs(Fragment, {
277
310
  children: [/*#__PURE__*/jsxs(StyledNavLinkContainer, {
311
+ $hasDescription: currentLevel !== 1 && Boolean(description),
278
312
  position: "relative",
279
313
  children: [/*#__PURE__*/jsx(TooltipifyNavItem, {
280
314
  tooltip: tooltip,
@@ -318,6 +352,8 @@ var SideNavLink = function SideNavLink(_ref4) {
318
352
  children: [/*#__PURE__*/jsx(NavLinkIconTitle, {
319
353
  icon: icon,
320
354
  title: title,
355
+ description: description,
356
+ isActive: isActive,
321
357
  isL1Item: currentLevel === 1,
322
358
  titleSuffix: titleSuffix
323
359
  }), isL2Trigger ? /*#__PURE__*/jsx(BaseBox, {
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)((props) => {\n return {\n width: '100%',\n [`.${SHOW_ON_LINK_HOVER}`]: {\n opacity: 0,\n '&:focus-within, &:focus-visible': {\n opacity: 1,\n },\n },\n '&:hover': {\n [`.${SHOW_ON_LINK_HOVER}`]: {\n opacity: 1,\n },\n\n [`.${STYLED_NAV_LINK}`]: {\n color: props.theme.colors.interactive.text.gray.normal,\n backgroundColor: props.theme.colors.interactive.background.gray.default,\n },\n },\n [`.${STYLED_NAV_LINK}`]: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n height: makeSize(NAV_ITEM_HEIGHT),\n width: '100%',\n textDecoration: 'none',\n overflow: 'hidden',\n flexWrap: 'nowrap',\n cursor: 'pointer',\n padding: `${makeSpace(props.theme.spacing[0])} ${makeSpace(props.theme.spacing[4])}`,\n margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n color: props.theme.colors.interactive.text.gray.subtle,\n borderRadius: props.theme.border.radius.medium,\n borderWidth: makeBorderSize(props.theme.border.width.none),\n backgroundColor: props.theme.colors.transparent,\n transition: getNavItemTransition(props.theme),\n '&[aria-current]': {\n color: props.theme.colors.interactive.text.primary.subtle,\n backgroundColor: props.theme.colors.interactive.background.primary.faded,\n },\n '&[aria-current]:hover': {\n color: props.theme.colors.interactive.text.primary.normal,\n backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme: props.theme }),\n },\n },\n };\n});\n\nconst NavLinkIconTitle = ({\n icon: Icon,\n title,\n titleSuffix,\n isL1Item,\n}: Pick<SideNavLinkProps, 'title' | 'icon' | 'titleSuffix'> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\" justifyContent=\"center\">\n <Icon size=\"medium\" color=\"currentColor\" />\n </BaseBox>\n ) : null}\n <BaseText\n truncateAfterLines={1}\n color=\"currentColor\"\n fontWeight=\"medium\"\n fontSize={100}\n lineHeight={100}\n as=\"p\"\n className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n >\n {title}\n </BaseText>\n {titleSuffix ? (\n <BaseBox display=\"flex\" alignItems=\"center\">\n {titleSuffix}\n </BaseBox>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'icon' | 'as' | 'href' | 'titleSuffix' | 'tooltip' | 'target' | '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 <TooltipifyNavItem tooltip={tooltip}>\n <StyledNavLinkContainer>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={href ? as : 'button'}\n to={href}\n target={target}\n onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n >\n <NavLinkIconTitle title={title} icon={icon} isL1Item={false} titleSuffix={titleSuffix} />\n <BaseBox display=\"flex\" alignItems=\"center\">\n {isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />}\n </BaseBox>\n </BaseBox>\n </StyledNavLinkContainer>\n </TooltipifyNavItem>\n );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n const { colors, border, spacing } = props.theme;\n return {\n borderWidth: makeBorderSize(props.theme.border.width.thin),\n borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n borderStyle: 'solid',\n borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n border.radius.none,\n )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n height: '100vh',\n position: 'absolute',\n // We want the active line to be positioned in the middle of item's height thus divide by 2\n top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n width: makeSpace(spacing[3]),\n left: makeSpace(-spacing[3]),\n };\n});\n\nconst SideNavLink = ({\n title,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\n ...rest\n}: SideNavLinkProps): React.ReactElement => {\n const {\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed,\n setIsL1Collapsed,\n } = useSideNav();\n const { level: _prevLevel } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n const isL2Trigger = Boolean(children) && currentLevel === 1;\n const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n if (__DEV__) {\n if (Boolean(children) && currentLevel >= 3) {\n throwBladeError({\n message:\n 'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n moduleName: 'SideNavLink',\n });\n }\n }\n\n const isFirstRender = useFirstRender();\n\n const { refs, context } = useFloating({\n open: isActive,\n });\n\n useIsomorphicLayoutEffect(() => {\n onLinkActiveChange?.({\n level: currentLevel,\n title,\n isActive: Boolean(isActive),\n isL2Trigger,\n isFirstRender,\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isActive]);\n\n return (\n <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n {isL3Trigger ? (\n <Collapsible\n defaultIsExpanded={isActive}\n _dangerouslyDisableValidations={true}\n _shouldApplyWidthRestrictions={false}\n >\n <L3Trigger\n title={title}\n 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 position=\"relative\">\n <TooltipifyNavItem tooltip={tooltip}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={as ?? 'a'}\n to={href}\n href={as ? undefined : href}\n target={target}\n ref={refs.setReference}\n onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n // Close the mobile nav when item is clicked and its not trigger for next menu\n if (!isL2Trigger) {\n closeMobileNav?.();\n }\n\n if (isActive) {\n onLinkActiveChange?.({\n level: currentLevel,\n title,\n isActive: Boolean(isActive),\n isL2Trigger,\n isFirstRender: false,\n });\n }\n\n onClick?.(e);\n }}\n onFocus={(e: { target: HTMLDivElement }) => {\n // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n // Which can make L1 to expand when tabs / windows are changed\n // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n const hasFocusRing = e.target?.matches(':focus-visible');\n if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n setIsL1Collapsed?.(false);\n }\n }}\n aria-current={isActive ? 'page' : undefined}\n data-level={currentLevel}\n data-l2trigger={isL2Trigger}\n {...makeAnalyticsAttribute(rest)}\n >\n <NavLinkIconTitle\n icon={icon}\n title={title}\n isL1Item={currentLevel === 1}\n titleSuffix={titleSuffix}\n />\n {isL2Trigger ? (\n <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n </BaseBox>\n ) : null}\n </BaseBox>\n </TooltipifyNavItem>\n {trailing && !isL2Trigger ? (\n <BaseBox\n position=\"absolute\"\n top=\"spacing.0\"\n right=\"spacing.2\"\n height=\"100%\"\n display=\"flex\"\n alignItems=\"center\"\n className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n >\n {trailing}\n </BaseBox>\n ) : null}\n {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n </StyledNavLinkContainer>\n\n {children ? (\n <FloatingPortal root={l2PortalContainerRef}>\n {isActive && isL1Collapsed ? (\n <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n </FloatingFocusManager>\n ) : null}\n </FloatingPortal>\n ) : null}\n </>\n )}\n </NavLinkContext.Provider>\n );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","justifyContent","height","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","titleSuffix","isL1Item","_jsxs","Box","gap","children","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyNavItem","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","trailing","isActive","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","Boolean","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","undefined","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
1
+ {"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { TooltipifyNavItem } from './TooltipifyNavItem';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Text } from '~components/Typography';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((props) => {\n return {\n width: '100%',\n [`.${SHOW_ON_LINK_HOVER}`]: {\n opacity: 0,\n '&:focus-within, &:focus-visible': {\n opacity: 1,\n },\n },\n '&:hover': {\n [`.${SHOW_ON_LINK_HOVER}`]: {\n opacity: 1,\n },\n\n [`.${STYLED_NAV_LINK}`]: {\n color: props.theme.colors.interactive.text.gray.normal,\n backgroundColor: props.theme.colors.interactive.background.gray.default,\n },\n },\n [`.${STYLED_NAV_LINK}`]: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n height: props.$hasDescription ? undefined : makeSize(NAV_ITEM_HEIGHT),\n width: '100%',\n textDecoration: 'none',\n overflow: 'hidden',\n flexWrap: 'nowrap',\n cursor: 'pointer',\n padding: `${makeSpace(props.theme.spacing[props.$hasDescription ? 3 : 0])} ${makeSpace(\n props.theme.spacing[4],\n )}`,\n margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n color: props.theme.colors.interactive.text.gray.subtle,\n borderRadius: props.theme.border.radius.medium,\n borderWidth: makeBorderSize(props.theme.border.width.none),\n backgroundColor: props.theme.colors.transparent,\n transition: getNavItemTransition(props.theme),\n '&[aria-current]': {\n color: props.theme.colors.interactive.text.primary.subtle,\n backgroundColor: props.theme.colors.interactive.background.primary.faded,\n },\n '&[aria-current]:hover': {\n color: props.theme.colors.interactive.text.primary.normal,\n backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n },\n '&:focus-visible': {\n ...getFocusRingStyles({ theme: props.theme }),\n },\n },\n };\n});\n\nconst NavLinkIconTitle = ({\n icon: Icon,\n title,\n description,\n titleSuffix,\n isActive,\n trailing,\n isL1Item,\n}: Pick<\n SideNavLinkProps,\n 'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n isL1Item: boolean;\n}): React.ReactElement => {\n return (\n <Box width=\"100%\" textAlign=\"left\">\n <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n {Icon ? (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <Icon size=\"medium\" color=\"currentColor\" />\n </BaseBox>\n ) : null}\n <BaseText\n truncateAfterLines={1}\n color=\"currentColor\"\n fontWeight=\"medium\"\n fontSize={100}\n lineHeight={100}\n as=\"p\"\n className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n >\n {title}\n </BaseText>\n {titleSuffix ? (\n <BaseBox display=\"flex\" alignItems=\"center\">\n {titleSuffix}\n </BaseBox>\n ) : null}\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n {trailing}\n </Box>\n </Box>\n {!isL1Item && description ? (\n <Text\n size=\"small\"\n marginLeft=\"spacing.7\"\n textAlign=\"left\"\n weight=\"medium\"\n color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n truncateAfterLines={1}\n >\n {description}\n </Text>\n ) : null}\n </Box>\n );\n};\n\nconst L3Trigger = ({\n title,\n description,\n icon,\n as,\n href,\n target,\n titleSuffix,\n tooltip,\n onClick,\n}: Pick<\n SideNavLinkProps,\n | 'title'\n | 'description'\n | 'icon'\n | 'as'\n | 'href'\n | 'titleSuffix'\n | 'tooltip'\n | 'target'\n | 'onClick'\n>): React.ReactElement => {\n const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n const toggleCollapse = (e: React.MouseEvent): void => {\n onClick?.(e);\n onExpandChange(!isExpanded);\n };\n const iconProps = {\n size: 'medium',\n color: 'currentColor',\n } as const;\n\n return (\n <TooltipifyNavItem 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 </TooltipifyNavItem>\n );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n const { colors, border, spacing } = props.theme;\n return {\n borderWidth: makeBorderSize(props.theme.border.width.thin),\n borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n borderStyle: 'solid',\n borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n border.radius.none,\n )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n height: '100vh',\n position: 'absolute',\n // We want the active line to be positioned in the middle of item's height thus divide by 2\n top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n width: makeSpace(spacing[3]),\n left: makeSpace(-spacing[3]),\n };\n});\n\nconst SideNavLink = ({\n title,\n description,\n href,\n children,\n titleSuffix,\n trailing,\n isActive,\n icon,\n tooltip,\n as,\n target,\n onClick,\n ...rest\n}: SideNavLinkProps): React.ReactElement => {\n const {\n l2PortalContainerRef,\n onLinkActiveChange,\n closeMobileNav,\n isL1Collapsed,\n setIsL1Collapsed,\n } = useSideNav();\n const { level: _prevLevel } = useNavLink();\n const prevLevel = _prevLevel ?? 0;\n const currentLevel = prevLevel + 1;\n const isL2Trigger = Boolean(children) && currentLevel === 1;\n const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n if (__DEV__) {\n if (Boolean(children) && currentLevel >= 3) {\n throwBladeError({\n message:\n 'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n moduleName: 'SideNavLink',\n });\n }\n\n if (currentLevel === 1 && Boolean(description)) {\n throwBladeError({\n message: 'Description is not supported for L1 items',\n moduleName: 'SideNavLink',\n });\n }\n }\n\n const isFirstRender = useFirstRender();\n\n const { refs, context } = useFloating({\n open: isActive,\n });\n\n useIsomorphicLayoutEffect(() => {\n onLinkActiveChange?.({\n level: currentLevel,\n title,\n isActive: Boolean(isActive),\n isL2Trigger,\n isFirstRender,\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isActive]);\n\n return (\n <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n {isL3Trigger ? (\n <Collapsible\n defaultIsExpanded={isActive}\n _dangerouslyDisableValidations={true}\n _shouldApplyWidthRestrictions={false}\n >\n <L3Trigger\n title={title}\n description={description}\n icon={icon}\n as={as}\n href={href}\n titleSuffix={titleSuffix}\n onClick={onClick}\n />\n <CollapsibleBody width=\"100%\" _hasMargin={false}>\n <Box position=\"relative\">{children}</Box>\n </CollapsibleBody>\n </Collapsible>\n ) : (\n <>\n <StyledNavLinkContainer\n $hasDescription={currentLevel !== 1 && Boolean(description)}\n position=\"relative\"\n >\n <TooltipifyNavItem tooltip={tooltip}>\n <BaseBox\n className={STYLED_NAV_LINK}\n as={as ?? 'a'}\n to={href}\n href={as ? undefined : href}\n target={target}\n ref={refs.setReference}\n onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n // Close the mobile nav when item is clicked and its not trigger for next menu\n if (!isL2Trigger) {\n closeMobileNav?.();\n }\n\n if (isActive) {\n onLinkActiveChange?.({\n level: currentLevel,\n title,\n isActive: Boolean(isActive),\n isL2Trigger,\n isFirstRender: false,\n });\n }\n\n onClick?.(e);\n }}\n onFocus={(e: { target: HTMLDivElement }) => {\n // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n // Which can make L1 to expand when tabs / windows are changed\n // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n const hasFocusRing = e.target?.matches(':focus-visible');\n if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n setIsL1Collapsed?.(false);\n }\n }}\n aria-current={isActive ? 'page' : undefined}\n data-level={currentLevel}\n data-l2trigger={isL2Trigger}\n {...makeAnalyticsAttribute(rest)}\n >\n <NavLinkIconTitle\n icon={icon}\n title={title}\n description={description}\n isActive={isActive}\n isL1Item={currentLevel === 1}\n titleSuffix={titleSuffix}\n />\n {isL2Trigger ? (\n <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n </BaseBox>\n ) : null}\n </BaseBox>\n </TooltipifyNavItem>\n {trailing && !isL2Trigger ? (\n <BaseBox\n position=\"absolute\"\n top=\"spacing.0\"\n right=\"spacing.2\"\n height=\"100%\"\n display=\"flex\"\n alignItems=\"center\"\n className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n >\n {trailing}\n </BaseBox>\n ) : null}\n {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n </StyledNavLinkContainer>\n {children ? (\n <FloatingPortal root={l2PortalContainerRef}>\n {isActive && isL1Collapsed ? (\n <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n <BaseBox ref={refs.setFloating}>{children}</BaseBox>\n </FloatingFocusManager>\n ) : null}\n </FloatingPortal>\n ) : null}\n </>\n )}\n </NavLinkContext.Provider>\n );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","height","$hasDescription","undefined","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyNavItem","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
@@ -20515,6 +20515,9 @@ declare const SideNav: React__default.ForwardRefExoticComponent<{
20515
20515
  children: React__default.ReactNode;
20516
20516
  isOpen?: boolean | undefined;
20517
20517
  onDismiss?: (() => void) | undefined;
20518
+ onVisibleLevelChange?: (({ visibleLevel }: {
20519
+ visibleLevel: number;
20520
+ }) => void) | undefined;
20518
20521
  banner?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
20519
20522
  } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
20520
20523
  bottom: SpacingValueType | {
@@ -21123,6 +21126,16 @@ type SideNavProps = {
21123
21126
  * Callback when SideNav is closed
21124
21127
  */
21125
21128
  onDismiss?: DrawerProps['onDismiss'];
21129
+ /**
21130
+ * Callback that gets triggered when L1 is collapsed or expanded.
21131
+ *
21132
+ * This callback gets triggered when you-
21133
+ * - Select the active link changes between L1 and L2 which can collapse or expand the L1
21134
+ * - When you hover / unhover L1 in collapsed state which can temporarily expand the L1
21135
+ */
21136
+ onVisibleLevelChange?: ({ visibleLevel }: {
21137
+ visibleLevel: number;
21138
+ }) => void;
21126
21139
  /**
21127
21140
  * Banner slot for usecases like adding Activation Panel
21128
21141
  *
@@ -21135,6 +21148,12 @@ type SideNavLinkProps = {
21135
21148
  * title of the Link
21136
21149
  */
21137
21150
  title: string;
21151
+ /**
21152
+ * description of the Link
21153
+ *
21154
+ * **Note**: Only applicable for L2 items
21155
+ */
21156
+ description?: string;
21138
21157
  /**
21139
21158
  * Slot after the title.
21140
21159
  *
@@ -21282,7 +21301,7 @@ type SideNavLevelProps = {
21282
21301
  children: React__default.ReactElement | React__default.ReactElement[];
21283
21302
  };
21284
21303
 
21285
- declare const SideNavLink: ({ title, href, children, titleSuffix, trailing, isActive, icon, tooltip, as, target, onClick, ...rest }: SideNavLinkProps) => React__default.ReactElement;
21304
+ declare const SideNavLink: ({ title, description, href, children, titleSuffix, trailing, isActive, icon, tooltip, as, target, onClick, ...rest }: SideNavLinkProps) => React__default.ReactElement;
21286
21305
 
21287
21306
  declare const SideNavLevel: ({ children }: SideNavLevelProps) => React__default.ReactElement;
21288
21307
 
@@ -13031,6 +13031,16 @@ type SideNavProps = {
13031
13031
  * Callback when SideNav is closed
13032
13032
  */
13033
13033
  onDismiss?: DrawerProps['onDismiss'];
13034
+ /**
13035
+ * Callback that gets triggered when L1 is collapsed or expanded.
13036
+ *
13037
+ * This callback gets triggered when you-
13038
+ * - Select the active link changes between L1 and L2 which can collapse or expand the L1
13039
+ * - When you hover / unhover L1 in collapsed state which can temporarily expand the L1
13040
+ */
13041
+ onVisibleLevelChange?: ({ visibleLevel }: {
13042
+ visibleLevel: number;
13043
+ }) => void;
13034
13044
  /**
13035
13045
  * Banner slot for usecases like adding Activation Panel
13036
13046
  *
@@ -13043,6 +13053,12 @@ type SideNavLinkProps = {
13043
13053
  * title of the Link
13044
13054
  */
13045
13055
  title: string;
13056
+ /**
13057
+ * description of the Link
13058
+ *
13059
+ * **Note**: Only applicable for L2 items
13060
+ */
13061
+ description?: string;
13046
13062
  /**
13047
13063
  * Slot after the title.
13048
13064
  *
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@razorpay/blade",
3
3
  "description": "The Design System that powers Razorpay",
4
- "version": "12.4.0",
4
+ "version": "12.5.0",
5
5
  "license": "MIT",
6
6
  "engines": {
7
7
  "node": ">=18.12.1"