@razorpay/blade 11.32.0 → 11.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n  SelectClickTypes,\n  SelectTypes,\n  useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n  checkboxCellWidth,\n  firstColumnStickyZIndex,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  tablePagination,\n} from './tokens';\nimport type {\n  TableProps,\n  TableNode,\n  Identifier,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\n\nconst rowSelectType: Record<\n  NonNullable<TableProps<unknown>['selectionType']>,\n  SelectTypes | undefined\n> = {\n  single: SelectTypes.SingleSelect,\n  multiple: SelectTypes.MultiSelect,\n  none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n  const tableRootComponent = children([]);\n  if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n    const tableComponentArray = React.Children.toArray(tableRootComponent);\n    if (React.isValidElement(tableComponentArray[0])) {\n      const tableComponentArrayChildren = React.Children.toArray(\n        tableComponentArray[0].props.children,\n      );\n      const tableHeader = tableComponentArrayChildren.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeader,\n      );\n      const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n        ? React.Children.toArray(tableHeader.props.children)\n        : null;\n      const tableHeaderRow = tableHeaderChildrenArray?.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n      );\n      const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n        ? React.Children.toArray(tableHeaderRow.props.children)\n        : null;\n      const tableHeaderCells = tableHeaderRowChildrenArray\n        ? tableHeaderRowChildrenArray.filter(\n            (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n          )\n        : null;\n      return tableHeaderCells?.length ?? 0;\n    }\n  }\n  return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{ $styledProps?: { height?: BoxProps['height'] } }>(\n  ({ $styledProps }) => {\n    const { theme } = useTheme();\n    const styledPropsCSSObject = getBaseBoxStyles({\n      theme,\n      height: $styledProps?.height,\n    });\n\n    return {\n      '&&&': {\n        ...styledPropsCSSObject,\n      },\n    };\n  },\n);\n\nconst RefreshWrapper = styled(BaseBox)<{\n  isRefreshSpinnerVisible: boolean;\n  isRefreshSpinnerEntering: boolean;\n  isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n  return {\n    opacity: isRefreshSpinnerVisible ? 1 : 0,\n    transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n      isRefreshSpinnerEntering\n        ? theme.motion.easing.entrance.effective\n        : isRefreshSpinnerExiting\n        ? theme.motion.easing.exit.effective\n        : ''\n    }`,\n  };\n});\n\nconst _Table = <Item,>({\n  children,\n  data,\n  multiSelectTrigger = 'row',\n  selectionType = 'none',\n  onSelectionChange,\n  isHeaderSticky,\n  isFooterSticky,\n  isFirstColumnSticky,\n  rowDensity = 'normal',\n  onSortChange,\n  sortFunctions,\n  toolbar,\n  pagination,\n  height,\n  showStripedRows,\n  gridTemplateColumns,\n  isLoading = false,\n  isRefreshing = false,\n  showBorderedCells = false,\n  defaultSelectedIds = [],\n  ...styledProps\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n    selectionType !== 'none' ? defaultSelectedIds : [],\n  );\n  const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [totalItems, setTotalItems] = React.useState(data.nodes.length || 0);\n  const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n    'client',\n  );\n  const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n    undefined,\n  );\n  // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n  const shouldHeaderBeSticky = isHeaderSticky ?? isFirstColumnSticky;\n  const backgroundColor = tableBackgroundColor;\n\n  const {\n    isEntering: isRefreshSpinnerEntering,\n    isMounted: isRefreshSpinnerMounted,\n    isExiting: isRefreshSpinnerExiting,\n    isVisible: isRefreshSpinnerVisible,\n  } = usePresence(isRefreshing, {\n    transitionDuration: theme.motion.duration.quick,\n  });\n\n  // Table Theme\n  const columnCount = getTableHeaderCellCount(children);\n  const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n\n  const tableTheme = useTableTheme({\n    Table: `\n    height:${isFooterSticky ? `100%` : undefined};\n    border: ${makeBorderSize(theme.border.width.thin)} solid ${\n      theme.colors.surface.border.gray.muted\n    };\n    --data-table-library_grid-template-columns: ${\n      gridTemplateColumns ??\n      ` ${\n        selectionType === 'multiple' ? 'min-content' : ''\n      } repeat(${columnCount},minmax(100px, 1fr)) !important;`\n    } !important;\n    background-color: ${getIn(theme.colors, backgroundColor)};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n    \n    top: ${shouldHeaderBeSticky ? '0' : undefined};\n    ${firstColumnStickyHeaderCellCSS}\n    `,\n    Cell: `\n    ${firstColumnStickyBodyCellCSS}\n    `,\n    FooterCell: `\n    position: ${isFooterSticky ? 'sticky' : 'relative'};\n    bottom: ${isFooterSticky ? '0' : undefined};\n    ${firstColumnStickyFooterCellCSS}\n    `,\n  });\n\n  useEffect(() => {\n    // Get the total number of items\n    setTotalItems(data.nodes.length);\n  }, [data.nodes]);\n\n  // Selection Logic\n  const onSelectChange: MiddlewareFunction = (action, state): void => {\n    const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n    setSelectedRows(selectedIds);\n    onSelectionChange?.({\n      selectedIds,\n      values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n      state: {\n        ...(selectionType === 'multiple'\n          ? { ids: selectedRows }\n          : selectionType === 'single'\n          ? { id: selectedRows[0] }\n          : {}),\n      },\n    },\n    {\n      clickType:\n        multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n      rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n    },\n  );\n\n  const toggleRowSelectionById = useMemo(\n    () => (id: Identifier): void => {\n      rowSelectConfig.fns.onToggleById(id);\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const deselectAllRows = useMemo(\n    () => (): void => {\n      rowSelectConfig.fns.onRemoveAll();\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const toggleAllRowsSelection = useMemo(\n    () => (): void => {\n      if (selectedRows.length > 0) {\n        rowSelectConfig.fns.onRemoveAll();\n      } else {\n        const ids = data.nodes\n          .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n          .filter(Boolean) as Identifier[];\n\n        rowSelectConfig.fns.onAddAll(ids);\n      }\n    },\n    [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n  );\n\n  // Sort Logic\n  const handleSortChange: MiddlewareFunction = (action, state) => {\n    onSortChange?.({\n      sortKey: state.sortKey,\n      isSortReversed: state.reverse,\n    });\n  };\n\n  const sort = useSort(\n    data,\n    {\n      onChange: handleSortChange,\n    },\n    {\n      // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n      sortFns: sortFunctions,\n    },\n  );\n\n  const currentSortedState: TableContextType['currentSortedState'] = useMemo(() => {\n    return {\n      sortKey: sort.state.sortKey,\n      isSortReversed: sort.state.reverse,\n      sortableColumns: Object.keys(sortFunctions ?? {}),\n    };\n  }, [sort.state, sortFunctions]);\n\n  const toggleSort = useCallback(\n    (sortKey: string): void => {\n      sort.fns.onToggleSort({\n        sortKey,\n      });\n    },\n    [sort.fns],\n  );\n\n  // Pagination\n\n  const hasPagination = Boolean(pagination);\n\n  const paginationConfig = usePagination(\n    data,\n    {\n      state: {\n        page: 0,\n        size: tablePagination.defaultPageSize,\n      },\n    },\n    {\n      isServer: paginationType === 'server',\n    },\n  );\n\n  const currentPaginationState = useMemo(() => {\n    return hasPagination\n      ? {\n          page: paginationConfig.state.page,\n          size: paginationConfig.state.size,\n        }\n      : undefined;\n  }, [paginationConfig.state, hasPagination]);\n\n  const setPaginationPage = useCallback(\n    (page: number): void => {\n      paginationConfig.fns.onSetPage(page);\n    },\n    [paginationConfig.fns],\n  );\n\n  const setPaginationRowSize = useCallback(\n    (size: number): void => {\n      paginationConfig.fns.onSetSize(size);\n    },\n    [paginationConfig.fns],\n  );\n\n  // Toolbar Component\n  if (__DEV__) {\n    if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n      throwBladeError({\n        message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n        moduleName: 'Table',\n      });\n    }\n  }\n\n  // Table Context\n  const tableContext: TableContextType = useMemo(\n    () => ({\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n    }),\n    [\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n    ],\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          flex={1}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          height={height}\n          {...getStyledProps(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          {isRefreshSpinnerMounted && (\n            <RefreshWrapper\n              position=\"absolute\"\n              width=\"100%\"\n              height=\"100%\"\n              zIndex={refreshWrapperZIndex}\n              backgroundColor=\"overlay.background.subtle\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              display=\"flex\"\n              isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n              isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n              isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n            >\n              <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n            </RefreshWrapper>\n          )}\n          {toolbar}\n          <StyledReactTable\n            role=\"table\"\n            layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n            data={data}\n            // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n            theme={tableTheme}\n            select={selectionType !== 'none' ? rowSelectConfig : null}\n            sort={sortFunctions ? sort : null}\n            $styledProps={{\n              height,\n            }}\n            pagination={hasPagination ? paginationConfig : null}\n            {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n            {...metaAttribute({ name: MetaConstants.Table })}\n          >\n            {children}\n          </StyledReactTable>\n          {pagination}\n        </BaseBox>\n      )}\n    </TableContext.Provider>\n  );\n};\n\nconst Table = assignWithoutSideEffects(_Table, {\n  componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","height","_objectSpread","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","concat","makeMotionTime","motion","duration","quick","easing","entrance","effective","exit","_Table","_ref3","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","styledProps","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","shouldHeaderBeSticky","backgroundColor","tableBackgroundColor","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","width","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","action","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n  SelectClickTypes,\n  SelectTypes,\n  useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n  checkboxCellWidth,\n  firstColumnStickyZIndex,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  tablePagination,\n} from './tokens';\nimport type {\n  TableProps,\n  TableNode,\n  Identifier,\n  TablePaginationType,\n  TableHeaderRowProps,\n} from './types';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst rowSelectType: Record<\n  NonNullable<TableProps<unknown>['selectionType']>,\n  SelectTypes | undefined\n> = {\n  single: SelectTypes.SingleSelect,\n  multiple: SelectTypes.MultiSelect,\n  none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n  const tableRootComponent = children([]);\n  if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n    const tableComponentArray = React.Children.toArray(tableRootComponent);\n    if (React.isValidElement(tableComponentArray[0])) {\n      const tableComponentArrayChildren = React.Children.toArray(\n        tableComponentArray[0].props.children,\n      );\n      const tableHeader = tableComponentArrayChildren.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeader,\n      );\n      const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n        ? React.Children.toArray(tableHeader.props.children)\n        : null;\n      const tableHeaderRow = tableHeaderChildrenArray?.find(\n        (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n      );\n      const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n        ? React.Children.toArray(tableHeaderRow.props.children)\n        : null;\n      const tableHeaderCells = tableHeaderRowChildrenArray\n        ? tableHeaderRowChildrenArray.filter(\n            (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n          )\n        : null;\n      return tableHeaderCells?.length ?? 0;\n    }\n  }\n  return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{ $styledProps?: { height?: BoxProps['height'] } }>(\n  ({ $styledProps }) => {\n    const { theme } = useTheme();\n    const styledPropsCSSObject = getBaseBoxStyles({\n      theme,\n      height: $styledProps?.height,\n    });\n\n    return {\n      '&&&': {\n        ...styledPropsCSSObject,\n      },\n    };\n  },\n);\n\nconst RefreshWrapper = styled(BaseBox)<{\n  isRefreshSpinnerVisible: boolean;\n  isRefreshSpinnerEntering: boolean;\n  isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n  return {\n    opacity: isRefreshSpinnerVisible ? 1 : 0,\n    transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n      isRefreshSpinnerEntering\n        ? theme.motion.easing.entrance.effective\n        : isRefreshSpinnerExiting\n        ? theme.motion.easing.exit.effective\n        : ''\n    }`,\n  };\n});\n\nconst _Table = <Item,>({\n  children,\n  data,\n  multiSelectTrigger = 'row',\n  selectionType = 'none',\n  onSelectionChange,\n  isHeaderSticky,\n  isFooterSticky,\n  isFirstColumnSticky,\n  rowDensity = 'normal',\n  onSortChange,\n  sortFunctions,\n  toolbar,\n  pagination,\n  height,\n  showStripedRows,\n  gridTemplateColumns,\n  isLoading = false,\n  isRefreshing = false,\n  showBorderedCells = false,\n  defaultSelectedIds = [],\n  ...styledProps\n}: TableProps<Item>): React.ReactElement => {\n  const { theme } = useTheme();\n  const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n    selectionType !== 'none' ? defaultSelectedIds : [],\n  );\n  const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n  const [totalItems, setTotalItems] = React.useState(data.nodes.length || 0);\n  const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n    'client',\n  );\n  const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n    undefined,\n  );\n  const [hasHoverActions, setHasHoverActions] = React.useState(false);\n  // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n  const shouldHeaderBeSticky = isHeaderSticky ?? isFirstColumnSticky;\n  const backgroundColor = tableBackgroundColor;\n\n  const isMobile = useIsMobile();\n  const lastHoverActionsColWidth = isMobile ? '1fr' : '0px';\n\n  const {\n    isEntering: isRefreshSpinnerEntering,\n    isMounted: isRefreshSpinnerMounted,\n    isExiting: isRefreshSpinnerExiting,\n    isVisible: isRefreshSpinnerVisible,\n  } = usePresence(isRefreshing, {\n    transitionDuration: theme.motion.duration.quick,\n  });\n\n  // Table Theme\n  const columnCount = getTableHeaderCellCount(children);\n  const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n  const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n    ? `\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  ${\n    selectionType === 'multiple' &&\n    `&:nth-of-type(2) {\n    left: ${checkboxCellWidth}px !important;\n    position: sticky !important;\n    z-index: ${firstColumnStickyZIndex} !important;\n  }\n  `\n  }`\n    : '';\n\n  const tableTheme = useTableTheme({\n    Table: `\n    height:${isFooterSticky ? `100%` : undefined};\n    border: ${makeBorderSize(theme.border.width.thin)} solid ${\n      theme.colors.surface.border.gray.muted\n    };\n    --data-table-library_grid-template-columns: ${\n      gridTemplateColumns\n        ? `${gridTemplateColumns} ${hasHoverActions ? lastHoverActionsColWidth : ''}`\n        : ` ${\n            selectionType === 'multiple' ? 'min-content' : ''\n          } repeat(${columnCount},minmax(100px, 1fr)) ${\n            hasHoverActions ? lastHoverActionsColWidth : ''\n          } !important;`\n    } !important;\n    background-color: ${getIn(theme.colors, backgroundColor)};\n    `,\n    HeaderCell: `\n    position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n    \n    top: ${shouldHeaderBeSticky ? '0' : undefined};\n    ${firstColumnStickyHeaderCellCSS}\n    `,\n    Cell: `\n    ${firstColumnStickyBodyCellCSS}\n    `,\n    FooterCell: `\n    position: ${isFooterSticky ? 'sticky' : 'relative'};\n    bottom: ${isFooterSticky ? '0' : undefined};\n    ${firstColumnStickyFooterCellCSS}\n    `,\n  });\n\n  useEffect(() => {\n    // Get the total number of items\n    setTotalItems(data.nodes.length);\n  }, [data.nodes]);\n\n  // Selection Logic\n  const onSelectChange: MiddlewareFunction = (action, state): void => {\n    const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n    setSelectedRows(selectedIds);\n    onSelectionChange?.({\n      selectedIds,\n      values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n    });\n  };\n\n  const rowSelectConfig = useRowSelect(\n    data,\n    {\n      onChange: onSelectChange,\n      state: {\n        ...(selectionType === 'multiple'\n          ? { ids: selectedRows }\n          : selectionType === 'single'\n          ? { id: selectedRows[0] }\n          : {}),\n      },\n    },\n    {\n      clickType:\n        multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n      rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n    },\n  );\n\n  const toggleRowSelectionById = useMemo(\n    () => (id: Identifier): void => {\n      rowSelectConfig.fns.onToggleById(id);\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const deselectAllRows = useMemo(\n    () => (): void => {\n      rowSelectConfig.fns.onRemoveAll();\n    },\n    [rowSelectConfig.fns],\n  );\n\n  const toggleAllRowsSelection = useMemo(\n    () => (): void => {\n      if (selectedRows.length > 0) {\n        rowSelectConfig.fns.onRemoveAll();\n      } else {\n        const ids = data.nodes\n          .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n          .filter(Boolean) as Identifier[];\n\n        rowSelectConfig.fns.onAddAll(ids);\n      }\n    },\n    [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n  );\n\n  // Sort Logic\n  const handleSortChange: MiddlewareFunction = (action, state) => {\n    onSortChange?.({\n      sortKey: state.sortKey,\n      isSortReversed: state.reverse,\n    });\n  };\n\n  const sort = useSort(\n    data,\n    {\n      onChange: handleSortChange,\n    },\n    {\n      // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n      sortFns: sortFunctions,\n    },\n  );\n\n  const currentSortedState: TableContextType['currentSortedState'] = useMemo(() => {\n    return {\n      sortKey: sort.state.sortKey,\n      isSortReversed: sort.state.reverse,\n      sortableColumns: Object.keys(sortFunctions ?? {}),\n    };\n  }, [sort.state, sortFunctions]);\n\n  const toggleSort = useCallback(\n    (sortKey: string): void => {\n      sort.fns.onToggleSort({\n        sortKey,\n      });\n    },\n    [sort.fns],\n  );\n\n  // Pagination\n\n  const hasPagination = Boolean(pagination);\n\n  const paginationConfig = usePagination(\n    data,\n    {\n      state: {\n        page: 0,\n        size: tablePagination.defaultPageSize,\n      },\n    },\n    {\n      isServer: paginationType === 'server',\n    },\n  );\n\n  const currentPaginationState = useMemo(() => {\n    return hasPagination\n      ? {\n          page: paginationConfig.state.page,\n          size: paginationConfig.state.size,\n        }\n      : undefined;\n  }, [paginationConfig.state, hasPagination]);\n\n  const setPaginationPage = useCallback(\n    (page: number): void => {\n      paginationConfig.fns.onSetPage(page);\n    },\n    [paginationConfig.fns],\n  );\n\n  const setPaginationRowSize = useCallback(\n    (size: number): void => {\n      paginationConfig.fns.onSetSize(size);\n    },\n    [paginationConfig.fns],\n  );\n\n  // Toolbar Component\n  if (__DEV__) {\n    if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n      throwBladeError({\n        message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n        moduleName: 'Table',\n      });\n    }\n  }\n\n  // Table Context\n  const tableContext: TableContextType = useMemo(\n    () => ({\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    }),\n    [\n      selectionType,\n      selectedRows,\n      totalItems,\n      toggleRowSelectionById,\n      toggleAllRowsSelection,\n      deselectAllRows,\n      rowDensity,\n      toggleSort,\n      currentSortedState,\n      setPaginationPage,\n      setPaginationRowSize,\n      currentPaginationState,\n      showStripedRows,\n      disabledRows,\n      setDisabledRows,\n      paginationType,\n      setPaginationType,\n      backgroundColor,\n      headerRowDensity,\n      setHeaderRowDensity,\n      showBorderedCells,\n      hasHoverActions,\n      setHasHoverActions,\n    ],\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      {isLoading ? (\n        <BaseBox\n          display=\"flex\"\n          flex={1}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          height={height}\n          {...getStyledProps(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n        </BaseBox>\n      ) : (\n        <BaseBox\n          flex={1}\n          position=\"relative\"\n          {...getStyledProps(styledProps)}\n          {...metaAttribute({ name: MetaConstants.Table })}\n        >\n          {isRefreshSpinnerMounted && (\n            <RefreshWrapper\n              position=\"absolute\"\n              width=\"100%\"\n              height=\"100%\"\n              zIndex={refreshWrapperZIndex}\n              backgroundColor=\"overlay.background.subtle\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              display=\"flex\"\n              isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n              isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n              isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n            >\n              <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n            </RefreshWrapper>\n          )}\n          {toolbar}\n          <StyledReactTable\n            role=\"table\"\n            layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n            data={data}\n            // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n            theme={tableTheme}\n            select={selectionType !== 'none' ? rowSelectConfig : null}\n            sort={sortFunctions ? sort : null}\n            $styledProps={{\n              height,\n            }}\n            pagination={hasPagination ? paginationConfig : null}\n            {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n            {...metaAttribute({ name: MetaConstants.Table })}\n          >\n            {children}\n          </StyledReactTable>\n          {pagination}\n        </BaseBox>\n      )}\n    </TableContext.Provider>\n  );\n};\n\nconst Table = assignWithoutSideEffects(_Table, {\n  componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","height","_objectSpread","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","concat","makeMotionTime","motion","duration","quick","easing","entrance","effective","exit","_Table","_ref3","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","showStripedRows","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","styledProps","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","_React$useState11","_React$useState12","hasHoverActions","setHasHoverActions","shouldHeaderBeSticky","backgroundColor","tableBackgroundColor","isMobile","useIsMobile","lastHoverActionsColWidth","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","width","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","action","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,IAAMA,aAGL,GAAG;EACFC,MAAM,EAAEC,WAAW,CAACC,YAAY;EAChCC,QAAQ,EAAEF,WAAW,CAACG,WAAW;AACjCC,EAAAA,IAAI,EAAEC,SAAAA;AACR,CAAC,CAAA;;AAED;AACA;AACA;AACA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,QAA0C,EAAa;AACtF,EAAA,IAAMC,kBAAkB,GAAGD,QAAQ,CAAC,EAAE,CAAC,CAAA;EACvC,IAAIC,kBAAkB,iBAAIC,cAAK,CAACC,cAAc,CAACF,kBAAkB,CAAC,EAAE;IAClE,IAAMG,mBAAmB,GAAGF,cAAK,CAACG,QAAQ,CAACC,OAAO,CAACL,kBAAkB,CAAC,CAAA;IACtE,kBAAIC,cAAK,CAACC,cAAc,CAACC,mBAAmB,CAAC,CAAC,CAAC,CAAC,EAAE;AAAA,MAAA,IAAAG,qBAAA,CAAA;AAChD,MAAA,IAAMC,2BAA2B,GAAGN,cAAK,CAACG,QAAQ,CAACC,OAAO,CACxDF,mBAAmB,CAAC,CAAC,CAAC,CAACK,KAAK,CAACT,QAC/B,CAAC,CAAA;AACD,MAAA,IAAMU,WAAW,GAAGF,2BAA2B,CAACG,IAAI,CAClD,UAACC,KAAK,EAAA;AAAA,QAAA,OAAKC,cAAc,CAACD,KAAK,CAAC,KAAKE,YAAY,CAACC,WAAW,CAAA;AAAA,OAC/D,CAAC,CAAA;MACD,IAAMC,wBAAwB,gBAAGd,cAAK,CAACC,cAAc,CAACO,WAAW,CAAC,GAC9DR,cAAK,CAACG,QAAQ,CAACC,OAAO,CAACI,WAAW,CAACD,KAAK,CAACT,QAAQ,CAAC,GAClD,IAAI,CAAA;MACR,IAAMiB,cAAc,GAAGD,wBAAwB,KAAxBA,IAAAA,IAAAA,wBAAwB,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,wBAAwB,CAAEL,IAAI,CACnD,UAACC,KAAK,EAAA;AAAA,QAAA,OAAKC,cAAc,CAACD,KAAK,CAAC,KAAKE,YAAY,CAACI,cAAc,CAAA;AAAA,OAClE,CAAC,CAAA;MACD,IAAMC,2BAA2B,gBAAGjB,cAAK,CAACC,cAAc,CAACc,cAAc,CAAC,GACpEf,cAAK,CAACG,QAAQ,CAACC,OAAO,CAACW,cAAc,CAACR,KAAK,CAACT,QAAQ,CAAC,GACrD,IAAI,CAAA;MACR,IAAMoB,gBAAgB,GAAGD,2BAA2B,GAChDA,2BAA2B,CAACE,MAAM,CAChC,UAACT,KAAK,EAAA;AAAA,QAAA,OAAKC,cAAc,CAACD,KAAK,CAAC,KAAKE,YAAY,CAACQ,eAAe,CAAA;OACnE,CAAC,GACD,IAAI,CAAA;AACR,MAAA,OAAA,CAAAf,qBAAA,GAAOa,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEG,MAAM,MAAAhB,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AACtC,KAAA;AACF,GAAA;AACA,EAAA,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAED,IAAMiB,gBAAgB,gBAAGC,MAAM,CAACC,OAAU,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,4BAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CACzC,CAAA,CAAA,UAAAC,IAAA,EAAsB;AAAA,EAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY,CAAA;AACb,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,oBAAoB,GAAGC,gBAAgB,CAAC;AAC5CF,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,MAAM,EAAEN,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAEM,MAAAA;AACxB,GAAC,CAAC,CAAA;EAEF,OAAO;IACL,KAAK,EAAAC,aAAA,CAAA,EAAA,EACAH,oBAAoB,CAAA;GAE1B,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAMI,cAAc,gBAAGd,MAAM,CAACe,OAAO,CAAC,CAAAb,UAAA,CAAA;EAAAC,WAAA,EAAA,0BAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAInC,CAAA,CAAA,UAAAY,KAAA,EAA2F;AAAA,EAAA,IAAxFC,uBAAuB,GAAAD,KAAA,CAAvBC,uBAAuB;IAAEC,wBAAwB,GAAAF,KAAA,CAAxBE,wBAAwB;IAAEC,uBAAuB,GAAAH,KAAA,CAAvBG,uBAAuB;IAAEV,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;EACrF,OAAO;AACLW,IAAAA,OAAO,EAAEH,uBAAuB,GAAG,CAAC,GAAG,CAAC;AACxCI,IAAAA,UAAU,aAAAC,MAAA,CAAaC,cAAc,CAACd,KAAK,CAACe,MAAM,CAACC,QAAQ,CAACC,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAJ,MAAA,CAChEJ,wBAAwB,GACpBT,KAAK,CAACe,MAAM,CAACG,MAAM,CAACC,QAAQ,CAACC,SAAS,GACtCV,uBAAuB,GACvBV,KAAK,CAACe,MAAM,CAACG,MAAM,CAACG,IAAI,CAACD,SAAS,GAClC,EAAE,CAAA;GAET,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAAC,KAAA,EAsBgC;AAAA,EAAA,IArB1CzD,QAAQ,GAAAyD,KAAA,CAARzD,QAAQ;IACR0D,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAAC,qBAAA,GAAAF,KAAA,CACJG,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,mBAAA,GAAAJ,KAAA,CAC1BK,aAAa;AAAbA,IAAAA,aAAa,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;IACtBE,iBAAiB,GAAAN,KAAA,CAAjBM,iBAAiB;IACjBC,cAAc,GAAAP,KAAA,CAAdO,cAAc;IACdC,cAAc,GAAAR,KAAA,CAAdQ,cAAc;IACdC,mBAAmB,GAAAT,KAAA,CAAnBS,mBAAmB;IAAAC,gBAAA,GAAAV,KAAA,CACnBW,UAAU;AAAVA,IAAAA,UAAU,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,gBAAA;IACrBE,YAAY,GAAAZ,KAAA,CAAZY,YAAY;IACZC,aAAa,GAAAb,KAAA,CAAba,aAAa;IACbC,OAAO,GAAAd,KAAA,CAAPc,OAAO;IACPC,UAAU,GAAAf,KAAA,CAAVe,UAAU;IACVnC,MAAM,GAAAoB,KAAA,CAANpB,MAAM;IACNoC,eAAe,GAAAhB,KAAA,CAAfgB,eAAe;IACfC,mBAAmB,GAAAjB,KAAA,CAAnBiB,mBAAmB;IAAAC,eAAA,GAAAlB,KAAA,CACnBmB,SAAS;AAATA,IAAAA,SAAS,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,kBAAA,GAAApB,KAAA,CACjBqB,YAAY;AAAZA,IAAAA,YAAY,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,qBAAA,GAAAtB,KAAA,CACpBuB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAxB,KAAA,CACzByB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;AACpBE,IAAAA,WAAW,GAAAC,wBAAA,CAAA3B,KAAA,EAAA4B,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,UAAA,GAAkBrD,QAAQ,EAAE;IAApBC,KAAK,GAAAoD,UAAA,CAALpD,KAAK,CAAA;AACb,EAAA,IAAAqD,eAAA,GAAwCrF,cAAK,CAACsF,QAAQ,CACpD1B,aAAa,KAAK,MAAM,GAAGoB,kBAAkB,GAAG,EAClD,CAAC;IAAAO,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAFMI,IAAAA,YAAY,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAGpC,EAAA,IAAAI,gBAAA,GAAwC3F,cAAK,CAACsF,QAAQ,CAA6B,EAAE,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAA/EE,IAAAA,YAAY,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,eAAe,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACpC,EAAA,IAAAG,gBAAA,GAAoC/F,cAAK,CAACsF,QAAQ,CAAC9B,IAAI,CAACwC,KAAK,CAAC3E,MAAM,IAAI,CAAC,CAAC;IAAA4E,gBAAA,GAAAT,cAAA,CAAAO,gBAAA,EAAA,CAAA,CAAA;AAAnEG,IAAAA,UAAU,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAG,gBAAA,GAA4CpG,cAAK,CAACsF,QAAQ,CACxD,QACF,CAAC;IAAAe,gBAAA,GAAAb,cAAA,CAAAY,gBAAA,EAAA,CAAA,CAAA;AAFME,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAGxC,EAAA,IAAAG,gBAAA,GAAgDxG,cAAK,CAACsF,QAAQ,CAC5D1F,SACF,CAAC;IAAA6G,iBAAA,GAAAjB,cAAA,CAAAgB,gBAAA,EAAA,CAAA,CAAA;AAFME,IAAAA,gBAAgB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAG5C,EAAA,IAAAG,iBAAA,GAA8C5G,cAAK,CAACsF,QAAQ,CAAC,KAAK,CAAC;IAAAuB,iBAAA,GAAArB,cAAA,CAAAoB,iBAAA,EAAA,CAAA,CAAA;AAA5DE,IAAAA,eAAe,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAC1C;EACA,IAAMG,oBAAoB,GAAGlD,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,GAAAA,cAAc,GAAIE,mBAAmB,CAAA;EAClE,IAAMiD,eAAe,GAAGC,oBAAoB,CAAA;AAE5C,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAMC,wBAAwB,GAAGF,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;AAEzD,EAAA,IAAAG,YAAA,GAKIC,WAAW,CAAC3C,YAAY,EAAE;AAC5B4C,MAAAA,kBAAkB,EAAExF,KAAK,CAACe,MAAM,CAACC,QAAQ,CAACC,KAAAA;AAC5C,KAAC,CAAC;IANYR,wBAAwB,GAAA6E,YAAA,CAApCG,UAAU;IACCC,uBAAuB,GAAAJ,YAAA,CAAlCK,SAAS;IACEjF,uBAAuB,GAAA4E,YAAA,CAAlCM,SAAS;IACEpF,uBAAuB,GAAA8E,YAAA,CAAlCO,SAAS,CAAA;;AAKX;AACA,EAAA,IAAMC,WAAW,GAAGjI,uBAAuB,CAACC,QAAQ,CAAC,CAAA;EACrD,IAAMiI,8BAA8B,GAAG/D,mBAAmB,GAAA,kGAAA,CAAAnB,MAAA,CAK7CmF,uBAAuB,EAAAnF,uBAAAA,CAAAA,CAAAA,MAAA,CAGlCe,aAAa,KAAK,UAAU,IAAA,gCAAA,CAAAf,MAAA,CAEpBoF,iBAAiB,EAAA,iEAAA,CAAA,CAAApF,MAAA,CAEdmF,uBAAuB,EAEnC,uBAAA,CAAA,CAAA,GAEG,EAAE,CAAA;EACN,IAAME,8BAA8B,GAAGlE,mBAAmB,GAAA,kGAAA,CAAAnB,MAAA,CAK7CmF,uBAAuB,EAAAnF,uBAAAA,CAAAA,CAAAA,MAAA,CAGlCe,aAAa,KAAK,UAAU,IAAA,gCAAA,CAAAf,MAAA,CAEpBoF,iBAAiB,EAAA,iEAAA,CAAA,CAAApF,MAAA,CAEdmF,uBAAuB,EAEnC,uBAAA,CAAA,CAAA,GAEG,EAAE,CAAA;EACN,IAAMG,4BAA4B,GAAGnE,mBAAmB,GAAA,kGAAA,CAAAnB,MAAA,CAK3CmF,uBAAuB,EAAAnF,uBAAAA,CAAAA,CAAAA,MAAA,CAGlCe,aAAa,KAAK,UAAU,IAAA,gCAAA,CAAAf,MAAA,CAEpBoF,iBAAiB,EAAA,iEAAA,CAAA,CAAApF,MAAA,CAEdmF,uBAAuB,EAEnC,uBAAA,CAAA,CAAA,GAEG,EAAE,CAAA;EAEN,IAAMI,UAAU,GAAGC,UAAa,CAAC;AAC/BC,IAAAA,KAAK,kBAAAzF,MAAA,CACIkB,cAAc,GAAA,MAAA,GAAYnE,SAAS,EAAAiD,iBAAAA,CAAAA,CAAAA,MAAA,CAClC0F,cAAc,CAACvG,KAAK,CAACwG,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,EAAA7F,SAAAA,CAAAA,CAAAA,MAAA,CAC/Cb,KAAK,CAAC2G,MAAM,CAACC,OAAO,CAACJ,MAAM,CAACK,IAAI,CAACC,KAAK,EAAAjG,qDAAAA,CAAAA,CAAAA,MAAA,CAGtC2B,mBAAmB,GAAA,EAAA,CAAA3B,MAAA,CACZ2B,mBAAmB,EAAA3B,GAAAA,CAAAA,CAAAA,MAAA,CAAIiE,eAAe,GAAGO,wBAAwB,GAAG,EAAE,QAAAxE,MAAA,CAEvEe,aAAa,KAAK,UAAU,GAAG,aAAa,GAAG,EAAE,EAAA,UAAA,CAAA,CAAAf,MAAA,CACxCiF,WAAW,EAAAjF,uBAAAA,CAAAA,CAAAA,MAAA,CACpBiE,eAAe,GAAGO,wBAAwB,GAAG,EAAE,iBACnC,EAAAxE,sCAAAA,CAAAA,CAAAA,MAAA,CAEAkG,KAAK,CAAC/G,KAAK,CAAC2G,MAAM,EAAE1B,eAAe,CAAC,EACvD,SAAA,CAAA;IACD+B,UAAU,EAAA,kBAAA,CAAAnG,MAAA,CACEmE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,EAAAnE,oBAAAA,CAAAA,CAAAA,MAAA,CAEjDmE,oBAAoB,GAAG,GAAG,GAAGpH,SAAS,aAAAiD,MAAA,CAC3CkF,8BAA8B,EAC/B,QAAA,CAAA;AACDkB,IAAAA,IAAI,EAAApG,QAAAA,CAAAA,MAAA,CACFsF,4BAA4B,EAC7B,QAAA,CAAA;AACDe,IAAAA,UAAU,qBAAArG,MAAA,CACEkB,cAAc,GAAG,QAAQ,GAAG,UAAU,EAAA,iBAAA,CAAA,CAAAlB,MAAA,CACxCkB,cAAc,GAAG,GAAG,GAAGnE,SAAS,EAAAiD,SAAAA,CAAAA,CAAAA,MAAA,CACxCqF,8BAA8B,EAAA,QAAA,CAAA;AAElC,GAAC,CAAC,CAAA;AAEFiB,EAAAA,SAAS,CAAC,YAAM;AACd;AACAhD,IAAAA,aAAa,CAAC3C,IAAI,CAACwC,KAAK,CAAC3E,MAAM,CAAC,CAAA;AAClC,GAAC,EAAE,CAACmC,IAAI,CAACwC,KAAK,CAAC,CAAC,CAAA;;AAEhB;EACA,IAAMoD,cAAkC,GAAG,SAArCA,cAAkCA,CAAIC,MAAM,EAAEC,KAAK,EAAW;AAAA,IAAA,IAAAC,UAAA,CAAA;IAClE,IAAMC,WAAyB,GAAGF,KAAK,CAACG,EAAE,GAAG,CAACH,KAAK,CAACG,EAAE,CAAC,IAAAF,UAAA,GAAGD,KAAK,CAACI,GAAG,cAAAH,UAAA,KAAA,KAAA,CAAA,GAAAA,UAAA,GAAI,EAAE,CAAA;IACzE7D,eAAe,CAAC8D,WAAW,CAAC,CAAA;AAC5B3F,IAAAA,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,iBAAiB,CAAG;AAClB2F,MAAAA,WAAW,EAAXA,WAAW;MACXG,MAAM,EAAEnG,IAAI,CAACwC,KAAK,CAAC7E,MAAM,CAAC,UAACyI,IAAI,EAAA;AAAA,QAAA,OAAKJ,WAAW,CAACK,QAAQ,CAACD,IAAI,CAACH,EAAE,CAAC,CAAA;AAAA,OAAA,CAAA;AACnE,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMK,eAAe,GAAGC,YAAY,CAClCvG,IAAI,EACJ;AACEwG,IAAAA,QAAQ,EAAEZ,cAAc;AACxBE,IAAAA,KAAK,EAAAlH,aAAA,CAAA,EAAA,EACCwB,aAAa,KAAK,UAAU,GAC5B;AAAE8F,MAAAA,GAAG,EAAEjE,YAAAA;AAAa,KAAC,GACrB7B,aAAa,KAAK,QAAQ,GAC1B;MAAE6F,EAAE,EAAEhE,YAAY,CAAC,CAAC,CAAA;KAAG,GACvB,EAAE,CAAA;AAEV,GAAC,EACD;IACEwE,SAAS,EACPvG,kBAAkB,KAAK,KAAK,GAAGwG,gBAAgB,CAACC,QAAQ,GAAGD,gBAAgB,CAACE,WAAW;IACzFC,SAAS,EAAEzG,aAAa,KAAK,MAAM,GAAGvE,aAAa,CAACuE,aAAa,CAAC,GAAGhE,SAAAA;AACvE,GACF,CAAC,CAAA;EAED,IAAM0K,sBAAsB,GAAGC,OAAO,CACpC,YAAA;IAAA,OAAM,UAACd,EAAc,EAAW;AAC9BK,MAAAA,eAAe,CAACU,GAAG,CAACC,YAAY,CAAChB,EAAE,CAAC,CAAA;KACrC,CAAA;AAAA,GAAA,EACD,CAACK,eAAe,CAACU,GAAG,CACtB,CAAC,CAAA;EAED,IAAME,eAAe,GAAGH,OAAO,CAC7B,YAAA;AAAA,IAAA,OAAM,YAAY;AAChBT,MAAAA,eAAe,CAACU,GAAG,CAACG,WAAW,EAAE,CAAA;KAClC,CAAA;AAAA,GAAA,EACD,CAACb,eAAe,CAACU,GAAG,CACtB,CAAC,CAAA;EAED,IAAMI,sBAAsB,GAAGL,OAAO,CACpC,YAAA;AAAA,IAAA,OAAM,YAAY;AAChB,MAAA,IAAI9E,YAAY,CAACpE,MAAM,GAAG,CAAC,EAAE;AAC3ByI,QAAAA,eAAe,CAACU,GAAG,CAACG,WAAW,EAAE,CAAA;AACnC,OAAC,MAAM;QACL,IAAMjB,GAAG,GAAGlG,IAAI,CAACwC,KAAK,CACnB6E,GAAG,CAAC,UAACC,IAAqB,EAAA;AAAA,UAAA,OAAMjF,YAAY,CAACgE,QAAQ,CAACiB,IAAI,CAACrB,EAAE,CAAC,GAAG,IAAI,GAAGqB,IAAI,CAACrB,EAAE,CAAA;AAAA,SAAC,CAAC,CACjFtI,MAAM,CAAC4J,OAAO,CAAiB,CAAA;AAElCjB,QAAAA,eAAe,CAACU,GAAG,CAACQ,QAAQ,CAACtB,GAAG,CAAC,CAAA;AACnC,OAAA;KACD,CAAA;AAAA,GAAA,EACD,CAACI,eAAe,CAACU,GAAG,EAAEhH,IAAI,CAACwC,KAAK,EAAEP,YAAY,EAAEI,YAAY,CAC9D,CAAC,CAAA;;AAED;EACA,IAAMoF,gBAAoC,GAAG,SAAvCA,gBAAoCA,CAAI5B,MAAM,EAAEC,KAAK,EAAK;AAC9DnF,IAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAG;MACb+G,OAAO,EAAE5B,KAAK,CAAC4B,OAAO;MACtBC,cAAc,EAAE7B,KAAK,CAAC8B,OAAAA;AACxB,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMC,IAAI,GAAGC,OAAO,CAClB9H,IAAI,EACJ;AACEwG,IAAAA,QAAQ,EAAEiB,gBAAAA;AACZ,GAAC,EACD;AACE;AACAM,IAAAA,OAAO,EAAEnH,aAAAA;AACX,GACF,CAAC,CAAA;AAED,EAAA,IAAMoH,kBAA0D,GAAGjB,OAAO,CAAC,YAAM;IAC/E,OAAO;AACLW,MAAAA,OAAO,EAAEG,IAAI,CAAC/B,KAAK,CAAC4B,OAAO;AAC3BC,MAAAA,cAAc,EAAEE,IAAI,CAAC/B,KAAK,CAAC8B,OAAO;AAClCK,MAAAA,eAAe,EAAEC,MAAM,CAACC,IAAI,CAACvH,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI,EAAE,CAAA;KACjD,CAAA;GACF,EAAE,CAACiH,IAAI,CAAC/B,KAAK,EAAElF,aAAa,CAAC,CAAC,CAAA;AAE/B,EAAA,IAAMwH,UAAU,GAAGC,WAAW,CAC5B,UAACX,OAAe,EAAW;AACzBG,IAAAA,IAAI,CAACb,GAAG,CAACsB,YAAY,CAAC;AACpBZ,MAAAA,OAAO,EAAPA,OAAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAACG,IAAI,CAACb,GAAG,CACX,CAAC,CAAA;;AAED;;AAEA,EAAA,IAAMuB,aAAa,GAAGhB,OAAO,CAACzG,UAAU,CAAC,CAAA;AAEzC,EAAA,IAAM0H,gBAAgB,GAAGC,aAAa,CACpCzI,IAAI,EACJ;AACE8F,IAAAA,KAAK,EAAE;AACL4C,MAAAA,IAAI,EAAE,CAAC;MACPC,IAAI,EAAEC,eAAe,CAACC,eAAAA;AACxB,KAAA;AACF,GAAC,EACD;IACEC,QAAQ,EAAEhG,cAAc,KAAK,QAAA;AAC/B,GACF,CAAC,CAAA;AAED,EAAA,IAAMiG,sBAAsB,GAAGhC,OAAO,CAAC,YAAM;AAC3C,IAAA,OAAOwB,aAAa,GAChB;AACEG,MAAAA,IAAI,EAAEF,gBAAgB,CAAC1C,KAAK,CAAC4C,IAAI;AACjCC,MAAAA,IAAI,EAAEH,gBAAgB,CAAC1C,KAAK,CAAC6C,IAAAA;AAC/B,KAAC,GACDvM,SAAS,CAAA;GACd,EAAE,CAACoM,gBAAgB,CAAC1C,KAAK,EAAEyC,aAAa,CAAC,CAAC,CAAA;AAE3C,EAAA,IAAMS,iBAAiB,GAAGX,WAAW,CACnC,UAACK,IAAY,EAAW;AACtBF,IAAAA,gBAAgB,CAACxB,GAAG,CAACiC,SAAS,CAACP,IAAI,CAAC,CAAA;AACtC,GAAC,EACD,CAACF,gBAAgB,CAACxB,GAAG,CACvB,CAAC,CAAA;AAED,EAAA,IAAMkC,oBAAoB,GAAGb,WAAW,CACtC,UAACM,IAAY,EAAW;AACtBH,IAAAA,gBAAgB,CAACxB,GAAG,CAACmC,SAAS,CAACR,IAAI,CAAC,CAAA;AACtC,GAAC,EACD,CAACH,gBAAgB,CAACxB,GAAG,CACvB,CAAC,CAAA;;AAED;AACA,EAAA,IAAI,KAAO,EAAE;IACX,IAAInG,OAAO,IAAI,CAACuI,sBAAsB,CAACvI,OAAO,EAAEzD,YAAY,CAACiM,YAAY,CAAC,EAAE;AAC1EC,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,8DAA8D;AACvEC,QAAAA,UAAU,EAAE,OAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;;AAEA;EACA,IAAMC,YAA8B,GAAG1C,OAAO,CAC5C,YAAA;IAAA,OAAO;AACL3G,MAAAA,aAAa,EAAbA,aAAa;AACb6B,MAAAA,YAAY,EAAZA,YAAY;AACZS,MAAAA,UAAU,EAAVA,UAAU;AACVoE,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBM,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBF,MAAAA,eAAe,EAAfA,eAAe;AACfxG,MAAAA,UAAU,EAAVA,UAAU;AACV0H,MAAAA,UAAU,EAAVA,UAAU;AACVJ,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBgB,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBE,MAAAA,oBAAoB,EAApBA,oBAAoB;AACpBH,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBhI,MAAAA,eAAe,EAAfA,eAAe;AACfsB,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,eAAe,EAAfA,eAAe;AACfQ,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBU,MAAAA,eAAe,EAAfA,eAAe;AACfP,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnB7B,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBgC,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,kBAAkB,EAAlBA,kBAAAA;KACD,CAAA;GAAC,EACF,CACEnD,aAAa,EACb6B,YAAY,EACZS,UAAU,EACVoE,sBAAsB,EACtBM,sBAAsB,EACtBF,eAAe,EACfxG,UAAU,EACV0H,UAAU,EACVJ,kBAAkB,EAClBgB,iBAAiB,EACjBE,oBAAoB,EACpBH,sBAAsB,EACtBhI,eAAe,EACfsB,YAAY,EACZC,eAAe,EACfQ,cAAc,EACdC,iBAAiB,EACjBU,eAAe,EACfP,gBAAgB,EAChBC,mBAAmB,EACnB7B,iBAAiB,EACjBgC,eAAe,EACfC,kBAAkB,CAEtB,CAAC,CAAA;AAED,EAAA,oBACEmG,GAAA,CAACC,YAAY,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,YAAa;IAAAnN,QAAA,EACxC4E,SAAS,gBACRwI,GAAA,CAAC5K,OAAO,EAAAF,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNkL,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,IAAI,EAAE,CAAE;AACRC,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,cAAc,EAAC,QAAQ;AACvBtL,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,EACXuL,cAAc,CAACzI,WAAW,CAAC,CAAA,EAC3B0I,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACvF,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAxI,QAAA,eAEhDoN,GAAA,CAACY,OAAO,EAAA;AAACC,QAAAA,kBAAkB,EAAC,eAAe;AAAC5B,QAAAA,IAAI,EAAC,OAAO;AAAC6B,QAAAA,MAAM,EAAC,eAAA;OAAiB,CAAA;KAC1E,CAAA,CAAC,gBAEVC,IAAA,CAAC3L,OAAO,EAAAF,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNmL,MAAAA,IAAI,EAAE,CAAE;AACRW,MAAAA,QAAQ,EAAC,UAAA;AAAU,KAAA,EACfR,cAAc,CAACzI,WAAW,CAAC,CAAA,EAC3B0I,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAACvF,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAxI,MAAAA,QAAA,EAE/C4H,CAAAA,uBAAuB,iBACtBwF,GAAA,CAAC7K,cAAc,EAAA;AACb6L,QAAAA,QAAQ,EAAC,UAAU;AACnBzF,QAAAA,KAAK,EAAC,MAAM;AACZtG,QAAAA,MAAM,EAAC,MAAM;AACbgM,QAAAA,MAAM,EAAEC,oBAAqB;AAC7BnH,QAAAA,eAAe,EAAC,2BAA2B;AAC3CwG,QAAAA,cAAc,EAAC,QAAQ;AACvBD,QAAAA,UAAU,EAAC,QAAQ;AACnBF,QAAAA,OAAO,EAAC,MAAM;AACd7K,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,QAAAA,uBAAuB,EAAEA,uBAAwB;AACjDF,QAAAA,uBAAuB,EAAEA,uBAAwB;QAAA1C,QAAA,eAEjDoN,GAAA,CAACY,OAAO,EAAA;AAACO,UAAAA,KAAK,EAAC,OAAO;AAACN,UAAAA,kBAAkB,EAAC,kBAAkB;AAAC5B,UAAAA,IAAI,EAAC,OAAA;SAAS,CAAA;AAAC,OAC9D,CACjB,EACA9H,OAAO,eACR6I,GAAA,CAAC5L,gBAAgB,EAAAc,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACfkM,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,WAAW,EAAExH,oBAAoB;AAAEyH,UAAAA,gBAAgB,EAAE,IAAA;SAAO;AACtEjL,QAAAA,IAAI,EAAEA,IAAAA;AACN;AAAA;AACAxB,QAAAA,KAAK,EAAEoG,UAAW;AAClBsG,QAAAA,MAAM,EAAE9K,aAAa,KAAK,MAAM,GAAGkG,eAAe,GAAG,IAAK;AAC1DuB,QAAAA,IAAI,EAAEjH,aAAa,GAAGiH,IAAI,GAAG,IAAK;AAClCxJ,QAAAA,YAAY,EAAE;AACZM,UAAAA,MAAM,EAANA,MAAAA;SACA;AACFmC,QAAAA,UAAU,EAAEyH,aAAa,GAAGC,gBAAgB,GAAG,IAAA;AAAK,OAAA,EAChD2C,cAAc,CAAC;QAAEC,eAAe,EAAEhL,aAAa,KAAK,UAAA;OAAY,CAAC,CACjE+J,EAAAA,aAAa,CAAC;QAAEC,IAAI,EAAEC,aAAa,CAACvF,KAAAA;AAAM,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAxI,QAAAA,QAAA,EAE/CA,QAAAA;OACe,CAAA,CAAC,EAClBwE,UAAU,CAAA;KACJ,CAAA,CAAA;AACV,GACoB,CAAC,CAAA;AAE5B,CAAC,CAAA;AAED,IAAMgE,KAAK,gBAAGuG,wBAAwB,CAACvL,MAAM,EAAE;EAC7C3B,WAAW,EAAEf,YAAY,CAAC0H,KAAAA;AAC5B,CAAC;;;;"}

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

@@ -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, checkboxCellWidth } from './tokens.js';
+import { tableRow, classes, tableBackgroundColor, checkboxCellWidth } from './tokens.js';
 import { ComponentIds } from './componentIds.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import '../Typography/index.js';
@@ -16,6 +16,7 @@ import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/getFocusRingStyles/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeAccessible/index.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -28,18 +29,39 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { size } from '../../tokens/global/size.js';
 import { Text } from '../Typography/Text/Text.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
+import { getMediaQuery } from '../../utils/getMediaQuery/getMediaQuery.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.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 getTableRowBackgroundTransition = function getTableRowBackgroundTransition(theme) {
+  var rowBackgroundTransition = "background-color ".concat(makeMotionTime(getIn(theme.motion, tableRow.backgroundColorMotionDuration)), " ").concat(getIn(theme.motion, tableRow.backgroundColorMotionEasing));
+  return rowBackgroundTransition;
+};
+var getTableActionsHoverStyles = function getTableActionsHoverStyles(_ref) {
+  var hoverColor = _ref.hoverColor,
+    theme = _ref.theme,
+    backgroundGradientColor = _ref.backgroundGradientColor;
+  var rowBackgroundTransition = getTableRowBackgroundTransition(theme);
+  return _defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.HOVER_ACTIONS), {
+    backgroundColor: getIn(theme.colors, tableBackgroundColor),
+    transition: rowBackgroundTransition
+  }), "& .".concat(classes.HOVER_ACTIONS_LAYER2), {
+    backgroundColor: getIn(theme.colors, backgroundGradientColor !== null && backgroundGradientColor !== void 0 ? backgroundGradientColor : 'transparent'),
+    transition: rowBackgroundTransition
+  }), "& .".concat(classes.HOVER_ACTIONS_LAYER3), {
+    backgroundColor: getIn(theme.colors, hoverColor),
+    transition: rowBackgroundTransition
+  });
+};
 var StyledBody = /*#__PURE__*/styled(Body).withConfig({
   displayName: "TableBodyweb__StyledBody",
   componentId: "sc-1fpz8hn-0"
-})(function (_ref) {
-  var theme = _ref.theme,
-    $showStripedRows = _ref.$showStripedRows,
-    $isSelectable = _ref.$isSelectable;
-  var rowBackgroundTransition = "background-color ".concat(makeMotionTime(getIn(theme.motion, tableRow.backgroundColorMotionDuration)), " ").concat(getIn(theme.motion, tableRow.backgroundColorMotionEasing));
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    $showStripedRows = _ref3.$showStripedRows,
+    $isSelectable = _ref3.$isSelectable;
+  var rowBackgroundTransition = getTableRowBackgroundTransition(theme);
   return {
     '&&&': _objectSpread(_objectSpread(_objectSpread({
       border: 'none',
@@ -50,15 +72,27 @@ var StyledBody = /*#__PURE__*/styled(Body).withConfig({
       '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected)
       },
-      '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {
+      '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover)
-      },
-      '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorSelectedHover,
+        backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedHover,
+        theme: theme
+      })),
+      '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus)
-      },
-      '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorSelectedFocus,
+        backgroundGradientColor: tableRow.nonStripeWrapper.backgroundColorSelectedFocus,
+        theme: theme
+      })),
+      '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive)
-      }
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorSelectedActive,
+        backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,
+        theme: theme
+      }))
     }, $isSelectable && {
       '& tr:active:not(.disabled-row) .cell-wrapper': {
         backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive)
@@ -92,32 +126,60 @@ var StyledBody = /*#__PURE__*/styled(Body).withConfig({
       '& .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': {
         backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelectedActive)
       },
-      '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {
+      '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover)
-      },
-      '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorHover,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripeWrapper.backgroundColorHover
+      })),
+      '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus)
-      },
-      '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorFocus,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripeWrapper.backgroundColorFocus
+      })),
+      '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive)
-      },
-      '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorActive,
+        backgroundGradientColor: tableRow.stripe.backgroundColorHover,
+        theme: theme
+      })),
+      '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected)
-      },
-      '& .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 ': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorSelected,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelected
+      })),
+      '& .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 ': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover)
-      },
-      '& .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 ': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorSelectedHover,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedHover
+      })),
+      '& .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 ': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus)
-      },
-      '& .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 ': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorSelectedFocus,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripeWrapper.backgroundColorSelectedFocus
+      })),
+      '& .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 ': _objectSpread({
         backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive)
-      }
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.stripe.backgroundColorSelectedActive,
+        theme: theme,
+        backgroundGradientColor: tableRow.stripe.backgroundColorHover
+      }))
     })
   };
 });
-var _TableBody = function _TableBody(_ref2) {
-  var children = _ref2.children;
+var _TableBody = function _TableBody(_ref4) {
+  var children = _ref4.children;
   var _useTableContext = useTableContext(),
     showStripedRows = _useTableContext.showStripedRows,
     selectionType = _useTableContext.selectionType;
@@ -138,9 +200,9 @@ var TableBody = /*#__PURE__*/assignWithoutSideEffects(_TableBody, {
 var StyledCell = /*#__PURE__*/styled(Cell).withConfig({
   displayName: "TableBodyweb__StyledCell",
   componentId: "sc-1fpz8hn-1"
-})(function (_ref3) {
-  var theme = _ref3.theme,
-    $backgroundColor = _ref3.$backgroundColor;
+})(function (_ref5) {
+  var theme = _ref5.theme,
+    $backgroundColor = _ref5.$backgroundColor;
   return {
     '&&&': {
       height: '100%',
@@ -158,12 +220,12 @@ var StyledCell = /*#__PURE__*/styled(Cell).withConfig({
 var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "TableBodyweb__CellWrapper",
   componentId: "sc-1fpz8hn-2"
-})(function (_ref4) {
-  var theme = _ref4.theme,
-    $rowDensity = _ref4.$rowDensity,
-    showStripedRows = _ref4.showStripedRows,
-    _ref4$hasPadding = _ref4.hasPadding,
-    hasPadding = _ref4$hasPadding === void 0 ? true : _ref4$hasPadding;
+})(function (_ref6) {
+  var theme = _ref6.theme,
+    $rowDensity = _ref6.$rowDensity,
+    showStripedRows = _ref6.showStripedRows,
+    _ref6$hasPadding = _ref6.hasPadding,
+    hasPadding = _ref6$hasPadding === void 0 ? true : _ref6$hasPadding;
   var rowBackgroundTransition = "background-color ".concat(makeMotionTime(getIn(theme.motion, tableRow.backgroundColorMotionDuration)), " ").concat(getIn(theme.motion, tableRow.backgroundColorMotionEasing));
   return {
     '&&&': _objectSpread({
@@ -181,8 +243,9 @@ var CellWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
     })
   };
 });
-var _TableCell = function _TableCell(_ref5) {
-  var children = _ref5.children;
+var _TableCell = function _TableCell(_ref7) {
+  var children = _ref7.children,
+    _hasPadding = _ref7._hasPadding;
   var isChildrenString = typeof children === 'string';
   var _useTableContext2 = useTableContext(),
     selectionType = _useTableContext2.selectionType,
@@ -208,6 +271,7 @@ var _TableCell = function _TableCell(_ref5) {
         showStripedRows: showStripedRows,
         display: "flex",
         alignItems: "center",
+        hasPadding: _hasPadding,
         flex: 1
         // when a direct string child is passed we want to disable pointer events
         // for custom cells components, consumers can handle pointer events themselves
@@ -216,6 +280,7 @@ var _TableCell = function _TableCell(_ref5) {
         // allow text to wrap, so that if the <Text> overflows it can truncate
         ,
         whiteSpace: "normal",
+        position: "relative",
         children: isChildrenString ? /*#__PURE__*/jsx(Text, {
           size: "medium",
           truncateAfterLines: 1,
@@ -228,10 +293,10 @@ var _TableCell = function _TableCell(_ref5) {
 var TableCell = /*#__PURE__*/assignWithoutSideEffects(_TableCell, {
   componentId: ComponentIds.TableCell
 });
-var TableCheckboxCell = function TableCheckboxCell(_ref6) {
-  var isChecked = _ref6.isChecked,
-    onChange = _ref6.onChange,
-    isDisabled = _ref6.isDisabled;
+var TableCheckboxCell = function TableCheckboxCell(_ref8) {
+  var isChecked = _ref8.isChecked,
+    onChange = _ref8.onChange,
+    isDisabled = _ref8.isDisabled;
   return /*#__PURE__*/jsx(TableCell, {
     children: /*#__PURE__*/jsx(BaseBox, {
       display: "flex",
@@ -253,14 +318,16 @@ var TableCheckboxCell = function TableCheckboxCell(_ref6) {
 var StyledRow = /*#__PURE__*/styled(Row).withConfig({
   displayName: "TableBodyweb__StyledRow",
   componentId: "sc-1fpz8hn-3"
-})(function (_ref7) {
-  var theme = _ref7.theme,
-    $isSelectable = _ref7.$isSelectable,
-    $isHoverable = _ref7.$isHoverable,
-    $showBorderedCells = _ref7.$showBorderedCells;
+})(function (_ref9) {
+  var theme = _ref9.theme,
+    $isSelectable = _ref9.$isSelectable,
+    $isHoverable = _ref9.$isHoverable,
+    $showBorderedCells = _ref9.$showBorderedCells;
+  var _useTableContext3 = useTableContext(),
+    hasHoverActions = _useTableContext3.hasHoverActions;
   var rowBackgroundTransition = "background-color ".concat(makeMotionTime(getIn(theme.motion, tableRow.backgroundColorMotionDuration)), " ").concat(getIn(theme.motion, tableRow.backgroundColorMotionEasing));
   return {
-    '&&&': _objectSpread(_objectSpread(_objectSpread({
+    '&&&': _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       '& .cell-wrapper': $showBorderedCells ? {
         borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),
@@ -270,23 +337,56 @@ var StyledRow = /*#__PURE__*/styled(Row).withConfig({
       '& td:last-child .cell-wrapper': {
         borderRight: 'none'
       }
-    }, ($isHoverable || $isSelectable) && {
-      '&:hover:not(.disabled-row) .cell-wrapper-base': {
+    }, hasHoverActions ? _defineProperty({}, "@media ".concat(getMediaQuery({
+      min: theme.breakpoints.m
+    })), {
+      '& td:last-child': {
+        opacity: 0,
+        position: 'sticky',
+        zIndex: 2,
+        right: 0,
+        width: '0px',
+        '& > div:first-child': {
+          overflow: 'visible'
+        }
+      },
+      '& td:last-child:focus-within': _objectSpread({
+        opacity: 1
+      }, getTableActionsHoverStyles({
+        theme: theme,
+        hoverColor: tableRow.nonStripe.backgroundColor
+      })),
+      '&:hover td:last-child': {
+        opacity: 1
+      }
+    }) : {}), ($isHoverable || $isSelectable) && {
+      '&:hover:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         transition: rowBackgroundTransition,
         cursor: 'pointer',
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover)
-      }
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorHover,
+        theme: theme
+      }))
     }), $isSelectable && {
-      '&:focus:not(.disabled-row) .cell-wrapper-base': {
+      '&:focus:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         transition: rowBackgroundTransition,
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),
         cursor: 'pointer'
-      },
-      '&:active:not(.disabled-row) .cell-wrapper-base': {
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorFocus,
+        backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,
+        theme: theme
+      })),
+      '&:active:not(.disabled-row) .cell-wrapper-base': _objectSpread({
         transition: rowBackgroundTransition,
         backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),
         cursor: 'pointer'
-      }
+      }, getTableActionsHoverStyles({
+        hoverColor: tableRow.nonStripe.backgroundColorActive,
+        backgroundGradientColor: tableRow.nonStripe.backgroundColorHover,
+        theme: theme
+      }))
     }), {}, {
       '&:focus': getFocusRingStyles({
         theme: theme,
@@ -295,22 +395,25 @@ var StyledRow = /*#__PURE__*/styled(Row).withConfig({
     })
   };
 });
-var _TableRow = function _TableRow(_ref8) {
-  var children = _ref8.children,
-    item = _ref8.item,
-    isDisabled = _ref8.isDisabled,
-    onHover = _ref8.onHover,
-    _onClick = _ref8.onClick,
-    testID = _ref8.testID;
-  var _useTableContext3 = useTableContext(),
-    selectionType = _useTableContext3.selectionType,
-    selectedRows = _useTableContext3.selectedRows,
-    toggleRowSelectionById = _useTableContext3.toggleRowSelectionById,
-    setDisabledRows = _useTableContext3.setDisabledRows,
-    showBorderedCells = _useTableContext3.showBorderedCells;
+var _TableRow = function _TableRow(_ref11) {
+  var children = _ref11.children,
+    item = _ref11.item,
+    isDisabled = _ref11.isDisabled,
+    onHover = _ref11.onHover,
+    _onClick = _ref11.onClick,
+    hoverActions = _ref11.hoverActions,
+    testID = _ref11.testID;
+  var _useTableContext4 = useTableContext(),
+    selectionType = _useTableContext4.selectionType,
+    selectedRows = _useTableContext4.selectedRows,
+    toggleRowSelectionById = _useTableContext4.toggleRowSelectionById,
+    setDisabledRows = _useTableContext4.setDisabledRows,
+    showBorderedCells = _useTableContext4.showBorderedCells,
+    setHasHoverActions = _useTableContext4.setHasHoverActions;
   var isSelectable = selectionType !== 'none';
   var isMultiSelect = selectionType === 'multiple';
   var isSelected = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(item.id);
+  var hasHoverActions = Boolean(hoverActions);
   useEffect(function () {
     if (isDisabled) {
       setDisabledRows(function (prev) {
@@ -318,6 +421,11 @@ var _TableRow = function _TableRow(_ref8) {
       });
     }
   }, [isDisabled, item.id, setDisabledRows]);
+  useIsomorphicLayoutEffect(function () {
+    if (hasHoverActions) {
+      setHasHoverActions(true);
+    }
+  }, [hasHoverActions]);
   return /*#__PURE__*/jsxs(StyledRow, _objectSpread(_objectSpread(_objectSpread({
     disabled: isDisabled,
     $isSelectable: isDisabled ? false : isSelectable,
@@ -347,7 +455,43 @@ var _TableRow = function _TableRow(_ref8) {
         return !isDisabled && toggleRowSelectionById(item.id);
       },
       isDisabled: isDisabled
-    }), children]
+    }), children, hoverActions ? /*#__PURE__*/jsx(TableCell, {
+      _hasPadding: false,
+      children: /*#__PURE__*/jsx(BaseBox, {
+        className: classes.HOVER_ACTIONS,
+        position: {
+          base: 'relative',
+          m: 'absolute'
+        },
+        top: "spacing.0",
+        right: "spacing.0",
+        height: "100%",
+        flexShrink: 0,
+        flexGrow: 1,
+        width: "max-content",
+        children: /*#__PURE__*/jsx(BaseBox, {
+          className: classes.HOVER_ACTIONS_LAYER2,
+          height: "100%",
+          width: "max-content",
+          display: "flex",
+          alignItems: "center",
+          children: /*#__PURE__*/jsx(BaseBox, {
+            height: "100%",
+            width: "max-content",
+            className: classes.HOVER_ACTIONS_LAYER3,
+            display: "flex",
+            alignItems: "center",
+            paddingLeft: {
+              base: 'spacing.4',
+              m: 'spacing.6'
+            },
+            paddingRight: "spacing.4",
+            gap: "spacing.3",
+            children: hoverActions
+          })
+        })
+      })
+    }) : null]
   }));
 };
 var TableRow = /*#__PURE__*/assignWithoutSideEffects(_TableRow, {