npm - @razorpay/blade - Versions diffs - 11.25.0 → 11.26.1 - Mend

@razorpay/blade 11.25.0 → 11.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

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

@@ -4,7 +4,7 @@ import { useEffect } from 'react';
 import { Body, Cell, Row } from '@table-library/react-table-library/table';
 import styled from 'styled-components';
 import { useTableContext } from './TableContext.js';
-import { tableRow, tableEditableCellRowDensityToInputSizeMap, checkboxCellWidth } from './tokens.js';
+import { tableRow, checkboxCellWidth } from './tokens.js';
 import { ComponentIds } from './componentIds.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import '../Typography/index.js';
@@ -15,9 +15,6 @@ import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/getFocusRingStyles/index.js';
 import '../../tokens/global/index.js';
-import '../Input/BaseInput/index.js';
-import '../Box/index.js';
-import '../Icons/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -29,11 +26,6 @@ import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
 import { Text } from '../Typography/Text/Text.js';
-import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
-import AlertCircleIcon from '../Icons/AlertCircleIcon/AlertCircleIcon.js';
-import { Box } from '../Box/Box.js';
-import { BaseInput } from '../Input/BaseInput/BaseInput.js';
-import { castWebType } from '../../utils/platform/castUtils.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -178,7 +170,8 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
       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%'
+      height: '100%',
+      width: '100%'
     }, !showStripedRows && {
       borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),
       borderBottomColor: getIn(theme.colors, tableRow.borderColor),
@@ -229,143 +222,10 @@ var _TableCell = function _TableCell(_ref5) {
 var TableCell = /*#__PURE__*/assignWithoutSideEffects(_TableCell, {
   componentId: ComponentIds.TableCell
 });
-var StyledEditableCell = /*#__PURE__*/styled(StyledCell).withConfig({
-  displayName: "TableBodyweb__StyledEditableCell",
-  componentId: "sc-1fpz8hn-3"
-})(function (_ref6) {
-  var theme = _ref6.theme,
-    rowDensity = _ref6.rowDensity;
-  return {
-    '&&&': {
-      '&:focus-visible': {
-        outline: '1px solid'
-      },
-      '&:focus-within': _objectSpread({}, rowDensity !== 'comfortable' ? getFocusRingStyles({
-        theme: theme,
-        negativeOffset: true
-      }) : {})
-    }
-  };
-});
-var validationStateToInputTrailingIconMap = {
-  none: undefined,
-  success: CheckIcon,
-  error: AlertCircleIcon
-};
-var rowDensityToIsTableInputCellMapping = {
-  comfortable: false,
-  normal: true,
-  compact: true
-};
-var getEditableInputMargin = function getEditableInputMargin(_ref7) {
-  var rowDensity = _ref7.rowDensity;
-  if (rowDensity === 'comfortable') {
-    return ['spacing.4', 'spacing.4'];
-  }
-  return 'spacing.2';
-};
-var _TableEditableCell = function _TableEditableCell(_ref8) {
-  var _ref8$validationState = _ref8.validationState,
-    validationState = _ref8$validationState === void 0 ? 'none' : _ref8$validationState,
-    accessibilityLabel = _ref8.accessibilityLabel,
-    autoCapitalize = _ref8.autoCapitalize,
-    autoCompleteSuggestionType = _ref8.autoCompleteSuggestionType,
-    autoFocus = _ref8.autoFocus,
-    defaultValue = _ref8.defaultValue,
-    isDisabled = _ref8.isDisabled,
-    isRequired = _ref8.isRequired,
-    keyboardReturnKeyType = _ref8.keyboardReturnKeyType,
-    leadingIcon = _ref8.leadingIcon,
-    maxCharacters = _ref8.maxCharacters,
-    name = _ref8.name,
-    onBlur = _ref8.onBlur,
-    onChange = _ref8.onChange,
-    onClick = _ref8.onClick,
-    onFocus = _ref8.onFocus,
-    onSubmit = _ref8.onSubmit,
-    placeholder = _ref8.placeholder,
-    prefix = _ref8.prefix,
-    suffix = _ref8.suffix,
-    value = _ref8.value,
-    testID = _ref8.testID,
-    trailingButton = _ref8.trailingButton,
-    errorText = _ref8.errorText,
-    successText = _ref8.successText;
-  var _useTableContext3 = useTableContext(),
-    rowDensity = _useTableContext3.rowDensity,
-    showStripedRows = _useTableContext3.showStripedRows,
-    backgroundColor = _useTableContext3.backgroundColor;
-  return /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
-    role: "cell",
-    $backgroundColor: backgroundColor,
-    rowDensity: rowDensity
-  }, metaAttribute({
-    name: MetaConstants.TableCell
-  })), {}, {
-    children: /*#__PURE__*/jsx(BaseBox, {
-      className: "cell-wrapper-base",
-      display: "flex",
-      alignItems: "center",
-      height: "100%",
-      children: /*#__PURE__*/jsx(CellWrapper, {
-        className: "cell-wrapper",
-        rowDensity: rowDensity,
-        showStripedRows: showStripedRows,
-        display: "flex",
-        alignItems: "center",
-        flex: 1,
-        hasPadding: false,
-        children: /*#__PURE__*/jsx(Box, {
-          margin: getEditableInputMargin({
-            rowDensity: rowDensity
-          }),
-          width: "100%",
-          children: /*#__PURE__*/jsx(BaseInput, {
-            isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],
-            validationState: validationState,
-            id: "table-editable-cell-input",
-            size: tableEditableCellRowDensityToInputSizeMap[rowDensity],
-            type: "text",
-            trailingIcon: validationStateToInputTrailingIconMap[validationState],
-            accessibilityLabel: accessibilityLabel,
-            autoCapitalize: autoCapitalize,
-            autoCompleteSuggestionType: autoCompleteSuggestionType
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            ,
-            autoFocus: autoFocus,
-            defaultValue: defaultValue,
-            isDisabled: isDisabled,
-            isRequired: isRequired,
-            keyboardReturnKeyType: keyboardReturnKeyType,
-            leadingIcon: leadingIcon,
-            maxCharacters: maxCharacters,
-            name: name,
-            onBlur: onBlur,
-            onChange: onChange,
-            onClick: onClick,
-            onFocus: onFocus,
-            onSubmit: castWebType(onSubmit),
-            placeholder: placeholder,
-            prefix: prefix,
-            suffix: suffix,
-            value: value,
-            testID: testID,
-            trailingButton: trailingButton,
-            errorText: errorText,
-            successText: successText
-          })
-        })
-      })
-    })
-  }));
-};
-var TableEditableCell = /*#__PURE__*/assignWithoutSideEffects(_TableEditableCell, {
-  componentId: ComponentIds.TableEditableCell
-});
-var TableCheckboxCell = function TableCheckboxCell(_ref9) {
-  var isChecked = _ref9.isChecked,
-    onChange = _ref9.onChange,
-    isDisabled = _ref9.isDisabled;
+var TableCheckboxCell = function TableCheckboxCell(_ref6) {
+  var isChecked = _ref6.isChecked,
+    onChange = _ref6.onChange,
+    isDisabled = _ref6.isDisabled;
   return /*#__PURE__*/jsx(TableCell, {
     children: /*#__PURE__*/jsx(BaseBox, {
       display: "flex",
@@ -386,12 +246,12 @@ var TableCheckboxCell = function TableCheckboxCell(_ref9) {
 };
 var StyledRow = /*#__PURE__*/styled(Row).withConfig({
   displayName: "TableBodyweb__StyledRow",
-  componentId: "sc-1fpz8hn-4"
-})(function (_ref10) {
-  var theme = _ref10.theme,
-    $isSelectable = _ref10.$isSelectable,
-    $isHoverable = _ref10.$isHoverable,
-    $showBorderedCells = _ref10.$showBorderedCells;
+  componentId: "sc-1fpz8hn-3"
+})(function (_ref7) {
+  var theme = _ref7.theme,
+    $isSelectable = _ref7.$isSelectable,
+    $isHoverable = _ref7.$isHoverable,
+    $showBorderedCells = _ref7.$showBorderedCells;
   var rowBackgroundTransition = "background-color ".concat(makeMotionTime(getIn(theme.motion, tableRow.backgroundColorMotionDuration)), " ").concat(getIn(theme.motion, tableRow.backgroundColorMotionEasing));
   return {
     '&&&': _objectSpread(_objectSpread(_objectSpread({
@@ -429,18 +289,18 @@ var StyledRow = /*#__PURE__*/styled(Row).withConfig({
     })
   };
 });
-var _TableRow = function _TableRow(_ref11) {
-  var children = _ref11.children,
-    item = _ref11.item,
-    isDisabled = _ref11.isDisabled,
-    onHover = _ref11.onHover,
-    _onClick = _ref11.onClick;
-  var _useTableContext4 = useTableContext(),
-    selectionType = _useTableContext4.selectionType,
-    selectedRows = _useTableContext4.selectedRows,
-    toggleRowSelectionById = _useTableContext4.toggleRowSelectionById,
-    setDisabledRows = _useTableContext4.setDisabledRows,
-    showBorderedCells = _useTableContext4.showBorderedCells;
+var _TableRow = function _TableRow(_ref8) {
+  var children = _ref8.children,
+    item = _ref8.item,
+    isDisabled = _ref8.isDisabled,
+    onHover = _ref8.onHover,
+    _onClick = _ref8.onClick;
+  var _useTableContext3 = useTableContext(),
+    selectionType = _useTableContext3.selectionType,
+    selectedRows = _useTableContext3.selectedRows,
+    toggleRowSelectionById = _useTableContext3.toggleRowSelectionById,
+    setDisabledRows = _useTableContext3.setDisabledRows,
+    showBorderedCells = _useTableContext3.showBorderedCells;
   var isSelectable = selectionType !== 'none';
   var isMultiSelect = selectionType === 'multiple';
   var isSelected = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(item.id);
@@ -484,5 +344,5 @@ var TableRow = /*#__PURE__*/assignWithoutSideEffects(_TableRow, {
   componentId: ComponentIds.TableRow
 });
-export { TableBody, TableCell, TableEditableCell, TableRow };
+export { CellWrapper, StyledCell, TableBody, TableCell, TableRow };
 //# sourceMappingURL=TableBody.web.js.map

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

	@@ -1 +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, tableEditableCellRowDensityToInputSizeMap, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n TableProps,\n TableBodyProps,\n TableRowProps,\n TableCellProps,\n TableBackgroundColors,\n TableEditableCellProps,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { castWebType, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { Box } from '~components/Box';\nimport { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport type { MarginProps } from '~components/Box/BaseBox/types/spacingTypes';\n\nconst StyledBody = styled(Body)<{\n $isSelectable: boolean;\n $showStripedRows: boolean;\n}>(({ theme, $showStripedRows, $isSelectable }) => {\n const rowBackgroundTransition = `background-color ${makeMotionTime(\n getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n return {\n '&&&': {\n border: 'none',\n transition: rowBackgroundTransition,\n\n '& tr:last-child .cell-wrapper': {\n borderBottom: 'none',\n },\n\n '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n },\n '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n },\n '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n },\n '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n },\n\n ...($isSelectable && {\n '& tr:active:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n },\n }),\n\n ...($showStripedRows && {\n '& tr:nth-child(even) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n },\n '& tr:nth-child(even) .cell-wrapper-base': {\n backgroundColor: tableRow.stripe.backgroundColor,\n },\n }),\n\n ...($showStripedRows &&\n $isSelectable && {\n '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n },\n '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n },\n '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n },\n '& .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper': {\n backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n },\n '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedHover,\n ),\n },\n '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedFocus,\n ),\n },\n '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n backgroundColor: getIn(\n theme.colors,\n tableRow.stripeWrapper.backgroundColorSelectedActive,\n ),\n },\n\n '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n },\n '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n },\n '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n },\n\n '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n },\n '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base ': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n },\n '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base ': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n },\n '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base ': {\n backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n },\n }),\n },\n };\n});\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n const { showStripedRows, selectionType } = useTableContext();\n const isSelectable = selectionType !== 'none';\n\n return (\n <StyledBody\n $isSelectable={isSelectable}\n $showStripedRows={showStripedRows}\n $showBorderedCells={true}\n {...metaAttribute({ name: MetaConstants.TableBody })}\n >\n {children}\n </StyledBody>\n );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n '&&&': {\n height: '100%',\n backgroundColor: getIn(theme.colors, $backgroundColor),\n '& > div:first-child': {\n alignSelf: 'stretch',\n },\n '&:focus-visible': { ...getFocusRingStyles({ theme, negativeOffset: true }) },\n },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n showStripedRows?: boolean;\n hasPadding?: boolean;\n}>(({ theme, rowDensity, showStripedRows, hasPadding = true }) => {\n const rowBackgroundTransition = `background-color ${makeMotionTime(\n getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n return {\n '&&&': {\n transition: rowBackgroundTransition,\n backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n paddingLeft: hasPadding ? makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])) : '0px',\n paddingRight: hasPadding ? makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])) : '0px',\n minHeight: makeSize(getIn(size, tableRow.minHeight[rowDensity])),\n height: '100%',\n ...(!showStripedRows && {\n borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n borderBottomColor: getIn(theme.colors, tableRow.borderColor),\n borderBottomStyle: 'solid',\n }),\n },\n };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n const isChildrenString = typeof children === 'string';\n const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n const isSelectable = selectionType !== 'none';\n\n return (\n <StyledCell\n tabIndex={0}\n role=\"cell\"\n $backgroundColor={backgroundColor}\n {...metaAttribute({ name: MetaConstants.TableCell })}\n >\n <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n <CellWrapper\n className=\"cell-wrapper\"\n rowDensity={rowDensity}\n showStripedRows={showStripedRows}\n display=\"flex\"\n alignItems=\"center\"\n flex={1}\n // when a direct string child is passed we want to disable pointer events\n // for custom cells components, consumers can handle pointer events themselves\n pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n >\n {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n </CellWrapper>\n </BaseBox>\n </StyledCell>\n );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n componentId: ComponentIds.TableCell,\n});\n\nconst StyledEditableCell = styled(StyledCell)<{\n rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}>(({ theme, rowDensity }) => ({\n '&&&': {\n '&:focus-visible': { outline: '1px solid' },\n '&:focus-within': {\n ...(rowDensity !== 'comfortable' ? getFocusRingStyles({ theme, negativeOffset: true }) : {}),\n },\n },\n}));\n\nconst validationStateToInputTrailingIconMap = {\n none: undefined,\n success: CheckIcon,\n error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n comfortable: false,\n normal: true,\n compact: true,\n};\n\nconst getEditableInputMargin = ({\n rowDensity,\n}: {\n rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n}): MarginProps['margin'] => {\n if (rowDensity === 'comfortable') {\n return ['spacing.4', 'spacing.4'];\n }\n\n return 'spacing.2';\n};\n\nconst _TableEditableCell = ({\n validationState = 'none',\n accessibilityLabel,\n autoCapitalize,\n autoCompleteSuggestionType,\n autoFocus,\n defaultValue,\n isDisabled,\n isRequired,\n keyboardReturnKeyType,\n leadingIcon,\n maxCharacters,\n name,\n onBlur,\n onChange,\n onClick,\n onFocus,\n onSubmit,\n placeholder,\n prefix,\n suffix,\n value,\n testID,\n trailingButton,\n errorText,\n successText,\n}: TableEditableCellProps): React.ReactElement => {\n const { rowDensity, showStripedRows, backgroundColor } = useTableContext();\n\n return (\n <StyledEditableCell\n role=\"cell\"\n $backgroundColor={backgroundColor}\n rowDensity={rowDensity}\n {...metaAttribute({ name: MetaConstants.TableCell })}\n >\n <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n <CellWrapper\n className=\"cell-wrapper\"\n rowDensity={rowDensity}\n showStripedRows={showStripedRows}\n display=\"flex\"\n alignItems=\"center\"\n flex={1}\n hasPadding={false}\n >\n <Box margin={getEditableInputMargin({ rowDensity })} width=\"100%\">\n <BaseInput\n isTableInputCell={rowDensityToIsTableInputCellMapping[rowDensity]}\n validationState={validationState}\n id=\"table-editable-cell-input\"\n size={tableEditableCellRowDensityToInputSizeMap[rowDensity]}\n type=\"text\"\n trailingIcon={validationStateToInputTrailingIconMap[validationState]}\n accessibilityLabel={accessibilityLabel}\n autoCapitalize={autoCapitalize}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n defaultValue={defaultValue}\n isDisabled={isDisabled}\n isRequired={isRequired}\n keyboardReturnKeyType={keyboardReturnKeyType}\n leadingIcon={leadingIcon}\n maxCharacters={maxCharacters}\n name={name}\n onBlur={onBlur}\n onChange={onChange}\n onClick={onClick}\n onFocus={onFocus}\n onSubmit={castWebType(onSubmit)}\n placeholder={placeholder}\n prefix={prefix}\n suffix={suffix}\n value={value}\n testID={testID}\n trailingButton={trailingButton}\n errorText={errorText}\n successText={successText}\n />\n </Box>\n </CellWrapper>\n </BaseBox>\n </StyledEditableCell>\n );\n};\n\nconst TableEditableCell = assignWithoutSideEffects(_TableEditableCell, {\n componentId: ComponentIds.TableEditableCell,\n});\n\nconst TableCheckboxCell = ({\n isChecked,\n onChange,\n isDisabled,\n}: {\n isChecked: CheckboxProps['isChecked'];\n onChange: CheckboxProps['onChange'];\n isDisabled?: boolean;\n}): React.ReactElement => {\n return (\n <TableCell>\n <BaseBox\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flex={1}\n width={makeSize(checkboxCellWidth)}\n onClick={(e) => e.stopPropagation()}\n >\n <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n </BaseBox>\n </TableCell>\n );\n};\n\nconst StyledRow = styled(Row)<{\n $isSelectable: boolean;\n $isHoverable: boolean;\n $showBorderedCells: boolean;\n}>(({ theme, $isSelectable, $isHoverable, $showBorderedCells }) => {\n const rowBackgroundTransition = `background-color ${makeMotionTime(\n getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n return {\n '&&&': {\n backgroundColor: 'transparent',\n '& .cell-wrapper': $showBorderedCells\n ? {\n borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n borderRightStyle: 'solid',\n borderRightColor: getIn(theme.colors, tableRow.borderColor),\n }\n : undefined,\n '& td:last-child .cell-wrapper': {\n borderRight: 'none',\n },\n ...(($isHoverable \|\| $isSelectable) && {\n '&:hover:not(.disabled-row) .cell-wrapper-base': {\n transition: rowBackgroundTransition,\n cursor: 'pointer',\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n },\n }),\n ...($isSelectable && {\n '&:focus:not(.disabled-row) .cell-wrapper-base': {\n transition: rowBackgroundTransition,\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n cursor: 'pointer',\n },\n '&:active:not(.disabled-row) .cell-wrapper-base': {\n transition: rowBackgroundTransition,\n backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n cursor: 'pointer',\n },\n }),\n '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n },\n };\n});\n\nconst _TableRow = <Item,>({\n children,\n item,\n isDisabled,\n onHover,\n onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n const {\n selectionType,\n selectedRows,\n toggleRowSelectionById,\n setDisabledRows,\n showBorderedCells,\n } = useTableContext();\n const isSelectable = selectionType !== 'none';\n const isMultiSelect = selectionType === 'multiple';\n const isSelected = selectedRows?.includes(item.id);\n useEffect(() => {\n if (isDisabled) {\n setDisabledRows((prev) => [...prev, item.id]);\n }\n }, [isDisabled, item.id, setDisabledRows]);\n\n return (\n <StyledRow\n disabled={isDisabled}\n $isSelectable={isDisabled ? false : isSelectable}\n $isHoverable={isDisabled ? false : Boolean(onHover) \|\| Boolean(onClick)}\n $showBorderedCells={showBorderedCells}\n item={item}\n className={isDisabled ? 'disabled-row' : ''}\n onMouseEnter={() => onHover?.({ item })}\n onClick={() => onClick?.({ item })}\n {...metaAttribute({ name: MetaConstants.TableRow })}\n >\n {isMultiSelect && (\n <TableCheckboxCell\n isChecked={isSelected}\n onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n isDisabled={isDisabled}\n />\n )}\n {children}\n </StyledRow>\n );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell, TableEditableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","$showBorderedCells","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","_ref4$hasPadding","hasPadding","paddingLeft","makeSpace","paddingRight","minHeight","makeSize","size","borderBottomWidth","width","borderBottomColor","borderColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","StyledEditableCell","_ref6","outline","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping","comfortable","normal","compact","getEditableInputMargin","_ref7","_TableEditableCell","_ref8","_ref8$validationState","validationState","accessibilityLabel","autoCapitalize","autoCompleteSuggestionType","autoFocus","defaultValue","isDisabled","isRequired","keyboardReturnKeyType","leadingIcon","maxCharacters","onBlur","onChange","onClick","onFocus","onSubmit","placeholder","prefix","suffix","value","testID","trailingButton","errorText","successText","_useTableContext3","Box","margin","BaseInput","isTableInputCell","id","tableEditableCellRowDensityToInputSizeMap","type","trailingIcon","castWebType","TableEditableCell","TableCheckboxCell","_ref9","isChecked","justifyContent","checkboxCellWidth","e","stopPropagation","Checkbox","StyledRow","Row","_ref10","$isHoverable","borderRightWidth","borderRightStyle","borderRightColor","borderRight","cursor","_TableRow","_ref11","item","onHover","_useTableContext4","selectedRows","toggleRowSelectionById","setDisabledRows","showBorderedCells","isMultiSelect","isSelected","includes","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,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;AAEF,IAAMG,UAAU,gBAAGlD,MAAM,CAACmD,IAAI,CAAC,CAAAjD,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAE5B,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,CAAC,CAAA;AAEH,IAAMC,WAAW,gBAAG1D,MAAM,CAAC2D,OAAO,CAAC,CAAAzD,UAAA,CAAA;EAAAC,WAAA,EAAA,2BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAIhC,CAAA,CAAA,UAAAwD,KAAA,EAA+D;AAAA,EAAA,IAA5DtD,KAAK,GAAAsD,KAAA,CAALtD,KAAK;IAAEuD,UAAU,GAAAD,KAAA,CAAVC,UAAU;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;AACzD,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,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK;AAC3FK,MAAAA,YAAY,EAAEH,UAAU,GAAGE,SAAS,CAACrD,KAAK,CAACN,KAAK,EAAEQ,QAAQ,CAACoD,YAAY,CAACL,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK;AAC7FM,MAAAA,SAAS,EAAEC,QAAQ,CAACxD,KAAK,CAACyD,IAAI,EAAEvD,QAAQ,CAACqD,SAAS,CAACN,UAAU,CAAC,CAAC,CAAC;AAChEP,MAAAA,MAAM,EAAE,MAAA;KACJ,EAAA,CAACf,eAAe,IAAI;AACtB+B,MAAAA,iBAAiB,EAAEL,SAAS,CAACrD,KAAK,CAACN,KAAK,CAACY,MAAM,CAACqD,KAAK,EAAEzD,QAAQ,CAACwD,iBAAiB,CAAC,CAAC;MACnFE,iBAAiB,EAAE5D,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAAC2D,WAAW,CAAC;AAC5DC,MAAAA,iBAAiB,EAAE,OAAA;KACpB,CAAA;GAEJ,CAAA;AACH,CAAC,CAAC,CAAA;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;IAAEqB,UAAU,GAAAiB,iBAAA,CAAVjB,UAAU;IAAEtB,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;AACT8D,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,IAAI,EAAC,MAAM;AACX3B,IAAAA,gBAAgB,EAAEhC,eAAAA;AAAgB,GAAA,EAC9BuB,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACmC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA7C,QAAA,eAEpDM,GAAA,CAACiB,OAAO,EAAA;AAACuB,MAAAA,SAAS,EAAC,mBAAmB;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAC9B,MAAAA,MAAM,EAAC,MAAM;MAAAlB,QAAA,eACrFM,GAAA,CAACgB,WAAW,EAAA;AACVwB,QAAAA,SAAS,EAAC,cAAc;AACxBrB,QAAAA,UAAU,EAAEA,UAAW;AACvBtB,QAAAA,eAAe,EAAEA,eAAgB;AACjC4C,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,IAAI,EAAE,CAAA;AACN;AACA;AAAA;AACAC,QAAAA,aAAa,EAAET,gBAAgB,IAAIpC,YAAY,GAAG,MAAM,GAAG,MAAO;AAAAL,QAAAA,QAAA,EAEjEyC,gBAAgB,gBAAGnC,GAAA,CAAC6C,IAAI,EAAA;AAAClB,UAAAA,IAAI,EAAC,QAAQ;AAAAjC,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAO,CAAC,GAAGA,QAAAA;OACjD,CAAA;KACN,CAAA;AAAC,GAAA,CACA,CAAC,CAAA;AAEjB,CAAC,CAAA;AAED,IAAM6C,SAAS,gBAAGjC,wBAAwB,CAAC2B,UAAU,EAAE;EACrDvE,WAAW,EAAE6C,YAAY,CAACgC,SAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMO,kBAAkB,gBAAGxF,MAAM,CAACkD,UAAU,CAAC,CAAAhD,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAE1C,UAAAqF,KAAA,EAAA;AAAA,EAAA,IAAGnF,KAAK,GAAAmF,KAAA,CAALnF,KAAK;IAAEuD,UAAU,GAAA4B,KAAA,CAAV5B,UAAU,CAAA;EAAA,OAAQ;AAC7B,IAAA,KAAK,EAAE;AACL,MAAA,iBAAiB,EAAE;AAAE6B,QAAAA,OAAO,EAAE,WAAA;OAAa;MAC3C,gBAAgB,EAAAzE,aAAA,CACV4C,EAAAA,EAAAA,UAAU,KAAK,aAAa,GAAGL,kBAAkB,CAAC;AAAElD,QAAAA,KAAK,EAALA,KAAK;AAAEmD,QAAAA,cAAc,EAAE,IAAA;OAAM,CAAC,GAAG,EAAE,CAAA;AAE/F,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMkC,qCAAqC,GAAG;AAC5CC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,OAAO,EAAEC,SAAS;AAClBC,EAAAA,KAAK,EAAEC,eAAAA;AACT,CAAC,CAAA;AAED,IAAMC,mCAAmC,GAAG;AAC1CC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,OAAO,EAAE,IAAA;AACX,CAAC,CAAA;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAIC;AAAA,EAAA,IAH3B1C,UAAU,GAAA0C,KAAA,CAAV1C,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,IAAM2C,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;IACbxE,IAAI,GAAA4D,KAAA,CAAJ5D,IAAI;IACJyE,MAAM,GAAAb,KAAA,CAANa,MAAM;IACNC,QAAQ,GAAAd,KAAA,CAARc,QAAQ;IACRC,OAAO,GAAAf,KAAA,CAAPe,OAAO;IACPC,OAAO,GAAAhB,KAAA,CAAPgB,OAAO;IACPC,QAAQ,GAAAjB,KAAA,CAARiB,QAAQ;IACRC,WAAW,GAAAlB,KAAA,CAAXkB,WAAW;IACXC,MAAM,GAAAnB,KAAA,CAANmB,MAAM;IACNC,MAAM,GAAApB,KAAA,CAANoB,MAAM;IACNC,KAAK,GAAArB,KAAA,CAALqB,KAAK;IACLC,MAAM,GAAAtB,KAAA,CAANsB,MAAM;IACNC,cAAc,GAAAvB,KAAA,CAAduB,cAAc;IACdC,SAAS,GAAAxB,KAAA,CAATwB,SAAS;IACTC,WAAW,GAAAzB,KAAA,CAAXyB,WAAW,CAAA;AAEX,EAAA,IAAAC,iBAAA,GAAyD7F,eAAe,EAAE;IAAlEuB,UAAU,GAAAsE,iBAAA,CAAVtE,UAAU;IAAEtB,eAAe,GAAA4F,iBAAA,CAAf5F,eAAe;IAAElB,eAAe,GAAA8G,iBAAA,CAAf9G,eAAe,CAAA;AAEpD,EAAA,oBACEqB,GAAA,CAAC8C,kBAAkB,EAAAvE,aAAA,CAAAA,aAAA,CAAA;AACjB+D,IAAAA,IAAI,EAAC,MAAM;AACX3B,IAAAA,gBAAgB,EAAEhC,eAAgB;AAClCwC,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EACnBjB,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACmC,SAAAA;AAAU,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA7C,QAAA,eAEpDM,GAAA,CAACiB,OAAO,EAAA;AAACuB,MAAAA,SAAS,EAAC,mBAAmB;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAC9B,MAAAA,MAAM,EAAC,MAAM;MAAAlB,QAAA,eACrFM,GAAA,CAACgB,WAAW,EAAA;AACVwB,QAAAA,SAAS,EAAC,cAAc;AACxBrB,QAAAA,UAAU,EAAEA,UAAW;AACvBtB,QAAAA,eAAe,EAAEA,eAAgB;AACjC4C,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,IAAI,EAAE,CAAE;AACRtB,QAAAA,UAAU,EAAE,KAAM;QAAA3B,QAAA,eAElBM,GAAA,CAAC0F,GAAG,EAAA;UAACC,MAAM,EAAE/B,sBAAsB,CAAC;AAAEzC,YAAAA,UAAU,EAAVA,UAAAA;AAAW,WAAC,CAAE;AAACU,UAAAA,KAAK,EAAC,MAAM;UAAAnC,QAAA,eAC/DM,GAAA,CAAC4F,SAAS,EAAA;AACRC,YAAAA,gBAAgB,EAAErC,mCAAmC,CAACrC,UAAU,CAAE;AAClE8C,YAAAA,eAAe,EAAEA,eAAgB;AACjC6B,YAAAA,EAAE,EAAC,2BAA2B;AAC9BnE,YAAAA,IAAI,EAAEoE,yCAAyC,CAAC5E,UAAU,CAAE;AAC5D6E,YAAAA,IAAI,EAAC,MAAM;AACXC,YAAAA,YAAY,EAAEhD,qCAAqC,CAACgB,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;AAC7BxE,YAAAA,IAAI,EAAEA,IAAK;AACXyE,YAAAA,MAAM,EAAEA,MAAO;AACfC,YAAAA,QAAQ,EAAEA,QAAS;AACnBC,YAAAA,OAAO,EAAEA,OAAQ;AACjBC,YAAAA,OAAO,EAAEA,OAAQ;AACjBC,YAAAA,QAAQ,EAAEkB,WAAW,CAAClB,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,WAAAA;WACd,CAAA;SACE,CAAA;OACM,CAAA;KACN,CAAA;AAAC,GAAA,CACQ,CAAC,CAAA;AAEzB,CAAC,CAAA;AAED,IAAMW,iBAAiB,gBAAG7F,wBAAwB,CAACwD,kBAAkB,EAAE;EACrEpG,WAAW,EAAE6C,YAAY,CAAC4F,iBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAQG;AAAA,EAAA,IAPxBC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTzB,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;IACRN,UAAU,GAAA8B,KAAA,CAAV9B,UAAU,CAAA;EAMV,oBACEvE,GAAA,CAACuC,SAAS,EAAA;IAAA7C,QAAA,eACRM,GAAA,CAACiB,OAAO,EAAA;AACNwB,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,UAAU,EAAC,QAAQ;AACnB6D,MAAAA,cAAc,EAAC,QAAQ;AACvB5D,MAAAA,IAAI,EAAE,CAAE;AACRd,MAAAA,KAAK,EAAEH,QAAQ,CAAC8E,iBAAiB,CAAE;MACnC1B,OAAO,EAAE,SAAAA,OAAAA,CAAC2B,CAAC,EAAA;AAAA,QAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;OAAC;MAAAhH,QAAA,eAEpCM,GAAA,CAAC2G,QAAQ,EAAA;AAACpC,QAAAA,UAAU,EAAEA,UAAW;AAAC+B,QAAAA,SAAS,EAAEA,SAAU;AAACzB,QAAAA,QAAQ,EAAEA,QAAAA;OAAW,CAAA;KACtE,CAAA;AAAC,GACD,CAAC,CAAA;AAEhB,CAAC,CAAA;AAED,IAAM+B,SAAS,gBAAGtJ,MAAM,CAACuJ,GAAG,CAAC,CAAArJ,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAI1B,CAAA,CAAA,UAAAoJ,MAAA,EAAgE;AAAA,EAAA,IAA7DlJ,KAAK,GAAAkJ,MAAA,CAALlJ,KAAK;IAAEE,aAAa,GAAAgJ,MAAA,CAAbhJ,aAAa;IAAEiJ,YAAY,GAAAD,MAAA,CAAZC,YAAY;IAAE9G,kBAAkB,GAAA6G,MAAA,CAAlB7G,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+G,QAAAA,gBAAgB,EAAEzF,SAAS,CAACrD,KAAK,CAACN,KAAK,CAACY,MAAM,CAACqD,KAAK,EAAEzD,QAAQ,CAACwD,iBAAiB,CAAC,CAAC;AAClFqF,QAAAA,gBAAgB,EAAE,OAAO;QACzBC,gBAAgB,EAAEhJ,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAAC2D,WAAW,CAAA;AAC5D,OAAC,GACDoB,SAAS;AACb,MAAA,+BAA+B,EAAE;AAC/BgE,QAAAA,WAAW,EAAE,MAAA;AACf,OAAA;AAAC,KAAA,EACG,CAACJ,YAAY,IAAIjJ,aAAa,KAAK;AACrC,MAAA,+CAA+C,EAAE;AAC/CW,QAAAA,UAAU,EAAEV,uBAAuB;AACnCqJ,QAAAA,MAAM,EAAE,SAAS;QACjBzI,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;AAC7E6H,QAAAA,MAAM,EAAE,SAAA;OACT;AACD,MAAA,gDAAgD,EAAE;AAChD3I,QAAAA,UAAU,EAAEV,uBAAuB;AACnCY,QAAAA,eAAe,EAAET,KAAK,CAACN,KAAK,CAACgB,MAAM,EAAER,QAAQ,CAACS,SAAS,CAACM,qBAAqB,CAAC;AAC9EiI,QAAAA,MAAM,EAAE,SAAA;AACV,OAAA;KACD,CAAA,EAAA,EAAA,EAAA;MACD,SAAS,EAAEtG,kBAAkB,CAAC;AAAElD,QAAAA,KAAK,EAALA,KAAK;AAAEmD,QAAAA,cAAc,EAAE,IAAA;OAAM,CAAA;AAAC,KAAA,CAAA;GAEjE,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAMsG,SAAS,GAAG,SAAZA,SAASA,CAAAC,MAAA,EAMgC;AAAA,EAAA,IAL7C5H,QAAQ,GAAA4H,MAAA,CAAR5H,QAAQ;IACR6H,IAAI,GAAAD,MAAA,CAAJC,IAAI;IACJhD,UAAU,GAAA+C,MAAA,CAAV/C,UAAU;IACViD,OAAO,GAAAF,MAAA,CAAPE,OAAO;IACP1C,QAAO,GAAAwC,MAAA,CAAPxC,OAAO,CAAA;AAEP,EAAA,IAAA2C,iBAAA,GAMI7H,eAAe,EAAE;IALnBE,aAAa,GAAA2H,iBAAA,CAAb3H,aAAa;IACb4H,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,IAAM9H,YAAY,GAAGD,aAAa,KAAK,MAAM,CAAA;AAC7C,EAAA,IAAMgI,aAAa,GAAGhI,aAAa,KAAK,UAAU,CAAA;AAClD,EAAA,IAAMiI,UAAU,GAAGL,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEM,QAAQ,CAACT,IAAI,CAACzB,EAAE,CAAC,CAAA;AAClDmC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI1D,UAAU,EAAE;MACdqD,eAAe,CAAC,UAACM,IAAI,EAAA;QAAA,OAAAlK,EAAAA,CAAAA,MAAA,CAAAmK,kBAAA,CAASD,IAAI,CAAEX,EAAAA,CAAAA,IAAI,CAACzB,EAAE,CAAA,CAAA,CAAA;AAAA,OAAC,CAAC,CAAA;AAC/C,KAAA;GACD,EAAE,CAACvB,UAAU,EAAEgD,IAAI,CAACzB,EAAE,EAAE8B,eAAe,CAAC,CAAC,CAAA;AAE1C,EAAA,oBACEQ,IAAA,CAACxB,SAAS,EAAArI,aAAA,CAAAA,aAAA,CAAA;AACR8J,IAAAA,QAAQ,EAAE9D,UAAW;AACrBzG,IAAAA,aAAa,EAAEyG,UAAU,GAAG,KAAK,GAAGxE,YAAa;AACjDgH,IAAAA,YAAY,EAAExC,UAAU,GAAG,KAAK,GAAG+D,OAAO,CAACd,OAAO,CAAC,IAAIc,OAAO,CAACxD,QAAO,CAAE;AACxE7E,IAAAA,kBAAkB,EAAE4H,iBAAkB;AACtCN,IAAAA,IAAI,EAAEA,IAAK;AACX/E,IAAAA,SAAS,EAAE+B,UAAU,GAAG,cAAc,GAAG,EAAG;IAC5CgE,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAMf,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAG;AAAED,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;KAAC;IACxCzC,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMA,QAAO,KAAA,IAAA,IAAPA,QAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,QAAO,CAAG;AAAEyC,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BrH,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACoI,QAAAA;AAAS,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAA9I,IAAAA,QAAA,EAElDoI,CAAAA,aAAa,iBACZ9H,GAAA,CAACoG,iBAAiB,EAAA;AAChBE,MAAAA,SAAS,EAAEyB,UAAW;MACtBlD,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAM,CAACN,UAAU,IAAIoD,sBAAsB,CAACJ,IAAI,CAACzB,EAAE,CAAC,CAAA;OAAC;AAC/DvB,MAAAA,UAAU,EAAEA,UAAAA;KACb,CACF,EACA7E,QAAQ,CAAA;AAAA,GAAA,CACA,CAAC,CAAA;AAEhB,CAAC,CAAA;AAED,IAAM8I,QAAQ,gBAAGlI,wBAAwB,CAAC+G,SAAS,EAAE;EACnD3J,WAAW,EAAE6C,YAAY,CAACiI,QAAAA;AAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n TableProps,\n TableBodyProps,\n TableRowProps,\n TableCellProps,\n TableBackgroundColors,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { size } from '~tokens/global';\n\nconst StyledBody = styled(Body)<{\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 {...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","TableRow"],"mappings":"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"}

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

@@ -0,0 +1,194 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import styled from 'styled-components';
+import { StyledCell, CellWrapper } from './TableBody.web.js';
+import { useTableContext } from './TableContext.js';
+import { rowDensityToIsTableInputCellMapping, tableEditableCellRowDensityToInputSizeMap, validationStateToInputTrailingIconMap } from './tokens.js';
+import { ComponentIds } from './componentIds.js';
+import { TableEditableCellContext } from './TableEditableCellContext.js';
+import '../../utils/getFocusRingStyles/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/BaseBox/index.js';
+import '../Box/index.js';
+import '../Input/BaseInput/index.js';
+import '../../utils/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Dropdown/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { Box } from '../Box/Box.js';
+import { BaseInput } from '../Input/BaseInput/BaseInput.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledEditableCell = /*#__PURE__*/styled(StyledCell).withConfig({
+  displayName: "TableEditableCellweb__StyledEditableCell",
+  componentId: "cvczp8-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    rowDensity = _ref.rowDensity;
+  return {
+    '&&&': {
+      '&:focus-visible': {
+        outline: '1px solid'
+      },
+      '&:focus-within': _objectSpread({}, rowDensity !== 'comfortable' ? getFocusRingStyles({
+        theme: theme,
+        negativeOffset: true
+      }) : {})
+    }
+  };
+});
+var getEditableInputMargin = function getEditableInputMargin(_ref2) {
+  var rowDensity = _ref2.rowDensity;
+  if (rowDensity === 'comfortable') {
+    return ['spacing.4', 'spacing.4'];
+  }
+  return 'spacing.2';
+};
+var _TableEditableCell = function _TableEditableCell(_ref3) {
+  var _ref3$validationState = _ref3.validationState,
+    validationState = _ref3$validationState === void 0 ? 'none' : _ref3$validationState,
+    accessibilityLabel = _ref3.accessibilityLabel,
+    autoCapitalize = _ref3.autoCapitalize,
+    autoCompleteSuggestionType = _ref3.autoCompleteSuggestionType,
+    autoFocus = _ref3.autoFocus,
+    defaultValue = _ref3.defaultValue,
+    isDisabled = _ref3.isDisabled,
+    isRequired = _ref3.isRequired,
+    keyboardReturnKeyType = _ref3.keyboardReturnKeyType,
+    leadingIcon = _ref3.leadingIcon,
+    maxCharacters = _ref3.maxCharacters,
+    name = _ref3.name,
+    onBlur = _ref3.onBlur,
+    onChange = _ref3.onChange,
+    onClick = _ref3.onClick,
+    onFocus = _ref3.onFocus,
+    onSubmit = _ref3.onSubmit,
+    placeholder = _ref3.placeholder,
+    prefix = _ref3.prefix,
+    suffix = _ref3.suffix,
+    value = _ref3.value,
+    testID = _ref3.testID,
+    trailingButton = _ref3.trailingButton,
+    errorText = _ref3.errorText,
+    successText = _ref3.successText;
+  var _useTableContext = useTableContext(),
+    rowDensity = _useTableContext.rowDensity,
+    showStripedRows = _useTableContext.showStripedRows,
+    backgroundColor = _useTableContext.backgroundColor;
+  return /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
+    role: "cell",
+    $backgroundColor: backgroundColor,
+    rowDensity: rowDensity
+  }, metaAttribute({
+    name: MetaConstants.TableCell
+  })), {}, {
+    children: /*#__PURE__*/jsx(BaseBox, {
+      className: "cell-wrapper-base",
+      display: "flex",
+      alignItems: "center",
+      height: "100%",
+      children: /*#__PURE__*/jsx(CellWrapper, {
+        className: "cell-wrapper",
+        rowDensity: rowDensity,
+        showStripedRows: showStripedRows,
+        display: "flex",
+        alignItems: "center",
+        flex: 1,
+        hasPadding: false,
+        children: /*#__PURE__*/jsx(Box, {
+          margin: getEditableInputMargin({
+            rowDensity: rowDensity
+          }),
+          width: "100%",
+          children: /*#__PURE__*/jsx(BaseInput, {
+            isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],
+            validationState: validationState,
+            id: "table-editable-cell-input",
+            type: "text",
+            size: tableEditableCellRowDensityToInputSizeMap[rowDensity],
+            trailingIcon: validationStateToInputTrailingIconMap[validationState],
+            accessibilityLabel: accessibilityLabel,
+            autoCapitalize: autoCapitalize,
+            autoCompleteSuggestionType: autoCompleteSuggestionType
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            ,
+            autoFocus: autoFocus,
+            defaultValue: defaultValue,
+            isDisabled: isDisabled,
+            isRequired: isRequired,
+            keyboardReturnKeyType: keyboardReturnKeyType,
+            leadingIcon: leadingIcon,
+            maxCharacters: maxCharacters,
+            name: name,
+            onBlur: onBlur,
+            onChange: onChange,
+            onClick: onClick,
+            onFocus: onFocus,
+            onSubmit: castWebType(onSubmit),
+            placeholder: placeholder,
+            prefix: prefix,
+            suffix: suffix,
+            value: value,
+            testID: testID,
+            trailingButton: trailingButton,
+            errorText: errorText,
+            successText: successText,
+            showHintsAsTooltip: true
+          })
+        })
+      })
+    })
+  }));
+};
+var TableEditableDropdownCell = function TableEditableDropdownCell(dropdownProps) {
+  var _useTableContext2 = useTableContext(),
+    rowDensity = _useTableContext2.rowDensity,
+    showStripedRows = _useTableContext2.showStripedRows,
+    backgroundColor = _useTableContext2.backgroundColor;
+  return /*#__PURE__*/jsx(TableEditableCellContext.Provider, {
+    value: {
+      isInsideTableEditableCell: true
+    },
+    children: /*#__PURE__*/jsx(StyledEditableCell, _objectSpread(_objectSpread({
+      role: "cell",
+      $backgroundColor: backgroundColor,
+      rowDensity: rowDensity
+    }, metaAttribute({
+      name: MetaConstants.TableCell
+    })), {}, {
+      children: /*#__PURE__*/jsx(BaseBox, {
+        className: "cell-wrapper-base",
+        display: "flex",
+        alignItems: "center",
+        height: "100%",
+        width: "100%",
+        children: /*#__PURE__*/jsx(CellWrapper, {
+          className: "cell-wrapper",
+          rowDensity: rowDensity,
+          showStripedRows: showStripedRows,
+          display: "flex",
+          alignItems: "center",
+          flex: 1,
+          hasPadding: false,
+          children: /*#__PURE__*/jsx(Dropdown, _objectSpread({
+            _width: "100%",
+            margin: "spacing.2"
+          }, dropdownProps))
+        })
+      })
+    }))
+  });
+};
+var TableEditableCell = /*#__PURE__*/assignWithoutSideEffects(_TableEditableCell, {
+  componentId: ComponentIds.TableEditableCell
+});
+export { TableEditableCell, TableEditableDropdownCell };
+//# sourceMappingURL=TableEditableCell.web.js.map

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

@@ -0,0 +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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"}