@entur/table 4.5.29 → 4.5.30

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

@@ -1 +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/useTableKeyboardNavigation.tsx","../src/index.tsx","../src/EditableCell.tsx","../src/ExpandRowButton.tsx","../src/ExpandableRow.tsx","../src/useSortableTable.ts"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\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  /** 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      ...rest\n    },\n    ref,\n  ) => {\n    return (\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          className,\n        )}\n        ref={ref}\n        {...rest}\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\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  /** Viser en status-sirkel for DataCell */\n  status?: 'positive' | 'negative' | 'neutral';\n} & React.DetailedHTMLProps<\n  React.TdHTMLAttributes<HTMLTableDataCellElement>,\n  HTMLTableDataCellElement\n>;\n\nexport const DataCell = React.forwardRef<\n  HTMLTableDataCellElement,\n  DataCellProps\n>(\n  (\n    { className, padding = 'default', status = undefined, ...rest },\n    ref: React.Ref<HTMLTableDataCellElement>,\n  ) => (\n    <td\n      ref={ref}\n      className={classNames('eds-table__data-cell', className, {\n        [`eds-table__data-cell--status-${status}`]: status,\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  ),\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { DownArrowIcon, UpArrowIcon, UnsortedIcon } from '@entur/icons';\n\nimport { ExternalSortConfig } from '.';\n\nimport './HeaderCell.scss';\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} & 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      ...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      : 'none';\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          >\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};\n\nconst SortableHeaderCellButton: React.FC<SortableHeaderCellButtonProps> = ({\n  sortConfig,\n  sortableButtonProps,\n  isCurrentlySorted,\n  children,\n}) => {\n  const { className, ...rest } = sortableButtonProps;\n  return (\n    <button\n      className={classNames('eds-table__header-cell-button', className)}\n      type=\"button\"\n      {...rest}\n    >\n      {children}\n      {(!isCurrentlySorted || sortConfig.order === 'none') && (\n        <UnsortedIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"usortert kolonne\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"stigende sortert kolonne\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"synkende sortert kolonne\"\n        />\n      )}\n    </button>\n  );\n};\n","import React, { useState } from 'react';\nimport { TableBodyProps, TableRowProps } from './index';\n\nfunction onTableKeypress(\n  event: React.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 = React.useRef<HTMLTableSectionElement>(null);\n  const tableHasFocus = tableBodyRef?.current?.contains(document.activeElement);\n\n  React.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 = React.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: React.KeyboardEvent) => {\n        const newCell = onTableKeypress(e, currentRow, numberOfRows, allowWrap);\n        setCurrentRow(newCell);\n      },\n      ...rest,\n    };\n  }\n  return { getTableRowNavigationProps, getTableBodyNavigationProps };\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';\nimport { VariantProvider, VariantType } from '@entur/form';\nimport { Tooltip } from '@entur/tooltip';\nimport './EditableCell.scss';\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;\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 ? 'error' : 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      {...rest}\n    >\n      <DownArrowIcon 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 React 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  rawData: T[],\n  externalSortConfig: ExternalSortConfig = { key: '', order: 'none' },\n): {\n  sortedData: T[];\n  getSortableHeaderProps: (\n    args: SortableHeaderProps,\n  ) => SortableHeaderReturnProps;\n  getSortableTableProps: (args: SortableTableProps) => SortableTableReturnProps;\n} {\n  const [sortConfig, setSortConfig] = React.useState(externalSortConfig);\n  const tableCopy = rawData.slice();\n\n  React.useEffect(() => {\n    setSortConfig({\n      key: externalSortConfig.key,\n      order: externalSortConfig.order,\n    });\n  }, [externalSortConfig.key, externalSortConfig.order]);\n\n  const sortedData: T[] = React.useMemo(() => {\n    if (sortConfig.order === 'none') {\n      return tableCopy;\n    }\n    return [...rawData].sort((a: any, b: any) => {\n      if (get(a, sortConfig.key) < get(b, sortConfig.key)) {\n        return sortConfig.order === 'ascending' ? -1 : 1;\n      } else if (get(a, sortConfig.key) > get(b, sortConfig.key)) {\n        return sortConfig.order === 'ascending' ? 1 : -1;\n      } else {\n        return 0;\n      }\n    });\n  }, [rawData, tableCopy, sortConfig]);\n\n  const onSortRequested = (key: string) => {\n    let order: 'ascending' | 'descending' | 'none' = 'ascending';\n    if (sortConfig.key === key && sortConfig.order === 'ascending') {\n      order = 'descending';\n    } else if (sortConfig.key === key && sortConfig.order === 'descending') {\n      order = 'none';\n    }\n\n    setSortConfig({ key, order });\n  };\n\n  function 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  function 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    React.DetailedHTMLProps<\n      React.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"],"names":["Table","React","forwardRef","ref","className","_ref$fixed","fixed","_ref$spacing","spacing","_ref$sortable","sortable","rest","classNames","TableHead","props","TableBody","TableFooter","TableRow","_ref$hover","hover","_ref$active","active","_ref$error","error","DataCell","_ref$padding","padding","_ref$status","status","undefined","HeaderCell","children","name","sortConfig","sortableButtonProps","useState","isCurrentlySorted","setIsCurrentlySorted","useEffect","key","ariaSort","order","SortableHeaderCellButton","type","UnsortedIcon","size","UpArrowIcon","DownArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","preventDefault","warnAboutMissingStyles","feedback","variant","_ref$outlined","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","onClick","IconButton","colSpan","BaseExpand","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","getSortableHeaderProps","buttonProps","getSortableTableProps","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","_tableBodyRef$current","contains","document","activeElement","childNodes","parentElement","_tableBodyRef$current2","focus","tableRowRef","getTableRowNavigationProps","row","tabIndex","onKeyDown","e","newCell","getTableBodyNavigationProps"],"mappings":"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"}
+{"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/useTableKeyboardNavigation.tsx","../src/index.tsx","../src/EditableCell.tsx","../src/ExpandRowButton.tsx","../src/ExpandableRow.tsx","../src/useSortableTable.ts"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\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  /** 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      ...rest\n    },\n    ref,\n  ) => {\n    return (\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          className,\n        )}\n        ref={ref}\n        {...rest}\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\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  /** Viser en status-sirkel for DataCell */\n  status?: 'positive' | 'negative' | 'neutral';\n} & React.DetailedHTMLProps<\n  React.TdHTMLAttributes<HTMLTableDataCellElement>,\n  HTMLTableDataCellElement\n>;\n\nexport const DataCell = React.forwardRef<\n  HTMLTableDataCellElement,\n  DataCellProps\n>(\n  (\n    { className, padding = 'default', status = undefined, ...rest },\n    ref: React.Ref<HTMLTableDataCellElement>,\n  ) => (\n    <td\n      ref={ref}\n      className={classNames('eds-table__data-cell', className, {\n        [`eds-table__data-cell--status-${status}`]: status,\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  ),\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { DownArrowIcon, UpArrowIcon, UnsortedIcon } from '@entur/icons';\n\nimport { ExternalSortConfig } from '.';\n\nimport './HeaderCell.scss';\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} & 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      ...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      : 'none';\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          >\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};\n\nconst SortableHeaderCellButton: React.FC<SortableHeaderCellButtonProps> = ({\n  sortConfig,\n  sortableButtonProps,\n  isCurrentlySorted,\n  children,\n}) => {\n  const { className, ...rest } = sortableButtonProps;\n  return (\n    <button\n      className={classNames('eds-table__header-cell-button', className)}\n      type=\"button\"\n      {...rest}\n    >\n      {children}\n      {(!isCurrentlySorted || sortConfig.order === 'none') && (\n        <UnsortedIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"usortert kolonne\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"stigende sortert kolonne\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n          aria-label=\"synkende sortert kolonne\"\n        />\n      )}\n    </button>\n  );\n};\n","import React, { useState } from 'react';\nimport { TableBodyProps, TableRowProps } from './index';\n\nfunction onTableKeypress(\n  event: React.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 = React.useRef<HTMLTableSectionElement>(null);\n  const tableHasFocus = tableBodyRef?.current?.contains(document.activeElement);\n\n  React.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 = React.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: React.KeyboardEvent) => {\n        const newCell = onTableKeypress(e, currentRow, numberOfRows, allowWrap);\n        setCurrentRow(newCell);\n      },\n      ...rest,\n    };\n  }\n  return { getTableRowNavigationProps, getTableBodyNavigationProps };\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';\nimport { VariantProvider, VariantType } from '@entur/form';\nimport { Tooltip } from '@entur/tooltip';\nimport './EditableCell.scss';\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;\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 ? 'error' : 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      {...rest}\n    >\n      <DownArrowIcon 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 React 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  rawData: T[],\n  externalSortConfig: ExternalSortConfig = { key: '', order: 'none' },\n): {\n  sortedData: T[];\n  getSortableHeaderProps: (\n    args: SortableHeaderProps,\n  ) => SortableHeaderReturnProps;\n  getSortableTableProps: (args: SortableTableProps) => SortableTableReturnProps;\n} {\n  const [sortConfig, setSortConfig] = React.useState(externalSortConfig);\n  const tableCopy = rawData.slice();\n\n  React.useEffect(() => {\n    setSortConfig({\n      key: externalSortConfig.key,\n      order: externalSortConfig.order,\n    });\n  }, [externalSortConfig.key, externalSortConfig.order]);\n\n  const sortedData: T[] = React.useMemo(() => {\n    if (sortConfig.order === 'none') {\n      return tableCopy;\n    }\n    return [...rawData].sort((a: any, b: any) => {\n      if (get(a, sortConfig.key) < get(b, sortConfig.key)) {\n        return sortConfig.order === 'ascending' ? -1 : 1;\n      } else if (get(a, sortConfig.key) > get(b, sortConfig.key)) {\n        return sortConfig.order === 'ascending' ? 1 : -1;\n      } else {\n        return 0;\n      }\n    });\n  }, [rawData, tableCopy, sortConfig]);\n\n  const onSortRequested = (key: string) => {\n    let order: 'ascending' | 'descending' | 'none' = 'ascending';\n    if (sortConfig.key === key && sortConfig.order === 'ascending') {\n      order = 'descending';\n    } else if (sortConfig.key === key && sortConfig.order === 'descending') {\n      order = 'none';\n    }\n\n    setSortConfig({ key, order });\n  };\n\n  function 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  function 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    React.DetailedHTMLProps<\n      React.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"],"names":["Table","React","forwardRef","ref","className","fixed","spacing","sortable","rest","classNames","TableHead","props","TableBody","TableFooter","TableRow","hover","active","error","DataCell","padding","status","undefined","HeaderCell","children","name","sortConfig","sortableButtonProps","useState","isCurrentlySorted","setIsCurrentlySorted","useEffect","key","ariaSort","order","SortableHeaderCellButton","type","UnsortedIcon","size","UpArrowIcon","DownArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","preventDefault","warnAboutMissingStyles","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","onClick","IconButton","colSpan","BaseExpand","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","getSortableHeaderProps","buttonProps","getSortableTableProps","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","_tableBodyRef$current","contains","document","activeElement","childNodes","parentElement","_tableBodyRef$current2","focus","tableRowRef","getTableRowNavigationProps","row","tabIndex","onKeyDown","e","newCell","getTableBodyNavigationProps"],"mappings":"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"}

package/dist/table.esm.js

@@ -12,42 +12,46 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure undefined");
-}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
 var _excluded$8 = ["className", "fixed", "spacing", "sortable"];
 var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    _ref$fixed = _ref.fixed,
-    fixed = _ref$fixed === void 0 ? false : _ref$fixed,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
-    _ref$sortable = _ref.sortable,
-    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+      _ref$fixed = _ref.fixed,
+      fixed = _ref$fixed === void 0 ? false : _ref$fixed,
+      _ref$spacing = _ref.spacing,
+      spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+      _ref$sortable = _ref.sortable,
+      sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+
   return React.createElement("table", _extends({
     className: classNames('eds-table', {
       'eds-table--fixed': fixed
@@ -65,7 +69,8 @@ var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$7 = ["className"];
 var TableHead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+
   return React.createElement("thead", _extends({
     className: classNames('eds-table__head', className),
     ref: ref
@@ -75,7 +80,8 @@ var TableHead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$6 = ["className"];
 var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+
   return React.createElement("tbody", _extends({
     className: classNames('eds-table__body', className),
     ref: ref
@@ -83,7 +89,8 @@ var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 var TableFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var props = _extends({}, _ref);
+
   return React.createElement("tfoot", _extends({
     ref: ref
   }, props));
@@ -92,13 +99,14 @@ var TableFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$5 = ["className", "hover", "active", "error"];
 var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    _ref$hover = _ref.hover,
-    hover = _ref$hover === void 0 ? false : _ref$hover,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      _ref$hover = _ref.hover,
+      hover = _ref$hover === void 0 ? false : _ref$hover,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      _ref$error = _ref.error,
+      error = _ref$error === void 0 ? false : _ref$error,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
   return React.createElement("tr", _extends({
     className: classNames('eds-table__row', className, {
       'eds-table__row--hover': hover,
@@ -112,12 +120,14 @@ var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$4 = ["className", "padding", "status"];
 var DataCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _classNames;
+
   var className = _ref.className,
-    _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? undefined : _ref$status,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? undefined : _ref$status,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+
   return React.createElement("td", _extends({
     ref: ref,
     className: classNames('eds-table__data-cell', className, (_classNames = {}, _classNames["eds-table__data-cell--status-" + status] = status, _classNames['eds-table__data-cell--padding-checkbox'] = padding === 'checkbox', _classNames['eds-table__data-cell--padding-radio'] = padding === 'radio', _classNames['eds-table__data-cell--padding-overflow-menu'] = padding === 'overflow-menu', _classNames))
@@ -125,21 +135,23 @@ var DataCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 var _excluded$3 = ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps"],
-  _excluded2$1 = ["className"];
+    _excluded2$1 = ["className"];
 var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-    children = _ref.children,
-    name = _ref.name,
-    _ref$sortable = _ref.sortable,
-    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
-    sortConfig = _ref.sortConfig,
-    _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-    sortableButtonProps = _ref.sortableButtonProps,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      children = _ref.children,
+      name = _ref.name,
+      _ref$sortable = _ref.sortable,
+      sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+      sortConfig = _ref.sortConfig,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+      sortableButtonProps = _ref.sortableButtonProps,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
   var _React$useState = React.useState(false),
-    isCurrentlySorted = _React$useState[0],
-    setIsCurrentlySorted = _React$useState[1];
+      isCurrentlySorted = _React$useState[0],
+      setIsCurrentlySorted = _React$useState[1];
+
   React.useEffect(function () {
     sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
   }, [sortConfig, name]);
@@ -159,13 +171,16 @@ var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isCurrentlySorted: isCurrentlySorted
   }, children) : children);
 });
+
 var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
   var sortConfig = _ref2.sortConfig,
-    sortableButtonProps = _ref2.sortableButtonProps,
-    isCurrentlySorted = _ref2.isCurrentlySorted,
-    children = _ref2.children;
+      sortableButtonProps = _ref2.sortableButtonProps,
+      isCurrentlySorted = _ref2.isCurrentlySorted,
+      children = _ref2.children;
+
   var className = sortableButtonProps.className,
-    rest = _objectWithoutPropertiesLoose(sortableButtonProps, _excluded2$1);
+      rest = _objectWithoutPropertiesLoose(sortableButtonProps, _excluded2$1);
+
   return React.createElement("button", _extends({
     className: classNames('eds-table__header-cell-button', className),
     type: "button"
@@ -185,7 +200,7 @@ var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
 };
 
 var _excluded$2 = ["name", "sortable", "buttonProps"],
-  _excluded2 = ["sortable"];
+    _excluded2 = ["sortable"];
 function useSortableData(rawData, externalSortConfig) {
   if (externalSortConfig === void 0) {
     externalSortConfig = {
@@ -193,9 +208,11 @@ function useSortableData(rawData, externalSortConfig) {
       order: 'none'
     };
   }
+
   var _React$useState = React.useState(externalSortConfig),
-    sortConfig = _React$useState[0],
-    setSortConfig = _React$useState[1];
+      sortConfig = _React$useState[0],
+      setSortConfig = _React$useState[1];
+
   var tableCopy = rawData.slice();
   React.useEffect(function () {
     setSortConfig({
@@ -207,6 +224,7 @@ function useSortableData(rawData, externalSortConfig) {
     if (sortConfig.order === 'none') {
       return tableCopy;
     }
+
     return [].concat(rawData).sort(function (a, b) {
       if (get(a, sortConfig.key) < get(b, sortConfig.key)) {
         return sortConfig.order === 'ascending' ? -1 : 1;
@@ -217,24 +235,29 @@ function useSortableData(rawData, externalSortConfig) {
       }
     });
   }, [rawData, tableCopy, sortConfig]);
+
   var onSortRequested = function onSortRequested(key) {
     var order = 'ascending';
+
     if (sortConfig.key === key && sortConfig.order === 'ascending') {
       order = 'descending';
     } else if (sortConfig.key === key && sortConfig.order === 'descending') {
       order = 'none';
     }
+
     setSortConfig({
       key: key,
       order: order
     });
   };
+
   function getSortableHeaderProps(_ref) {
     var name = _ref.name,
-      _ref$sortable = _ref.sortable,
-      sortable = _ref$sortable === void 0 ? true : _ref$sortable,
-      buttonProps = _ref.buttonProps,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+        _ref$sortable = _ref.sortable,
+        sortable = _ref$sortable === void 0 ? true : _ref$sortable,
+        buttonProps = _ref.buttonProps,
+        props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
     return _extends({
       name: name,
       sortable: sortable,
@@ -246,15 +269,18 @@ function useSortableData(rawData, externalSortConfig) {
       }, buttonProps)
     }, props);
   }
+
   function getSortableTableProps(_ref2) {
     var _ref2$sortable = _ref2.sortable,
-      sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+        sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
+        props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+
     return _extends({
       sortable: sortable,
       sortConfig: sortConfig
     }, props);
   }
+
   return {
     sortedData: sortedData,
     getSortableHeaderProps: getSortableHeaderProps,
@@ -265,12 +291,13 @@ function useSortableData(rawData, externalSortConfig) {
 var _excluded$1 = ["children", "className", "feedback", "variant", "outlined"];
 var EditableCell = function EditableCell(_ref) {
   var children = _ref.children,
-    className = _ref.className,
-    feedback = _ref.feedback,
-    variant = _ref.variant,
-    _ref$outlined = _ref.outlined,
-    outlined = _ref$outlined === void 0 ? false : _ref$outlined,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      className = _ref.className,
+      feedback = _ref.feedback,
+      variant = _ref.variant,
+      _ref$outlined = _ref.outlined,
+      outlined = _ref$outlined === void 0 ? false : _ref$outlined,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   return React.createElement(VariantProvider, {
     variant: variant
   }, React.createElement(DataCell, _extends({
@@ -288,9 +315,9 @@ var EditableCell = function EditableCell(_ref) {
 
 var ExpandableRow = function ExpandableRow(_ref) {
   var _ref$open = _ref.open,
-    open = _ref$open === void 0 ? false : _ref$open,
-    children = _ref.children,
-    colSpan = _ref.colSpan;
+      open = _ref$open === void 0 ? false : _ref$open,
+      children = _ref.children,
+      colSpan = _ref.colSpan;
   return React.createElement("tr", null, React.createElement("td", {
     colSpan: colSpan
   }, React.createElement(BaseExpand, {
@@ -301,8 +328,9 @@ var ExpandableRow = function ExpandableRow(_ref) {
 var _excluded = ["open", "onClick"];
 var ExpandRowButton = function ExpandRowButton(_ref) {
   var open = _ref.open,
-    onClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      onClick = _ref.onClick,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   return React.createElement(IconButton, _extends({
     className: classNames('eds-expand-row-button', {
       'eds-expand-row-button--open': open
@@ -316,62 +344,81 @@ var ExpandRowButton = function ExpandRowButton(_ref) {
 
 function onTableKeypress(event, currentRow, maxRow, allowWrap) {
   var keyPress = event.key;
+
   switch (keyPress) {
     case 'ArrowUp':
       event.preventDefault();
+
       if (allowWrap) {
         return currentRow === 0 ? maxRow - 1 : currentRow - 1;
       } else {
         return currentRow > 0 ? currentRow - 1 : 0;
       }
+
     case 'ArrowDown':
       event.preventDefault();
+
       if (allowWrap) {
         return currentRow === maxRow - 1 ? 0 : currentRow + 1;
       } else {
         return currentRow < maxRow - 1 ? currentRow + 1 : currentRow;
       }
+
     default:
       return currentRow;
   }
 }
+
 var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRows, allowWrap) {
   var _tableBodyRef$current;
+
   if (numberOfRows === void 0) {
     numberOfRows = 0;
   }
+
   if (allowWrap === void 0) {
     allowWrap = true;
   }
+
   var _useState = useState(numberOfRows),
-    currentRow = _useState[0],
-    setCurrentRow = _useState[1];
+      currentRow = _useState[0],
+      setCurrentRow = _useState[1];
+
   var _useState2 = useState(0),
-    maxRow = _useState2[0],
-    setMaxRow = _useState2[1];
+      maxRow = _useState2[0],
+      setMaxRow = _useState2[1];
+
   var tableBodyRef = React.useRef(null);
   var tableHasFocus = tableBodyRef == null ? void 0 : (_tableBodyRef$current = tableBodyRef.current) == null ? void 0 : _tableBodyRef$current.contains(document.activeElement);
   React.useEffect(function () {
     var _tableBodyRef$current2;
+
     tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus());
   }, [currentRow, tableHasFocus]);
+
   function getTableBodyNavigationProps() {
     for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
       rest[_key] = arguments[_key];
     }
+
     return _extends({
       ref: tableBodyRef
     }, rest);
   }
+
   var tableRowRef = React.useRef(null);
+
   function getTableRowNavigationProps(row) {
     if (row >= maxRow) {
       setMaxRow(row + 1);
     }
+
     var tabIndex = currentRow ? 0 : -1;
+
     for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       rest[_key2 - 1] = arguments[_key2];
     }
+
     return _extends({
       tabIndex: tabIndex,
       ref: tableRowRef,
@@ -384,6 +431,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
       }
     }, rest);
   }
+
   return {
     getTableRowNavigationProps: getTableRowNavigationProps,
     getTableBodyNavigationProps: getTableBodyNavigationProps