@razorpay/blade 11.23.3 → 11.24.0

package/build/lib/web/development/components/Table/TableBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableBackgroundColors,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\n\nconst StyledBody = styled(Body)<{ $isSelectable: boolean; $showStripedRows: boolean }>(\n  ({ theme, $showStripedRows, $isSelectable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        border: 'none',\n        transition: rowBackgroundTransition,\n        '& tr:last-child .cell-wrapper': {\n          borderBottom: 'none',\n        },\n\n        '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n        },\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        },\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        },\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        },\n\n        ...($isSelectable && {\n          '& tr:active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n          },\n        }),\n\n        ...($showStripedRows && {\n          '& tr:nth-child(even) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n          },\n          '& tr:nth-child(even) .cell-wrapper-base': {\n            backgroundColor: tableRow.stripe.backgroundColor,\n          },\n        }),\n\n        ...($showStripedRows &&\n          $isSelectable && {\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n            },\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            '& .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            '& .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            '& .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            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            },\n\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            },\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            },\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            },\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            },\n          }),\n      },\n    };\n  },\n);\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n}>(({ theme, rowDensity, showStripedRows }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])),\n      minHeight: makeSize(getIn(size, tableRow.minHeight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderBottomColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{ $isSelectable: boolean; $isHoverable: boolean }>(\n  ({ theme, $isSelectable, $isHoverable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        backgroundColor: 'transparent',\n        ...(($isHoverable || $isSelectable) && {\n          '&:hover:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            cursor: 'pointer',\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n          },\n        }),\n        ...($isSelectable && {\n          '&:focus:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n            cursor: 'pointer',\n          },\n          '&:active:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n            cursor: 'pointer',\n          },\n        }),\n        '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n      },\n    };\n  },\n);\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","paddingLeft","makeSpace","paddingRight","minHeight","makeSize","size","borderBottomWidth","width","borderBottomColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","checkboxCellWidth","onClick","e","stopPropagation","Checkbox","StyledRow","Row","_ref7","$isHoverable","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}
+{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableEditableCellRowDensityToInputSizeMap, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableBackgroundColors,\n  TableEditableCellProps,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { Box } from '~components/Box';\nimport { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\n\nconst StyledBody = styled(Body)<{\n  $isSelectable: boolean;\n  $showStripedRows: boolean;\n}>(({ theme, $showStripedRows, $isSelectable }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      border: 'none',\n      transition: rowBackgroundTransition,\n\n      '& tr:last-child .cell-wrapper': {\n        borderBottom: 'none',\n      },\n\n      '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n        backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n      },\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      },\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      },\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      },\n\n      ...($isSelectable && {\n        '& tr:active:not(.disabled-row) .cell-wrapper': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n        },\n      }),\n\n      ...($showStripedRows && {\n        '& tr:nth-child(even) .cell-wrapper': {\n          backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n        },\n        '& tr:nth-child(even) .cell-wrapper-base': {\n          backgroundColor: tableRow.stripe.backgroundColor,\n        },\n      }),\n\n      ...($showStripedRows &&\n        $isSelectable && {\n          '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n          },\n          '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n          },\n          '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n          },\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          '& .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          '& .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          '& .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          '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n          },\n          '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n          },\n          '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n            backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n          },\n\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          },\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          },\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          },\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          },\n        }),\n    },\n  };\n});\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      $showBorderedCells={true}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': { ...getFocusRingStyles({ theme, negativeOffset: true }) },\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n  hasPadding?: boolean;\n}>(({ theme, rowDensity, showStripedRows, hasPadding = true }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])) : '0px',\n      paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])) : '0px',\n      minHeight: makeSize(getIn(size, tableRow.minHeight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst StyledEditableCell = styled(StyledCell)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}>(({ theme, rowDensity }) => ({\n  '&&&': {\n    '&:focus-visible': { outline: '1px solid' },\n    '&:focus-within': {\n      ...(rowDensity !== 'comfortable' ? getFocusRingStyles({ theme, negativeOffset: true }) : {}),\n    },\n  },\n}));\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 getEditableInputMargin = ({\n  rowDensity,\n}: {\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}): MarginProps['margin'] => {\n  if (rowDensity === 'comfortable') {\n    return ['spacing.4', 'spacing.4'];\n  }\n\n  return 'spacing.2';\n};\n\nconst _TableEditableCell = ({\n  validationState = 'none',\n  accessibilityLabel,\n  autoCapitalize,\n  autoCompleteSuggestionType,\n  autoFocus,\n  defaultValue,\n  isDisabled,\n  isRequired,\n  keyboardReturnKeyType,\n  leadingIcon,\n  maxCharacters,\n  name,\n  onBlur,\n  onChange,\n  onClick,\n  onFocus,\n  onSubmit,\n  placeholder,\n  prefix,\n  suffix,\n  value,\n  testID,\n  trailingButton,\n  errorText,\n  successText,\n}: TableEditableCellProps): React.ReactElement => {\n  const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n  return (\n    <StyledEditableCell\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      rowDensity={rowDensity}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          hasPadding={false}\n        >\n          <Box margin={getEditableInputMargin({ rowDensity })} width=\"100%\">\n            <BaseInput\n              isTableInputCell={rowDensityToIsTableInputCellMapping[rowDensity]}\n              validationState={validationState}\n              id=\"table-editable-cell-input\"\n              size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\n              type=\"text\"\n              trailingIcon={validationStateToInputTrailingIconMap[validationState]}\n              accessibilityLabel={accessibilityLabel}\n              autoCapitalize={autoCapitalize}\n              autoCompleteSuggestionType={autoCompleteSuggestionType}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              defaultValue={defaultValue}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              keyboardReturnKeyType={keyboardReturnKeyType}\n              leadingIcon={leadingIcon}\n              maxCharacters={maxCharacters}\n              name={name}\n              onBlur={onBlur}\n              onChange={onChange}\n              onClick={onClick}\n              onFocus={onFocus}\n              onSubmit={castWebType(onSubmit)}\n              placeholder={placeholder}\n              prefix={prefix}\n              suffix={suffix}\n              value={value}\n              testID={testID}\n              trailingButton={trailingButton}\n              errorText={errorText}\n              successText={successText}\n            />\n          </Box>\n        </CellWrapper>\n      </BaseBox>\n    </StyledEditableCell>\n  );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n  componentId: ComponentIds.TableEditableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{\n  $isSelectable: boolean;\n  $isHoverable: boolean;\n  $showBorderedCells: boolean;\n}>(({ theme, $isSelectable, $isHoverable, $showBorderedCells }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      backgroundColor: 'transparent',\n      '& .cell-wrapper': $showBorderedCells\n        ? {\n            borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n            borderRightStyle: 'solid',\n            borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          }\n        : undefined,\n      '& td:last-child .cell-wrapper': {\n        borderRight: 'none',\n      },\n      ...(($isHoverable || $isSelectable) && {\n        '&:hover:not(.disabled-row) .cell-wrapper-base': {\n          transition: rowBackgroundTransition,\n          cursor: 'pointer',\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n        },\n      }),\n      ...($isSelectable && {\n        '&:focus:not(.disabled-row) .cell-wrapper-base': {\n          transition: rowBackgroundTransition,\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n          cursor: 'pointer',\n        },\n        '&:active:not(.disabled-row) .cell-wrapper-base': {\n          transition: rowBackgroundTransition,\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n          cursor: 'pointer',\n        },\n      }),\n      '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n    },\n  };\n});\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n    showBorderedCells,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      $showBorderedCells={showBorderedCells}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell, TableEditableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","$showBorderedCells","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","_ref4$hasPadding","hasPadding","paddingLeft","makeSpace","paddingRight","minHeight","makeSize","size","borderBottomWidth","width","borderBottomColor","borderColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","StyledEditableCell","_ref6","outline","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","comfortable","normal","compact","getEditableInputMargin","_ref7","_TableEditableCell","_ref8","_ref8$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext3","Box","margin","BaseInput","isTableInputCell","id","tableEditableCellRowDensityToInputSizeMap","type","trailingIcon","castWebType","TableEditableCell","TableCheckboxCell","_ref9","isChecked","justifyContent","checkboxCellWidth","e","stopPropagation","Checkbox","StyledRow","Row","_ref10","$isHoverable","borderRightWidth","borderRightStyle","borderRightColor","borderRight","cursor","_TableRow","_ref11","item","onHover","_useTableContext4","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableContext.js

@@ -22,7 +22,8 @@ var TableContext = /*#__PURE__*/React__default.createContext({
   paginationType: 'client',
   setPaginationType: function setPaginationType() {},
   backgroundColor: 'surface.background.gray.intense',
-  setHeaderRowDensity: function setHeaderRowDensity() {}
+  setHeaderRowDensity: function setHeaderRowDensity() {},
+  showBorderedCells: false
 });
 var useTableContext = function useTableContext() {
   var context = React__default.useContext(TableContext);

package/build/lib/web/development/components/Table/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type {\n  TableBackgroundColors,\n  TableProps,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\n\nexport type TableContextType = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n  paginationType: NonNullable<TablePaginationType>;\n  setPaginationType: React.Dispatch<React.SetStateAction<NonNullable<TablePaginationType>>>;\n  backgroundColor: TableBackgroundColors;\n  headerRowDensity?: TableHeaderRowProps['rowDensity'];\n  setHeaderRowDensity: React.Dispatch<React.SetStateAction<TableHeaderRowProps['rowDensity']>>;\n};\n\nconst TableContext = React.createContext<TableContextType>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  disabledRows: [],\n  setDisabledRows: () => {},\n  paginationType: 'client',\n  setPaginationType: () => {},\n  backgroundColor: 'surface.background.gray.intense',\n  setHeaderRowDensity: () => {},\n});\n\nconst useTableContext = (): TableContextType => {\n  const context = React.useContext(TableContext);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","disabledRows","setDisabledRows","paginationType","setPaginationType","backgroundColor","setHeaderRowDensity","useTableContext","context","useContext"],"mappings":";;AAAA;AACA;AAwCA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAAmB;AACzDC,EAAAA,aAAa,EAAE,MAAM;AACrBC,EAAAA,YAAY,EAAEC,SAAS;AACvBC,EAAAA,UAAU,EAAE,CAAC;AACbC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AACpBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,OAAO,EAAE,EAAE;AACXC,IAAAA,cAAc,EAAE,KAAA;GACjB;AACDC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,oBAAoB,EAAE,SAAAA,oBAAA,GAAM,EAAE;AAC9BC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,mBAAmB,EAAE,SAAAA,mBAAA,GAAM,EAAC;AAC9B,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAA2B;AAC9C,EAAA,IAAMC,OAAO,GAAGvB,cAAK,CAACwB,UAAU,CAACzB,YAAY,CAAC,CAAA;AAC9C,EAAA,OAAOwB,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type {\n  TableBackgroundColors,\n  TableProps,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\n\nexport type TableContextType = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n  paginationType: NonNullable<TablePaginationType>;\n  setPaginationType: React.Dispatch<React.SetStateAction<NonNullable<TablePaginationType>>>;\n  backgroundColor: TableBackgroundColors;\n  headerRowDensity?: TableHeaderRowProps['rowDensity'];\n  setHeaderRowDensity: React.Dispatch<React.SetStateAction<TableHeaderRowProps['rowDensity']>>;\n  showBorderedCells: NonNullable<TableProps<unknown>['showBorderedCells']>;\n};\n\nconst TableContext = React.createContext<TableContextType>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  disabledRows: [],\n  setDisabledRows: () => {},\n  paginationType: 'client',\n  setPaginationType: () => {},\n  backgroundColor: 'surface.background.gray.intense',\n  setHeaderRowDensity: () => {},\n  showBorderedCells: false,\n});\n\nconst useTableContext = (): TableContextType => {\n  const context = React.useContext(TableContext);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","disabledRows","setDisabledRows","paginationType","setPaginationType","backgroundColor","setHeaderRowDensity","showBorderedCells","useTableContext","context","useContext"],"mappings":";;AAAA;AACA;AAyCA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAAmB;AACzDC,EAAAA,aAAa,EAAE,MAAM;AACrBC,EAAAA,YAAY,EAAEC,SAAS;AACvBC,EAAAA,UAAU,EAAE,CAAC;AACbC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AACpBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,OAAO,EAAE,EAAE;AACXC,IAAAA,cAAc,EAAE,KAAA;GACjB;AACDC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,oBAAoB,EAAE,SAAAA,oBAAA,GAAM,EAAE;AAC9BC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,mBAAmB,EAAE,SAAAA,mBAAA,GAAM,EAAE;AAC7BC,EAAAA,iBAAiB,EAAE,KAAA;AACrB,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAA2B;AAC9C,EAAA,IAAMC,OAAO,GAAGxB,cAAK,CAACyB,UAAU,CAAC1B,YAAY,CAAC,CAAA;AAC9C,EAAA,OAAOyB,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/Table/TableFooter.web.js

@@ -49,11 +49,31 @@ var _TableFooter = function _TableFooter(_ref2) {
 var TableFooter = /*#__PURE__*/assignWithoutSideEffects(_TableFooter, {
   componentId: ComponentIds.TableFooter
 });
-var _TableFooterRow = function _TableFooterRow(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/jsx(FooterRow, _objectSpread(_objectSpread({}, metaAttribute({
+var StyledFooterRow = /*#__PURE__*/styled(FooterRow).withConfig({
+  displayName: "TableFooterweb__StyledFooterRow",
+  componentId: "sc-1dkm291-1"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    $showBorderedCells = _ref3.$showBorderedCells;
+  return {
+    '& th': $showBorderedCells ? {
+      borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),
+      borderRightColor: getIn(theme.colors, tableRow.borderColor),
+      borderRightStyle: 'solid'
+    } : undefined,
+    '& th:last-child ': {
+      borderRight: 'none'
+    }
+  };
+});
+var _TableFooterRow = function _TableFooterRow(_ref4) {
+  var children = _ref4.children;
+  var _useTableContext = useTableContext(),
+    showBorderedCells = _useTableContext.showBorderedCells;
+  return /*#__PURE__*/jsx(StyledFooterRow, _objectSpread(_objectSpread({}, metaAttribute({
     name: MetaConstants.TableFooterRow
   })), {}, {
+    $showBorderedCells: showBorderedCells,
     children: children
   }));
 };
@@ -62,11 +82,11 @@ var TableFooterRow = /*#__PURE__*/assignWithoutSideEffects(_TableFooterRow, {
 });
 var StyledFooterCell = /*#__PURE__*/styled(FooterCell).withConfig({
   displayName: "TableFooterweb__StyledFooterCell",
-  componentId: "sc-1dkm291-1"
-})(function (_ref4) {
-  var theme = _ref4.theme,
-    $backgroundColor = _ref4.$backgroundColor,
-    $rowDensity = _ref4.$rowDensity;
+  componentId: "sc-1dkm291-2"
+})(function (_ref5) {
+  var theme = _ref5.theme,
+    $backgroundColor = _ref5.$backgroundColor,
+    $rowDensity = _ref5.$rowDensity;
   return {
     '&&&': {
       height: '100%',
@@ -90,12 +110,12 @@ var StyledFooterCell = /*#__PURE__*/styled(FooterCell).withConfig({
     }
   };
 });
-var _TableFooterCell = function _TableFooterCell(_ref5) {
-  var children = _ref5.children;
+var _TableFooterCell = function _TableFooterCell(_ref6) {
+  var children = _ref6.children;
   var isChildrenString = typeof children === 'string';
-  var _useTableContext = useTableContext(),
-    backgroundColor = _useTableContext.backgroundColor,
-    rowDensity = _useTableContext.rowDensity;
+  var _useTableContext2 = useTableContext(),
+    backgroundColor = _useTableContext2.backgroundColor,
+    rowDensity = _useTableContext2.rowDensity;
   return /*#__PURE__*/jsx(StyledFooterCell, _objectSpread(_objectSpread({
     $backgroundColor: backgroundColor,
     $rowDensity: rowDensity

package/build/lib/web/development/components/Table/TableFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.web.js","sources":["../../../../../../src/components/Table/TableFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { Footer, FooterRow, FooterCell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { tableFooter, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableFooterProps,\n  TableFooterRowProps,\n  TableFooterCellProps,\n  TableBackgroundColors,\n  TableProps,\n} from './types';\nimport { useTableContext } from './TableContext';\nimport { Text } from '~components/Typography';\nimport { makeSize, makeSpace } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport getIn from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\n\nconst StyledFooter = styled(Footer)(({ theme }) => ({\n  '&&&': {\n    backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n    '& tr:last-child th': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\nconst _TableFooter = ({ children }: TableFooterProps): React.ReactElement => {\n  return (\n    <StyledFooter isFooter {...metaAttribute({ name: MetaConstants.TableFooter })}>\n      {children}\n    </StyledFooter>\n  );\n};\n\nconst TableFooter = assignWithoutSideEffects(_TableFooter, {\n  componentId: ComponentIds.TableFooter,\n});\n\nconst _TableFooterRow = ({ children }: TableFooterRowProps): React.ReactElement => {\n  return (\n    <FooterRow {...metaAttribute({ name: MetaConstants.TableFooterRow })}>{children}</FooterRow>\n  );\n};\n\nconst TableFooterRow = assignWithoutSideEffects(_TableFooterRow, {\n  componentId: ComponentIds.TableFooterRow,\n});\n\nconst StyledFooterCell = styled(FooterCell)<{\n  $backgroundColor: TableBackgroundColors;\n  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}>(({ theme, $backgroundColor, $rowDensity }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      height: '100%',\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])),\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n      alignItems: 'center',\n    },\n  },\n}));\n\nconst _TableFooterCell = ({ children }: TableFooterCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { backgroundColor, rowDensity } = useTableContext();\n\n  return (\n    <StyledFooterCell\n      $backgroundColor={backgroundColor}\n      $rowDensity={rowDensity}\n      {...metaAttribute({ name: MetaConstants.TableFooterCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </StyledFooterCell>\n  );\n};\n\nconst TableFooterCell = assignWithoutSideEffects(_TableFooterCell, {\n  componentId: ComponentIds.TableFooterCell,\n});\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["StyledFooter","styled","Footer","withConfig","displayName","componentId","_ref","theme","backgroundColor","getIn","colors","tableFooter","borderBottom","_TableFooter","_ref2","children","_jsx","_objectSpread","isFooter","metaAttribute","name","MetaConstants","TableFooter","assignWithoutSideEffects","ComponentIds","_TableFooterRow","_ref3","FooterRow","TableFooterRow","StyledFooterCell","FooterCell","_ref4","$backgroundColor","$rowDensity","height","borderBottomWidth","makeSpace","border","width","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","display","flexDirection","paddingLeft","tableRow","paddingRight","minHeight","makeSize","size","alignItems","_TableFooterCell","_ref5","isChildrenString","_useTableContext","useTableContext","rowDensity","TableFooterCell","Text","weight"],"mappings":"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"}
+{"version":3,"file":"TableFooter.web.js","sources":["../../../../../../src/components/Table/TableFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { Footer, FooterRow, FooterCell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { tableFooter, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableFooterProps,\n  TableFooterRowProps,\n  TableFooterCellProps,\n  TableBackgroundColors,\n  TableProps,\n} from './types';\nimport { useTableContext } from './TableContext';\nimport { Text } from '~components/Typography';\nimport { makeSize, makeSpace } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport getIn from '~utils/lodashButBetter/get';\nimport { size } from '~tokens/global';\n\nconst StyledFooter = styled(Footer)(({ theme }) => ({\n  '&&&': {\n    backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n    '& tr:last-child th': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\nconst _TableFooter = ({ children }: TableFooterProps): React.ReactElement => {\n  return (\n    <StyledFooter isFooter {...metaAttribute({ name: MetaConstants.TableFooter })}>\n      {children}\n    </StyledFooter>\n  );\n};\n\nconst TableFooter = assignWithoutSideEffects(_TableFooter, {\n  componentId: ComponentIds.TableFooter,\n});\n\nconst StyledFooterRow = styled(FooterRow)<{ $showBorderedCells: boolean }>(\n  ({ theme, $showBorderedCells }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableFooterRow = ({ children }: TableFooterRowProps): React.ReactElement => {\n  const { showBorderedCells } = useTableContext();\n  return (\n    <StyledFooterRow\n      {...metaAttribute({ name: MetaConstants.TableFooterRow })}\n      $showBorderedCells={showBorderedCells}\n    >\n      {children}\n    </StyledFooterRow>\n  );\n};\n\nconst TableFooterRow = assignWithoutSideEffects(_TableFooterRow, {\n  componentId: ComponentIds.TableFooterRow,\n});\n\nconst StyledFooterCell = styled(FooterCell)<{\n  $backgroundColor: TableBackgroundColors;\n  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}>(({ theme, $backgroundColor, $rowDensity }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      height: '100%',\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])),\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n      alignItems: 'center',\n    },\n  },\n}));\n\nconst _TableFooterCell = ({ children }: TableFooterCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { backgroundColor, rowDensity } = useTableContext();\n\n  return (\n    <StyledFooterCell\n      $backgroundColor={backgroundColor}\n      $rowDensity={rowDensity}\n      {...metaAttribute({ name: MetaConstants.TableFooterCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </StyledFooterCell>\n  );\n};\n\nconst TableFooterCell = assignWithoutSideEffects(_TableFooterCell, {\n  componentId: ComponentIds.TableFooterCell,\n});\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["StyledFooter","styled","Footer","withConfig","displayName","componentId","_ref","theme","backgroundColor","getIn","colors","tableFooter","borderBottom","_TableFooter","_ref2","children","_jsx","_objectSpread","isFooter","metaAttribute","name","MetaConstants","TableFooter","assignWithoutSideEffects","ComponentIds","StyledFooterRow","FooterRow","_ref3","$showBorderedCells","borderRightWidth","makeSpace","border","width","tableRow","borderBottomWidth","borderRightColor","borderColor","borderRightStyle","undefined","borderRight","_TableFooterRow","_ref4","_useTableContext","useTableContext","showBorderedCells","TableFooterRow","StyledFooterCell","FooterCell","_ref5","$backgroundColor","$rowDensity","height","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","display","flexDirection","paddingLeft","paddingRight","minHeight","makeSize","size","alignItems","_TableFooterCell","_ref6","isChildrenString","_useTableContext2","rowDensity","TableFooterCell","Text","weight"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableHeader.web.js

@@ -206,26 +206,45 @@ var TableHeaderCellCheckbox = function TableHeaderCellCheckbox(_ref6) {
     })
   });
 };
-var _TableHeaderRow = function _TableHeaderRow(_ref7) {
-  var children = _ref7.children,
-    rowDensity = _ref7.rowDensity;
+var StyledHeaderRow = /*#__PURE__*/styled(HeaderRow).withConfig({
+  displayName: "TableHeaderweb__StyledHeaderRow",
+  componentId: "z541ct-3"
+})(function (_ref7) {
+  var theme = _ref7.theme,
+    $showBorderedCells = _ref7.$showBorderedCells;
+  return {
+    '& th': $showBorderedCells ? {
+      borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),
+      borderRightColor: getIn(theme.colors, tableRow.borderColor),
+      borderRightStyle: 'solid'
+    } : undefined,
+    '& th:last-child ': {
+      borderRight: 'none'
+    }
+  };
+});
+var _TableHeaderRow = function _TableHeaderRow(_ref8) {
+  var children = _ref8.children,
+    rowDensity = _ref8.rowDensity;
   var _useTableContext2 = useTableContext(),
     selectionType = _useTableContext2.selectionType,
     selectedRows = _useTableContext2.selectedRows,
     totalItems = _useTableContext2.totalItems,
     toggleAllRowsSelection = _useTableContext2.toggleAllRowsSelection,
-    setHeaderRowDensity = _useTableContext2.setHeaderRowDensity;
+    setHeaderRowDensity = _useTableContext2.setHeaderRowDensity,
+    showBorderedCells = _useTableContext2.showBorderedCells;
   var isMultiSelect = selectionType === 'multiple';
   var isAllSelected = selectedRows && selectedRows.length === totalItems;
   var isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;
   if (rowDensity) {
     setHeaderRowDensity(rowDensity);
   }
-  return /*#__PURE__*/jsxs(HeaderRow, _objectSpread(_objectSpread({
+  return /*#__PURE__*/jsxs(StyledHeaderRow, _objectSpread(_objectSpread({
     role: "rowheader"
   }, metaAttribute({
     name: MetaConstants.TableHeaderRow
   })), {}, {
+    $showBorderedCells: showBorderedCells,
     children: [isMultiSelect && /*#__PURE__*/jsx(TableHeaderCellCheckbox, {
       isChecked: isAllSelected,
       isIndeterminate: isIndeterminate,

package/build/lib/web/development/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 { 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';\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 {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}>\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 }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader {...metaAttribute({ name: MetaConstants.TableHeader })}>{children}</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}>(({ theme, $isSortable, $backgroundColor, $rowDensity }) => ({\n  '&&&': {\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: 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])),\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({ children, headerKey }: 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      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\" color=\"surface.text.gray.normal\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\">\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  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\" flex={1}>\n        <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst _TableHeaderRow = ({ children, rowDensity }: TableHeaderRowProps): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  if (rowDensity) {\n    setHeaderRowDensity(rowDensity);\n  }\n  return (\n    <HeaderRow role=\"rowheader\" {...metaAttribute({ name: MetaConstants.TableHeaderRow })}>\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n    </HeaderRow>\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","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","metaAttribute","name","MetaConstants","TableHeader","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$isSortable","$backgroundColor","$rowDensity","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingLeft","tableRow","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_useTableContext","useTableContext","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","tabIndex","onClick","TableHeaderCell","Text","weight","color","BaseBox","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isIndeterminate","onChange","flex","Checkbox","_TableHeaderRow","_ref7","_useTableContext2","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","isMultiSelect","isAllSelected","length","HeaderRow","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 { 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';\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 {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}>\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 }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader {...metaAttribute({ name: MetaConstants.TableHeader })}>{children}</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}>(({ theme, $isSortable, $backgroundColor, $rowDensity }) => ({\n  '&&&': {\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: 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])),\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({ children, headerKey }: 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      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\" color=\"surface.text.gray.normal\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\">\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  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\" flex={1}>\n        <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst StyledHeaderRow = styled(HeaderRow)<{ $showBorderedCells: boolean }>(\n  ({ theme, $showBorderedCells }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableHeaderRow = ({ children, rowDensity }: TableHeaderRowProps): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n    showBorderedCells,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  if (rowDensity) {\n    setHeaderRowDensity(rowDensity);\n  }\n  return (\n    <StyledHeaderRow\n      role=\"rowheader\"\n      {...metaAttribute({ name: MetaConstants.TableHeaderRow })}\n      $showBorderedCells={showBorderedCells}\n    >\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\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","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","metaAttribute","name","MetaConstants","TableHeader","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$isSortable","$backgroundColor","$rowDensity","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingLeft","tableRow","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_useTableContext","useTableContext","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","tabIndex","onClick","TableHeaderCell","Text","weight","color","BaseBox","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isIndeterminate","onChange","flex","Checkbox","StyledHeaderRow","HeaderRow","_ref7","$showBorderedCells","borderRightWidth","borderRightColor","borderColor","borderRightStyle","undefined","borderRight","_TableHeaderRow","_ref8","_useTableContext2","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","showBorderedCells","isMultiSelect","isAllSelected","length","TableHeaderRow"],"mappings":"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"}

package/build/lib/web/development/components/Table/componentIds.js

@@ -3,6 +3,7 @@ var ComponentIds = {
   TableBody: 'TableBody',
   TableRow: 'TableRow',
   TableCell: 'TableCell',
+  TableEditableCell: 'TableEditableCell',
   TableToolbar: 'TableToolbar',
   TableToolbarActions: 'TableToolbarActions',
   TableHeader: 'TableHeader',

package/build/lib/web/development/components/Table/componentIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/Table/componentIds.ts"],"sourcesContent":["const ComponentIds = {\n  Table: 'Table',\n  TableBody: 'TableBody',\n  TableRow: 'TableRow',\n  TableCell: 'TableCell',\n  TableToolbar: 'TableToolbar',\n  TableToolbarActions: 'TableToolbarActions',\n  TableHeader: 'TableHeader',\n  TableHeaderRow: 'TableHeaderRow',\n  TableHeaderCell: 'TableHeaderCell',\n  TableFooter: 'TableFooter',\n  TableFooterRow: 'TableFooterRow',\n  TableFooterCell: 'TableFooterCell',\n  TablePagination: 'TablePagination',\n};\n\nexport { ComponentIds };\n"],"names":["ComponentIds","Table","TableBody","TableRow","TableCell","TableToolbar","TableToolbarActions","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TablePagination"],"mappings":"AAAA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,eAAe,EAAE,iBAAA;AACnB;;;;"}
+{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/Table/componentIds.ts"],"sourcesContent":["const ComponentIds = {\n  Table: 'Table',\n  TableBody: 'TableBody',\n  TableRow: 'TableRow',\n  TableCell: 'TableCell',\n  TableEditableCell: 'TableEditableCell',\n  TableToolbar: 'TableToolbar',\n  TableToolbarActions: 'TableToolbarActions',\n  TableHeader: 'TableHeader',\n  TableHeaderRow: 'TableHeaderRow',\n  TableHeaderCell: 'TableHeaderCell',\n  TableFooter: 'TableFooter',\n  TableFooterRow: 'TableFooterRow',\n  TableFooterCell: 'TableFooterCell',\n  TablePagination: 'TablePagination',\n};\n\nexport { ComponentIds };\n"],"names":["ComponentIds","Table","TableBody","TableRow","TableCell","TableEditableCell","TableToolbar","TableToolbarActions","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TablePagination"],"mappings":"AAAA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,eAAe,EAAE,iBAAA;AACnB;;;;"}

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

@@ -1,6 +1,6 @@
 export { Table } from './Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './TableHeader.web.js';
-export { TableBody, TableCell, TableRow } from './TableBody.web.js';
+export { TableBody, TableCell, TableEditableCell, TableRow } from './TableBody.web.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './TableFooter.web.js';
 export { TablePagination } from './TablePagination.web.js';
 export { TableToolbar, TableToolbarActions } from './TableToolbar.web.js';

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

@@ -82,7 +82,7 @@ var tableRow = {
     backgroundColorSelectedActive: 'interactive.background.primary.faded'
   },
   borderBottomWidth: 'thin',
-  borderBottomColor: 'surface.border.gray.muted',
+  borderColor: 'surface.border.gray.muted',
   backgroundColorMotionEasing: 'easing.standard.effective',
   backgroundColorMotionDuration: 'duration.xquick'
 };
@@ -112,6 +112,11 @@ var tablePagination = {
   },
   defaultPageSize: 10
 };
+var tableEditableCellRowDensityToInputSizeMap = {
+  compact: 'medium',
+  normal: 'large',
+  comfortable: 'medium'
+};
 
-export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableBackgroundColor, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
+export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableBackgroundColor, tableEditableCellRowDensityToInputSizeMap, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
 //# sourceMappingURL=tokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 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  borderBottomColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  backgroundColor: 'transparent',\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\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","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","borderBottomColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 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.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  backgroundColor: 'transparent',\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\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","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"],"mappings":"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"}

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

@@ -497,7 +497,7 @@ export { StepItemIcon, StepItemIndicator } from './StepGroup/StepItemMarker.js';
 export { Switch } from './Switch/Switch.js';
 export { Table } from './Table/Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.web.js';
-export { TableBody, TableCell, TableRow } from './Table/TableBody.web.js';
+export { TableBody, TableCell, TableEditableCell, TableRow } from './Table/TableBody.web.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './Table/TableFooter.web.js';
 export { TablePagination } from './Table/TablePagination.web.js';
 export { TableToolbar, TableToolbarActions } from './Table/TableToolbar.web.js';