@razorpay/blade 12.32.2 → 12.32.3

package/build/lib/native/components/Form/Selector/SelectorGroupField.js

@@ -5,12 +5,17 @@ import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import 'react-native';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
 import '@babel/runtime/helpers/slicedToArray';
-import '../../BladeProvider/useTheme.js';
+import useTheme from '../../BladeProvider/useTheme.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import 'styled-components/native';
+import '@gorhom/portal';
+import 'react-native-gesture-handler';
+import '../../BottomSheet/BottomSheetStack.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var isReactNative=getPlatformType()==='react-native';var labelPosition=position==='top'?'column':'row';if(isReactNative)labelPosition='column';var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:labelPosition},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
+var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isReactNative=getPlatformType()==='react-native';var isLabelLeftPositioned=position==='left'&&matchedDeviceType==='desktop';if(isReactNative)isLabelLeftPositioned=false;var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:isLabelLeftPositioned?'row':'column'},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};
 
 export { SelectorGroupField };
 //# sourceMappingURL=SelectorGroupField.js.map

package/build/lib/native/components/Form/Selector/SelectorGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n  if (isReactNative) labelPosition = 'column';\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={labelPosition}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","isReactNative","getPlatformType","labelPosition","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAER,CAAA,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAC1D,IAAIC,aAAyC,CAAGV,QAAQ,GAAK,KAAK,CAAG,QAAQ,CAAG,KAAK,CACrF,GAAIQ,aAAa,CAAEE,aAAa,CAAG,QAAQ,CAC3C,IAAMC,IAAI,CAAGT,iBAAiB,GAAK,OAAO,EAAIM,aAAa,CAAGI,SAAS,CAAGV,iBAAiB,CAE3F,OACEW,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,aAAc,EACzBS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJZ,UAAU,CAAVA,UACF,CAAC,CAAC,CACEqB,aAAa,CAAC,CAAEC,IAAI,CAAElB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CkB,sBAAsB,CAACjB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CAAA,CACF,CAAC,CAEd;;;;"}
+{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n  if (isReactNative) isLabelLeftPositioned = false;\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","Object","assign","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;gGAmBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,IAAA,CAQ2B,CAAA,IAPjDC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,UAAU,CAAAF,IAAA,CAAVE,UAAU,CACVC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAAC,qBAAA,CAAAJ,IAAA,CACRK,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,qBAAA,CAC3BE,aAAa,CAAAN,IAAA,CAAbM,aAAa,CACbC,MAAM,CAAAP,IAAA,CAANO,MAAM,CACHC,KAAK,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAAC,cAAA,CAA8BC,aAAa,CAAC,CAAEC,WAAW,CAAEH,KAAK,CAACG,WAAY,CAAC,CAAC,CAAvEC,iBAAiB,CAAAH,cAAA,CAAjBG,iBAAiB,CACzB,IAAMC,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAE1D,IAAIC,qBAAqB,CAAGjB,QAAQ,GAAK,MAAM,EAAIc,iBAAiB,GAAK,SAAS,CAClF,GAAIC,aAAa,CAAEE,qBAAqB,CAAG,KAAK,CAChD,IAAMC,IAAI,CAAGhB,iBAAiB,GAAK,OAAO,EAAIa,aAAa,CAAGI,SAAS,CAAGjB,iBAAiB,CAE3F,OACEkB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNC,CAAAA,OAAO,CAAC,MAAM,CACdC,aAAa,CAAER,qBAAqB,CAAG,KAAK,CAAG,QAAS,CAAA,CACpDS,cAAc,CAAC,CACjBR,IAAI,CAAJA,IAAI,CACJnB,UAAU,CAAVA,UACF,CAAC,CAAC,CACE4B,aAAa,CAAC,CAAEC,IAAI,CAAEzB,aAAa,CAAEC,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9CyB,sBAAsB,CAACxB,KAAK,CAAC,CAAAP,CAAAA,QAAA,CAEhCA,QAAQ,CACF,CAAA,CAAC,CAEd;;;;"}

package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js

@@ -6,7 +6,10 @@ import '../../Box/BaseBox/index.js';
 import '../../../utils/makeAccessible/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
@@ -25,13 +28,19 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
     componentName = _ref.componentName,
     testID = _ref.testID,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBreakpoint = useBreakpoint({
+      breakpoints: theme.breakpoints
+    }),
+    matchedDeviceType = _useBreakpoint.matchedDeviceType;
   var isReactNative = getPlatformType() === 'react-native';
-  var labelPosition = position === 'top' ? 'column' : 'row';
-  if (isReactNative) labelPosition = 'column';
+  var isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';
+  if (isReactNative) isLabelLeftPositioned = false;
   var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: "flex",
-    flexDirection: labelPosition
+    flexDirection: isLabelLeftPositioned ? 'row' : 'column'
   }, makeAccessible({
     role: role,
     labelledBy: labelledBy

package/build/lib/web/development/components/Form/Selector/SelectorGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n  if (isReactNative) labelPosition = 'column';\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={labelPosition}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","isReactNative","getPlatformType","labelPosition","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAC1D,IAAIC,aAAyC,GAAGV,QAAQ,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AACrF,EAAA,IAAIQ,aAAa,EAAEE,aAAa,GAAG,QAAQ,CAAA;EAC3C,IAAMC,IAAI,GAAGT,iBAAiB,KAAK,OAAO,IAAIM,aAAa,GAAGI,SAAS,GAAGV,iBAAiB,CAAA;EAE3F,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,aAAAA;AAAc,GAAA,EACzBQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJZ,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACEoB,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEjB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CiB,sBAAsB,CAAChB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n  if (isReactNative) isLabelLeftPositioned = false;\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACE2B,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAExB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CwB,sBAAsB,CAACvB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/Table/commonStyles/tableBodyStyles.js

@@ -22,7 +22,7 @@ var getTableBodyStyles = function getTableBodyStyles(_ref3) {
     width = _ref3.width,
     isSelectable = _ref3.isSelectable,
     showStripedRows = _ref3.showStripedRows;
-  var shouldAddCommonStyle = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : addCommonStyles;
+  var shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;
   return _objectSpread(_objectSpread({}, isVirtualized && {
     '& > div ': {
       overflow: 'auto !important',

package/build/lib/web/development/components/Table/commonStyles/tableBodyStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n  return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n  isVirtualized,\n}: {\n  isVirtualized?: boolean;\n}): string => {\n  return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n  isVirtualized,\n  addCommonStyles,\n  theme,\n  height,\n  width,\n  isSelectable,\n  showStripedRows,\n}: {\n  isVirtualized?: boolean;\n  addCommonStyles?: boolean;\n  theme: Theme;\n  height?: BoxProps['height'];\n  width?: BoxProps['width'];\n  isSelectable?: boolean;\n  showStripedRows?: boolean;\n}): Record<string, unknown> => {\n  const shouldAddCommonStyle = isVirtualized ?? addCommonStyles;\n  return {\n    ...(isVirtualized && {\n      '& > div ': {\n        overflow: 'auto !important',\n        height: `${height} !important`,\n        width: `${width} !important`,\n      },\n      // and remove scroll from the main table element\n      '&': {\n        overflow: 'hidden !important',\n      },\n      // for virtualized table, we need to apply some styles to tbody\n      'tbody > div': {\n        display: 'block !important',\n      },\n      'tbody  div  tr': {\n        display: 'grid',\n        gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n        columnGap: '0',\n      },\n      'tbody div tr:last-child .cell-wrapper': {\n        borderBottom: 'none',\n      },\n      'tbody div td': {\n        padding: '0',\n      },\n    }),\n    // these styles are common for both virtualized and non-virtualized tables\n    ...(shouldAddCommonStyle && {\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })}  .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n          backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n          theme,\n        }),\n      },\n\n      ...(isSelectable && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n        },\n      }),\n\n      ...(showStripedRows && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })}  tr:nth-child(even) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n        },\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:nth-child(even) .cell-wrapper-base`]: {\n          backgroundColor: tableRow.stripe.backgroundColor,\n        },\n      }),\n\n      ...(showStripedRows &&\n        isSelectable && {\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedHover,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedActive,\n            ),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorActive,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n              theme,\n            }),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelected,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n              theme,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n            }),\n          },\n        }),\n    }),\n  };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}
+{"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n  return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n  isVirtualized,\n}: {\n  isVirtualized?: boolean;\n}): string => {\n  return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n  isVirtualized,\n  addCommonStyles,\n  theme,\n  height,\n  width,\n  isSelectable,\n  showStripedRows,\n}: {\n  isVirtualized?: boolean;\n  addCommonStyles?: boolean;\n  theme: Theme;\n  height?: BoxProps['height'];\n  width?: BoxProps['width'];\n  isSelectable?: boolean;\n  showStripedRows?: boolean;\n}): Record<string, unknown> => {\n  const shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;\n\n  return {\n    ...(isVirtualized && {\n      '& > div ': {\n        overflow: 'auto !important',\n        height: `${height} !important`,\n        width: `${width} !important`,\n      },\n      // and remove scroll from the main table element\n      '&': {\n        overflow: 'hidden !important',\n      },\n      // for virtualized table, we need to apply some styles to tbody\n      'tbody > div': {\n        display: 'block !important',\n      },\n      'tbody  div  tr': {\n        display: 'grid',\n        gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n        columnGap: '0',\n      },\n      'tbody div tr:last-child .cell-wrapper': {\n        borderBottom: 'none',\n      },\n      'tbody div td': {\n        padding: '0',\n      },\n    }),\n    // these styles are common for both virtualized and non-virtualized tables\n    ...(shouldAddCommonStyle && {\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })}  .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n          backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n          theme,\n        }),\n      },\n\n      ...(isSelectable && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n        },\n      }),\n\n      ...(showStripedRows && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })}  tr:nth-child(even) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n        },\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:nth-child(even) .cell-wrapper-base`]: {\n          backgroundColor: tableRow.stripe.backgroundColor,\n        },\n      }),\n\n      ...(showStripedRows &&\n        isSelectable && {\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedHover,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedActive,\n            ),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorActive,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n              theme,\n            }),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelected,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n              theme,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n            }),\n          },\n        }),\n    }),\n  };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","Boolean","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}

package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js

@@ -6,7 +6,10 @@ import '../../Box/BaseBox/index.js';
 import '../../../utils/makeAccessible/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
@@ -25,13 +28,19 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
     componentName = _ref.componentName,
     testID = _ref.testID,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBreakpoint = useBreakpoint({
+      breakpoints: theme.breakpoints
+    }),
+    matchedDeviceType = _useBreakpoint.matchedDeviceType;
   var isReactNative = getPlatformType() === 'react-native';
-  var labelPosition = position === 'top' ? 'column' : 'row';
-  if (isReactNative) labelPosition = 'column';
+  var isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';
+  if (isReactNative) isLabelLeftPositioned = false;
   var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     display: "flex",
-    flexDirection: labelPosition
+    flexDirection: isLabelLeftPositioned ? 'row' : 'column'
   }, makeAccessible({
     role: role,
     labelledBy: labelledBy

package/build/lib/web/production/components/Form/Selector/SelectorGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  let labelPosition: CSSObject['flexDirection'] = position === 'top' ? 'column' : 'row';\n  if (isReactNative) labelPosition = 'column';\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={labelPosition}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","isReactNative","getPlatformType","labelPosition","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAC1D,IAAIC,aAAyC,GAAGV,QAAQ,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AACrF,EAAA,IAAIQ,aAAa,EAAEE,aAAa,GAAG,QAAQ,CAAA;EAC3C,IAAMC,IAAI,GAAGT,iBAAiB,KAAK,OAAO,IAAIM,aAAa,GAAGI,SAAS,GAAGV,iBAAiB,CAAA;EAE3F,oBACEW,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,aAAAA;AAAc,GAAA,EACzBQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJZ,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACEoB,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEjB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CiB,sBAAsB,CAAChB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"SelectorGroupField.js","sources":["../../../../../../../src/components/Form/Selector/SelectorGroupField.tsx"],"sourcesContent":["import React from 'react';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport type { AriaRoles } from '~utils/makeAccessible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getPlatformType, useBreakpoint } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useTheme } from '~components/BladeProvider';\n\ntype SelectorGroupFieldProps = {\n  children: React.ReactNode;\n  labelledBy: string;\n  position?: 'top' | 'left';\n  accessibilityRole?: AriaRoles;\n  componentName: 'checkbox-group' | 'radio-group' | 'chip-group';\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst SelectorGroupField = ({\n  children,\n  labelledBy,\n  position,\n  accessibilityRole = 'group',\n  componentName,\n  testID,\n  ...props\n}: SelectorGroupFieldProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isReactNative = getPlatformType() === 'react-native';\n\n  let isLabelLeftPositioned = position === 'left' && matchedDeviceType === 'desktop';\n  if (isReactNative) isLabelLeftPositioned = false;\n  const role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n      {...makeAccessible({\n        role,\n        labelledBy,\n      })}\n      {...metaAttribute({ name: componentName, testID })}\n      {...makeAnalyticsAttribute(props)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nexport { SelectorGroupField };\n"],"names":["SelectorGroupField","_ref","children","labelledBy","position","_ref$accessibilityRol","accessibilityRole","componentName","testID","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isReactNative","getPlatformType","isLabelLeftPositioned","role","undefined","_jsx","BaseBox","_objectSpread","display","flexDirection","makeAccessible","metaAttribute","name","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQ2B;AAAA,EAAA,IAPjDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,qBAAA,GAAAJ,IAAA,CACRK,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;IAC3BE,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,IAAIC,qBAAqB,GAAGjB,QAAQ,KAAK,MAAM,IAAIc,iBAAiB,KAAK,SAAS,CAAA;AAClF,EAAA,IAAIC,aAAa,EAAEE,qBAAqB,GAAG,KAAK,CAAA;EAChD,IAAMC,IAAI,GAAGhB,iBAAiB,KAAK,OAAO,IAAIa,aAAa,GAAGI,SAAS,GAAGjB,iBAAiB,CAAA;EAE3F,oBACEkB,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAEP,qBAAqB,GAAG,KAAK,GAAG,QAAA;AAAS,GAAA,EACpDQ,cAAc,CAAC;AACjBP,IAAAA,IAAI,EAAJA,IAAI;AACJnB,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAC,CACE2B,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAExB,aAAa;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EAC9CwB,sBAAsB,CAACvB,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAP,IAAAA,QAAA,EAEhCA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/Table/commonStyles/tableBodyStyles.js

@@ -22,7 +22,7 @@ var getTableBodyStyles = function getTableBodyStyles(_ref3) {
     width = _ref3.width,
     isSelectable = _ref3.isSelectable,
     showStripedRows = _ref3.showStripedRows;
-  var shouldAddCommonStyle = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : addCommonStyles;
+  var shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;
   return _objectSpread(_objectSpread({}, isVirtualized && {
     '& > div ': {
       overflow: 'auto !important',

package/build/lib/web/production/components/Table/commonStyles/tableBodyStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n  return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n  isVirtualized,\n}: {\n  isVirtualized?: boolean;\n}): string => {\n  return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n  isVirtualized,\n  addCommonStyles,\n  theme,\n  height,\n  width,\n  isSelectable,\n  showStripedRows,\n}: {\n  isVirtualized?: boolean;\n  addCommonStyles?: boolean;\n  theme: Theme;\n  height?: BoxProps['height'];\n  width?: BoxProps['width'];\n  isSelectable?: boolean;\n  showStripedRows?: boolean;\n}): Record<string, unknown> => {\n  const shouldAddCommonStyle = isVirtualized ?? addCommonStyles;\n  return {\n    ...(isVirtualized && {\n      '& > div ': {\n        overflow: 'auto !important',\n        height: `${height} !important`,\n        width: `${width} !important`,\n      },\n      // and remove scroll from the main table element\n      '&': {\n        overflow: 'hidden !important',\n      },\n      // for virtualized table, we need to apply some styles to tbody\n      'tbody > div': {\n        display: 'block !important',\n      },\n      'tbody  div  tr': {\n        display: 'grid',\n        gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n        columnGap: '0',\n      },\n      'tbody div tr:last-child .cell-wrapper': {\n        borderBottom: 'none',\n      },\n      'tbody div td': {\n        padding: '0',\n      },\n    }),\n    // these styles are common for both virtualized and non-virtualized tables\n    ...(shouldAddCommonStyle && {\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })}  .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n          backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n          theme,\n        }),\n      },\n\n      ...(isSelectable && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n        },\n      }),\n\n      ...(showStripedRows && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })}  tr:nth-child(even) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n        },\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:nth-child(even) .cell-wrapper-base`]: {\n          backgroundColor: tableRow.stripe.backgroundColor,\n        },\n      }),\n\n      ...(showStripedRows &&\n        isSelectable && {\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedHover,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedActive,\n            ),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorActive,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n              theme,\n            }),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelected,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n              theme,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n            }),\n          },\n        }),\n    }),\n  };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}
+{"version":3,"file":"tableBodyStyles.js","sources":["../../../../../../../src/components/Table/commonStyles/tableBodyStyles.tsx"],"sourcesContent":["import { tableRow } from '../tokens';\nimport { getTableActionsHoverStyles } from '../utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\n\nconst getRowWrapperSelector = ({ isVirtualized }: { isVirtualized?: boolean }): string => {\n  return isVirtualized ? 'tbody div' : '&';\n};\n\nconst addTableRowSelectorIFVirtualized = ({\n  isVirtualized,\n}: {\n  isVirtualized?: boolean;\n}): string => {\n  return isVirtualized ? 'tr' : '';\n};\n\nconst getTableBodyStyles = ({\n  isVirtualized,\n  addCommonStyles,\n  theme,\n  height,\n  width,\n  isSelectable,\n  showStripedRows,\n}: {\n  isVirtualized?: boolean;\n  addCommonStyles?: boolean;\n  theme: Theme;\n  height?: BoxProps['height'];\n  width?: BoxProps['width'];\n  isSelectable?: boolean;\n  showStripedRows?: boolean;\n}): Record<string, unknown> => {\n  const shouldAddCommonStyle = Boolean(isVirtualized) || addCommonStyles;\n\n  return {\n    ...(isVirtualized && {\n      '& > div ': {\n        overflow: 'auto !important',\n        height: `${height} !important`,\n        width: `${width} !important`,\n      },\n      // and remove scroll from the main table element\n      '&': {\n        overflow: 'hidden !important',\n      },\n      // for virtualized table, we need to apply some styles to tbody\n      'tbody > div': {\n        display: 'block !important',\n      },\n      'tbody  div  tr': {\n        display: 'grid',\n        gridTemplateColumns: 'var(--data-table-library_grid-template-columns)',\n        columnGap: '0',\n      },\n      'tbody div tr:last-child .cell-wrapper': {\n        borderBottom: 'none',\n      },\n      'tbody div td': {\n        padding: '0',\n      },\n    }),\n    // these styles are common for both virtualized and non-virtualized tables\n    ...(shouldAddCommonStyle && {\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })}  .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,\n          backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,\n          theme,\n        }),\n      },\n      [`${getRowWrapperSelector({\n        isVirtualized,\n      })} .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base`]: {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        ...getTableActionsHoverStyles({\n          hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,\n          backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,\n          theme,\n        }),\n      },\n\n      ...(isSelectable && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:active:not(.disabled-row) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n        },\n      }),\n\n      ...(showStripedRows && {\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })}  tr:nth-child(even) .cell-wrapper`]: {\n          backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n        },\n        [`${getRowWrapperSelector({\n          isVirtualized,\n        })} tr:nth-child(even) .cell-wrapper-base`]: {\n          backgroundColor: tableRow.stripe.backgroundColor,\n        },\n      }),\n\n      ...(showStripedRows &&\n        isSelectable && {\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedHover,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            ),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper`]: {\n            backgroundColor: getIn(\n              theme.colors,\n              tableRow.stripeWrapper.backgroundColorSelectedActive,\n            ),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })} tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base`]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorActive,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n              theme,\n            }),\n          },\n\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelected,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedHover,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })} .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedFocus,\n              theme,\n              backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus,\n            }),\n          },\n          [`${getRowWrapperSelector({\n            isVirtualized,\n          })}  ${addTableRowSelectorIFVirtualized({\n            isVirtualized,\n          })}.row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base `]: {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            ...getTableActionsHoverStyles({\n              hoverColor: tableRow.stripe.backgroundColorSelectedActive,\n              theme,\n              backgroundGradientColor: tableRow.stripe.backgroundColorHover,\n            }),\n          },\n        }),\n    }),\n  };\n};\nexport { getTableBodyStyles };\n"],"names":["getRowWrapperSelector","_ref","isVirtualized","addTableRowSelectorIFVirtualized","_ref2","getTableBodyStyles","_ref3","_ref6","addCommonStyles","theme","height","width","isSelectable","showStripedRows","shouldAddCommonStyle","Boolean","_objectSpread","overflow","concat","display","gridTemplateColumns","columnGap","borderBottom","padding","_defineProperty","backgroundColor","getIn","colors","tableRow","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","getTableActionsHoverStyles","hoverColor","backgroundGradientColor","nonStripeWrapper","backgroundColorSelectedFocus","backgroundColorSelectedActive","backgroundColorHover","backgroundColorActive","stripeWrapper","stripe","backgroundColorFocus"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.32.2",
+  "version": "12.32.3",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"
@@ -116,7 +116,7 @@
     "react:storybook:serve:test": "wait-on http://127.0.0.1:9009/ && yarn test:react:interaction",
     "test:react:interaction": "cross-env FRAMEWORK=REACT test-storybook -c ./.storybook/react --url http://127.0.0.1:9009/",
     "test:react:interaction:ci": "yarn react:storybook:build && run-p react:storybook:serve react:storybook:serve:test --race",
-    "test:react": "cross-env FRAMEWORK=REACT jest -c ./jest.web.config.js --shard=$SHARD --forceExit",
+    "test:react": "cross-env FRAMEWORK=REACT jest -c ./jest.web.config.js --shard=$SHARD --coverage --forceExit",
     "test:react-native": "cross-env FRAMEWORK=REACT_NATIVE jest -c ./jest.native.config.js --shard=$SHARD --forceExit",
     "start:ios": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:ios",
     "start:android": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:android",