@razorpay/blade 11.30.2 → 11.30.4

package/build/lib/web/development/components/Card/CardRoot.web.js

@@ -21,7 +21,8 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "CardRootweb__StyledCardRoot",
   componentId: "sc-1nb70ck-0"
 })(function (_ref) {
-  var theme = _ref.theme,
+  var as = _ref.as,
+    theme = _ref.theme,
     isSelected = _ref.isSelected,
     isFocused = _ref.isFocused,
     shouldScaleOnHover = _ref.shouldScaleOnHover,
@@ -36,7 +37,8 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
     boxShadow: "".concat(selectedBorder).concat(focusRing),
     transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),
     transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),
-    transitionProperty: 'transform, box-shadow'
+    transitionProperty: 'transform, box-shadow',
+    cursor: as === 'label' ? 'pointer' : 'initial'
   }, isMobile && isPressed && {
     transform: "scale(".concat(CARD_SCALE_DOWN_VALUE, ")")
   }), !isMobile && shouldScaleOnHover && {

package/build/lib/web/development/components/Card/CardRoot.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionProperty: 'transform, box-shadow',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst CardRoot = ({\n  as,\n  accessibilityLabel,\n  children,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","as","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined"],"mappings":"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"}
+{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ as, theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionProperty: 'transform, box-shadow',\n      cursor: as === 'label' ? 'pointer' : 'initial',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst CardRoot = ({\n  as,\n  accessibilityLabel,\n  children,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","as","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","cursor","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined"],"mappings":"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"}

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

@@ -160,7 +160,7 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   componentId: "sc-1fpz8hn-2"
 })(function (_ref4) {
   var theme = _ref4.theme,
-    rowDensity = _ref4.rowDensity,
+    $rowDensity = _ref4.$rowDensity,
     showStripedRows = _ref4.showStripedRows,
     _ref4$hasPadding = _ref4.hasPadding,
     hasPadding = _ref4$hasPadding === void 0 ? true : _ref4$hasPadding;
@@ -169,9 +169,9 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     '&&&': _objectSpread({
       transition: rowBackgroundTransition,
       backgroundColor: tableRow.nonStripeWrapper.backgroundColor,
-      paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])) : '0px',
-      paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])) : '0px',
-      minHeight: makeSize(getIn(size, tableRow.minHeight[rowDensity])),
+      paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])) : '0px',
+      paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])) : '0px',
+      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),
       height: '100%',
       width: '100%'
     }, !showStripedRows && {
@@ -204,7 +204,7 @@ var _TableCell = function _TableCell(_ref5) {
       height: "100%",
       children: /*#__PURE__*/jsx(CellWrapper, {
         className: "cell-wrapper",
-        rowDensity: rowDensity,
+        $rowDensity: rowDensity,
         showStripedRows: showStripedRows,
         display: "flex",
         alignItems: "center",
@@ -212,9 +212,13 @@ var _TableCell = function _TableCell(_ref5) {
         // when a direct string child is passed we want to disable pointer events
         // for custom cells components, consumers can handle pointer events themselves
         ,
-        pointerEvents: isChildrenString && isSelectable ? 'none' : 'auto',
+        pointerEvents: isChildrenString && isSelectable ? 'none' : 'auto'
+        // allow text to wrap, so that if the <Text> overflows it can truncate
+        ,
+        whiteSpace: "normal",
         children: isChildrenString ? /*#__PURE__*/jsx(Text, {
           size: "medium",
+          truncateAfterLines: 1,
           children: children
         }) : children
       })

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';\nimport { makeAccessible } from '~utils/makeAccessible';\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\nexport const 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\nexport const 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      width: '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 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      {...makeAccessible({ selected: isSelected })}\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","$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","width","borderBottomWidth","borderBottomColor","borderColor","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","borderRightWidth","borderRightStyle","borderRightColor","undefined","borderRight","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","makeAccessible","selected","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, 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';\nimport { makeAccessible } from '~utils/makeAccessible';\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\nexport const 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\nexport const 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\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : '0px',\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n      height: '100%',\n      width: '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          // allow text to wrap, so that if the <Text> overflows it can truncate\n          whiteSpace=\"normal\"\n        >\n          {isChildrenString ? (\n            <Text size=\"medium\" truncateAfterLines={1}>\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\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)<{\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      {...makeAccessible({ selected: isSelected })}\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","$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","width","borderBottomWidth","borderBottomColor","borderColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","rowDensity","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","whiteSpace","Text","truncateAfterLines","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","checkboxCellWidth","onClick","e","stopPropagation","Checkbox","StyledRow","Row","_ref7","$isHoverable","borderRightWidth","borderRightStyle","borderRightColor","undefined","borderRight","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","makeAccessible","selected","TableRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,IAAI,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAG5B,CAAA,CAAA,UAAAC,IAAA,EAAgD;AAAA,EAAA,IAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa,CAAA;AAC1C,EAAA,IAAMC,uBAAuB,GAAA,mBAAA,CAAAC,MAAA,CAAuBC,cAAc,CAChEC,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACC,6BAA6B,CAC5D,CAAC,EAAAL,GAAAA,CAAAA,CAAAA,MAAA,CAAIE,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACE,2BAA2B,CAAC,CAAE,CAAA;EAEhE,OAAO;AACL,IAAA,KAAK,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,UAAU,EAAEV,uBAAuB;AAEnC,MAAA,+BAA+B,EAAE;AAC/BW,QAAAA,YAAY,EAAE,MAAA;OACf;AAED,MAAA,2FAA2F,EAAE;QAC3FC,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACC,uBAAuB,CAAA;OAChF;AACD,MAAA,6IAA6I,EAAE;QAC7IH,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACE,4BAA4B,CAAA;OACrF;AACD,MAAA,6IAA6I,EAAE;QAC7IJ,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACG,4BAA4B,CAAA;OACrF;AACD,MAAA,+IAA+I,EAAE;QAC/IL,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACI,6BAA6B,CAAA;AACvF,OAAA;AAAC,KAAA,EAEGnB,aAAa,IAAI;AACnB,MAAA,8CAA8C,EAAE;QAC9Ca,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACc,gBAAgB,CAACC,qBAAqB,CAAA;AACtF,OAAA;KACD,CAAA,EAEGtB,gBAAgB,IAAI;AACtB,MAAA,oCAAoC,EAAE;QACpCc,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACgB,aAAa,CAACT,eAAe,CAAA;OAC5E;AACD,MAAA,yCAAyC,EAAE;AACzCA,QAAAA,eAAe,EAAEP,QAAQ,CAACiB,MAAM,CAACV,eAAAA;AACnC,OAAA;AACF,KAAC,CAEGd,EAAAA,gBAAgB,IAClBC,aAAa,IAAI;AACf,MAAA,6DAA6D,EAAE;QAC7Da,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACgB,aAAa,CAACE,oBAAoB,CAAA;OACjF;AACD,MAAA,6DAA6D,EAAE;QAC7DX,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACgB,aAAa,CAACG,oBAAoB,CAAA;OACjF;AACD,MAAA,8DAA8D,EAAE;QAC9DZ,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACgB,aAAa,CAACD,qBAAqB,CAAA;OAClF;AACD,MAAA,iHAAiH,EAAE;QACjHR,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACgB,aAAa,CAACN,uBAAuB,CAAA;OACpF;AACD,MAAA,mKAAmK,EAAE;QACnKH,eAAe,EAAET,KAAK,CACpBN,KAAK,CAACgB,MAAM,EACZR,QAAQ,CAACgB,aAAa,CAACL,4BACzB,CAAA;OACD;AACD,MAAA,mKAAmK,EAAE;QACnKJ,eAAe,EAAET,KAAK,CACpBN,KAAK,CAACgB,MAAM,EACZR,QAAQ,CAACgB,aAAa,CAACJ,4BACzB,CAAA;OACD;AACD,MAAA,qKAAqK,EAAE;QACrKL,eAAe,EAAET,KAAK,CACpBN,KAAK,CAACgB,MAAM,EACZR,QAAQ,CAACgB,aAAa,CAACH,6BACzB,CAAA;OACD;AAED,MAAA,kEAAkE,EAAE;QAClEN,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACC,oBAAoB,CAAA;OAC1E;AACD,MAAA,kEAAkE,EAAE;QAClEX,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACE,oBAAoB,CAAA;OAC1E;AACD,MAAA,mEAAmE,EAAE;QACnEZ,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACF,qBAAqB,CAAA;OAC3E;AAED,MAAA,4HAA4H,EAAE;QAC5HR,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACP,uBAAuB,CAAA;OAC7E;AACD,MAAA,8KAA8K,EAAE;QAC9KH,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACN,4BAA4B,CAAA;OAClF;AACD,MAAA,8KAA8K,EAAE;QAC9KJ,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACL,4BAA4B,CAAA;OAClF;AACD,MAAA,gLAAgL,EAAE;QAChLL,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACiB,MAAM,CAACJ,6BAA6B,CAAA;AACpF,OAAA;KACD,CAAA;GAEN,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMO,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAyD;AAAA,EAAA,IAAnDC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;AAC5B,EAAA,IAAAC,gBAAA,GAA2CC,eAAe,EAAE;IAApDC,eAAe,GAAAF,gBAAA,CAAfE,eAAe;IAAEC,aAAa,GAAAH,gBAAA,CAAbG,aAAa,CAAA;AACtC,EAAA,IAAMC,YAAY,GAAGD,aAAa,KAAK,MAAM,CAAA;AAE7C,EAAA,oBACEE,GAAA,CAAC3C,UAAU,EAAAkB,aAAA,CAAAA,aAAA,CAAA;AACTT,IAAAA,aAAa,EAAEiC,YAAa;AAC5BlC,IAAAA,gBAAgB,EAAEgC,eAAgB;AAClCI,IAAAA,kBAAkB,EAAE,IAAA;AAAK,GAAA,EACrBC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAX,IAAAA,QAAA,EAEnDA,QAAAA;AAAQ,GAAA,CACC,CAAC,CAAA;AAEjB,CAAC,CAAA;AAED,IAAMW,SAAS,gBAAGC,wBAAwB,CAACd,UAAU,EAAE;EACrD9B,WAAW,EAAE6C,YAAY,CAACF,SAAAA;AAC5B,CAAC,EAAC;AAEK,IAAMG,UAAU,gBAAGlD,MAAM,CAACmD,IAAI,CAAC,CAAAjD,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAEnC,UAAAgD,KAAA,EAAA;AAAA,EAAA,IAAG9C,KAAK,GAAA8C,KAAA,CAAL9C,KAAK;IAAE+C,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB,CAAA;EAAA,OAAQ;AACnC,IAAA,KAAK,EAAE;AACLC,MAAAA,MAAM,EAAE,MAAM;MACdjC,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAE+B,gBAAgB,CAAC;AACtD,MAAA,qBAAqB,EAAE;AACrBE,QAAAA,SAAS,EAAE,SAAA;OACZ;AACD,MAAA,iBAAiB,EAAAtC,aAAA,CAAOuC,EAAAA,EAAAA,kBAAkB,CAAC;AAAElD,QAAAA,KAAK,EAALA,KAAK;AAAEmD,QAAAA,cAAc,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC7E,KAAA;GACD,CAAA;AAAA,CAAC,EAAC;AAEI,IAAMC,WAAW,gBAAG1D,MAAM,CAAC2D,OAAO,CAAC,CAAAzD,UAAA,CAAA;EAAAC,WAAA,EAAA,2BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAIvC,CAAA,CAAA,UAAAwD,KAAA,EAAgE;AAAA,EAAA,IAA7DtD,KAAK,GAAAsD,KAAA,CAALtD,KAAK;IAAEuD,WAAW,GAAAD,KAAA,CAAXC,WAAW;IAAEtB,eAAe,GAAAqB,KAAA,CAAfrB,eAAe;IAAAuB,gBAAA,GAAAF,KAAA,CAAEG,UAAU;AAAVA,IAAAA,UAAU,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA,CAAA;AAC1D,EAAA,IAAMrD,uBAAuB,GAAA,mBAAA,CAAAC,MAAA,CAAuBC,cAAc,CAChEC,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACC,6BAA6B,CAC5D,CAAC,EAAAL,GAAAA,CAAAA,CAAAA,MAAA,CAAIE,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACE,2BAA2B,CAAC,CAAE,CAAA;EAEhE,OAAO;AACL,IAAA,KAAK,EAAAC,aAAA,CAAA;AACHE,MAAAA,UAAU,EAAEV,uBAAuB;AACnCY,MAAAA,eAAe,EAAEP,QAAQ,CAACc,gBAAgB,CAACP,eAAe;AAC1D2C,MAAAA,WAAW,EAAED,UAAU,GAAGE,SAAS,CAACrD,KAAK,CAACN,KAAK,EAAEQ,QAAQ,CAACkD,WAAW,CAACH,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK;AAC5FK,MAAAA,YAAY,EAAEH,UAAU,GACpBE,SAAS,CAACrD,KAAK,CAACN,KAAK,EAAEQ,QAAQ,CAACoD,YAAY,CAACL,WAAW,CAAC,CAAC,CAAC,GAC3D,KAAK;AACTM,MAAAA,SAAS,EAAEC,QAAQ,CAACxD,KAAK,CAACyD,IAAI,EAAEvD,QAAQ,CAACqD,SAAS,CAACN,WAAW,CAAC,CAAC,CAAC;AACjEP,MAAAA,MAAM,EAAE,MAAM;AACdgB,MAAAA,KAAK,EAAE,MAAA;KACH,EAAA,CAAC/B,eAAe,IAAI;AACtBgC,MAAAA,iBAAiB,EAAEN,SAAS,CAACrD,KAAK,CAACN,KAAK,CAACY,MAAM,CAACoD,KAAK,EAAExD,QAAQ,CAACyD,iBAAiB,CAAC,CAAC;MACnFC,iBAAiB,EAAE5D,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAAC2D,WAAW,CAAC;AAC5DC,MAAAA,iBAAiB,EAAE,OAAA;KACpB,CAAA;GAEJ,CAAA;AACH,CAAC,EAAC;AAEF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAyD;AAAA,EAAA,IAAnDxC,QAAQ,GAAAwC,KAAA,CAARxC,QAAQ,CAAA;AAC5B,EAAA,IAAMyC,gBAAgB,GAAG,OAAOzC,QAAQ,KAAK,QAAQ,CAAA;AACrD,EAAA,IAAA0C,iBAAA,GAAwExC,eAAe,EAAE;IAAjFE,aAAa,GAAAsC,iBAAA,CAAbtC,aAAa;IAAEuC,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IAAExC,eAAe,GAAAuC,iBAAA,CAAfvC,eAAe;IAAElB,eAAe,GAAAyD,iBAAA,CAAfzD,eAAe,CAAA;AACnE,EAAA,IAAMoB,YAAY,GAAGD,aAAa,KAAK,MAAM,CAAA;AAE7C,EAAA,oBACEE,GAAA,CAACQ,UAAU,EAAAjC,aAAA,CAAAA,aAAA,CAAA;AACT+D,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,IAAI,EAAC,MAAM;AACX5B,IAAAA,gBAAgB,EAAEhC,eAAAA;AAAgB,GAAA,EAC9BuB,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACoC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA9C,QAAA,eAEpDM,GAAA,CAACiB,OAAO,EAAA;AAACwB,MAAAA,SAAS,EAAC,mBAAmB;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAC/B,MAAAA,MAAM,EAAC,MAAM;MAAAlB,QAAA,eACrFM,GAAA,CAACgB,WAAW,EAAA;AACVyB,QAAAA,SAAS,EAAC,cAAc;AACxBtB,QAAAA,WAAW,EAAEkB,UAAW;AACxBxC,QAAAA,eAAe,EAAEA,eAAgB;AACjC6C,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,IAAI,EAAE,CAAA;AACN;AACA;AAAA;AACAC,QAAAA,aAAa,EAAEV,gBAAgB,IAAIpC,YAAY,GAAG,MAAM,GAAG,MAAA;AAC3D;AAAA;AACA+C,QAAAA,UAAU,EAAC,QAAQ;AAAApD,QAAAA,QAAA,EAElByC,gBAAgB,gBACfnC,GAAA,CAAC+C,IAAI,EAAA;AAACpB,UAAAA,IAAI,EAAC,QAAQ;AAACqB,UAAAA,kBAAkB,EAAE,CAAE;AAAAtD,UAAAA,QAAA,EACvCA,QAAAA;AAAQ,SACL,CAAC,GAEPA,QAAAA;OAES,CAAA;KACN,CAAA;AAAC,GAAA,CACA,CAAC,CAAA;AAEjB,CAAC,CAAA;AAED,IAAM8C,SAAS,gBAAGlC,wBAAwB,CAAC2B,UAAU,EAAE;EACrDvE,WAAW,EAAE6C,YAAY,CAACiC,SAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAQG;AAAA,EAAA,IAPxBC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,UAAU,GAAAH,KAAA,CAAVG,UAAU,CAAA;EAMV,oBACErD,GAAA,CAACwC,SAAS,EAAA;IAAA9C,QAAA,eACRM,GAAA,CAACiB,OAAO,EAAA;AACNyB,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,UAAU,EAAC,QAAQ;AACnBW,MAAAA,cAAc,EAAC,QAAQ;AACvBV,MAAAA,IAAI,EAAE,CAAE;AACRhB,MAAAA,KAAK,EAAEF,QAAQ,CAAC6B,iBAAiB,CAAE;MACnCC,OAAO,EAAE,SAAAA,OAAAA,CAACC,CAAC,EAAA;AAAA,QAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;OAAC;MAAAhE,QAAA,eAEpCM,GAAA,CAAC2D,QAAQ,EAAA;AAACN,QAAAA,UAAU,EAAEA,UAAW;AAACF,QAAAA,SAAS,EAAEA,SAAU;AAACC,QAAAA,QAAQ,EAAEA,QAAAA;OAAW,CAAA;KACtE,CAAA;AAAC,GACD,CAAC,CAAA;AAEhB,CAAC,CAAA;AAED,IAAMQ,SAAS,gBAAGtG,MAAM,CAACuG,GAAG,CAAC,CAAArG,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAI1B,CAAA,CAAA,UAAAoG,KAAA,EAAgE;AAAA,EAAA,IAA7DlG,KAAK,GAAAkG,KAAA,CAALlG,KAAK;IAAEE,aAAa,GAAAgG,KAAA,CAAbhG,aAAa;IAAEiG,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAE9D,kBAAkB,GAAA6D,KAAA,CAAlB7D,kBAAkB,CAAA;AAC1D,EAAA,IAAMlC,uBAAuB,GAAA,mBAAA,CAAAC,MAAA,CAAuBC,cAAc,CAChEC,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACC,6BAA6B,CAC5D,CAAC,EAAAL,GAAAA,CAAAA,CAAAA,MAAA,CAAIE,KAAK,CAACN,KAAK,CAACO,MAAM,EAAEC,QAAQ,CAACE,2BAA2B,CAAC,CAAE,CAAA;EAEhE,OAAO;AACL,IAAA,KAAK,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACHI,MAAAA,eAAe,EAAE,aAAa;MAC9B,iBAAiB,EAAEsB,kBAAkB,GACjC;AACE+D,QAAAA,gBAAgB,EAAEzC,SAAS,CAACrD,KAAK,CAACN,KAAK,CAACY,MAAM,CAACoD,KAAK,EAAExD,QAAQ,CAACyD,iBAAiB,CAAC,CAAC;AAClFoC,QAAAA,gBAAgB,EAAE,OAAO;QACzBC,gBAAgB,EAAEhG,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAAC2D,WAAW,CAAA;AAC5D,OAAC,GACDoC,SAAS;AACb,MAAA,+BAA+B,EAAE;AAC/BC,QAAAA,WAAW,EAAE,MAAA;AACf,OAAA;AAAC,KAAA,EACG,CAACL,YAAY,IAAIjG,aAAa,KAAK;AACrC,MAAA,+CAA+C,EAAE;AAC/CW,QAAAA,UAAU,EAAEV,uBAAuB;AACnCsG,QAAAA,MAAM,EAAE,SAAS;QACjB1F,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACS,oBAAoB,CAAA;AAC9E,OAAA;KACD,CAAA,EACGxB,aAAa,IAAI;AACnB,MAAA,+CAA+C,EAAE;AAC/CW,QAAAA,UAAU,EAAEV,uBAAuB;AACnCY,QAAAA,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACU,oBAAoB,CAAC;AAC7E8E,QAAAA,MAAM,EAAE,SAAA;OACT;AACD,MAAA,gDAAgD,EAAE;AAChD5F,QAAAA,UAAU,EAAEV,uBAAuB;AACnCY,QAAAA,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACM,qBAAqB,CAAC;AAC9EkF,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;KACD,CAAA,EAAA,EAAA,EAAA;MACD,SAAS,EAAEvD,kBAAkB,CAAC;AAAElD,QAAAA,KAAK,EAALA,KAAK;AAAEmD,QAAAA,cAAc,EAAE,IAAA;OAAM,CAAA;AAAC,KAAA,CAAA;GAEjE,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMuD,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAMgC;AAAA,EAAA,IAL7C7E,QAAQ,GAAA6E,KAAA,CAAR7E,QAAQ;IACR8E,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJnB,UAAU,GAAAkB,KAAA,CAAVlB,UAAU;IACVoB,OAAO,GAAAF,KAAA,CAAPE,OAAO;IACPjB,QAAO,GAAAe,KAAA,CAAPf,OAAO,CAAA;AAEP,EAAA,IAAAkB,iBAAA,GAMI9E,eAAe,EAAE;IALnBE,aAAa,GAAA4E,iBAAA,CAAb5E,aAAa;IACb6E,YAAY,GAAAD,iBAAA,CAAZC,YAAY;IACZC,sBAAsB,GAAAF,iBAAA,CAAtBE,sBAAsB;IACtBC,eAAe,GAAAH,iBAAA,CAAfG,eAAe;IACfC,iBAAiB,GAAAJ,iBAAA,CAAjBI,iBAAiB,CAAA;AAEnB,EAAA,IAAM/E,YAAY,GAAGD,aAAa,KAAK,MAAM,CAAA;AAC7C,EAAA,IAAMiF,aAAa,GAAGjF,aAAa,KAAK,UAAU,CAAA;AAClD,EAAA,IAAMkF,UAAU,GAAGL,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEM,QAAQ,CAACT,IAAI,CAACU,EAAE,CAAC,CAAA;AAClDC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI9B,UAAU,EAAE;MACdwB,eAAe,CAAC,UAACO,IAAI,EAAA;QAAA,OAAApH,EAAAA,CAAAA,MAAA,CAAAqH,kBAAA,CAASD,IAAI,CAAEZ,EAAAA,CAAAA,IAAI,CAACU,EAAE,CAAA,CAAA,CAAA;AAAA,OAAC,CAAC,CAAA;AAC/C,KAAA;GACD,EAAE,CAAC7B,UAAU,EAAEmB,IAAI,CAACU,EAAE,EAAEL,eAAe,CAAC,CAAC,CAAA;EAE1C,oBACES,IAAA,CAAC1B,SAAS,EAAArF,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACRgH,IAAAA,QAAQ,EAAElC,UAAW;AACrBvF,IAAAA,aAAa,EAAEuF,UAAU,GAAG,KAAK,GAAGtD,YAAa;AACjDgE,IAAAA,YAAY,EAAEV,UAAU,GAAG,KAAK,GAAGmC,OAAO,CAACf,OAAO,CAAC,IAAIe,OAAO,CAAChC,QAAO,CAAE;AACxEvD,IAAAA,kBAAkB,EAAE6E,iBAAkB;AACtCN,IAAAA,IAAI,EAAEA,IAAK;AACX/B,IAAAA,SAAS,EAAEY,UAAU,GAAG,cAAc,GAAG,EAAG;IAC5CoC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAMhB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAG;AAAED,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;IACxChB,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMA,QAAO,KAAA,IAAA,IAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAG;AAAEgB,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BkB,cAAc,CAAC;AAAEC,IAAAA,QAAQ,EAAEX,UAAAA;GAAY,CAAC,CACxC9E,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACwF,QAAAA;AAAS,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAlG,IAAAA,QAAA,EAElDqF,CAAAA,aAAa,iBACZ/E,GAAA,CAACiD,iBAAiB,EAAA;AAChBE,MAAAA,SAAS,EAAE6B,UAAW;MACtB5B,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAM,CAACC,UAAU,IAAIuB,sBAAsB,CAACJ,IAAI,CAACU,EAAE,CAAC,CAAA;OAAC;AAC/D7B,MAAAA,UAAU,EAAEA,UAAAA;KACb,CACF,EACA3D,QAAQ,CAAA;AAAA,GAAA,CACA,CAAC,CAAA;AAEhB,CAAC,CAAA;AAED,IAAMkG,QAAQ,gBAAGtF,wBAAwB,CAACgE,SAAS,EAAE;EACnD5G,WAAW,EAAE6C,YAAY,CAACqF,QAAAA;AAC5B,CAAC;;;;"}

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

@@ -31,13 +31,13 @@ var StyledEditableCell = /*#__PURE__*/styled(StyledCell).withConfig({
   componentId: "cvczp8-0"
 })(function (_ref) {
   var theme = _ref.theme,
-    rowDensity = _ref.rowDensity;
+    $rowDensity = _ref.$rowDensity;
   return {
     '&&&': {
       '&:focus-visible': {
         outline: '1px solid'
       },
-      '&:focus-within': _objectSpread({}, rowDensity !== 'comfortable' ? getFocusRingStyles({
+      '&:focus-within': _objectSpread({}, $rowDensity !== 'comfortable' ? getFocusRingStyles({
         theme: theme,
         negativeOffset: true
       }) : {})
@@ -85,7 +85,7 @@ var _TableEditableCell = function _TableEditableCell(_ref3) {
   return /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
     role: "cell",
     $backgroundColor: backgroundColor,
-    rowDensity: rowDensity
+    $rowDensity: rowDensity
   }, metaAttribute({
     name: MetaConstants.TableCell
   })), {}, {
@@ -96,7 +96,7 @@ var _TableEditableCell = function _TableEditableCell(_ref3) {
       height: "100%",
       children: /*#__PURE__*/jsx(CellWrapper, {
         className: "cell-wrapper",
-        rowDensity: rowDensity,
+        $rowDensity: rowDensity,
         showStripedRows: showStripedRows,
         display: "flex",
         alignItems: "center",
@@ -159,7 +159,7 @@ var TableEditableDropdownCell = function TableEditableDropdownCell(dropdownProps
     children: /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
       role: "cell",
       $backgroundColor: backgroundColor,
-      rowDensity: rowDensity
+      $rowDensity: rowDensity
     }, metaAttribute({
       name: MetaConstants.TableCell
     })), {}, {
@@ -171,7 +171,7 @@ var TableEditableDropdownCell = function TableEditableDropdownCell(dropdownProps
         width: "100%",
         children: /*#__PURE__*/jsx(CellWrapper, {
           className: "cell-wrapper",
-          rowDensity: rowDensity,
+          $rowDensity: rowDensity,
           showStripedRows: showStripedRows,
           display: "flex",
           alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"TableEditableCell.web.js","sources":["../../../../../../src/components/Table/TableEditableCell.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CellWrapper, StyledCell } from './TableBody';\nimport { useTableContext } from './TableContext';\nimport type { TableEditableCellProps, TableEditableDropdownCellProps, TableProps } from './types';\nimport {\n  rowDensityToIsTableInputCellMapping,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n} from './tokens';\nimport { ComponentIds } from './componentIds';\nimport { TableEditableCellContext } from './TableEditableCellContext';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Box } from '~components/Box';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { castWebType } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Dropdown } from '~components/Dropdown';\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 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              type=\"text\"\n              size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\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              showHintsAsTooltip={true}\n            />\n          </Box>\n        </CellWrapper>\n      </BaseBox>\n    </StyledEditableCell>\n  );\n};\n\nconst TableEditableDropdownCell = (\n  dropdownProps: TableEditableDropdownCellProps,\n): React.ReactElement => {\n  const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n  return (\n    <TableEditableCellContext.Provider value={{ isInsideTableEditableCell: true }}>\n      <StyledEditableCell\n        role=\"cell\"\n        $backgroundColor={backgroundColor}\n        rowDensity={rowDensity}\n        {...metaAttribute({ name: MetaConstants.TableCell })}\n      >\n        <BaseBox\n          className=\"cell-wrapper-base\"\n          display=\"flex\"\n          alignItems=\"center\"\n          height=\"100%\"\n          width=\"100%\"\n        >\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            <Dropdown _width=\"100%\" margin=\"spacing.2\" {...dropdownProps} />\n          </CellWrapper>\n        </BaseBox>\n      </StyledEditableCell>\n    </TableEditableCellContext.Provider>\n  );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n  componentId: ComponentIds.TableEditableCell,\n});\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["StyledEditableCell","styled","StyledCell","withConfig","displayName","componentId","_ref","theme","rowDensity","outline","_objectSpread","getFocusRingStyles","negativeOffset","getEditableInputMargin","_ref2","_TableEditableCell","_ref3","_ref3$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","name","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext","useTableContext","showStripedRows","backgroundColor","_jsx","role","$backgroundColor","metaAttribute","MetaConstants","TableCell","children","BaseBox","className","display","alignItems","height","CellWrapper","flex","hasPadding","Box","margin","width","BaseInput","isTableInputCell","rowDensityToIsTableInputCellMapping","id","type","size","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","castWebType","showHintsAsTooltip","TableEditableDropdownCell","dropdownProps","_useTableContext2","TableEditableCellContext","Provider","isInsideTableEditableCell","Dropdown","_width","TableEditableCell","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"TableEditableCell.web.js","sources":["../../../../../../src/components/Table/TableEditableCell.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CellWrapper, StyledCell } from './TableBody';\nimport { useTableContext } from './TableContext';\nimport type { TableEditableCellProps, TableEditableDropdownCellProps, TableProps } from './types';\nimport {\n  rowDensityToIsTableInputCellMapping,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n} from './tokens';\nimport { ComponentIds } from './componentIds';\nimport { TableEditableCellContext } from './TableEditableCellContext';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Box } from '~components/Box';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { castWebType } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Dropdown } from '~components/Dropdown';\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 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              type=\"text\"\n              size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\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              showHintsAsTooltip={true}\n            />\n          </Box>\n        </CellWrapper>\n      </BaseBox>\n    </StyledEditableCell>\n  );\n};\n\nconst TableEditableDropdownCell = (\n  dropdownProps: TableEditableDropdownCellProps,\n): React.ReactElement => {\n  const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n  return (\n    <TableEditableCellContext.Provider value={{ isInsideTableEditableCell: true }}>\n      <StyledEditableCell\n        role=\"cell\"\n        $backgroundColor={backgroundColor}\n        $rowDensity={rowDensity}\n        {...metaAttribute({ name: MetaConstants.TableCell })}\n      >\n        <BaseBox\n          className=\"cell-wrapper-base\"\n          display=\"flex\"\n          alignItems=\"center\"\n          height=\"100%\"\n          width=\"100%\"\n        >\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            <Dropdown _width=\"100%\" margin=\"spacing.2\" {...dropdownProps} />\n          </CellWrapper>\n        </BaseBox>\n      </StyledEditableCell>\n    </TableEditableCellContext.Provider>\n  );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n  componentId: ComponentIds.TableEditableCell,\n});\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["StyledEditableCell","styled","StyledCell","withConfig","displayName","componentId","_ref","theme","$rowDensity","outline","_objectSpread","getFocusRingStyles","negativeOffset","getEditableInputMargin","_ref2","rowDensity","_TableEditableCell","_ref3","_ref3$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","name","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext","useTableContext","showStripedRows","backgroundColor","_jsx","role","$backgroundColor","metaAttribute","MetaConstants","TableCell","children","BaseBox","className","display","alignItems","height","CellWrapper","flex","hasPadding","Box","margin","width","BaseInput","isTableInputCell","rowDensityToIsTableInputCellMapping","id","type","size","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","castWebType","showHintsAsTooltip","TableEditableDropdownCell","dropdownProps","_useTableContext2","TableEditableCellContext","Provider","isInsideTableEditableCell","Dropdown","_width","TableEditableCell","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}

package/build/lib/web/production/components/Card/CardRoot.web.js

@@ -21,7 +21,8 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "CardRootweb__StyledCardRoot",
   componentId: "sc-1nb70ck-0"
 })(function (_ref) {
-  var theme = _ref.theme,
+  var as = _ref.as,
+    theme = _ref.theme,
     isSelected = _ref.isSelected,
     isFocused = _ref.isFocused,
     shouldScaleOnHover = _ref.shouldScaleOnHover,
@@ -36,7 +37,8 @@ var StyledCardRoot = /*#__PURE__*/styled(BaseBox).withConfig({
     boxShadow: "".concat(selectedBorder).concat(focusRing),
     transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),
     transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),
-    transitionProperty: 'transform, box-shadow'
+    transitionProperty: 'transform, box-shadow',
+    cursor: as === 'label' ? 'pointer' : 'initial'
   }, isMobile && isPressed && {
     transform: "scale(".concat(CARD_SCALE_DOWN_VALUE, ")")
   }), !isMobile && shouldScaleOnHover && {

package/build/lib/web/production/components/Card/CardRoot.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionProperty: 'transform, box-shadow',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst CardRoot = ({\n  as,\n  accessibilityLabel,\n  children,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","as","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined"],"mappings":"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"}
+{"version":3,"file":"CardRoot.web.js","sources":["../../../../../../src/components/Card/CardRoot.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport type { CardRootProps } from './types';\nimport { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst StyledCardRoot = styled(BaseBox)<CardRootProps & { isPressed: boolean; isMobile: boolean }>(\n  ({ as, theme, isSelected, isFocused, shouldScaleOnHover, isPressed, isMobile }) => {\n    const selectedColor = isSelected ? theme.colors.surface.border.primary.normal : 'transparent';\n    const selectedBorder = `0px 0px 0px ${theme.border.width.thicker}px ${selectedColor}`;\n    //  focused state\n    const focusRing = isFocused\n      ? `, 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`\n      : '';\n\n    return {\n      // Selected state\n      boxShadow: `${selectedBorder}${focusRing}`,\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionProperty: 'transform, box-shadow',\n      cursor: as === 'label' ? 'pointer' : 'initial',\n\n      // pressed state for mobile only\n      ...(isMobile &&\n        isPressed && {\n          transform: `scale(${CARD_SCALE_DOWN_VALUE})`,\n        }),\n\n      // Hover state for desktop only\n      ...(!isMobile &&\n        shouldScaleOnHover && {\n          '&:hover': {\n            transform: `scale(${CARD_SCALE_UP_VALUE})`,\n          },\n        }),\n\n      // uplift all the nested links so they receive clicks and events (except the LinkOverlay)\n      // https://www.sarasoueidan.com/blog/nested-links\n      [`& a[href]:not(a[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n      [`& button:not(button[data-blade-component=\"${CARD_LINK_OVERLAY_ID}\"])`]: {\n        zIndex: 2,\n        position: 'relative',\n      },\n    };\n  },\n);\n\nconst CardRoot = ({\n  as,\n  accessibilityLabel,\n  children,\n  ...props\n}: CardRootProps): React.ReactElement => {\n  const isMobile = useIsMobile();\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  return (\n    <StyledCardRoot\n      as={as}\n      {...props}\n      isMobile={isMobile}\n      isPressed={props.shouldScaleOnHover ? isPressed : false}\n      onTouchStart={() => setIsPressed(true)}\n      onTouchEnd={() => setIsPressed(false)}\n      onMouseDown={() => setIsPressed(true)}\n      onMouseUp={() => setIsPressed(false)}\n      {...makeAccessible({\n        label: as === 'label' ? accessibilityLabel : undefined,\n      })}\n    >\n      {children}\n    </StyledCardRoot>\n  );\n};\n\nexport { CardRoot };\n"],"names":["StyledCardRoot","styled","BaseBox","withConfig","displayName","componentId","_ref","as","theme","isSelected","isFocused","shouldScaleOnHover","isPressed","isMobile","selectedColor","colors","surface","border","primary","normal","selectedBorder","concat","width","thicker","focusRing","muted","_objectSpread","boxShadow","transitionDuration","castWebType","makeMotionTime","motion","duration","xquick","transitionTimingFunction","easing","standard","effective","transitionProperty","cursor","transform","CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","_defineProperty","CARD_LINK_OVERLAY_ID","zIndex","position","CardRoot","_ref2","accessibilityLabel","children","props","_objectWithoutProperties","_excluded","useIsMobile","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsPressed","_jsx","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","makeAccessible","label","undefined"],"mappings":"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"}

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

@@ -160,7 +160,7 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   componentId: "sc-1fpz8hn-2"
 })(function (_ref4) {
   var theme = _ref4.theme,
-    rowDensity = _ref4.rowDensity,
+    $rowDensity = _ref4.$rowDensity,
     showStripedRows = _ref4.showStripedRows,
     _ref4$hasPadding = _ref4.hasPadding,
     hasPadding = _ref4$hasPadding === void 0 ? true : _ref4$hasPadding;
@@ -169,9 +169,9 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     '&&&': _objectSpread({
       transition: rowBackgroundTransition,
       backgroundColor: tableRow.nonStripeWrapper.backgroundColor,
-      paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])) : '0px',
-      paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])) : '0px',
-      minHeight: makeSize(getIn(size, tableRow.minHeight[rowDensity])),
+      paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity])) : '0px',
+      paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity])) : '0px',
+      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),
       height: '100%',
       width: '100%'
     }, !showStripedRows && {
@@ -204,7 +204,7 @@ var _TableCell = function _TableCell(_ref5) {
       height: "100%",
       children: /*#__PURE__*/jsx(CellWrapper, {
         className: "cell-wrapper",
-        rowDensity: rowDensity,
+        $rowDensity: rowDensity,
         showStripedRows: showStripedRows,
         display: "flex",
         alignItems: "center",
@@ -212,9 +212,13 @@ var _TableCell = function _TableCell(_ref5) {
         // when a direct string child is passed we want to disable pointer events
         // for custom cells components, consumers can handle pointer events themselves
         ,
-        pointerEvents: isChildrenString && isSelectable ? 'none' : 'auto',
+        pointerEvents: isChildrenString && isSelectable ? 'none' : 'auto'
+        // allow text to wrap, so that if the <Text> overflows it can truncate
+        ,
+        whiteSpace: "normal",
         children: isChildrenString ? /*#__PURE__*/jsx(Text, {
           size: "medium",
+          truncateAfterLines: 1,
           children: children
         }) : children
       })

package/build/lib/web/production/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';\nimport { makeAccessible } from '~utils/makeAccessible';\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\nexport const 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\nexport const 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      width: '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 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      {...makeAccessible({ selected: isSelected })}\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","$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","width","borderBottomWidth","borderBottomColor","borderColor","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","borderRightWidth","borderRightStyle","borderRightColor","undefined","borderRight","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","makeAccessible","selected","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, 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';\nimport { makeAccessible } from '~utils/makeAccessible';\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\nexport const 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\nexport const 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\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : '0px',\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n      height: '100%',\n      width: '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          // allow text to wrap, so that if the <Text> overflows it can truncate\n          whiteSpace=\"normal\"\n        >\n          {isChildrenString ? (\n            <Text size=\"medium\" truncateAfterLines={1}>\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\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)<{\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      {...makeAccessible({ selected: isSelected })}\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","$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","width","borderBottomWidth","borderBottomColor","borderColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","rowDensity","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","whiteSpace","Text","truncateAfterLines","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","checkboxCellWidth","onClick","e","stopPropagation","Checkbox","StyledRow","Row","_ref7","$isHoverable","borderRightWidth","borderRightStyle","borderRightColor","undefined","borderRight","cursor","_TableRow","_ref8","item","onHover","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","makeAccessible","selected","TableRow"],"mappings":"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"}

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

@@ -31,13 +31,13 @@ var StyledEditableCell = /*#__PURE__*/styled(StyledCell).withConfig({
   componentId: "cvczp8-0"
 })(function (_ref) {
   var theme = _ref.theme,
-    rowDensity = _ref.rowDensity;
+    $rowDensity = _ref.$rowDensity;
   return {
     '&&&': {
       '&:focus-visible': {
         outline: '1px solid'
       },
-      '&:focus-within': _objectSpread({}, rowDensity !== 'comfortable' ? getFocusRingStyles({
+      '&:focus-within': _objectSpread({}, $rowDensity !== 'comfortable' ? getFocusRingStyles({
         theme: theme,
         negativeOffset: true
       }) : {})
@@ -85,7 +85,7 @@ var _TableEditableCell = function _TableEditableCell(_ref3) {
   return /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
     role: "cell",
     $backgroundColor: backgroundColor,
-    rowDensity: rowDensity
+    $rowDensity: rowDensity
   }, metaAttribute({
     name: MetaConstants.TableCell
   })), {}, {
@@ -96,7 +96,7 @@ var _TableEditableCell = function _TableEditableCell(_ref3) {
       height: "100%",
       children: /*#__PURE__*/jsx(CellWrapper, {
         className: "cell-wrapper",
-        rowDensity: rowDensity,
+        $rowDensity: rowDensity,
         showStripedRows: showStripedRows,
         display: "flex",
         alignItems: "center",
@@ -159,7 +159,7 @@ var TableEditableDropdownCell = function TableEditableDropdownCell(dropdownProps
     children: /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
       role: "cell",
       $backgroundColor: backgroundColor,
-      rowDensity: rowDensity
+      $rowDensity: rowDensity
     }, metaAttribute({
       name: MetaConstants.TableCell
     })), {}, {
@@ -171,7 +171,7 @@ var TableEditableDropdownCell = function TableEditableDropdownCell(dropdownProps
         width: "100%",
         children: /*#__PURE__*/jsx(CellWrapper, {
           className: "cell-wrapper",
-          rowDensity: rowDensity,
+          $rowDensity: rowDensity,
           showStripedRows: showStripedRows,
           display: "flex",
           alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"TableEditableCell.web.js","sources":["../../../../../../src/components/Table/TableEditableCell.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CellWrapper, StyledCell } from './TableBody';\nimport { useTableContext } from './TableContext';\nimport type { TableEditableCellProps, TableEditableDropdownCellProps, TableProps } from './types';\nimport {\n  rowDensityToIsTableInputCellMapping,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n} from './tokens';\nimport { ComponentIds } from './componentIds';\nimport { TableEditableCellContext } from './TableEditableCellContext';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Box } from '~components/Box';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { castWebType } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Dropdown } from '~components/Dropdown';\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 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              type=\"text\"\n              size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\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              showHintsAsTooltip={true}\n            />\n          </Box>\n        </CellWrapper>\n      </BaseBox>\n    </StyledEditableCell>\n  );\n};\n\nconst TableEditableDropdownCell = (\n  dropdownProps: TableEditableDropdownCellProps,\n): React.ReactElement => {\n  const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n  return (\n    <TableEditableCellContext.Provider value={{ isInsideTableEditableCell: true }}>\n      <StyledEditableCell\n        role=\"cell\"\n        $backgroundColor={backgroundColor}\n        rowDensity={rowDensity}\n        {...metaAttribute({ name: MetaConstants.TableCell })}\n      >\n        <BaseBox\n          className=\"cell-wrapper-base\"\n          display=\"flex\"\n          alignItems=\"center\"\n          height=\"100%\"\n          width=\"100%\"\n        >\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            <Dropdown _width=\"100%\" margin=\"spacing.2\" {...dropdownProps} />\n          </CellWrapper>\n        </BaseBox>\n      </StyledEditableCell>\n    </TableEditableCellContext.Provider>\n  );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n  componentId: ComponentIds.TableEditableCell,\n});\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["StyledEditableCell","styled","StyledCell","withConfig","displayName","componentId","_ref","theme","rowDensity","outline","_objectSpread","getFocusRingStyles","negativeOffset","getEditableInputMargin","_ref2","_TableEditableCell","_ref3","_ref3$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","name","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext","useTableContext","showStripedRows","backgroundColor","_jsx","role","$backgroundColor","metaAttribute","MetaConstants","TableCell","children","BaseBox","className","display","alignItems","height","CellWrapper","flex","hasPadding","Box","margin","width","BaseInput","isTableInputCell","rowDensityToIsTableInputCellMapping","id","type","size","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","castWebType","showHintsAsTooltip","TableEditableDropdownCell","dropdownProps","_useTableContext2","TableEditableCellContext","Provider","isInsideTableEditableCell","Dropdown","_width","TableEditableCell","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"TableEditableCell.web.js","sources":["../../../../../../src/components/Table/TableEditableCell.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { CellWrapper, StyledCell } from './TableBody';\nimport { useTableContext } from './TableContext';\nimport type { TableEditableCellProps, TableEditableDropdownCellProps, TableProps } from './types';\nimport {\n  rowDensityToIsTableInputCellMapping,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n} from './tokens';\nimport { ComponentIds } from './componentIds';\nimport { TableEditableCellContext } from './TableEditableCellContext';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Box } from '~components/Box';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { castWebType } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Dropdown } from '~components/Dropdown';\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 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              type=\"text\"\n              size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\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              showHintsAsTooltip={true}\n            />\n          </Box>\n        </CellWrapper>\n      </BaseBox>\n    </StyledEditableCell>\n  );\n};\n\nconst TableEditableDropdownCell = (\n  dropdownProps: TableEditableDropdownCellProps,\n): React.ReactElement => {\n  const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n  return (\n    <TableEditableCellContext.Provider value={{ isInsideTableEditableCell: true }}>\n      <StyledEditableCell\n        role=\"cell\"\n        $backgroundColor={backgroundColor}\n        $rowDensity={rowDensity}\n        {...metaAttribute({ name: MetaConstants.TableCell })}\n      >\n        <BaseBox\n          className=\"cell-wrapper-base\"\n          display=\"flex\"\n          alignItems=\"center\"\n          height=\"100%\"\n          width=\"100%\"\n        >\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            <Dropdown _width=\"100%\" margin=\"spacing.2\" {...dropdownProps} />\n          </CellWrapper>\n        </BaseBox>\n      </StyledEditableCell>\n    </TableEditableCellContext.Provider>\n  );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n  componentId: ComponentIds.TableEditableCell,\n});\n\nexport { TableEditableCell, TableEditableDropdownCell };\n"],"names":["StyledEditableCell","styled","StyledCell","withConfig","displayName","componentId","_ref","theme","$rowDensity","outline","_objectSpread","getFocusRingStyles","negativeOffset","getEditableInputMargin","_ref2","rowDensity","_TableEditableCell","_ref3","_ref3$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","name","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext","useTableContext","showStripedRows","backgroundColor","_jsx","role","$backgroundColor","metaAttribute","MetaConstants","TableCell","children","BaseBox","className","display","alignItems","height","CellWrapper","flex","hasPadding","Box","margin","width","BaseInput","isTableInputCell","rowDensityToIsTableInputCellMapping","id","type","size","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","castWebType","showHintsAsTooltip","TableEditableDropdownCell","dropdownProps","_useTableContext2","TableEditableCellContext","Provider","isInsideTableEditableCell","Dropdown","_width","TableEditableCell","assignWithoutSideEffects","ComponentIds"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,UAAU,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAE1C,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;EAAA,OAAQ;AAC9B,IAAA,KAAK,EAAE;AACL,MAAA,iBAAiB,EAAE;AAAEC,QAAAA,OAAO,EAAE,WAAA;OAAa;MAC3C,gBAAgB,EAAAC,aAAA,CACVF,EAAAA,EAAAA,WAAW,KAAK,aAAa,GAAGG,kBAAkB,CAAC;AAAEJ,QAAAA,KAAK,EAALA,KAAK;AAAEK,QAAAA,cAAc,EAAE,IAAA;OAAM,CAAC,GAAG,EAAE,CAAA;AAEhG,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAIC;AAAA,EAAA,IAH3BC,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;EAIV,IAAIA,UAAU,KAAK,aAAa,EAAE;AAChC,IAAA,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EA0B0B;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAzBhDE,eAAe;AAAfA,IAAAA,eAAe,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,qBAAA;IACxBE,kBAAkB,GAAAH,KAAA,CAAlBG,kBAAkB;IAClBC,cAAc,GAAAJ,KAAA,CAAdI,cAAc;IACdC,0BAA0B,GAAAL,KAAA,CAA1BK,0BAA0B;IAC1BC,SAAS,GAAAN,KAAA,CAATM,SAAS;IACTC,YAAY,GAAAP,KAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,KAAA,CAAVQ,UAAU;IACVC,UAAU,GAAAT,KAAA,CAAVS,UAAU;IACVC,qBAAqB,GAAAV,KAAA,CAArBU,qBAAqB;IACrBC,WAAW,GAAAX,KAAA,CAAXW,WAAW;IACXC,aAAa,GAAAZ,KAAA,CAAbY,aAAa;IACbC,IAAI,GAAAb,KAAA,CAAJa,IAAI;IACJC,MAAM,GAAAd,KAAA,CAANc,MAAM;IACNC,QAAQ,GAAAf,KAAA,CAARe,QAAQ;IACRC,OAAO,GAAAhB,KAAA,CAAPgB,OAAO;IACPC,OAAO,GAAAjB,KAAA,CAAPiB,OAAO;IACPC,QAAQ,GAAAlB,KAAA,CAARkB,QAAQ;IACRC,WAAW,GAAAnB,KAAA,CAAXmB,WAAW;IACXC,MAAM,GAAApB,KAAA,CAANoB,MAAM;IACNC,MAAM,GAAArB,KAAA,CAANqB,MAAM;IACNC,KAAK,GAAAtB,KAAA,CAALsB,KAAK;IACLC,MAAM,GAAAvB,KAAA,CAANuB,MAAM;IACNC,cAAc,GAAAxB,KAAA,CAAdwB,cAAc;IACdC,SAAS,GAAAzB,KAAA,CAATyB,SAAS;IACTC,WAAW,GAAA1B,KAAA,CAAX0B,WAAW,CAAA;AAEX,EAAA,IAAAC,gBAAA,GAAyDC,eAAe,EAAE;IAAlE9B,UAAU,GAAA6B,gBAAA,CAAV7B,UAAU;IAAE+B,eAAe,GAAAF,gBAAA,CAAfE,eAAe;IAAEC,eAAe,GAAAH,gBAAA,CAAfG,eAAe,CAAA;AAEpD,EAAA,oBACEC,GAAA,CAAChD,kBAAkB,EAAAU,aAAA,CAAAA,aAAA,CAAA;AACjBuC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,gBAAgB,EAAEH,eAAgB;AAClCvC,IAAAA,WAAW,EAAEO,UAAAA;AAAW,GAAA,EACpBoC,aAAa,CAAC;IAAErB,IAAI,EAAEsB,aAAa,CAACC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAC,QAAA,eAEpDN,GAAA,CAACO,OAAO,EAAA;AAACC,MAAAA,SAAS,EAAC,mBAAmB;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAACC,MAAAA,MAAM,EAAC,MAAM;MAAAL,QAAA,eACrFN,GAAA,CAACY,WAAW,EAAA;AACVJ,QAAAA,SAAS,EAAC,cAAc;AACxBhD,QAAAA,WAAW,EAAEO,UAAW;AACxB+B,QAAAA,eAAe,EAAEA,eAAgB;AACjCW,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBG,QAAAA,IAAI,EAAE,CAAE;AACRC,QAAAA,UAAU,EAAE,KAAM;QAAAR,QAAA,eAElBN,GAAA,CAACe,GAAG,EAAA;UAACC,MAAM,EAAEnD,sBAAsB,CAAC;AAAEE,YAAAA,UAAU,EAAVA,UAAAA;AAAW,WAAC,CAAE;AAACkD,UAAAA,KAAK,EAAC,MAAM;UAAAX,QAAA,eAC/DN,GAAA,CAACkB,SAAS,EAAA;AACRC,YAAAA,gBAAgB,EAAEC,mCAAmC,CAACrD,UAAU,CAAE;AAClEI,YAAAA,eAAe,EAAEA,eAAgB;AACjCkD,YAAAA,EAAE,EAAC,2BAA2B;AAC9BC,YAAAA,IAAI,EAAC,MAAM;AACXC,YAAAA,IAAI,EAAEC,yCAAyC,CAACzD,UAAU,CAAE;AAC5D0D,YAAAA,YAAY,EAAEC,qCAAqC,CAACvD,eAAe,CAAE;AACrEC,YAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,YAAAA,cAAc,EAAEA,cAAe;AAC/BC,YAAAA,0BAA0B,EAAEA,0BAAAA;AAC5B;AAAA;AACAC,YAAAA,SAAS,EAAEA,SAAU;AACrBC,YAAAA,YAAY,EAAEA,YAAa;AAC3BC,YAAAA,UAAU,EAAEA,UAAW;AACvBC,YAAAA,UAAU,EAAEA,UAAW;AACvBC,YAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,YAAAA,WAAW,EAAEA,WAAY;AACzBC,YAAAA,aAAa,EAAEA,aAAc;AAC7BC,YAAAA,IAAI,EAAEA,IAAK;AACXC,YAAAA,MAAM,EAAEA,MAAO;AACfC,YAAAA,QAAQ,EAAEA,QAAS;AACnBC,YAAAA,OAAO,EAAEA,OAAQ;AACjBC,YAAAA,OAAO,EAAEA,OAAQ;AACjBC,YAAAA,QAAQ,EAAEwC,WAAW,CAACxC,QAAQ,CAAE;AAChCC,YAAAA,WAAW,EAAEA,WAAY;AACzBC,YAAAA,MAAM,EAAEA,MAAO;AACfC,YAAAA,MAAM,EAAEA,MAAO;AACfC,YAAAA,KAAK,EAAEA,KAAM;AACbC,YAAAA,MAAM,EAAEA,MAAO;AACfC,YAAAA,cAAc,EAAEA,cAAe;AAC/BC,YAAAA,SAAS,EAAEA,SAAU;AACrBC,YAAAA,WAAW,EAAEA,WAAY;AACzBiC,YAAAA,kBAAkB,EAAE,IAAA;WACrB,CAAA;SACE,CAAA;OACM,CAAA;KACN,CAAA;AAAC,GAAA,CACQ,CAAC,CAAA;AAEzB,CAAC,CAAA;AAED,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAC7BC,aAA6C,EACtB;AACvB,EAAA,IAAAC,iBAAA,GAAyDlC,eAAe,EAAE;IAAlE9B,UAAU,GAAAgE,iBAAA,CAAVhE,UAAU;IAAE+B,eAAe,GAAAiC,iBAAA,CAAfjC,eAAe;IAAEC,eAAe,GAAAgC,iBAAA,CAAfhC,eAAe,CAAA;AAEpD,EAAA,oBACEC,GAAA,CAACgC,wBAAwB,CAACC,QAAQ,EAAA;AAAC1C,IAAAA,KAAK,EAAE;AAAE2C,MAAAA,yBAAyB,EAAE,IAAA;KAAO;AAAA5B,IAAAA,QAAA,eAC5EN,GAAA,CAAChD,kBAAkB,EAAAU,aAAA,CAAAA,aAAA,CAAA;AACjBuC,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,gBAAgB,EAAEH,eAAgB;AAClCvC,MAAAA,WAAW,EAAEO,UAAAA;AAAW,KAAA,EACpBoC,aAAa,CAAC;MAAErB,IAAI,EAAEsB,aAAa,CAACC,SAAAA;AAAU,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAC,QAAA,eAEpDN,GAAA,CAACO,OAAO,EAAA;AACNC,QAAAA,SAAS,EAAC,mBAAmB;AAC7BC,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,MAAM,EAAC,MAAM;AACbM,QAAAA,KAAK,EAAC,MAAM;QAAAX,QAAA,eAEZN,GAAA,CAACY,WAAW,EAAA;AACVJ,UAAAA,SAAS,EAAC,cAAc;AACxBhD,UAAAA,WAAW,EAAEO,UAAW;AACxB+B,UAAAA,eAAe,EAAEA,eAAgB;AACjCW,UAAAA,OAAO,EAAC,MAAM;AACdC,UAAAA,UAAU,EAAC,QAAQ;AACnBG,UAAAA,IAAI,EAAE,CAAE;AACRC,UAAAA,UAAU,EAAE,KAAM;AAAAR,UAAAA,QAAA,eAElBN,GAAA,CAACmC,QAAQ,EAAAzE,aAAA,CAAA;AAAC0E,YAAAA,MAAM,EAAC,MAAM;AAACpB,YAAAA,MAAM,EAAC,WAAA;AAAW,WAAA,EAAKc,aAAa,CAAG,CAAA;SACpD,CAAA;OACN,CAAA;KACS,CAAA,CAAA;AAAC,GACY,CAAC,CAAA;AAExC,EAAC;AAED,IAAMO,iBAAiB,gBAAGC,wBAAwB,CAACtE,kBAAkB,EAAE;EACrEX,WAAW,EAAEkF,YAAY,CAACF,iBAAAA;AAC5B,CAAC;;;;"}

package/package.json

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