@entur/table 4.9.14-beta.1 → 4.9.14-beta.4

package/dist/table.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs.production.min.js","sources":["../src/Table.tsx","../src/TableHead.tsx","../src/TableBody.tsx","../src/TableFooter.tsx","../src/TableRow.tsx","../src/DataCell.tsx","../src/HeaderCell.tsx","../src/index.tsx","../src/EditableCell.tsx","../src/ExpandRowButton.tsx","../src/ExpandableRow.tsx","../src/useSortableTable.ts","../src/useTableKeyboardNavigation.ts"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { useRandomId, mergeRefs } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nexport type TableProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Setter tettheten mellom rader og kolonner. Bruk gjerne middle og small for for sider med høy informasjonstetthet\n   * @default \"default\"\n   */\n  spacing?: 'default' | 'middle' | 'small';\n  /** Setter kolonne-layout til å være uavhengig av innhold\n   * @default false\n   */\n  fixed?: boolean;\n  /** Om header-raden skal bli værende på skjermen når man skroller tabellen\n   * @default false\n   */\n  stickyHeader?: boolean;\n  /** Innholdet i tabellen */\n  children: React.ReactNode;\n  [key: string]: any;\n};\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      className,\n      fixed = false,\n      spacing = 'default',\n      sortable = false,\n      changeSortDescription = 'Tabelloverskrifter med knapper kan trykkes på for å endre sortering,',\n      stickyHeader = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const sortableHeaderId = useRandomId('sortable-header');\n\n    const tableRef = useRef<HTMLTableElement>(null);\n\n    useEffect(() => {\n      if (stickyHeader) {\n        /* We check when an inserted div above the header \n          is outside our scrolling container to determine when\n          the table header becomes sticky. This is necessary\n          to conditionally add our box-shadow when the \n          header is overlapping table rows */\n        const tableElement = tableRef.current;\n        const observerElement = document.createElement('div');\n        observerElement.classList.add('sticky-observer');\n\n        tableElement?.parentNode?.insertBefore(observerElement, tableElement);\n\n        const observer = new IntersectionObserver(\n          entries => {\n            tableElement?.classList.toggle(\n              'eds-table--sticky-header--active',\n              !entries[0].isIntersecting,\n            );\n          },\n          { threshold: [0, 1] },\n        );\n\n        observer.observe(observerElement);\n\n        return () => {\n          observer.unobserve(observerElement);\n          observerElement.remove();\n        };\n      }\n    }, [stickyHeader]);\n\n    return (\n      <>\n        <table\n          className={classNames(\n            'eds-table',\n            { 'eds-table--fixed': fixed },\n            { 'eds-table--middle': spacing === 'middle' },\n            { 'eds-table--small': spacing === 'small' },\n            { 'eds-table--sortable': sortable },\n            { 'eds-table--sticky-header': stickyHeader },\n            className,\n          )}\n          ref={mergeRefs(ref, tableRef)}\n          aria-describedby={sortable ? sortableHeaderId : undefined}\n          {...rest}\n        />\n        {sortable && (\n          <VisuallyHidden id={sortableHeaderId}>\n            {changeSortDescription}\n          </VisuallyHidden>\n        )}\n      </>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type TableHeadProps = {\n  /** Kolonneoverskrifter */\n  children: React.ReactNode;\n  /** Esktra klassenavn */\n  className?: string;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLTableSectionElement>,\n  HTMLTableSectionElement\n>;\n\nexport const TableHead = React.forwardRef<\n  HTMLTableSectionElement,\n  TableHeadProps\n>(({ className, ...props }, ref) => (\n  <thead\n    className={classNames('eds-table__head', className)}\n    ref={ref}\n    {...props}\n  />\n));\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type TableBodyProps = {\n  /** Tabellrader */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  ref?: React.Ref<HTMLTableSectionElement>;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLTableSectionElement>,\n  HTMLTableSectionElement\n>;\n\nexport const TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  TableBodyProps\n>(({ className, ...rest }, ref) => (\n  <tbody\n    className={classNames('eds-table__body', className)}\n    ref={ref}\n    {...rest}\n  />\n));\n","import React from 'react';\n\nexport type TableFooterProps = {\n  /** Tabellrader */\n  children: React.ReactNode;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLTableSectionElement>,\n  HTMLTableSectionElement\n>;\n\nexport const TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  TableFooterProps\n>(({ ...props }, ref) => <tfoot ref={ref} {...props} />);\n","import React from 'react';\nimport classNames from 'classnames';\n\nexport type TableRowProps = {\n  /** Tabellceller */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /**Hvis satt, så vil tabellraden endre fargen ved hover\n   * @default false\n   */\n  hover?: boolean;\n  /** Om raden er klikkbar, så vil raden endre farge, og musepekeren vil symbolisere interaktivitet\n   * @default false\n   */\n  active?: boolean;\n  /**Signalisere om at det er en feil i tabellraden\n   * @default false\n   */\n  error?: boolean;\n  ref?: React.Ref<HTMLTableRowElement>;\n} & React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  HTMLTableRowElement\n>;\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  (\n    { className, hover = false, active = false, error = false, ...rest },\n    ref: React.Ref<HTMLTableRowElement>,\n  ) => (\n    <tr\n      className={classNames('eds-table__row', className, {\n        'eds-table__row--hover': hover,\n        'eds-table__row--active': active,\n        'eds-table__row--error': error,\n      })}\n      ref={ref}\n      {...rest}\n    />\n  ),\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { BulletBadge } from '@entur/layout';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst danger = 'danger';\n\nexport type DataCellProps = {\n  /** Innholdet i tabellcellen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelse som settes for DataCell for ulikt innhold av komponenter */\n  padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';\n  /** @deprecated bruk variant */\n  status?: 'positive' | 'negative' | 'neutral';\n  /** Hvilken type status man vil vise */\n  variant?: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;\n} & React.DetailedHTMLProps<\n  React.TdHTMLAttributes<HTMLTableDataCellElement>,\n  HTMLTableDataCellElement\n>;\n\nfunction mapStatusToVariant(\n  status: 'positive' | 'negative' | 'neutral',\n): DataCellProps['variant'] {\n  switch (status) {\n    case 'positive':\n      return 'success';\n    case 'negative':\n      return 'negative';\n    case 'neutral':\n      return 'neutral';\n    default:\n      return 'neutral';\n  }\n}\n\nexport const DataCell = React.forwardRef<\n  HTMLTableDataCellElement,\n  DataCellProps\n>(\n  (\n    { className, padding = 'default', status, variant, children, ...rest },\n    ref: React.Ref<HTMLTableDataCellElement>,\n  ) => {\n    // If variant is undefined and status is defined, map status to variant\n    if (!variant && status) {\n      variant = mapStatusToVariant(status);\n    }\n    return (\n      <td\n        ref={ref}\n        className={classNames('eds-table__data-cell', className, {\n          'eds-table__data-cell--padding-checkbox': padding === 'checkbox',\n          'eds-table__data-cell--padding-radio': padding === 'radio',\n          'eds-table__data-cell--padding-overflow-menu':\n            padding === 'overflow-menu',\n        })}\n        {...rest}\n      >\n        {variant ? (\n          <BulletBadge variant={variant}>{children}</BulletBadge>\n        ) : (\n          children\n        )}\n      </td>\n    );\n  },\n);\n","import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { DownArrowIcon, UpArrowIcon, UnsortedIcon } from '@entur/icons';\n\nimport { ExternalSortConfig } from '.';\n\nimport './HeaderCell.scss';\nimport { VisuallyHidden } from '@entur/a11y';\n\nexport type HeaderCellProps = {\n  /** Kolonneoverskrift */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelse som settes for HeaderCell for ulikt innhold av komponenter */\n  padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';\n\n  /** Ekstra props som kan sendes til sorteringsknappelementet. Benyttes via useSortableTable */\n  sortableButtonProps?: React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n  >;\n\n  /** Om komponenten brukes til sortering. Benytt via useSortableTable\n   * @default false\n   */\n  sortable?: boolean;\n  /** Konfigurering og rekkefølgen på sortering. Benyttes via useSortableTable */\n  sortConfig?: ExternalSortConfig;\n  /** Navnet det skal sorteres på. Benyttes via useSortableTable */\n  name?: string;\n  sortedAscendingAriaLabel?: string;\n  sortedDescendingAriaLabel?: string;\n} & React.DetailedHTMLProps<\n  React.ThHTMLAttributes<HTMLTableCellElement>,\n  HTMLTableCellElement\n>;\n\nexport const HeaderCell = React.forwardRef<\n  HTMLTableCellElement,\n  HeaderCellProps\n>(\n  (\n    {\n      className,\n      children,\n      name,\n      sortable = false,\n      sortConfig,\n      padding = 'default',\n      sortableButtonProps,\n      sortedAscendingAriaLabel = ', sortert stigende',\n      sortedDescendingAriaLabel = ', sortert synkende',\n      ...rest\n    },\n    ref,\n  ) => {\n    const [isCurrentlySorted, setIsCurrentlySorted] =\n      React.useState<boolean>(false);\n    React.useEffect(() => {\n      sortConfig &&\n        name &&\n        setIsCurrentlySorted(sortConfig && name === sortConfig.key);\n    }, [sortConfig, name]);\n    const ariaSort = isCurrentlySorted\n      ? sortConfig && sortConfig.order\n      : undefined;\n\n    return (\n      <th\n        className={classNames('eds-table__header-cell', className, {\n          'eds-table__header-cell--sortable': sortable,\n          'eds-table__header-cell--padding-radio': padding === 'radio',\n          'eds-table__header-cell--padding-checkbox': padding === 'checkbox',\n          'eds-table__header-cell--padding-overflow-menu':\n            padding === 'overflow-menu',\n        })}\n        aria-sort={ariaSort}\n        ref={ref}\n        {...rest}\n      >\n        {sortable && sortConfig && sortableButtonProps ? (\n          <SortableHeaderCellButton\n            sortableButtonProps={sortableButtonProps}\n            sortConfig={sortConfig}\n            isCurrentlySorted={isCurrentlySorted}\n            ariaSort={ariaSort}\n            sortedAscendingAriaLabel={sortedAscendingAriaLabel}\n            sortedDescendingAriaLabel={sortedDescendingAriaLabel}\n          >\n            {children}\n          </SortableHeaderCellButton>\n        ) : (\n          children\n        )}\n      </th>\n    );\n  },\n);\n\ntype SortableHeaderCellButtonProps = {\n  sortConfig: ExternalSortConfig;\n  isCurrentlySorted: boolean;\n  sortableButtonProps: React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n  >;\n  ariaSort?: 'none' | 'ascending' | 'descending' | 'other' | undefined;\n  sortedAscendingAriaLabel?: string;\n  sortedDescendingAriaLabel?: string;\n};\n\nconst SortableHeaderCellButton: React.FC<SortableHeaderCellButtonProps> = ({\n  sortConfig,\n  sortableButtonProps,\n  isCurrentlySorted,\n  children,\n  ariaSort,\n  sortedAscendingAriaLabel,\n  sortedDescendingAriaLabel,\n}) => {\n  const [sortedAriaInfo, setSortedAriaInfo] = useState<string | undefined>('');\n\n  const { className, ...rest } = sortableButtonProps;\n\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;\n\n  useEffect(() => {\n    const DISMISS_SORT_INFO_TIME = 3000;\n    if (sortConfig.order == 'ascending') {\n      setSortedAriaInfo(sortedAscendingAriaLabel);\n    } else if (sortConfig.order == 'descending') {\n      setSortedAriaInfo(sortedDescendingAriaLabel);\n    }\n    const dismissAriaTimer = setTimeout(() => {\n      setSortedAriaInfo('');\n      if (isFirefox) setSortedAriaInfo(', sort ' + sortConfig.order);\n    }, DISMISS_SORT_INFO_TIME);\n\n    return () => clearTimeout(dismissAriaTimer);\n  }, [sortConfig.order]);\n\n  return (\n    <button\n      className={classNames('eds-table__header-cell-button', className)}\n      type=\"button\"\n      aria-sort={ariaSort}\n      {...rest}\n    >\n      {children}\n      {(!isCurrentlySorted || sortConfig.order === 'none') && (\n        <UnsortedIcon\n          size=\"1em\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'ascending' && (\n        <UpArrowIcon\n          size=\"1em\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"1em\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-hidden=\"true\"\n        />\n      )}\n      <VisuallyHidden>{isCurrentlySorted && sortedAriaInfo}</VisuallyHidden>\n    </button>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('table');\n\nexport * from './Table';\nexport * from './TableHead';\nexport * from './TableBody';\nexport * from './TableFooter';\nexport * from './TableRow';\nexport * from './DataCell';\nexport * from './HeaderCell';\nexport * from './useSortableTable';\nexport * from './EditableCell';\nexport * from './ExpandableRow';\nexport * from './ExpandRowButton';\nexport * from './useTableKeyboardNavigation';\n","import classNames from 'classnames';\nimport React from 'react';\nimport { DataCell } from './DataCell';\n\nimport { VariantProvider } from '@entur/form';\nimport { VariantType } from '@entur/utils';\nimport { Tooltip } from '@entur/tooltip';\n\nimport './EditableCell.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\ntype EditableCellProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Inputelementet som skal være i tabellcellen */\n  children: React.ReactElement;\n  /** Valideringsvariant for EditableCell */\n  variant?: VariantType | typeof error | typeof info;\n  /** Varselmelding, som vil komme som en Tooltip under EditableCell */\n  feedback?: string;\n  /** Om cellen skal vise omriss til enhver tid\n   * @default false\n   */\n  outlined?: boolean;\n  [key: string]: any;\n};\n\nexport const EditableCell: React.FC<EditableCellProps> = ({\n  children,\n  className,\n  feedback,\n  variant,\n  outlined = false,\n  ...rest\n}) => {\n  return (\n    <VariantProvider variant={variant}>\n      <DataCell\n        className={classNames(\n          'eds-editable-cell',\n          {\n            'eds-editable-cell--outlined': outlined,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        <Tooltip\n          disableHoverListener={!feedback}\n          disableFocusListener={!feedback}\n          placement=\"bottom\"\n          content={feedback || undefined}\n          variant={feedback ? 'negative' : undefined}\n        >\n          {children}\n        </Tooltip>\n      </DataCell>\n    </VariantProvider>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DownArrowIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport './ExpandRowButton.scss';\n\nexport type ExpandRowButtonProps = {\n  open: boolean;\n  onClick: (e: React.MouseEvent) => void;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const ExpandRowButton: React.FC<ExpandRowButtonProps> = ({\n  open,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <IconButton\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      aria-label={open ? 'Lukk tabellrad' : 'Utvid tabellrad'}\n      type=\"button\"\n      {...rest}\n    >\n      <DownArrowIcon aria-hidden className=\"eds-expand-row-button__icon\" />\n    </IconButton>\n  );\n};\n","import React from 'react';\nimport { BaseExpand } from '@entur/expand';\n\nexport type ExpandableRowProps = {\n  /** Antall kolonner tabellraden er */\n  colSpan: number;\n  /** Innholdet til ExpandableRow */\n  children: React.ReactNode;\n  /** Om ExpandableRow er åpen\n   * @default false\n   */\n  open?: boolean;\n};\n\nexport const ExpandableRow: React.FC<ExpandableRowProps> = ({\n  open = false,\n  children,\n  colSpan,\n}) => {\n  return (\n    <tr>\n      <td colSpan={colSpan}>\n        <BaseExpand open={open}>{children}</BaseExpand>\n      </td>\n    </tr>\n  );\n};\n","import {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  useMemo,\n  useState,\n} from 'react';\nimport get from 'lodash.get';\n\nexport type ExternalSortConfig = {\n  /**\n   * @default \"\"\n   */\n  key: string;\n  /** @default \"none\" */\n  order: 'ascending' | 'descending' | 'none';\n};\n\nexport function useSortableData<T>(\n  tableData: T[],\n  externalSortConfig: ExternalSortConfig = { key: '', order: 'none' },\n): {\n  sortedData: T[];\n  getSortableHeaderProps: (\n    args: SortableHeaderProps,\n  ) => SortableHeaderReturnProps;\n  getSortableTableProps: (\n    args?: SortableTableProps,\n  ) => SortableTableReturnProps;\n} {\n  const [sortConfig, setSortConfig] = useState(externalSortConfig);\n\n  const onSortRequested = (key: string) => {\n    const sortingNewColumn = key !== sortConfig.key;\n    if (sortingNewColumn || sortConfig.order === 'none')\n      return setSortConfig({ key, order: 'ascending' });\n    if (sortConfig.order === 'ascending')\n      return setSortConfig({ key, order: 'descending' });\n    if (sortConfig.order === 'descending')\n      return setSortConfig({ key, order: 'none' });\n  };\n\n  const tableSortedAscending = useMemo(\n    () =>\n      [...tableData].sort((a: any, b: any) => {\n        const valueOfA: string = get(a, sortConfig.key, a)?.toString() ?? '';\n        const valueOfB: string = get(b, sortConfig.key, b)?.toString() ?? '';\n\n        const stringComparator = new Intl.Collator(['no', 'en'], {\n          numeric: true,\n          sensitivity: 'base',\n        });\n\n        return stringComparator.compare(valueOfA, valueOfB);\n      }),\n    [tableData, sortConfig.key],\n  );\n\n  const sortedData = useMemo(() => {\n    switch (sortConfig.order) {\n      case 'ascending': {\n        return tableSortedAscending;\n      }\n      case 'descending': {\n        return [...tableSortedAscending].reverse();\n      }\n      case 'none': {\n        return tableData;\n      }\n      default: {\n        return tableData;\n      }\n    }\n  }, [sortConfig.order, tableData, tableSortedAscending]);\n\n  const getSortableHeaderProps = ({\n    name,\n    sortable = true,\n    buttonProps,\n    ...props\n  }: SortableHeaderProps): SortableHeaderReturnProps => {\n    return {\n      name,\n      sortable,\n      sortConfig: sortConfig,\n      sortableButtonProps: {\n        onClick: () => onSortRequested(name),\n        ...buttonProps,\n      },\n      ...props,\n    };\n  };\n\n  const getSortableTableProps = ({\n    sortable = true,\n    ...props\n  }: SortableTableProps = {}): SortableTableReturnProps => {\n    return {\n      sortable,\n      sortConfig: sortConfig,\n      ...props,\n    };\n  };\n\n  return { sortedData, getSortableHeaderProps, getSortableTableProps };\n}\n\nexport type SortableHeaderProps = {\n  /** Navnet headeren skal se etter i forhold til sortering av items */\n  name: string;\n  /** Om headeren skal være sorterbar eller ikke\n   * @default true */\n  sortable?: boolean;\n  /** Props som sendes til knapp-elementet  */\n  buttonProps?: Omit<\n    DetailedHTMLProps<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >,\n    'type' | 'onClick'\n  >;\n  [key: string]: any;\n};\n\nexport type SortableHeaderReturnProps = {\n  name: string;\n  sortable: boolean;\n  sortConfig: ExternalSortConfig;\n  [key: string]: any;\n};\n\nexport type SortableTableProps = {\n  /** @default true */\n  sortable?: boolean;\n  [key: string]: any;\n};\n\nexport type SortableTableReturnProps = {\n  /** @default true */\n  sortable?: boolean;\n  sortConfig: ExternalSortConfig;\n  [key: string]: any;\n};\n","import { useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport { TableBodyProps, TableRowProps } from './index';\n\nfunction onTableKeypress(\n  event: KeyboardEvent,\n  currentRow: number,\n  maxRow: number,\n  allowWrap?: boolean,\n) {\n  const keyPress = event.key;\n  switch (keyPress) {\n    case 'ArrowUp':\n      event.preventDefault();\n      if (allowWrap) {\n        return currentRow === 0 ? maxRow - 1 : currentRow - 1;\n      } else {\n        return currentRow > 0 ? currentRow - 1 : 0;\n      }\n    case 'ArrowDown':\n      event.preventDefault();\n      if (allowWrap) {\n        return currentRow === maxRow - 1 ? 0 : currentRow + 1;\n      } else {\n        return currentRow < maxRow - 1 ? currentRow + 1 : currentRow;\n      }\n    default:\n      return currentRow;\n  }\n}\n\nexport type useTableKeyboardNavigationProps = (\n  /** Antall rader i tabellen */\n  numberOfRows: number,\n  /** Tillate at man kan navigere sirkulært\n   * @default false\n   */\n  allowWrap?: boolean,\n) => {\n  getTableRowNavigationProps: (\n    /** Raden i tabellen (0-indeksert) */\n    row: number,\n  ) => Partial<TableRowProps>;\n  getTableBodyNavigationProps: () => Partial<TableBodyProps>;\n};\n\nexport const useTableKeyboardNavigation: useTableKeyboardNavigationProps = (\n  numberOfRows = 0,\n  allowWrap = true,\n) => {\n  const [currentRow, setCurrentRow] = useState(numberOfRows);\n  const [maxRow, setMaxRow] = useState(0);\n\n  const tableBodyRef = useRef<HTMLTableSectionElement>(null);\n  const tableHasFocus = tableBodyRef?.current?.contains(document.activeElement);\n\n  useEffect(() => {\n    tableBodyRef &&\n      tableBodyRef.current &&\n      tableHasFocus &&\n      tableBodyRef.current.childNodes[\n        currentRow\n      ].childNodes[0].parentElement?.focus();\n  }, [currentRow, tableHasFocus]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  const tableRowRef = useRef<HTMLTableRowElement>(null);\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    if (row >= maxRow) {\n      setMaxRow(row + 1);\n    }\n    const tabIndex = currentRow ? 0 : -1;\n    return {\n      tabIndex,\n      ref: tableRowRef,\n      onClick: () => setCurrentRow(row),\n      onKeyDown: (e: KeyboardEvent) => {\n        const newCell = onTableKeypress(e, currentRow, numberOfRows, allowWrap);\n        setCurrentRow(newCell);\n      },\n      ...rest,\n    };\n  }\n  return { getTableRowNavigationProps, getTableBodyNavigationProps };\n};\n"],"names":["Table","React","forwardRef","_ref","ref","className","_ref$fixed","fixed","_ref$spacing","spacing","_ref$sortable","sortable","_ref$changeSortDescri","changeSortDescription","_ref$stickyHeader","stickyHeader","rest","_objectWithoutPropertiesLoose","_excluded","sortableHeaderId","useRandomId","tableRef","useRef","useEffect","_tableElement$parentN","tableElement","current","observerElement","document","createElement","classList","add","parentNode","insertBefore","observer","IntersectionObserver","entries","toggle","isIntersecting","threshold","observe","unobserve","remove","Fragment","_extends","classNames","mergeRefs","undefined","VisuallyHidden","id","TableHead","props","TableBody","TableFooter","_objectDestructuringEmpty","TableRow","_ref$hover","hover","_ref$active","active","_ref$error","error","DataCell","_ref$padding","padding","status","variant","children","mapStatusToVariant","BulletBadge","HeaderCell","name","sortConfig","sortableButtonProps","_ref$sortedAscendingA","sortedAscendingAriaLabel","_ref$sortedDescending","sortedDescendingAriaLabel","_React$useState","useState","isCurrentlySorted","setIsCurrentlySorted","key","ariaSort","order","SortableHeaderCellButton","_ref2","_useState","sortedAriaInfo","setSortedAriaInfo","_excluded2","isFirefox","navigator","userAgent","toLowerCase","indexOf","dismissAriaTimer","setTimeout","clearTimeout","type","UnsortedIcon","size","UpArrowIcon","DownArrowIcon","warnAboutMissingStyles","feedback","_ref$outlined","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","onClick","IconButton","_ref$open","colSpan","BaseExpand","tableData","externalSortConfig","setSortConfig","tableSortedAscending","useMemo","concat","sort","a","b","_get$toString","_get","_get$toString2","_get2","valueOfA","get","toString","valueOfB","Intl","Collator","numeric","sensitivity","compare","sortedData","reverse","getSortableHeaderProps","buttonProps","getSortableTableProps","_temp","_ref2$sortable","numberOfRows","allowWrap","_tableBodyRef$current","currentRow","setCurrentRow","_useState2","maxRow","setMaxRow","tableBodyRef","tableHasFocus","contains","activeElement","_tableBodyRef$current2","childNodes","parentElement","focus","tableRowRef","getTableRowNavigationProps","row","tabIndex","_len2","arguments","length","Array","_key2","onKeyDown","e","newCell","event","preventDefault","onTableKeypress","getTableBodyNavigationProps","_len","_key"],"mappings":"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"}