@razorpay/blade 12.95.3 → 12.95.5

package/build/lib/native/components/Spark/RzpGlass/presets.js

@@ -1,4 +1,4 @@
-var DEFAULT_CONFIG={inputMin:0.0,inputMax:1.0,modifyGamma:1.05,posterizeLevels:0.0,cycleRepetitions:1.0,phaseShift:0.0,cycleSpeed:0.0,wrapMode:false,reverse:true,blendWithOriginal:0.0,gradientMapBlend:0.0,gradientMapBlendDuration:0.6,enableCenterElement:true,centerAnimDuration:6.0,ccBlackPoint:0.0,ccWhitePoint:0.9,ccMidtoneGamma:1.2,ccGamma:1.2,ccContrast:0.0,numSegments:45.0,slitAngle:0.15,displacementX:-12.0,displacementY:-20.0,paused:false,startTime:0,endTime:14,animateLightIndependently:false,playbackRate:1.0,lightIntensity:0.2,lightStartFrame:140,enableDisplacement:true,enableColorama:true,enableBloom:true,enableLightSweep:true,aspectRatio:3/2,zoom:1,panX:0,panY:0,edgeFeather:[0,0,0,0],backgroundColor:[-1,-1,-1],animateCycleReps:true,cycleRepetitionsStart:1.0,cycleRepetitionsEnd:1.15,cycleRepetitionsStartFrame:0,cycleRepetitionsDuration:140};var getPresets=function getPresets(assetsPath){return {default:{},zoomed:{lightIntensity:0.2,lightStartFrame:0,ccBlackPoint:0.0,ccWhitePoint:0.9,ccMidtoneGamma:1.2,ccGamma:1.62,ccContrast:0.0,numSegments:20.0,slitAngle:15*Math.PI/180,displacementX:-12.0,displacementY:-20.0,paused:true,startTime:10,endTime:14,animateLightIndependently:true,zoom:5,panX:-0.01,panY:0.1,edgeFeather:[3,5,3,3],animateCycleReps:true,cycleRepetitionsStart:1.0,cycleRepetitionsEnd:1.15,cycleRepetitionsStartFrame:0,cycleRepetitionsDuration:140},bottomWave:{imageSrc:`${assetsPath}/bottom-frame.jpg`,gradientMapSrc:`${assetsPath}/colorama-gradient-map-green.jpg`,gradientMap2Src:`${assetsPath}/colorama-gradient-map-blue.jpg`,gradientMapBlend:0,edgeFeather:[0.3,0,3,0],panY:-0.04,numSegments:30,enableBloom:false,slitAngle:15*Math.PI/180},rippleWave:{videoSrc:`${assetsPath}/ray-pulse.mp4`,aspectRatio:1.61,playbackRate:0.7,slitAngle:15*Math.PI/180,numSegments:35,ccGamma:2.0,displacementX:-2.0,displacementY:-11.0,enableDisplacement:true,enableCenterElement:false,enableLightSweep:false,enableBloom:false,animateCycleReps:false,zoom:2},circleSlideUp:{videoSrc:`${assetsPath}/success-animation-circle.mp4`,aspectRatio:1.61,playbackRate:0.85,slitAngle:15*Math.PI/180,numSegments:25,enableDisplacement:true,enableCenterElement:false,enableLightSweep:false,enableBloom:false,animateCycleReps:false,zoom:1}};};
+var DEFAULT_CONFIG={inputMin:0.0,inputMax:1.0,modifyGamma:1.05,posterizeLevels:0.0,cycleRepetitions:1.0,phaseShift:0.0,cycleSpeed:0.0,wrapMode:false,reverse:true,blendWithOriginal:0.0,gradientMapBlend:0.0,gradientMapBlendDuration:0.6,enableCenterElement:true,centerAnimDuration:6.0,ccBlackPoint:0.0,ccWhitePoint:0.9,ccMidtoneGamma:1.2,ccGamma:1.2,ccContrast:0.0,numSegments:45.0,slitAngle:0.15,displacementX:-12.0,displacementY:-20.0,paused:false,startTime:0,endTime:14,animateLightIndependently:false,playbackRate:1.0,lightIntensity:0.2,lightStartFrame:140,enableDisplacement:true,enableColorama:true,enableBloom:true,enableLightSweep:true,aspectRatio:3/2,zoom:1,panX:0,panY:0,edgeFeather:[0,0,0,0],backgroundColor:[-1,-1,-1],animateCycleReps:true,cycleRepetitionsStart:1.0,cycleRepetitionsEnd:1.15,cycleRepetitionsStartFrame:0,cycleRepetitionsDuration:140};var getPresets=function getPresets(assetsPath){return {default:{},zoomed:{lightIntensity:0.2,lightStartFrame:0,ccBlackPoint:0.0,ccWhitePoint:0.9,ccMidtoneGamma:1.2,ccGamma:1.62,ccContrast:0.0,numSegments:20.0,slitAngle:15*Math.PI/180,displacementX:-12.0,displacementY:-20.0,paused:true,startTime:10,endTime:14,animateLightIndependently:true,zoom:5,panX:-0.01,panY:0.1,edgeFeather:[3,5,3,3],animateCycleReps:true,cycleRepetitionsStart:1.0,cycleRepetitionsEnd:1.15,cycleRepetitionsStartFrame:0,cycleRepetitionsDuration:140},bottomWave:{imageSrc:`${assetsPath}/bottom-frame.jpg`,gradientMapSrc:`${assetsPath}/colorama-gradient-map-green.jpg`,gradientMap2Src:`${assetsPath}/colorama-gradient-map-blue.jpg`,gradientMapBlend:0,modifyGamma:0.97,edgeFeather:[0.3,0,3,0],panY:0.03,numSegments:30,enableBloom:false,slitAngle:15*Math.PI/180},rippleWave:{videoSrc:`${assetsPath}/ray-pulse.mp4`,aspectRatio:1.61,playbackRate:0.7,slitAngle:15*Math.PI/180,numSegments:35,ccGamma:2.0,displacementX:-2.0,displacementY:-11.0,enableDisplacement:true,enableCenterElement:false,enableLightSweep:false,enableBloom:false,animateCycleReps:false,zoom:2},circleSlideUp:{videoSrc:`${assetsPath}/success-animation-circle.mp4`,aspectRatio:1.61,playbackRate:0.85,slitAngle:15*Math.PI/180,numSegments:25,enableDisplacement:true,enableCenterElement:false,enableLightSweep:false,enableBloom:false,animateCycleReps:false,zoom:1}};};
 
 export { DEFAULT_CONFIG, getPresets };
 //# sourceMappingURL=presets.js.map

package/build/lib/native/components/Spark/RzpGlass/presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"presets.js","sources":["../../../../../../src/components/Spark/RzpGlass/presets.ts"],"sourcesContent":["import type { RzpGlassConfig, RzpGlassPresetDefinition } from './types';\n\n// ============================================\n// DEFAULT CONFIG VALUES\n// ============================================\nconst DEFAULT_CONFIG: Required<RzpGlassConfig> = {\n  // Input Phase\n  inputMin: 0.0,\n  inputMax: 1.0,\n  // Modify Phase\n  modifyGamma: 1.05,\n  posterizeLevels: 0.0,\n  cycleRepetitions: 1.0,\n  phaseShift: 0.0,\n  cycleSpeed: 0.0,\n  // Output Cycle\n  wrapMode: false,\n  reverse: true,\n  // Composite\n  blendWithOriginal: 0.0,\n  gradientMapBlend: 0.0,\n  gradientMapBlendDuration: 0.6,\n\n  // Center Element\n  enableCenterElement: true,\n  centerAnimDuration: 6.0,\n\n  // Color Correction\n  ccBlackPoint: 0.0,\n  ccWhitePoint: 0.9,\n  ccMidtoneGamma: 1.2,\n  ccGamma: 1.2,\n  ccContrast: 0.0,\n\n  // Displacement\n  numSegments: 45.0,\n  slitAngle: 0.15,\n  displacementX: -12.0,\n  displacementY: -20.0,\n\n  // Playback\n  paused: false,\n  startTime: 0,\n  endTime: 14,\n  animateLightIndependently: false,\n  playbackRate: 1.0,\n\n  // Light Effect\n  lightIntensity: 0.2,\n  lightStartFrame: 140,\n\n  // Effect Toggles\n  enableDisplacement: true,\n  enableColorama: true,\n  enableBloom: true,\n  enableLightSweep: true,\n\n  // Canvas\n  aspectRatio: 3 / 2,\n\n  // Zoom & Pan\n  zoom: 1,\n  panX: 0,\n  panY: 0,\n  edgeFeather: [0, 0, 0, 0],\n\n  // Background Color\n  backgroundColor: [-1, -1, -1],\n\n  // Cycle Animation\n  animateCycleReps: true,\n  cycleRepetitionsStart: 1.0,\n  cycleRepetitionsEnd: 1.15,\n  cycleRepetitionsStartFrame: 0,\n  cycleRepetitionsDuration: 140,\n};\n\n// ============================================\n// PRESETS\n// ============================================\nexport type RzpGlassPreset = 'default' | 'zoomed' | 'bottomWave' | 'rippleWave' | 'circleSlideUp';\n\n/**\n * Get preset definitions with dynamic CDN path support.\n * Asset URLs in presets will use the provided assetsPath.\n */\nconst getPresets = (assetsPath: string): Record<RzpGlassPreset, RzpGlassPresetDefinition> => ({\n  /** Baseline — identical to DEFAULT_CONFIG, no overrides */\n  default: {},\n\n  /**\n   * Zoomed-in closeup: high zoom, fine segments, edge feathering.\n   * Good for a tight card/badge usage.\n   */\n  zoomed: {\n    lightIntensity: 0.2,\n    lightStartFrame: 0,\n    // Color Correction\n    ccBlackPoint: 0.0,\n    ccWhitePoint: 0.9,\n    ccMidtoneGamma: 1.2,\n    ccGamma: 1.62,\n    ccContrast: 0.0,\n    // Displacement\n    numSegments: 20.0,\n    slitAngle: (15 * Math.PI) / 180,\n    displacementX: -12.0,\n    displacementY: -20.0,\n    // Playback\n    paused: true,\n    startTime: 10,\n    endTime: 14,\n    animateLightIndependently: true,\n    // Zoom & Pan\n    zoom: 5,\n    panX: -0.01,\n    panY: 0.1,\n    edgeFeather: [3, 5, 3, 3],\n    // Animation\n    animateCycleReps: true,\n    cycleRepetitionsStart: 1.0,\n    cycleRepetitionsEnd: 1.15,\n    cycleRepetitionsStartFrame: 0,\n    cycleRepetitionsDuration: 140,\n  },\n  bottomWave: {\n    imageSrc: `${assetsPath}/bottom-frame.jpg`,\n    gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n    gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n    gradientMapBlend: 0,\n    edgeFeather: [0.3, 0, 3, 0],\n    panY: -0.04,\n    numSegments: 30,\n    enableBloom: false,\n    slitAngle: (15 * Math.PI) / 180,\n  },\n  rippleWave: {\n    videoSrc: `${assetsPath}/ray-pulse.mp4`,\n    aspectRatio: 1.61,\n    playbackRate: 0.7,\n    slitAngle: (15 * Math.PI) / 180,\n    numSegments: 35,\n    ccGamma: 2.0,\n    displacementX: -2.0,\n    displacementY: -11.0,\n    enableDisplacement: true,\n    enableCenterElement: false,\n    enableLightSweep: false,\n    enableBloom: false,\n    animateCycleReps: false,\n    zoom: 2,\n  },\n  circleSlideUp: {\n    videoSrc: `${assetsPath}/success-animation-circle.mp4`,\n    aspectRatio: 1.61,\n    playbackRate: 0.85,\n    slitAngle: (15 * Math.PI) / 180,\n    numSegments: 25,\n    enableDisplacement: true,\n    enableCenterElement: false,\n    enableLightSweep: false,\n    enableBloom: false,\n    animateCycleReps: false,\n    zoom: 1,\n  },\n});\n\nexport { DEFAULT_CONFIG, getPresets };\n"],"names":["DEFAULT_CONFIG","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","gradientMapBlend","gradientMapBlendDuration","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","numSegments","slitAngle","displacementX","displacementY","paused","startTime","endTime","animateLightIndependently","playbackRate","lightIntensity","lightStartFrame","enableDisplacement","enableColorama","enableBloom","enableLightSweep","aspectRatio","zoom","panX","panY","edgeFeather","backgroundColor","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","getPresets","assetsPath","default","zoomed","Math","PI","bottomWave","imageSrc","gradientMapSrc","gradientMap2Src","rippleWave","videoSrc","circleSlideUp"],"mappings":"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"}
+{"version":3,"file":"presets.js","sources":["../../../../../../src/components/Spark/RzpGlass/presets.ts"],"sourcesContent":["import type { RzpGlassConfig, RzpGlassPresetDefinition } from './types';\n\n// ============================================\n// DEFAULT CONFIG VALUES\n// ============================================\nconst DEFAULT_CONFIG: Required<RzpGlassConfig> = {\n  // Input Phase\n  inputMin: 0.0,\n  inputMax: 1.0,\n  // Modify Phase\n  modifyGamma: 1.05,\n  posterizeLevels: 0.0,\n  cycleRepetitions: 1.0,\n  phaseShift: 0.0,\n  cycleSpeed: 0.0,\n  // Output Cycle\n  wrapMode: false,\n  reverse: true,\n  // Composite\n  blendWithOriginal: 0.0,\n  gradientMapBlend: 0.0,\n  gradientMapBlendDuration: 0.6,\n\n  // Center Element\n  enableCenterElement: true,\n  centerAnimDuration: 6.0,\n\n  // Color Correction\n  ccBlackPoint: 0.0,\n  ccWhitePoint: 0.9,\n  ccMidtoneGamma: 1.2,\n  ccGamma: 1.2,\n  ccContrast: 0.0,\n\n  // Displacement\n  numSegments: 45.0,\n  slitAngle: 0.15,\n  displacementX: -12.0,\n  displacementY: -20.0,\n\n  // Playback\n  paused: false,\n  startTime: 0,\n  endTime: 14,\n  animateLightIndependently: false,\n  playbackRate: 1.0,\n\n  // Light Effect\n  lightIntensity: 0.2,\n  lightStartFrame: 140,\n\n  // Effect Toggles\n  enableDisplacement: true,\n  enableColorama: true,\n  enableBloom: true,\n  enableLightSweep: true,\n\n  // Canvas\n  aspectRatio: 3 / 2,\n\n  // Zoom & Pan\n  zoom: 1,\n  panX: 0,\n  panY: 0,\n  edgeFeather: [0, 0, 0, 0],\n\n  // Background Color\n  backgroundColor: [-1, -1, -1],\n\n  // Cycle Animation\n  animateCycleReps: true,\n  cycleRepetitionsStart: 1.0,\n  cycleRepetitionsEnd: 1.15,\n  cycleRepetitionsStartFrame: 0,\n  cycleRepetitionsDuration: 140,\n};\n\n// ============================================\n// PRESETS\n// ============================================\nexport type RzpGlassPreset = 'default' | 'zoomed' | 'bottomWave' | 'rippleWave' | 'circleSlideUp';\n\n/**\n * Get preset definitions with dynamic CDN path support.\n * Asset URLs in presets will use the provided assetsPath.\n */\nconst getPresets = (assetsPath: string): Record<RzpGlassPreset, RzpGlassPresetDefinition> => ({\n  /** Baseline — identical to DEFAULT_CONFIG, no overrides */\n  default: {},\n\n  /**\n   * Zoomed-in closeup: high zoom, fine segments, edge feathering.\n   * Good for a tight card/badge usage.\n   */\n  zoomed: {\n    lightIntensity: 0.2,\n    lightStartFrame: 0,\n    // Color Correction\n    ccBlackPoint: 0.0,\n    ccWhitePoint: 0.9,\n    ccMidtoneGamma: 1.2,\n    ccGamma: 1.62,\n    ccContrast: 0.0,\n    // Displacement\n    numSegments: 20.0,\n    slitAngle: (15 * Math.PI) / 180,\n    displacementX: -12.0,\n    displacementY: -20.0,\n    // Playback\n    paused: true,\n    startTime: 10,\n    endTime: 14,\n    animateLightIndependently: true,\n    // Zoom & Pan\n    zoom: 5,\n    panX: -0.01,\n    panY: 0.1,\n    edgeFeather: [3, 5, 3, 3],\n    // Animation\n    animateCycleReps: true,\n    cycleRepetitionsStart: 1.0,\n    cycleRepetitionsEnd: 1.15,\n    cycleRepetitionsStartFrame: 0,\n    cycleRepetitionsDuration: 140,\n  },\n  bottomWave: {\n    imageSrc: `${assetsPath}/bottom-frame.jpg`,\n    gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n    gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n    gradientMapBlend: 0,\n    modifyGamma: 0.97,\n    edgeFeather: [0.3, 0, 3, 0],\n    panY: 0.03,\n    numSegments: 30,\n    enableBloom: false,\n    slitAngle: (15 * Math.PI) / 180,\n  },\n  rippleWave: {\n    videoSrc: `${assetsPath}/ray-pulse.mp4`,\n    aspectRatio: 1.61,\n    playbackRate: 0.7,\n    slitAngle: (15 * Math.PI) / 180,\n    numSegments: 35,\n    ccGamma: 2.0,\n    displacementX: -2.0,\n    displacementY: -11.0,\n    enableDisplacement: true,\n    enableCenterElement: false,\n    enableLightSweep: false,\n    enableBloom: false,\n    animateCycleReps: false,\n    zoom: 2,\n  },\n  circleSlideUp: {\n    videoSrc: `${assetsPath}/success-animation-circle.mp4`,\n    aspectRatio: 1.61,\n    playbackRate: 0.85,\n    slitAngle: (15 * Math.PI) / 180,\n    numSegments: 25,\n    enableDisplacement: true,\n    enableCenterElement: false,\n    enableLightSweep: false,\n    enableBloom: false,\n    animateCycleReps: false,\n    zoom: 1,\n  },\n});\n\nexport { DEFAULT_CONFIG, getPresets };\n"],"names":["DEFAULT_CONFIG","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","gradientMapBlend","gradientMapBlendDuration","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","numSegments","slitAngle","displacementX","displacementY","paused","startTime","endTime","animateLightIndependently","playbackRate","lightIntensity","lightStartFrame","enableDisplacement","enableColorama","enableBloom","enableLightSweep","aspectRatio","zoom","panX","panY","edgeFeather","backgroundColor","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","getPresets","assetsPath","default","zoomed","Math","PI","bottomWave","imageSrc","gradientMapSrc","gradientMap2Src","rippleWave","videoSrc","circleSlideUp"],"mappings":"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"}

package/build/lib/web/development/_virtual/cloneDeep.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep.js.map

package/build/lib/web/development/_virtual/cloneDeep3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep3.js.map

package/build/lib/web/development/_virtual/flatten.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
+import '../node_modules/es-toolkit/dist/array/flatten.js';
 //# sourceMappingURL=flatten.js.map

package/build/lib/web/development/_virtual/flatten3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/array/flatten.js';
+import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
 //# sourceMappingURL=flatten3.js.map

package/build/lib/web/development/components/ActionList/ActionListBox.web.js

@@ -82,8 +82,9 @@ var getVirtualItemParams = function getVirtualItemParams(_ref3) {
     itemCount = _ref3.itemCount,
     itemData = _ref3.itemData;
   var itemHeightResponsive = getActionListItemHeight(theme);
+  var actionListItemVerticalMargin = theme.spacing[1] * 2;
   var actionListPadding = getActionListPadding(theme);
-  var actionListItemHeight = isMobile ? itemHeightResponsive.itemHeightMobile : itemHeightResponsive.itemHeightDesktop;
+  var actionListItemHeight = (isMobile ? itemHeightResponsive.itemHeightMobile : itemHeightResponsive.itemHeightDesktop) + actionListItemVerticalMargin;
   var shouldCalculateMinimumHeight = itemCount <= 10;
   var actionListBoxHeight = actionListMaxHeight - actionListPadding * 2;
   var actionListBoxMinHeight = shouldCalculateMinimumHeight ? itemData.reduce(function (acc, _, index) {

package/build/lib/web/development/components/ActionList/ActionListBox.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionListBox.web.js","sources":["../../../../../../src/components/ActionList/ActionListBox.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useCallback } from 'react';\nimport type { VariableSizeList } from 'react-window';\nimport { VariableSizeList as VirtualizedList } from 'react-window';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport type { SectionData } from './actionListUtils';\nimport { actionListMaxHeight, getActionListPadding } from './styles/getBaseListBoxWrapperStyles';\nimport { componentIds } from './componentIds';\nimport { ActionListSectionTitle } from './ActionListItem';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport {\n  actionListSectionTitleHeight,\n  actionListDividerHeight,\n  getActionListItemHeight,\n} from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport type { ActionListItemProps } from '~components/ActionList';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n} & DataAnalyticsAttribute;\n\nconst _ActionListBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const { isInBottomSheet } = useBottomSheetContext();\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {childrenWithId}\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(React.memo(_ActionListBox), {\n  displayName: 'ActionListBox',\n});\n\n/**\n *  get the height of the item based on the componentId\n */\nconst getItemHeight = ({\n  index,\n  itemData,\n  actionListItemHeight,\n}: {\n  index: number;\n  itemData: React.ReactNode[];\n  actionListItemHeight: number;\n}): number => {\n  if (getComponentId(itemData[index]) === componentIds.ActionListItem) {\n    return actionListItemHeight;\n  }\n\n  if (getComponentId(itemData[index]) === componentIds.ActionListSectionTitle) {\n    return actionListSectionTitleHeight;\n  }\n  // @ts-expect-error: key does exist\n  if (itemData[index]?.key.includes('divider')) {\n    return actionListDividerHeight;\n  }\n  return 0;\n};\n\n/**\n * Returns the height of item and height of container based on theme and device\n */\nconst getVirtualItemParams = ({\n  theme,\n  isMobile,\n  itemCount,\n  itemData,\n}: {\n  theme: Theme;\n  isMobile: boolean;\n  itemCount: number;\n  itemData: React.ReactNode[];\n}): {\n  actionListItemHeight: number;\n  actionListBoxHeight: number;\n} => {\n  const itemHeightResponsive = getActionListItemHeight(theme);\n  const actionListPadding = getActionListPadding(theme);\n  const actionListItemHeight = isMobile\n    ? itemHeightResponsive.itemHeightMobile\n    : itemHeightResponsive.itemHeightDesktop;\n  const shouldCalculateMinimumHeight = itemCount <= 10;\n  const actionListBoxHeight = actionListMaxHeight - actionListPadding * 2;\n  const actionListBoxMinHeight = shouldCalculateMinimumHeight\n    ? itemData.reduce<number>((acc, _, index) => {\n        const itemHeight = getItemHeight({ index, itemData, actionListItemHeight });\n        return acc + itemHeight;\n      }, 0)\n    : actionListBoxHeight;\n  const finalActionListBoxHeight = Math.min(actionListBoxHeight, actionListBoxMinHeight);\n\n  return {\n    actionListItemHeight,\n    actionListBoxHeight: finalActionListBoxHeight,\n  };\n};\n\n/**\n * Takes the children (ActionListItem) and returns the filtered items based on `filteredValues` state\n */\nconst useFilteredItems = (\n  children: React.ReactNode[],\n): {\n  itemData: React.ReactNode[];\n  itemCount: number;\n} => {\n  const childrenArray = React.Children.toArray(children); // Convert children to an array\n\n  const { filteredValues, hasAutoCompleteInHeader, dropdownTriggerer } = useDropdown();\n\n  const items = React.useMemo(() => {\n    const hasAutoComplete =\n      hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n    if (!hasAutoComplete) {\n      return childrenArray;\n    }\n\n    const filteredItems = childrenArray.reduce<React.ReactNode[]>((acc, item, index) => {\n      if (getComponentId(item) === componentIds.ActionListSection) {\n        const sectionTitle = (\n          <ActionListSectionTitle\n            key={index}\n            // @ts-expect-error: props does exist\n            title={item?.props.title}\n            isInsideVirtualizedList\n          />\n        );\n        // @ts-expect-error: props does exist\n        const sectionChildren = item?.props.children;\n\n        const divider =\n          index !== childrenArray.length - 1 ? (\n            <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" key={`divider-${index}`} />\n          ) : null;\n        const filteredSectionChildren = sectionChildren.filter(\n          (item: { props: { value: string } }) => filteredValues.includes(item.props.value),\n        );\n        if (filteredSectionChildren.length !== 0) {\n          acc.push(sectionTitle, ...filteredSectionChildren, divider);\n        }\n      } else {\n        // @ts-expect-error: props does exist\n        const value = item?.props.value;\n        if (filteredValues.includes(value)) {\n          acc.push(item);\n        }\n      }\n      return acc;\n    }, []);\n\n    return filteredItems;\n  }, [filteredValues, hasAutoCompleteInHeader, dropdownTriggerer, childrenArray]);\n\n  return {\n    itemData: items,\n    itemCount: items.length,\n  };\n};\n\nconst VirtualListItem = React.memo(\n  ({\n    index,\n    style,\n    data,\n    onVirtualizedFocus,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n    data: React.ReactNode[];\n    onVirtualizedFocus: (index: number) => void;\n  }): React.ReactElement | null => {\n    const currentItem = data[index];\n\n    if (\n      React.isValidElement(currentItem) &&\n      getComponentId(currentItem) === componentIds.ActionListItem\n    ) {\n      // Clone the element passed via `data` and add the `_virtualizedIndex` prop\n      const elementWithIndex = React.cloneElement(\n        currentItem as React.ReactElement<ActionListItemProps>,\n        {\n          _virtualizedIndex: index,\n          _onVirtualizedFocus: onVirtualizedFocus,\n        },\n      );\n\n      return <div style={style}>{elementWithIndex}</div>;\n    }\n\n    return <div style={style}>{data[index]}</div>;\n  },\n  (prevProps, nextProps) => {\n    // Custom comparison function to determine if component should update\n    return (\n      prevProps.index === nextProps.index &&\n      prevProps.style === nextProps.style &&\n      prevProps.data[prevProps.index] === nextProps.data[nextProps.index]\n    );\n  },\n);\n\nconst _ActionListVirtualizedBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const virtualizedListRef = React.useRef<VariableSizeList>(null);\n    const [visibleStartIndex, setVisibleStartIndex] = React.useState(0);\n    const [visibleStopIndex, setVisibleStopIndex] = React.useState(0);\n    const items = React.Children.toArray(childrenWithId); // Convert children to an array\n    const { isInBottomSheet } = useBottomSheetContext();\n    const { itemData, itemCount } = useFilteredItems(items);\n\n    const isMobile = useIsMobile();\n    const { theme } = useTheme();\n    const { actionListItemHeight, actionListBoxHeight } = React.useMemo(\n      () => getVirtualItemParams({ theme, isMobile, itemCount, itemData }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [theme.name, isMobile, itemCount, itemData],\n    );\n    React.useEffect(() => {\n      virtualizedListRef?.current?.resetAfterIndex(0);\n      virtualizedListRef?.current?.scrollToItem(0);\n    }, [itemCount]);\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        // in case of virtualized list, we only render visible items. so css will hide divider for every last item visible. instead of hiding the last divider of the list.\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <VirtualizedList<React.ReactNode[]>\n          ref={virtualizedListRef}\n          height={actionListBoxHeight}\n          width=\"100%\"\n          itemSize={(index) => getItemHeight({ index, itemData, actionListItemHeight })}\n          itemCount={itemCount}\n          itemData={itemData}\n          itemKey={(index) =>\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.value ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.title ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.key\n          }\n          onItemsRendered={({ visibleStartIndex, visibleStopIndex }) => {\n            setVisibleStartIndex(visibleStartIndex);\n            setVisibleStopIndex(visibleStopIndex);\n          }}\n        >\n          {useCallback(\n            ({ index, style, data }) => {\n              return (\n                <VirtualListItem\n                  index={index}\n                  style={style}\n                  data={data}\n                  onVirtualizedFocus={(index) => {\n                    // We need scroll Direction to determine the index to focus\n                    const scrollDirection =\n                      Math.round((visibleStartIndex + visibleStopIndex) / 2) > index\n                        ? 'top'\n                        : 'bottom';\n                    virtualizedListRef?.current?.resetAfterIndex(0);\n                    /**\n                     * we are scrolling to the item which is 3 items away from the current item.\n                     * since we can have 2 item sectoin header and divider which are not focusable.\n                     */\n                    virtualizedListRef?.current?.scrollToItem(\n                      index + (scrollDirection === 'top' ? -3 : 3),\n                      'smart',\n                    );\n                  }}\n                />\n              );\n            },\n            [visibleStartIndex, visibleStopIndex],\n          )}\n        </VirtualizedList>\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListVirtualizedBox = assignWithoutSideEffects(React.memo(_ActionListVirtualizedBox), {\n  displayName: 'ActionListVirtualizedBox',\n});\n\nexport { ActionListBox, ActionListVirtualizedBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","childrenWithId","actionListItemWrapperRole","isMultiSelectable","rest","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","StyledListBoxWrapper","_objectSpread","makeAccessible","role","multiSelectable","undefined","makeAnalyticsAttribute","children","ActionListBox","assignWithoutSideEffects","memo","displayName","getItemHeight","_ref2","_itemData$index","index","itemData","actionListItemHeight","getComponentId","componentIds","ActionListItem","ActionListSectionTitle","actionListSectionTitleHeight","key","includes","actionListDividerHeight","getVirtualItemParams","_ref3","theme","isMobile","itemCount","itemHeightResponsive","getActionListItemHeight","actionListPadding","getActionListPadding","itemHeightMobile","itemHeightDesktop","shouldCalculateMinimumHeight","actionListBoxHeight","actionListMaxHeight","actionListBoxMinHeight","reduce","acc","_","itemHeight","finalActionListBoxHeight","Math","min","useFilteredItems","childrenArray","Children","toArray","_useDropdown","useDropdown","filteredValues","hasAutoCompleteInHeader","dropdownTriggerer","items","useMemo","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredItems","item","ActionListSection","sectionTitle","title","props","isInsideVirtualizedList","sectionChildren","divider","length","Divider","marginX","marginY","concat","filteredSectionChildren","filter","value","push","apply","_toConsumableArray","VirtualListItem","_ref4","style","data","onVirtualizedFocus","currentItem","isValidElement","elementWithIndex","cloneElement","_virtualizedIndex","_onVirtualizedFocus","prevProps","nextProps","_ActionListVirtualizedBox","_ref5","_excluded2","virtualizedListRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","visibleStartIndex","setVisibleStartIndex","_React$useState3","_React$useState4","visibleStopIndex","setVisibleStopIndex","_useBottomSheetContex2","_useFilteredItems","useIsMobile","_useTheme","useTheme","_React$useMemo","name","useEffect","_virtualizedListRef$c","_virtualizedListRef$c2","current","resetAfterIndex","scrollToItem","VirtualizedList","height","width","itemSize","itemKey","_ref6","_itemData$index$props","_itemData$index2","_itemData$index3","_itemData$index4","onItemsRendered","_ref7","useCallback","_ref8","_virtualizedListRef$c3","_virtualizedListRef$c4","scrollDirection","round","ActionListVirtualizedBox"],"mappings":"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"}
+{"version":3,"file":"ActionListBox.web.js","sources":["../../../../../../src/components/ActionList/ActionListBox.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useCallback } from 'react';\nimport type { VariableSizeList } from 'react-window';\nimport { VariableSizeList as VirtualizedList } from 'react-window';\nimport { StyledListBoxWrapper } from './styles/StyledListBoxWrapper';\nimport type { SectionData } from './actionListUtils';\nimport { actionListMaxHeight, getActionListPadding } from './styles/getBaseListBoxWrapperStyles';\nimport { componentIds } from './componentIds';\nimport { ActionListSectionTitle } from './ActionListItem';\nimport { useBottomSheetContext } from '~components/BottomSheet/BottomSheetContext';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport {\n  actionListSectionTitleHeight,\n  actionListDividerHeight,\n  getActionListItemHeight,\n} from '~components/BaseMenu/BaseMenuItem/tokens';\nimport { useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Divider } from '~components/Divider';\nimport type { ActionListItemProps } from '~components/ActionList';\n\ntype ActionListBoxProps = {\n  childrenWithId?: React.ReactNode[] | null;\n  sectionData: SectionData;\n  actionListItemWrapperRole: 'listbox' | 'menu' | undefined;\n  isMultiSelectable: boolean;\n  isInBottomSheet: boolean;\n} & DataAnalyticsAttribute;\n\nconst _ActionListBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const { isInBottomSheet } = useBottomSheetContext();\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {childrenWithId}\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListBox = assignWithoutSideEffects(React.memo(_ActionListBox), {\n  displayName: 'ActionListBox',\n});\n\n/**\n *  get the height of the item based on the componentId\n */\nconst getItemHeight = ({\n  index,\n  itemData,\n  actionListItemHeight,\n}: {\n  index: number;\n  itemData: React.ReactNode[];\n  actionListItemHeight: number;\n}): number => {\n  if (getComponentId(itemData[index]) === componentIds.ActionListItem) {\n    return actionListItemHeight;\n  }\n\n  if (getComponentId(itemData[index]) === componentIds.ActionListSectionTitle) {\n    return actionListSectionTitleHeight;\n  }\n  // @ts-expect-error: key does exist\n  if (itemData[index]?.key.includes('divider')) {\n    return actionListDividerHeight;\n  }\n  return 0;\n};\n\n/**\n * Returns the height of item and height of container based on theme and device\n */\nconst getVirtualItemParams = ({\n  theme,\n  isMobile,\n  itemCount,\n  itemData,\n}: {\n  theme: Theme;\n  isMobile: boolean;\n  itemCount: number;\n  itemData: React.ReactNode[];\n}): {\n  actionListItemHeight: number;\n  actionListBoxHeight: number;\n} => {\n  const itemHeightResponsive = getActionListItemHeight(theme);\n  const actionListItemVerticalMargin = theme.spacing[1] * 2;\n  const actionListPadding = getActionListPadding(theme);\n  const actionListItemHeight =\n    (isMobile ? itemHeightResponsive.itemHeightMobile : itemHeightResponsive.itemHeightDesktop) +\n    actionListItemVerticalMargin;\n  const shouldCalculateMinimumHeight = itemCount <= 10;\n  const actionListBoxHeight = actionListMaxHeight - actionListPadding * 2;\n  const actionListBoxMinHeight = shouldCalculateMinimumHeight\n    ? itemData.reduce<number>((acc, _, index) => {\n        const itemHeight = getItemHeight({ index, itemData, actionListItemHeight });\n        return acc + itemHeight;\n      }, 0)\n    : actionListBoxHeight;\n  const finalActionListBoxHeight = Math.min(actionListBoxHeight, actionListBoxMinHeight);\n\n  return {\n    actionListItemHeight,\n    actionListBoxHeight: finalActionListBoxHeight,\n  };\n};\n\n/**\n * Takes the children (ActionListItem) and returns the filtered items based on `filteredValues` state\n */\nconst useFilteredItems = (\n  children: React.ReactNode[],\n): {\n  itemData: React.ReactNode[];\n  itemCount: number;\n} => {\n  const childrenArray = React.Children.toArray(children); // Convert children to an array\n\n  const { filteredValues, hasAutoCompleteInHeader, dropdownTriggerer } = useDropdown();\n\n  const items = React.useMemo(() => {\n    const hasAutoComplete =\n      hasAutoCompleteInHeader || dropdownTriggerer === dropdownComponentIds.triggers.AutoComplete;\n\n    if (!hasAutoComplete) {\n      return childrenArray;\n    }\n\n    const filteredItems = childrenArray.reduce<React.ReactNode[]>((acc, item, index) => {\n      if (getComponentId(item) === componentIds.ActionListSection) {\n        const sectionTitle = (\n          <ActionListSectionTitle\n            key={index}\n            // @ts-expect-error: props does exist\n            title={item?.props.title}\n            isInsideVirtualizedList\n          />\n        );\n        // @ts-expect-error: props does exist\n        const sectionChildren = item?.props.children;\n\n        const divider =\n          index !== childrenArray.length - 1 ? (\n            <Divider marginX=\"spacing.3\" marginY=\"spacing.1\" key={`divider-${index}`} />\n          ) : null;\n        const filteredSectionChildren = sectionChildren.filter(\n          (item: { props: { value: string } }) => filteredValues.includes(item.props.value),\n        );\n        if (filteredSectionChildren.length !== 0) {\n          acc.push(sectionTitle, ...filteredSectionChildren, divider);\n        }\n      } else {\n        // @ts-expect-error: props does exist\n        const value = item?.props.value;\n        if (filteredValues.includes(value)) {\n          acc.push(item);\n        }\n      }\n      return acc;\n    }, []);\n\n    return filteredItems;\n  }, [filteredValues, hasAutoCompleteInHeader, dropdownTriggerer, childrenArray]);\n\n  return {\n    itemData: items,\n    itemCount: items.length,\n  };\n};\n\nconst VirtualListItem = React.memo(\n  ({\n    index,\n    style,\n    data,\n    onVirtualizedFocus,\n  }: {\n    index: number;\n    style: React.CSSProperties;\n    data: React.ReactNode[];\n    onVirtualizedFocus: (index: number) => void;\n  }): React.ReactElement | null => {\n    const currentItem = data[index];\n\n    if (\n      React.isValidElement(currentItem) &&\n      getComponentId(currentItem) === componentIds.ActionListItem\n    ) {\n      // Clone the element passed via `data` and add the `_virtualizedIndex` prop\n      const elementWithIndex = React.cloneElement(\n        currentItem as React.ReactElement<ActionListItemProps>,\n        {\n          _virtualizedIndex: index,\n          _onVirtualizedFocus: onVirtualizedFocus,\n        },\n      );\n\n      return <div style={style}>{elementWithIndex}</div>;\n    }\n\n    return <div style={style}>{data[index]}</div>;\n  },\n  (prevProps, nextProps) => {\n    // Custom comparison function to determine if component should update\n    return (\n      prevProps.index === nextProps.index &&\n      prevProps.style === nextProps.style &&\n      prevProps.data[prevProps.index] === nextProps.data[nextProps.index]\n    );\n  },\n);\n\nconst _ActionListVirtualizedBox = React.forwardRef<HTMLDivElement, ActionListBoxProps>(\n  ({ childrenWithId, actionListItemWrapperRole, isMultiSelectable, ...rest }, ref) => {\n    const virtualizedListRef = React.useRef<VariableSizeList>(null);\n    const [visibleStartIndex, setVisibleStartIndex] = React.useState(0);\n    const [visibleStopIndex, setVisibleStopIndex] = React.useState(0);\n    const items = React.Children.toArray(childrenWithId); // Convert children to an array\n    const { isInBottomSheet } = useBottomSheetContext();\n    const { itemData, itemCount } = useFilteredItems(items);\n\n    const isMobile = useIsMobile();\n    const { theme } = useTheme();\n    const { actionListItemHeight, actionListBoxHeight } = React.useMemo(\n      () => getVirtualItemParams({ theme, isMobile, itemCount, itemData }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [theme.name, isMobile, itemCount, itemData],\n    );\n    React.useEffect(() => {\n      virtualizedListRef?.current?.resetAfterIndex(0);\n      virtualizedListRef?.current?.scrollToItem(0);\n    }, [itemCount]);\n\n    return (\n      <StyledListBoxWrapper\n        isInBottomSheet={isInBottomSheet}\n        // in case of virtualized list, we only render visible items. so css will hide divider for every last item visible. instead of hiding the last divider of the list.\n        ref={ref}\n        {...makeAccessible({\n          role: actionListItemWrapperRole,\n          multiSelectable: actionListItemWrapperRole === 'listbox' ? isMultiSelectable : undefined,\n        })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <VirtualizedList<React.ReactNode[]>\n          ref={virtualizedListRef}\n          height={actionListBoxHeight}\n          width=\"100%\"\n          itemSize={(index) => getItemHeight({ index, itemData, actionListItemHeight })}\n          itemCount={itemCount}\n          itemData={itemData}\n          itemKey={(index) =>\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.value ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.title ??\n            // @ts-expect-error: props does exist\n            itemData[index]?.props.key\n          }\n          onItemsRendered={({ visibleStartIndex, visibleStopIndex }) => {\n            setVisibleStartIndex(visibleStartIndex);\n            setVisibleStopIndex(visibleStopIndex);\n          }}\n        >\n          {useCallback(\n            ({ index, style, data }) => {\n              return (\n                <VirtualListItem\n                  index={index}\n                  style={style}\n                  data={data}\n                  onVirtualizedFocus={(index) => {\n                    // We need scroll Direction to determine the index to focus\n                    const scrollDirection =\n                      Math.round((visibleStartIndex + visibleStopIndex) / 2) > index\n                        ? 'top'\n                        : 'bottom';\n                    virtualizedListRef?.current?.resetAfterIndex(0);\n                    /**\n                     * we are scrolling to the item which is 3 items away from the current item.\n                     * since we can have 2 item sectoin header and divider which are not focusable.\n                     */\n                    virtualizedListRef?.current?.scrollToItem(\n                      index + (scrollDirection === 'top' ? -3 : 3),\n                      'smart',\n                    );\n                  }}\n                />\n              );\n            },\n            [visibleStartIndex, visibleStopIndex],\n          )}\n        </VirtualizedList>\n      </StyledListBoxWrapper>\n    );\n  },\n);\n\nconst ActionListVirtualizedBox = assignWithoutSideEffects(React.memo(_ActionListVirtualizedBox), {\n  displayName: 'ActionListVirtualizedBox',\n});\n\nexport { ActionListBox, ActionListVirtualizedBox };\n"],"names":["_ActionListBox","React","forwardRef","_ref","ref","childrenWithId","actionListItemWrapperRole","isMultiSelectable","rest","_objectWithoutProperties","_excluded","_useBottomSheetContex","useBottomSheetContext","isInBottomSheet","_jsx","StyledListBoxWrapper","_objectSpread","makeAccessible","role","multiSelectable","undefined","makeAnalyticsAttribute","children","ActionListBox","assignWithoutSideEffects","memo","displayName","getItemHeight","_ref2","_itemData$index","index","itemData","actionListItemHeight","getComponentId","componentIds","ActionListItem","ActionListSectionTitle","actionListSectionTitleHeight","key","includes","actionListDividerHeight","getVirtualItemParams","_ref3","theme","isMobile","itemCount","itemHeightResponsive","getActionListItemHeight","actionListItemVerticalMargin","spacing","actionListPadding","getActionListPadding","itemHeightMobile","itemHeightDesktop","shouldCalculateMinimumHeight","actionListBoxHeight","actionListMaxHeight","actionListBoxMinHeight","reduce","acc","_","itemHeight","finalActionListBoxHeight","Math","min","useFilteredItems","childrenArray","Children","toArray","_useDropdown","useDropdown","filteredValues","hasAutoCompleteInHeader","dropdownTriggerer","items","useMemo","hasAutoComplete","dropdownComponentIds","triggers","AutoComplete","filteredItems","item","ActionListSection","sectionTitle","title","props","isInsideVirtualizedList","sectionChildren","divider","length","Divider","marginX","marginY","concat","filteredSectionChildren","filter","value","push","apply","_toConsumableArray","VirtualListItem","_ref4","style","data","onVirtualizedFocus","currentItem","isValidElement","elementWithIndex","cloneElement","_virtualizedIndex","_onVirtualizedFocus","prevProps","nextProps","_ActionListVirtualizedBox","_ref5","_excluded2","virtualizedListRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","visibleStartIndex","setVisibleStartIndex","_React$useState3","_React$useState4","visibleStopIndex","setVisibleStopIndex","_useBottomSheetContex2","_useFilteredItems","useIsMobile","_useTheme","useTheme","_React$useMemo","name","useEffect","_virtualizedListRef$c","_virtualizedListRef$c2","current","resetAfterIndex","scrollToItem","VirtualizedList","height","width","itemSize","itemKey","_ref6","_itemData$index$props","_itemData$index2","_itemData$index3","_itemData$index4","onItemsRendered","_ref7","useCallback","_ref8","_virtualizedListRef$c3","_virtualizedListRef$c4","scrollDirection","round","ActionListVirtualizedBox"],"mappings":"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"}

package/build/lib/web/development/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js

@@ -7,6 +7,7 @@ import '../../../utils/getFocusRingStyles/index.js';
 import '../../Box/BaseBox/index.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { getMediaQuery } from '../../../utils/getMediaQuery/getMediaQuery.js';
 import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 
@@ -20,6 +21,8 @@ var StyledMenuItemContainer = /*#__PURE__*/styled(BaseBox).withConfig({
     theme: props.theme
   })), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     padding: makeSize(getItemPadding(props.theme).itemPaddingMobile),
+    marginTop: makeSpace(props.theme.spacing[1]),
+    marginBottom: makeSpace(props.theme.spacing[1]),
     display: props.isVisible ? 'flex' : 'none'
   }, "@media ".concat(getMediaQuery({
     min: props.theme.breakpoints.m

package/build/lib/web/development/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledMenuItemContainer.web.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { getItemPadding } from './tokens';\nimport { getMediaQuery, makeSize } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledMenuItemContainer = styled(BaseBox)<StyledBaseMenuItemContainerProps>((props) => {\n  return {\n    ...getBaseMenuItemStyles({ theme: props.theme }),\n    padding: makeSize(getItemPadding(props.theme).itemPaddingMobile),\n    display: props.isVisible ? 'flex' : 'none',\n    [`@media ${getMediaQuery({ min: props.theme.breakpoints.m })}`]: {\n      padding: makeSize(getItemPadding(props.theme).itemPaddingDesktop),\n    },\n    '&:hover:not([aria-disabled=true]), &[aria-expanded=\"true\"]': {\n      backgroundColor:\n        props.color === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&:focus-visible': getFocusRingStyles({ theme: props.theme }),\n    '&.active-focus': props.isKeydownPressed\n      ? getFocusRingStyles({ theme: props.theme })\n      : undefined,\n    '&[aria-selected=true], &[aria-selected=true]:hover': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.gray.fadedHighlighted\n          : undefined,\n    },\n  };\n});\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseMenuItemStyles","theme","_defineProperty","padding","makeSize","getItemPadding","itemPaddingMobile","display","isVisible","concat","getMediaQuery","min","breakpoints","m","itemPaddingDesktop","backgroundColor","color","colors","interactive","background","negative","faded","gray","getFocusRingStyles","isKeydownPressed","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;;;;;;;AAQA,IAAMA,uBAAuB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAmC,CAAA,CAAA,UAACC,KAAK,EAAK;AAC3F,EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKC,qBAAqB,CAAC;IAAEC,KAAK,EAAEH,KAAK,CAACG,KAAAA;GAAO,CAAC,CAAAC,EAAAA,EAAAA,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;IAChDC,OAAO,EAAEC,QAAQ,CAACC,cAAc,CAACP,KAAK,CAACG,KAAK,CAAC,CAACK,iBAAiB,CAAC;AAChEC,IAAAA,OAAO,EAAET,KAAK,CAACU,SAAS,GAAG,MAAM,GAAG,MAAA;GAAMC,EAAAA,SAAAA,CAAAA,MAAA,CAC/BC,aAAa,CAAC;AAAEC,IAAAA,GAAG,EAAEb,KAAK,CAACG,KAAK,CAACW,WAAW,CAACC,CAAAA;AAAE,GAAC,CAAC,CAAK,EAAA;IAC/DV,OAAO,EAAEC,QAAQ,CAACC,cAAc,CAACP,KAAK,CAACG,KAAK,CAAC,CAACa,kBAAkB,CAAA;GACjE,CAAA,EACD,4DAA4D,EAAE;AAC5DC,IAAAA,eAAe,EACbjB,KAAK,CAACkB,KAAK,KAAK,UAAU,GACtBlB,KAAK,CAACG,KAAK,CAACgB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxDvB,KAAK,CAACG,KAAK,CAACgB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;AACtD,GAAC,CACD,EAAA,iBAAiB,EAAEC,kBAAkB,CAAC;IAAEtB,KAAK,EAAEH,KAAK,CAACG,KAAAA;GAAO,CAAC,GAC7D,gBAAgB,EAAEH,KAAK,CAAC0B,gBAAgB,GACpCD,kBAAkB,CAAC;IAAEtB,KAAK,EAAEH,KAAK,CAACG,KAAAA;AAAM,GAAC,CAAC,GAC1CwB,SAAS,CAAA,EACb,oDAAoD,EAAE;IACpDV,eAAe,EACbjB,KAAK,CAAC4B,aAAa,KAAK,QAAQ,GAC5B5B,KAAK,CAACG,KAAK,CAACgB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAACK,gBAAgB,GAC/DF,SAAAA;GACP,CAAA,CAAA,CAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"StyledMenuItemContainer.web.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { getItemPadding } from './tokens';\nimport { getMediaQuery, makeSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledMenuItemContainer = styled(BaseBox)<StyledBaseMenuItemContainerProps>((props) => {\n  return {\n    ...getBaseMenuItemStyles({ theme: props.theme }),\n    padding: makeSize(getItemPadding(props.theme).itemPaddingMobile),\n    marginTop: makeSpace(props.theme.spacing[1]),\n    marginBottom: makeSpace(props.theme.spacing[1]),\n    display: props.isVisible ? 'flex' : 'none',\n    [`@media ${getMediaQuery({ min: props.theme.breakpoints.m })}`]: {\n      padding: makeSize(getItemPadding(props.theme).itemPaddingDesktop),\n    },\n    '&:hover:not([aria-disabled=true]), &[aria-expanded=\"true\"]': {\n      backgroundColor:\n        props.color === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&:focus-visible': getFocusRingStyles({ theme: props.theme }),\n    '&.active-focus': props.isKeydownPressed\n      ? getFocusRingStyles({ theme: props.theme })\n      : undefined,\n    '&[aria-selected=true], &[aria-selected=true]:hover': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.gray.fadedHighlighted\n          : undefined,\n    },\n  };\n});\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseMenuItemStyles","theme","_defineProperty","padding","makeSize","getItemPadding","itemPaddingMobile","marginTop","makeSpace","spacing","marginBottom","display","isVisible","concat","getMediaQuery","min","breakpoints","m","itemPaddingDesktop","backgroundColor","color","colors","interactive","background","negative","faded","gray","getFocusRingStyles","isKeydownPressed","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAMA,uBAAuB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qDAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAmC,CAAA,CAAA,UAACC,KAAK,EAAK;AAC3F,EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKC,qBAAqB,CAAC;IAAEC,KAAK,EAAEH,KAAK,CAACG,KAAAA;GAAO,CAAC,CAAAC,EAAAA,EAAAA,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;IAChDC,OAAO,EAAEC,QAAQ,CAACC,cAAc,CAACP,KAAK,CAACG,KAAK,CAAC,CAACK,iBAAiB,CAAC;IAChEC,SAAS,EAAEC,SAAS,CAACV,KAAK,CAACG,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5CC,YAAY,EAAEF,SAAS,CAACV,KAAK,CAACG,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAAC;AAC/CE,IAAAA,OAAO,EAAEb,KAAK,CAACc,SAAS,GAAG,MAAM,GAAG,MAAA;GAAMC,EAAAA,SAAAA,CAAAA,MAAA,CAC/BC,aAAa,CAAC;AAAEC,IAAAA,GAAG,EAAEjB,KAAK,CAACG,KAAK,CAACe,WAAW,CAACC,CAAAA;AAAE,GAAC,CAAC,CAAK,EAAA;IAC/Dd,OAAO,EAAEC,QAAQ,CAACC,cAAc,CAACP,KAAK,CAACG,KAAK,CAAC,CAACiB,kBAAkB,CAAA;GACjE,CAAA,EACD,4DAA4D,EAAE;AAC5DC,IAAAA,eAAe,EACbrB,KAAK,CAACsB,KAAK,KAAK,UAAU,GACtBtB,KAAK,CAACG,KAAK,CAACoB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxD3B,KAAK,CAACG,KAAK,CAACoB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;AACtD,GAAC,CACD,EAAA,iBAAiB,EAAEC,kBAAkB,CAAC;IAAE1B,KAAK,EAAEH,KAAK,CAACG,KAAAA;GAAO,CAAC,GAC7D,gBAAgB,EAAEH,KAAK,CAAC8B,gBAAgB,GACpCD,kBAAkB,CAAC;IAAE1B,KAAK,EAAEH,KAAK,CAACG,KAAAA;AAAM,GAAC,CAAC,GAC1C4B,SAAS,CAAA,EACb,oDAAoD,EAAE;IACpDV,eAAe,EACbrB,KAAK,CAACgC,aAAa,KAAK,QAAQ,GAC5BhC,KAAK,CAACG,KAAK,CAACoB,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAACK,gBAAgB,GAC/DF,SAAAA;GACP,CAAA,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js

@@ -79,16 +79,16 @@ var selectedCell = {
 };
 var inRangeCell = {
   background: {
-    "default": 'surface.background.primary.subtle',
-    hover: 'interactive.background.primary.faded'
+    "default": 'interactive.background.gray.fadedHighlighted',
+    hover: 'interactive.background.gray.fadedHighlighted'
   },
   border: {
-    "default": 'interactive.border.primary.default',
-    hover: 'interactive.border.primary.default'
+    "default": 'interactive.border.gray.default',
+    hover: 'interactive.border.gray.default'
   },
   text: {
-    "default": 'interactive.text.primary.normal',
-    hover: 'interactive.text.primary.normal'
+    "default": 'interactive.text.gray.normal',
+    hover: 'interactive.text.gray.normal'
   }
 };
 var CalendarGradientStyles = /*#__PURE__*/styled(BaseBox).withConfig({

package/build/lib/web/development/components/DatePicker/CalendarStyles.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'interactive.background.gray.fadedHighlighted',\n      hover: 'interactive.background.gray.fadedHighlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.gray.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.month.background.default),\n        outlineStyle: 'none',\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: !isDayPicker || isMobile ? '100%' : undefined,\n      },\n      '> div': {\n        margin: 0,\n        width: isMobile || !isDayPicker ? '100%' : undefined,\n      },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n      gap: isDayPicker ? undefined : makeSpace(theme.spacing[3]),\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      button: {\n        all: 'unset',\n        cursor: 'pointer',\n        width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n        height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n        aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n        backgroundColor: getIn(theme.colors, cell.background.default),\n        borderRadius: theme.border.radius.small,\n        border: 'none',\n        ...getTextStyles({\n          theme,\n          variant: 'body',\n          size: 'medium',\n          weight: isDayPicker ? 'regular' : 'medium',\n        }),\n\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, cell.background.hover),\n        },\n        '&[data-celltype=\"month\"]:hover, &[data-celltype=\"year\"]:hover': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n        '&[data-celltype=\"month\"]:focus-visible, &[data-celltype=\"year\"]:focus-visible': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&[data-disabled]': {\n          color: getIn(theme.colors, cell.text.disabled),\n          backgroundColor: getIn(theme.colors, cell.background.disabled),\n          cursor: 'not-allowed',\n        },\n        '&[data-hidden]': {\n          display: 'none',\n        },\n        '&[data-outside]': {\n          color: theme.colors.interactive.text.gray.muted,\n        },\n        '&[data-outside]:hover': {\n          color: getIn(theme.colors, cell.text.default),\n        },\n        ...ranges,\n        ...today,\n        ...selected,\n      },\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","small","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}
+{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'interactive.background.gray.fadedHighlighted',\n      hover: 'interactive.background.gray.fadedHighlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.gray.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'interactive.background.gray.fadedHighlighted',\n    hover: 'interactive.background.gray.fadedHighlighted',\n  },\n  border: {\n    default: 'interactive.border.gray.default',\n    hover: 'interactive.border.gray.default',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    hover: 'interactive.text.gray.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.month.background.default),\n        outlineStyle: 'none',\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: !isDayPicker || isMobile ? '100%' : undefined,\n      },\n      '> div': {\n        margin: 0,\n        width: isMobile || !isDayPicker ? '100%' : undefined,\n      },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n      gap: isDayPicker ? undefined : makeSpace(theme.spacing[3]),\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      button: {\n        all: 'unset',\n        cursor: 'pointer',\n        width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n        height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n        aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n        backgroundColor: getIn(theme.colors, cell.background.default),\n        borderRadius: theme.border.radius.small,\n        border: 'none',\n        ...getTextStyles({\n          theme,\n          variant: 'body',\n          size: 'medium',\n          weight: isDayPicker ? 'regular' : 'medium',\n        }),\n\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, cell.background.hover),\n        },\n        '&[data-celltype=\"month\"]:hover, &[data-celltype=\"year\"]:hover': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n        '&[data-celltype=\"month\"]:focus-visible, &[data-celltype=\"year\"]:focus-visible': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&[data-disabled]': {\n          color: getIn(theme.colors, cell.text.disabled),\n          backgroundColor: getIn(theme.colors, cell.background.disabled),\n          cursor: 'not-allowed',\n        },\n        '&[data-hidden]': {\n          display: 'none',\n        },\n        '&[data-outside]': {\n          color: theme.colors.interactive.text.gray.muted,\n        },\n        '&[data-outside]:hover': {\n          color: getIn(theme.colors, cell.text.default),\n        },\n        ...ranges,\n        ...today,\n        ...selected,\n      },\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","small","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}

package/build/lib/web/development/components/GenUI/GenUIComponents.web.js

@@ -1,5 +1,4 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import { memo, useMemo, useState } from 'react';
@@ -805,62 +804,12 @@ var TableRowHoverActions = function TableRowHoverActions(_ref17) {
   });
 };
 
-// px per average character at ~14px font size
-var CHAR_WIDTH = 7.5;
-// horizontal cell padding (left + right)
-var CELL_H_PADDING = 8;
-
-// Returns the minimum pixel width hint for a cell based on its content type.
-// Used as the `min` track in `minmax(min, max-content)` so columns never
-// collapse below a sensible floor while still growing to fit real content.
-var getCellMinWidth = function getCellMinWidth(cell) {
-  var _cell$value$length, _cell$value2, _cell$value$toString, _cell$value3, _cell$value$length2, _cell$value4, _cell$value$length3, _cell$value5, _cell$text$length, _cell$text2;
-  if (!(cell !== null && cell !== void 0 && cell.component)) return 80;
-  switch (cell.component) {
-    case 'TEXT':
-      return Math.max(80, Math.min(300, ((_cell$value$length = (_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.length) !== null && _cell$value$length !== void 0 ? _cell$value$length : 1) * CHAR_WIDTH + CELL_H_PADDING));
-    case 'AMOUNT':
-      // currency symbol + digits + separators
-      return Math.max(100, (String((_cell$value$toString = (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.toString()) !== null && _cell$value$toString !== void 0 ? _cell$value$toString : 0).length + 2) * CHAR_WIDTH + CELL_H_PADDING);
-    case 'INDICATOR':
-      return Math.max(100, ((_cell$value$length2 = (_cell$value4 = cell.value) === null || _cell$value4 === void 0 ? void 0 : _cell$value4.length) !== null && _cell$value$length2 !== void 0 ? _cell$value$length2 : 1) * CHAR_WIDTH);
-    case 'BADGE':
-      return Math.max(80, ((_cell$value$length3 = (_cell$value5 = cell.value) === null || _cell$value5 === void 0 ? void 0 : _cell$value5.length) !== null && _cell$value$length3 !== void 0 ? _cell$value$length3 : 1) * CHAR_WIDTH);
-    case 'DATE':
-      {
-        var dateValue = dayjs(cell.value);
-        if (!dateValue.isValid()) {
-          var _cell$value$length4, _cell$value6;
-          return ((_cell$value$length4 = (_cell$value6 = cell.value) === null || _cell$value6 === void 0 ? void 0 : _cell$value6.length) !== null && _cell$value$length4 !== void 0 ? _cell$value$length4 : 0) * CHAR_WIDTH;
-        }
-        var defaultFormat = 'DD MMM YYYY, HH:mm';
-        var formatted = dateValue.format(cell.dateFormat || defaultFormat);
-        return formatted.length * CHAR_WIDTH;
-      }
-    case 'LINK':
-      return Math.max(80, Math.min(250, ((_cell$text$length = (_cell$text2 = cell.text) === null || _cell$text2 === void 0 ? void 0 : _cell$text2.length) !== null && _cell$text$length !== void 0 ? _cell$text$length : 1) * CHAR_WIDTH + CELL_H_PADDING));
-    default:
-      return 80;
-  }
-};
-
-// Produces one CSS grid track per column as a `fr` value proportional to
-// the estimated content width so columns fill the full table width while
-// still reflecting relative content size (wider content → more space).
-var calculateColumnWidths = function calculateColumnWidths(headers, rows) {
-  var weights = headers.map(function (header, colIndex) {
-    var headerWeight = header.length * CHAR_WIDTH + CELL_H_PADDING;
-    var cellWeight = rows.reduce(function (max, row) {
-      var cell = row[colIndex];
-      return Math.max(max, getCellMinWidth(cell));
-    }, 80);
-    return Math.max(headerWeight, cellWeight);
-  });
-
-  // Normalise to smallest weight so fr numbers stay small and readable
-  var minWeight = Math.min.apply(Math, _toConsumableArray(weights));
-  return weights.map(function (w) {
-    return "".concat(Math.round(w / minWeight * 10) / 10, "fr");
+// Produces column widths using minmax(max-content, 1fr) so columns:
+// 1. Never shrink below their content width (no text wrapping)
+// 2. Expand proportionally to fill available width when space permits
+var calculateColumnWidths = function calculateColumnWidths(headers, _rows) {
+  return headers.map(function () {
+    return 'minmax(max-content, 1fr)';
   });
 };
 var RenderTableComponent = /*#__PURE__*/memo(function (_ref18) {
@@ -905,7 +854,10 @@ var RenderTableComponent = /*#__PURE__*/memo(function (_ref18) {
           }), /*#__PURE__*/jsx(TableBody, {
             children: data.map(function (item, rowIndex) {
               return /*#__PURE__*/jsx(TableRow, {
-                item: item,
+                item: item
+                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                ,
+                onHover: rowActions && rowActions.length > 0 ? function () {} : undefined,
                 hoverActions: rowActions && rowActions.length > 0 ? /*#__PURE__*/jsx(TableRowHoverActions, {
                   rowActions: rowActions,
                   rowIndex: rowIndex,
@@ -931,9 +883,7 @@ var RenderCardComponent = /*#__PURE__*/memo(function (_ref19) {
     description = _ref19.description,
     footer = _ref19.footer,
     children = _ref19.children;
-  if (!title && !description) {
-    return null;
-  }
+  var hasHeader = title || description;
   return /*#__PURE__*/jsx(Box, {
     height: "100%",
     display: "flex",
@@ -943,13 +893,12 @@ var RenderCardComponent = /*#__PURE__*/memo(function (_ref19) {
       width: "100%",
       height: "100%",
       padding: "spacing.7",
-      children: [/*#__PURE__*/jsx(CardHeader, {
-        showDivider: false,
+      children: [hasHeader ? /*#__PURE__*/jsx(CardHeader, {
         children: /*#__PURE__*/jsx(CardHeaderLeading, {
           title: title || '',
           subtitle: description || ''
         })
-      }), children && children.length > 0 ? /*#__PURE__*/jsx(CardBody, {
+      }) : null, children && children.length > 0 ? /*#__PURE__*/jsx(CardBody, {
         height: "100%",
         children: /*#__PURE__*/jsx(Box, {
           display: "flex",