@razorpay/blade 12.42.3 → 12.43.0

package/build/lib/web/production/components/Table/TableHeader.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.web.js","sources":["../../../../../../src/components/Table/TableHeader.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Header, HeaderRow, HeaderCell } from '@table-library/react-table-library/table';\nimport { checkboxCellWidth, tableHeader, tableRow } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableHeaderRowProps,\n  TableHeaderCellProps,\n  TableBackgroundColors,\n  TableProps,\n} from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst SortButton = styled.button(({ theme }) => ({\n  cursor: 'pointer',\n  border: 'none',\n  padding: 0,\n  margin: 0,\n  borderRadius: theme.border.radius.small,\n  background: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transitionProperty: 'color, box-shadow',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, 'duration.quick'))),\n  transitionTimingFunction: (theme.motion.easing.standard as unknown) as string,\n  '&:focus-visible': getFocusRingStyles({ theme }),\n}));\n\nconst SortIcon = ({\n  isSorted,\n  isSortReversed,\n}: {\n  isSorted: boolean;\n  isSortReversed: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultColor = getIn(theme.colors, 'interactive.icon.gray.muted');\n  const activeColor = getIn(theme.colors, 'interactive.icon.primary.subtle');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton\n      {...metaAttribute({ name: MetaConstants.TableSortButton })}\n      {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}\n    >\n      <svg width={20} height={20} fill=\"none\">\n        <path\n          fill={upArrowColor}\n          d=\"M10.59 2.251a.817.817 0 0 0-1.18 0L5.245 6.537a.875.875 0 0 0 0 1.212.817.817 0 0 0 1.179 0L10 4.069l3.577 3.68a.817.817 0 0 0 1.179 0 .874.874 0 0 0 0-1.212L10.589 2.25Z\"\n        />\n        <path\n          fill={downArrowColor}\n          d=\"M9.41 17.749a.817.817 0 0 0 1.18 0l4.166-4.286a.874.874 0 0 0 0-1.212.817.817 0 0 0-1.179 0L10 15.931l-3.577-3.68a.817.817 0 0 0-1.179 0 .874.874 0 0 0 0 1.212l4.167 4.286Z\"\n        />\n      </svg>\n    </SortButton>\n  );\n};\n\nconst StyledHeader = styled(Header)({\n  '&&&': {\n    '& tr:first-child th': {\n      borderTop: 'none',\n    },\n  },\n});\n\nconst _TableHeader = ({ children, ...rest }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader\n      {...metaAttribute({ name: MetaConstants.TableHeader })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </StyledHeader>\n  );\n};\n\nconst TableHeader = assignWithoutSideEffects(_TableHeader, {\n  componentId: ComponentIds.TableHeader,\n});\n\nconst StyledHeaderCell = styled(HeaderCell)<{\n  $isSortable: boolean;\n  $backgroundColor: TableBackgroundColors;\n  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  $hasPadding: boolean;\n  $textAlign: 'left' | 'center' | 'right';\n}>(({ theme, $isSortable, $backgroundColor, $rowDensity, $hasPadding, $textAlign }) => ({\n  '&&&': {\n    display: $textAlign ? 'flex' : 'block',\n    justifyContent: $textAlign ? 'space-between' : 'initial',\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    cursor: $isSortable ? 'pointer' : 'auto',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: $textAlign ? $textAlign : 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity]))\n        : undefined,\n      paddingRight: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : undefined,\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({\n  children,\n  headerKey,\n  _hasPadding = true,\n  textAlign,\n  ...rest\n}: TableHeaderCellProps): React.ReactElement => {\n  const {\n    toggleSort,\n    currentSortedState,\n    backgroundColor,\n    rowDensity,\n    headerRowDensity,\n  } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      $isSortable={isSortable}\n      $backgroundColor={backgroundColor}\n      $rowDensity={headerRowDensity ?? rowDensity}\n      $hasPadding={_hasPadding}\n      $textAlign={textAlign}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexGrow={1} justifyContent={textAlign}>\n        {isChildrenString ? (\n          <Text size=\"medium\" weight=\"medium\" color=\"surface.text.gray.normal\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </BaseBox>\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\" flexShrink={0}>\n          <SortIcon\n            isSorted={currentSortedState.sortKey === headerKey}\n            isSortReversed={currentSortedState.isSortReversed}\n          />\n        </BaseBox>\n      )}\n    </StyledHeaderCell>\n  );\n};\n\nconst TableHeaderCell = assignWithoutSideEffects(_TableHeaderCell, {\n  componentId: ComponentIds.TableHeaderCell,\n});\n\nconst TableHeaderCellCheckbox = ({\n  isChecked,\n  isDisabled,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isDisabled: CheckboxProps['isDisabled'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox\n          isChecked={isChecked}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={onChange}\n          {...makeAccessible({ label: 'Select All Rows' })}\n        />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst StyledHeaderRow = styled(HeaderRow)<{\n  $showBorderedCells: boolean;\n  $gridTemplateColumns: string | undefined;\n  $hasHoverActions: boolean;\n  $selectionType: TableProps<unknown>['selectionType'];\n  $columnCount: number;\n  $isVirtualized?: boolean;\n}>(\n  ({\n    theme,\n    $showBorderedCells,\n    $gridTemplateColumns,\n    $hasHoverActions,\n    $selectionType,\n    $columnCount,\n    $isVirtualized,\n  }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n          ...($isVirtualized && {\n            display: 'grid',\n            gridTemplateColumns: $gridTemplateColumns\n              ? `${$gridTemplateColumns} ${$hasHoverActions ? 'min-content' : ''}`\n              : ` ${\n                  $selectionType === 'multiple' ? 'min-content' : ''\n                } repeat(${$columnCount},minmax(100px, 1fr)) ${\n                  $hasHoverActions ? 'min-content' : ''\n                } !important;`,\n          }),\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableHeaderRow = ({\n  children,\n  rowDensity,\n  ...rest\n}: TableHeaderRowProps): React.ReactElement => {\n  const {\n    disabledRows,\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n    showBorderedCells,\n    hasHoverActions,\n    gridTemplateColumns,\n    columnCount,\n    isVirtualized,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  const isDisabled = disabledRows && disabledRows.length === totalItems;\n  if (rowDensity) {\n    setHeaderRowDensity(rowDensity);\n  }\n  return (\n    <StyledHeaderRow\n      role=\"rowheader\"\n      {...metaAttribute({ name: MetaConstants.TableHeaderRow })}\n      {...makeAnalyticsAttribute(rest)}\n      $showBorderedCells={showBorderedCells}\n      $gridTemplateColumns={gridTemplateColumns}\n      $hasHoverActions={hasHoverActions}\n      $selectionType={selectionType}\n      $columnCount={columnCount}\n      $isVirtualized={isVirtualized}\n    >\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n      {hasHoverActions ? <TableHeaderCell _hasPadding={false}>Actions</TableHeaderCell> : null}\n    </StyledHeaderRow>\n  );\n};\n\nconst TableHeaderRow = assignWithoutSideEffects(_TableHeaderRow, {\n  componentId: ComponentIds.TableHeaderRow,\n});\n\nexport { TableHeader, TableHeaderRow, TableHeaderCell };\n"],"names":["SortButton","styled","button","withConfig","displayName","componentId","_ref","theme","cursor","border","padding","margin","borderRadius","radius","small","background","display","alignItems","justifyContent","transitionProperty","transitionDuration","castWebType","makeMotionTime","getIn","motion","transitionTimingFunction","easing","standard","getFocusRingStyles","SortIcon","_ref2","isSorted","isSortReversed","_useTheme","useTheme","defaultColor","colors","activeColor","upArrowColor","downArrowColor","_jsx","_objectSpread","metaAttribute","name","MetaConstants","TableSortButton","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","rest","_objectWithoutProperties","_excluded","TableHeader","makeAnalyticsAttribute","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$isSortable","$backgroundColor","$rowDensity","$hasPadding","$textAlign","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingLeft","tableRow","undefined","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_ref5$_hasPadding","_hasPadding","textAlign","_excluded2","_useTableContext","useTableContext","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","tabIndex","onClick","TableHeaderCell","BaseBox","flexGrow","Text","weight","color","flexShrink","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isDisabled","isIndeterminate","onChange","flex","checkboxCellWidth","Checkbox","StyledHeaderRow","HeaderRow","_ref7","$showBorderedCells","$gridTemplateColumns","$hasHoverActions","$selectionType","$columnCount","$isVirtualized","borderRightWidth","borderRightColor","borderColor","borderRightStyle","gridTemplateColumns","concat","borderRight","_TableHeaderRow","_ref8","_excluded3","_useTableContext2","disabledRows","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","showBorderedCells","hasHoverActions","columnCount","isVirtualized","isMultiSelect","isAllSelected","length","TableHeaderRow"],"mappings":"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"}
+{"version":3,"file":"TableHeader.web.js","sources":["../../../../../../src/components/Table/TableHeader.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Header, HeaderRow, HeaderCell } from '@table-library/react-table-library/table';\nimport { checkboxCellWidth, tableHeader, tableRow, classes } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableHeaderRowProps,\n  TableHeaderCellProps,\n  TableBackgroundColors,\n  TableProps,\n} from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst SortButton = styled.button(({ theme }) => ({\n  cursor: 'pointer',\n  border: 'none',\n  padding: 0,\n  margin: 0,\n  borderRadius: theme.border.radius.small,\n  background: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transitionProperty: 'color, box-shadow',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, 'duration.quick'))),\n  transitionTimingFunction: (theme.motion.easing.standard as unknown) as string,\n  '&:focus-visible': getFocusRingStyles({ theme }),\n}));\n\nconst SortIcon = ({\n  isSorted,\n  isSortReversed,\n}: {\n  isSorted: boolean;\n  isSortReversed: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultColor = getIn(theme.colors, 'interactive.icon.gray.muted');\n  const activeColor = getIn(theme.colors, 'interactive.icon.primary.subtle');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton\n      {...metaAttribute({ name: MetaConstants.TableSortButton })}\n      {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}\n    >\n      <svg width={20} height={20} fill=\"none\">\n        <path\n          fill={upArrowColor}\n          d=\"M10.59 2.251a.817.817 0 0 0-1.18 0L5.245 6.537a.875.875 0 0 0 0 1.212.817.817 0 0 0 1.179 0L10 4.069l3.577 3.68a.817.817 0 0 0 1.179 0 .874.874 0 0 0 0-1.212L10.589 2.25Z\"\n        />\n        <path\n          fill={downArrowColor}\n          d=\"M9.41 17.749a.817.817 0 0 0 1.18 0l4.166-4.286a.874.874 0 0 0 0-1.212.817.817 0 0 0-1.179 0L10 15.931l-3.577-3.68a.817.817 0 0 0-1.179 0 .874.874 0 0 0 0 1.212l4.167 4.286Z\"\n        />\n      </svg>\n    </SortButton>\n  );\n};\n\nconst StyledHeader = styled(Header)({\n  '&&&': {\n    '& tr:first-child th': {\n      borderTop: 'none',\n    },\n  },\n});\n\nconst _TableHeader = ({ children, ...rest }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader\n      {...metaAttribute({ name: MetaConstants.TableHeader })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </StyledHeader>\n  );\n};\n\nconst TableHeader = assignWithoutSideEffects(_TableHeader, {\n  componentId: ComponentIds.TableHeader,\n});\n\nconst StyledHeaderCell = styled(HeaderCell)<{\n  $isSortable: boolean;\n  $backgroundColor: TableBackgroundColors;\n  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  $hasPadding: boolean;\n  $textAlign: 'left' | 'center' | 'right';\n  gridRow?: string;\n}>(({ theme, $isSortable, $backgroundColor, $rowDensity, $hasPadding, $textAlign, gridRow }) => ({\n  '&&&': {\n    display: $textAlign ? 'flex' : 'block',\n    justifyContent: $textAlign ? 'space-between' : 'initial',\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    cursor: $isSortable ? 'pointer' : 'auto',\n    gridRow,\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: $textAlign ? $textAlign : 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity]))\n        : undefined,\n      paddingRight: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : undefined,\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({\n  children,\n  headerKey,\n  _hasPadding = true,\n  textAlign,\n  gridColumnStart,\n  gridColumnEnd,\n  gridRowStart,\n  gridRowEnd,\n  ...rest\n}: TableHeaderCellProps): React.ReactElement => {\n  const {\n    toggleSort,\n    currentSortedState,\n    backgroundColor,\n    rowDensity,\n    headerRowDensity,\n  } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n\n  const hasRowSpan = Boolean(gridRowStart && gridRowEnd);\n  const gridRowValue = hasRowSpan ? `${gridRowStart} / ${gridRowEnd}` : undefined;\n\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      className={hasRowSpan ? classes.HAS_ROW_SPANNING : ''}\n      gridColumnStart={gridColumnStart}\n      gridColumnEnd={gridColumnEnd}\n      gridRow={gridRowValue}\n      $isSortable={isSortable}\n      $backgroundColor={backgroundColor}\n      $rowDensity={headerRowDensity ?? rowDensity}\n      $hasPadding={_hasPadding}\n      $textAlign={textAlign}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexGrow={1} justifyContent={textAlign}>\n        {isChildrenString ? (\n          <Text size=\"medium\" weight=\"medium\" color=\"surface.text.gray.normal\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </BaseBox>\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\" flexShrink={0}>\n          <SortIcon\n            isSorted={currentSortedState.sortKey === headerKey}\n            isSortReversed={currentSortedState.isSortReversed}\n          />\n        </BaseBox>\n      )}\n    </StyledHeaderCell>\n  );\n};\n\nconst TableHeaderCell = assignWithoutSideEffects(_TableHeaderCell, {\n  componentId: ComponentIds.TableHeaderCell,\n});\n\nconst TableHeaderCellCheckbox = ({\n  isChecked,\n  isDisabled,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isDisabled: CheckboxProps['isDisabled'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox\n          isChecked={isChecked}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={onChange}\n          {...makeAccessible({ label: 'Select All Rows' })}\n        />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst StyledHeaderRow = styled(HeaderRow)<{\n  $showBorderedCells: boolean;\n  $gridTemplateColumns: string | undefined;\n  $hasHoverActions: boolean;\n  $selectionType: TableProps<unknown>['selectionType'];\n  $columnCount: number;\n  $isVirtualized?: boolean;\n}>(\n  ({\n    theme,\n    $showBorderedCells,\n    $gridTemplateColumns,\n    $hasHoverActions,\n    $selectionType,\n    $columnCount,\n    $isVirtualized,\n  }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n          ...($isVirtualized && {\n            display: 'grid',\n            gridTemplateColumns: $gridTemplateColumns\n              ? `${$gridTemplateColumns} ${$hasHoverActions ? 'min-content' : ''}`\n              : ` ${\n                  $selectionType === 'multiple' ? 'min-content' : ''\n                } repeat(${$columnCount},minmax(100px, 1fr)) ${\n                  $hasHoverActions ? 'min-content' : ''\n                } !important;`,\n          }),\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableHeaderRow = ({\n  children,\n  rowDensity,\n  ...rest\n}: TableHeaderRowProps): React.ReactElement => {\n  const {\n    disabledRows,\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n    showBorderedCells,\n    hasHoverActions,\n    gridTemplateColumns,\n    columnCount,\n    isVirtualized,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  const isDisabled = disabledRows && disabledRows.length === totalItems;\n  if (rowDensity) {\n    setHeaderRowDensity(rowDensity);\n  }\n  return (\n    <StyledHeaderRow\n      role=\"rowheader\"\n      {...metaAttribute({ name: MetaConstants.TableHeaderRow })}\n      {...makeAnalyticsAttribute(rest)}\n      $showBorderedCells={showBorderedCells}\n      $gridTemplateColumns={gridTemplateColumns}\n      $hasHoverActions={hasHoverActions}\n      $selectionType={selectionType}\n      $columnCount={columnCount}\n      $isVirtualized={isVirtualized}\n    >\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n      {hasHoverActions ? <TableHeaderCell _hasPadding={false}>Actions</TableHeaderCell> : null}\n    </StyledHeaderRow>\n  );\n};\n\nconst TableHeaderRow = assignWithoutSideEffects(_TableHeaderRow, {\n  componentId: ComponentIds.TableHeaderRow,\n});\n\nexport { TableHeader, TableHeaderRow, TableHeaderCell };\n"],"names":["SortButton","styled","button","withConfig","displayName","componentId","_ref","theme","cursor","border","padding","margin","borderRadius","radius","small","background","display","alignItems","justifyContent","transitionProperty","transitionDuration","castWebType","makeMotionTime","getIn","motion","transitionTimingFunction","easing","standard","getFocusRingStyles","SortIcon","_ref2","isSorted","isSortReversed","_useTheme","useTheme","defaultColor","colors","activeColor","upArrowColor","downArrowColor","_jsx","_objectSpread","metaAttribute","name","MetaConstants","TableSortButton","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","rest","_objectWithoutProperties","_excluded","TableHeader","makeAnalyticsAttribute","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$isSortable","$backgroundColor","$rowDensity","$hasPadding","$textAlign","gridRow","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingLeft","tableRow","undefined","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_ref5$_hasPadding","_hasPadding","textAlign","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","_excluded2","_useTableContext","useTableContext","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","hasRowSpan","gridRowValue","concat","tabIndex","className","classes","HAS_ROW_SPANNING","onClick","TableHeaderCell","BaseBox","flexGrow","Text","weight","color","flexShrink","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isDisabled","isIndeterminate","onChange","flex","checkboxCellWidth","Checkbox","StyledHeaderRow","HeaderRow","_ref7","$showBorderedCells","$gridTemplateColumns","$hasHoverActions","$selectionType","$columnCount","$isVirtualized","borderRightWidth","borderRightColor","borderColor","borderRightStyle","gridTemplateColumns","borderRight","_TableHeaderRow","_ref8","_excluded3","_useTableContext2","disabledRows","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","showBorderedCells","hasHoverActions","columnCount","isVirtualized","isMultiSelect","isAllSelected","length","TableHeaderRow"],"mappings":"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"}

package/build/lib/web/production/components/Table/tokens.js

@@ -87,7 +87,8 @@ var tableRow = {
   borderBottomWidth: 'thin',
   borderColor: 'surface.border.gray.muted',
   backgroundColorMotionEasing: 'easing.standard',
-  backgroundColorMotionDuration: 'duration.xquick'
+  backgroundColorMotionDuration: 'duration.xquick',
+  groupHeaderBackgroundColor: 'surface.background.gray.moderate'
 };
 var tableToolbar = {
   backgroundColor: 'transparent',
@@ -132,7 +133,8 @@ var rowDensityToIsTableInputCellMapping = {
 var classes = {
   HOVER_ACTIONS: 'hover-actions',
   HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',
-  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3'
+  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',
+  HAS_ROW_SPANNING: 'has-row-spanning'
 };
 
 export { checkboxCellWidth, classes, firstColumnStickyZIndex, refreshWrapperZIndex, rowDensityToIsTableInputCellMapping, tableBackgroundColor, tableEditableCellRowDensityToInputSizeMap, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar, validationStateToInputTrailingIconMap };

package/build/lib/web/production/components/Table/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'interactive.background.gray.default',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n  backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  stripeWrapper: {\n    backgroundColor: 'interactive.background.gray.default',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.faded',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.faded',\n  },\n  borderBottomWidth: 'thin',\n  borderColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n  none: undefined,\n  success: CheckIcon,\n  error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n  comfortable: false,\n  normal: true,\n  compact: true,\n};\n\nconst classes = {\n  HOVER_ACTIONS: 'hover-actions',\n  HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n};\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n  rowDensityToIsTableInputCellMapping,\n  classes,\n};\n"],"names":["firstColumnStickyZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","classes","HOVER_ACTIONS","HOVER_ACTIONS_LAYER2","HOVER_ACTIONS_LAYER3"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { size } from '~tokens/global';\n\nconst firstColumnStickyZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'interactive.background.gray.default',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n  backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  stripeWrapper: {\n    backgroundColor: 'interactive.background.gray.default',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.faded',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.faded',\n  },\n  borderBottomWidth: 'thin',\n  borderColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n  groupHeaderBackgroundColor: 'surface.background.gray.moderate',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n  none: undefined,\n  success: CheckIcon,\n  error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n  comfortable: false,\n  normal: true,\n  compact: true,\n};\n\nconst classes = {\n  HOVER_ACTIONS: 'hover-actions',\n  HOVER_ACTIONS_LAYER2: 'hover-actions-layer-2',\n  HOVER_ACTIONS_LAYER3: 'hover-actions-layer-3',\n  HAS_ROW_SPANNING: 'has-row-spanning',\n};\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n  rowDensityToIsTableInputCellMapping,\n  classes,\n};\n"],"names":["firstColumnStickyZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","groupHeaderBackgroundColor","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","classes","HOVER_ACTIONS","HOVER_ACTIONS_LAYER2","HOVER_ACTIONS_LAYER3","HAS_ROW_SPANNING"],"mappings":"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"}

package/build/types/components/index.d.ts

@@ -26155,6 +26155,35 @@ type TableData<Item> = {
     nodes: TableNode<Item>[];
 };
 type TableBackgroundColors = `surface.background.gray.${DotNotationToken<Theme['colors']['surface']['background']['gray']>}`;
+/**
+ * Common grid spanning properties for table cells
+ */
+type TableCellGridSpanningProps = {
+    /**
+     * Grid column start position (1-based). Used for CSS Grid column spanning.
+     * @example
+     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
+     */
+    gridColumnStart?: number;
+    /**
+     * Grid column end position (1-based). Used for CSS Grid column spanning.
+     * @example
+     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
+     */
+    gridColumnEnd?: number;
+    /**
+     * Grid row start position (1-based). Used for CSS Grid row spanning.
+     * @example
+     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
+     */
+    gridRowStart?: number;
+    /**
+     * Grid row end position (1-based). Used for CSS Grid row spanning.
+     * @example
+     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
+     */
+    gridRowEnd?: number;
+};
 type TableHeaderProps = {
     /**
      * The children of TableHeader should be TableHeaderRow
@@ -26203,7 +26232,7 @@ type TableHeaderCellProps = {
      **/
     textAlign?: 'left' | 'center' | 'right';
     _hasPadding?: boolean;
-} & DataAnalyticsAttribute;
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TableProps<Item> = {
     /**
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
@@ -26329,6 +26358,12 @@ type TableProps<Item> = {
      * The backgroundColor prop determines the background color of the table.
      **/
     backgroundColor?: TableBackgroundColors | 'transparent';
+    /**
+     * The isGrouped prop determines whether the table has grouped data with parent-child relationships or not.
+     * When true, enables tree-aware selection where selecting a parent automatically selects all children.
+     * The default value is `false`.
+     **/
+    isGrouped?: boolean;
 } & DataAnalyticsAttribute & StyledPropsBlade;
 type Identifier = string | number;
 type TableBodyProps<Item> = {
@@ -26418,7 +26453,12 @@ type TableCellProps = {
      * @private
      */
     _hasPadding?: boolean;
-} & DataAnalyticsAttribute;
+    /**
+     * The backgroundColor prop determines the background color of the table cell.
+     * The default value is `transparent`.
+     **/
+    backgroundColor?: TableBackgroundColors | 'transparent';
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
     accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
     inputType?: Extract<BaseInputProps['type'], 'text' | 'number' | 'email' | 'tel' | 'url'>;
@@ -26459,7 +26499,7 @@ type TableFooterCellProps = {
      * The default value is `left`.
      **/
     textAlign?: 'left' | 'center' | 'right';
-} & DataAnalyticsAttribute;
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TablePaginationCommonProps = {
     /**
      * The default page size.
@@ -26563,19 +26603,19 @@ type TableToolbarActionsProps = {
     children?: React__default.ReactNode;
 } & StyledPropsBlade & DataAnalyticsAttribute;
 
-declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, backgroundColor, ...rest }: TableProps<Item>) => React__default.ReactElement;
+declare const Table: <Item>({ children, data, multiSelectTrigger, selectionType, onSelectionChange, isHeaderSticky, isFooterSticky, isFirstColumnSticky, rowDensity, onSortChange, sortFunctions, toolbar, pagination, height, showStripedRows, gridTemplateColumns, isLoading, isRefreshing, showBorderedCells, defaultSelectedIds, backgroundColor, isGrouped, ...rest }: TableProps<Item>) => React__default.ReactElement;
 
 declare const TableHeader: ({ children, ...rest }: TableHeaderRowProps) => React__default.ReactElement;
-declare const TableHeaderCell: ({ children, headerKey, _hasPadding, textAlign, ...rest }: TableHeaderCellProps) => React__default.ReactElement;
+declare const TableHeaderCell: ({ children, headerKey, _hasPadding, textAlign, gridColumnStart, gridColumnEnd, gridRowStart, gridRowEnd, ...rest }: TableHeaderCellProps) => React__default.ReactElement;
 declare const TableHeaderRow: ({ children, rowDensity, ...rest }: TableHeaderRowProps) => React__default.ReactElement;
 
 declare const TableBody: <Item>({ children, ...rest }: TableBodyProps<Item>) => React__default.ReactElement;
-declare const TableCell: ({ children, textAlign, _hasPadding, ...rest }: TableCellProps) => React__default.ReactElement;
+declare const TableCell: ({ children, textAlign, _hasPadding, gridColumnStart, gridColumnEnd, gridRowStart, gridRowEnd, ...rest }: TableCellProps) => React__default.ReactElement;
 declare const TableRow: <Item>({ children, item, isDisabled, onHover, onClick, hoverActions, testID, ...rest }: TableRowProps<Item>) => React__default.ReactElement;
 
 declare const TableFooter: ({ children, ...rest }: TableFooterProps) => React__default.ReactElement;
 declare const TableFooterRow: ({ children, ...rest }: TableFooterRowProps) => React__default.ReactElement;
-declare const TableFooterCell: ({ children, textAlign, ...rest }: TableFooterCellProps) => React__default.ReactElement;
+declare const TableFooterCell: ({ children, textAlign, gridColumnStart, gridColumnEnd, gridRowStart, gridRowEnd, ...rest }: TableFooterCellProps) => React__default.ReactElement;
 
 declare const TablePagination: ({ currentPage: controlledCurrentPage, onPageChange, onPageSizeChange, defaultPageSize, showPageSizePicker, showPageNumberSelector, showLabel, label, totalItemCount, paginationType, ...rest }: TablePaginationProps) => React__default.ReactElement;
 

package/build/types/components/index.native.d.ts

@@ -14988,6 +14988,35 @@ type TableData<Item> = {
     nodes: TableNode<Item>[];
 };
 type TableBackgroundColors = `surface.background.gray.${DotNotationToken<Theme['colors']['surface']['background']['gray']>}`;
+/**
+ * Common grid spanning properties for table cells
+ */
+type TableCellGridSpanningProps = {
+    /**
+     * Grid column start position (1-based). Used for CSS Grid column spanning.
+     * @example
+     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
+     */
+    gridColumnStart?: number;
+    /**
+     * Grid column end position (1-based). Used for CSS Grid column spanning.
+     * @example
+     * <TableCell gridColumnStart={1} gridColumnEnd={4}>Spans columns 1-3</TableCell>
+     */
+    gridColumnEnd?: number;
+    /**
+     * Grid row start position (1-based). Used for CSS Grid row spanning.
+     * @example
+     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
+     */
+    gridRowStart?: number;
+    /**
+     * Grid row end position (1-based). Used for CSS Grid row spanning.
+     * @example
+     * <TableCell gridRowStart={1} gridRowEnd={3}>Spans rows 1-2</TableCell>
+     */
+    gridRowEnd?: number;
+};
 type TableHeaderProps = {
     /**
      * The children of TableHeader should be TableHeaderRow
@@ -15036,7 +15065,7 @@ type TableHeaderCellProps = {
      **/
     textAlign?: 'left' | 'center' | 'right';
     _hasPadding?: boolean;
-} & DataAnalyticsAttribute;
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TableProps<Item> = {
     /**
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
@@ -15162,6 +15191,12 @@ type TableProps<Item> = {
      * The backgroundColor prop determines the background color of the table.
      **/
     backgroundColor?: TableBackgroundColors | 'transparent';
+    /**
+     * The isGrouped prop determines whether the table has grouped data with parent-child relationships or not.
+     * When true, enables tree-aware selection where selecting a parent automatically selects all children.
+     * The default value is `false`.
+     **/
+    isGrouped?: boolean;
 } & DataAnalyticsAttribute & StyledPropsBlade;
 type Identifier = string | number;
 type TableBodyProps<Item> = {
@@ -15251,7 +15286,12 @@ type TableCellProps = {
      * @private
      */
     _hasPadding?: boolean;
-} & DataAnalyticsAttribute;
+    /**
+     * The backgroundColor prop determines the background color of the table cell.
+     * The default value is `transparent`.
+     **/
+    backgroundColor?: TableBackgroundColors | 'transparent';
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TableEditableCellProps = Pick<BaseInputProps, 'validationState' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'leadingIcon' | 'trailingButton' | 'errorText' | 'successText'> & {
     accessibilityLabel: NonNullable<BaseInputProps['accessibilityLabel']>;
     inputType?: Extract<BaseInputProps['type'], 'text' | 'number' | 'email' | 'tel' | 'url'>;
@@ -15292,7 +15332,7 @@ type TableFooterCellProps = {
      * The default value is `left`.
      **/
     textAlign?: 'left' | 'center' | 'right';
-} & DataAnalyticsAttribute;
+} & TableCellGridSpanningProps & DataAnalyticsAttribute;
 type TablePaginationCommonProps = {
     /**
      * The default page size.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.42.3",
+  "version": "12.43.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"