@entur/table 4.5.10 → 4.5.13

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.5.13](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.12...@entur/table@4.5.13) (2022-06-24)
+
+**Note:** Version bump only for package @entur/table
+
+## [4.5.12](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.11...@entur/table@4.5.12) (2022-06-02)
+
+**Note:** Version bump only for package @entur/table
+
+## [4.5.11](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.10...@entur/table@4.5.11) (2022-05-13)
+
+**Note:** Version bump only for package @entur/table
+
 ## [4.5.10](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.9...@entur/table@4.5.10) (2022-05-04)
 
 **Note:** Version bump only for package @entur/table

package/dist/table.cjs.development.js

@@ -395,7 +395,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
   React__default["default"].useEffect(function () {
     var _tableBodyRef$current2;
 
-    tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus());
+    tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus()); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentRow]);
 
   function getTableBodyNavigationProps() {
@@ -409,9 +409,11 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
   }
 
   function getTableRowNavigationProps(row) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React__default["default"].useEffect(function () {
-      row >= maxRow && setMaxRow(row + 1);
-    }, []);
+      row >= maxRow && setMaxRow(row + 1); // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // eslint-disable-next-line react-hooks/rules-of-hooks
+
     var tableRowRef = React__default["default"].useRef(null);
     var tabIndex = -1;
     row === currentRow ? tabIndex = 0 : undefined;

package/dist/table.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.cjs.development.js","sources":["../src/Table.tsx","../src/TableHead.tsx","../src/TableBody.tsx","../src/TableFooter.tsx","../src/TableRow.tsx","../src/DataCell.tsx","../src/HeaderCell.tsx","../src/useSortableTable.ts","../src/EditableCell.tsx","../src/ExpandableRow.tsx","../src/ExpandRowButton.tsx","../src/useTableKeyboardNavigation.tsx","../src/index.tsx"],"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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n    </button>\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","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 { 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 classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\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]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n    }, []);\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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"],"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","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","buttonProps","onClick","getSortableTableProps","EditableCell","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","ExpandableRow","open","colSpan","BaseExpand","ExpandRowButton","RightArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","keyPress","preventDefault","useTableKeyboardNavigation","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","contains","document","activeElement","childNodes","parentElement","focus","getTableBodyNavigationProps","getTableRowNavigationProps","row","tableRowRef","tabIndex","onKeyDown","e","newCell","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"table.cjs.development.js","sources":["../src/Table.tsx","../src/TableHead.tsx","../src/TableBody.tsx","../src/TableFooter.tsx","../src/TableRow.tsx","../src/DataCell.tsx","../src/HeaderCell.tsx","../src/useSortableTable.ts","../src/EditableCell.tsx","../src/ExpandableRow.tsx","../src/ExpandRowButton.tsx","../src/useTableKeyboardNavigation.tsx","../src/index.tsx"],"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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n    </button>\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","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 { 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 classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentRow]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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"],"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","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","buttonProps","onClick","getSortableTableProps","EditableCell","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","ExpandableRow","open","colSpan","BaseExpand","ExpandRowButton","RightArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","keyPress","preventDefault","useTableKeyboardNavigation","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","contains","document","activeElement","childNodes","parentElement","focus","getTableBodyNavigationProps","getTableRowNavigationProps","row","tableRowRef","tabIndex","onKeyDown","e","newCell","warnAboutMissingStyles"],"mappings":"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"}

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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\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]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n    }, []);\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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 { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\n    </button>\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","UpArrowIcon","size","DownArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","preventDefault","warnAboutMissingStyles","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","onClick","RightArrowIcon","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","getTableRowNavigationProps","row","tableRowRef","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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentRow]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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 { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\n    </button>\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","UpArrowIcon","size","DownArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","preventDefault","warnAboutMissingStyles","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","onClick","RightArrowIcon","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","getTableRowNavigationProps","row","tableRowRef","tabIndex","onKeyDown","e","newCell","getTableBodyNavigationProps"],"mappings":"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"}

package/dist/table.esm.js

@@ -385,7 +385,7 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
   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());
+    tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus()); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [currentRow]);
 
   function getTableBodyNavigationProps() {
@@ -399,9 +399,11 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
   }
 
   function getTableRowNavigationProps(row) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(function () {
-      row >= maxRow && setMaxRow(row + 1);
-    }, []);
+      row >= maxRow && setMaxRow(row + 1); // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // eslint-disable-next-line react-hooks/rules-of-hooks
+
     var tableRowRef = React.useRef(null);
     var tabIndex = -1;
     row === currentRow ? tabIndex = 0 : undefined;

package/dist/table.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.esm.js","sources":["../src/Table.tsx","../src/TableHead.tsx","../src/TableBody.tsx","../src/TableFooter.tsx","../src/TableRow.tsx","../src/DataCell.tsx","../src/HeaderCell.tsx","../src/useSortableTable.ts","../src/EditableCell.tsx","../src/ExpandableRow.tsx","../src/ExpandRowButton.tsx","../src/useTableKeyboardNavigation.tsx","../src/index.tsx"],"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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n    </button>\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","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 { 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 classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\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]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n    }, []);\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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"],"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","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","buttonProps","onClick","getSortableTableProps","EditableCell","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","ExpandableRow","open","colSpan","BaseExpand","ExpandRowButton","RightArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","keyPress","preventDefault","useTableKeyboardNavigation","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","contains","document","activeElement","childNodes","parentElement","focus","getTableBodyNavigationProps","getTableRowNavigationProps","row","tableRowRef","tabIndex","onKeyDown","e","newCell","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"table.esm.js","sources":["../src/Table.tsx","../src/TableHead.tsx","../src/TableBody.tsx","../src/TableFooter.tsx","../src/TableRow.tsx","../src/DataCell.tsx","../src/HeaderCell.tsx","../src/useSortableTable.ts","../src/EditableCell.tsx","../src/ExpandableRow.tsx","../src/ExpandRowButton.tsx","../src/useTableKeyboardNavigation.tsx","../src/index.tsx"],"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';\nimport { DownArrowIcon, UpArrowIcon } from '@entur/icons';\nimport './HeaderCell.scss';\nimport { ExternalSortConfig } from '.';\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 === 'ascending' && (\n        <UpArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n      {isCurrentlySorted && sortConfig.order === 'descending' && (\n        <DownArrowIcon\n          size=\"16px\"\n          className=\"eds-table__header-cell-button-icon\"\n        />\n      )}\n    </button>\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","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 { 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 classNames from 'classnames';\nimport { RightArrowIcon } from '@entur/icons';\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    <button\n      className={classNames('eds-expand-row-button', {\n        'eds-expand-row-button--open': open,\n      })}\n      onClick={onClick}\n      {...rest}\n    >\n      <RightArrowIcon className=\"eds-expand-row-button__icon\" />\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentRow]);\n\n  function getTableBodyNavigationProps(...rest: any): Partial<TableBodyProps> {\n    return {\n      ref: tableBodyRef,\n      ...rest,\n    };\n  }\n\n  function getTableRowNavigationProps(\n    row: number,\n    ...rest: any\n  ): Partial<TableRowProps> {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      row >= maxRow && setMaxRow(row + 1);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const tableRowRef = React.useRef<HTMLTableRowElement>(null);\n\n    let tabIndex = -1;\n    row === currentRow ? (tabIndex = 0) : undefined;\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"],"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","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","buttonProps","onClick","getSortableTableProps","EditableCell","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","ExpandableRow","open","colSpan","BaseExpand","ExpandRowButton","RightArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","keyPress","preventDefault","useTableKeyboardNavigation","numberOfRows","setCurrentRow","setMaxRow","tableBodyRef","useRef","tableHasFocus","current","contains","document","activeElement","childNodes","parentElement","focus","getTableBodyNavigationProps","getTableRowNavigationProps","row","tableRowRef","tabIndex","onKeyDown","e","newCell","warnAboutMissingStyles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/table",
-  "version": "4.5.10",
+  "version": "4.5.13",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/table.esm.js",
@@ -27,8 +27,8 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/expand": "^3.3.12",
-    "@entur/form": "^5.3.4",
+    "@entur/expand": "^3.3.15",
+    "@entur/form": "^5.3.7",
     "@entur/utils": "^0.4.3",
     "@types/lodash.get": "^4.4.6",
     "classnames": "^2.3.1",
@@ -37,5 +37,5 @@
   "devDependencies": {
     "@entur/tokens": "^3.3.2"
   },
-  "gitHead": "0fba0071ad9dc75cc68b72b846f5bab78be12449"
+  "gitHead": "974289b6579ade4460d12aa877a89e454c983d48"
 }