@entur/table 4.4.1 → 4.5.3

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.5.3](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.2...@entur/table@4.5.3) (2022-01-21)
+
+**Note:** Version bump only for package @entur/table
+
+## [4.5.2](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.1...@entur/table@4.5.2) (2022-01-05)
+
+**Note:** Version bump only for package @entur/table
+
+## [4.5.1](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.0...@entur/table@4.5.1) (2021-12-10)
+
+**Note:** Version bump only for package @entur/table
+
+# [4.5.0](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.4.1...@entur/table@4.5.0) (2021-11-17)
+
+### Bug Fixes
+
+- **headercell:** improve typings of props ([f8fff33](https://bitbucket.org/enturas/design-system/commits/f8fff33a6a94d1932d9d21df946ee62702ba6690))
+- **useSortableTable:** apply focus styling for sortable HeaderCells ([cf481eb](https://bitbucket.org/enturas/design-system/commits/cf481eb8528c056e3e07ab8e37b94e374d1ca5d7))
+
+### Features
+
+- **usesortabletable:** add buttonProps to getSortableeHeaderProps ([a5f3d48](https://bitbucket.org/enturas/design-system/commits/a5f3d48518f2ab729a91df0c58e367279fbdaa69))
+
 ## [4.4.1](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.4.0...@entur/table@4.4.1) (2021-10-25)
 
 ### Bug Fixes

package/dist/HeaderCell.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './HeaderCell.scss';
+import { ExternalSortConfig } from '.';
 export declare type HeaderCellProps = {
     /** Kolonneoverskrift */
     children: React.ReactNode;
@@ -7,6 +8,15 @@ export declare type HeaderCellProps = {
     className?: string;
     /** Størrelse som settes for HeaderCell for ulikt innhold av komponenter */
     padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';
-    [key: string]: any;
-};
-export declare const HeaderCell: React.ForwardRefExoticComponent<Pick<HeaderCellProps, React.ReactText> & React.RefAttributes<HTMLTableHeaderCellElement>>;
+    /** Ekstra props som kan sendes til sorteringsknappelementet. Benyttes via useSortableTable */
+    sortableButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    /** Om komponenten brukes til sortering. Benytt via useSortableTable
+     * @default false
+     */
+    sortable?: boolean;
+    /** Konfigurering og rekkefølgen på sortering. Benyttes via useSortableTable */
+    sortConfig?: ExternalSortConfig;
+    /** Navnet det skal sorteres på. Benyttes via useSortableTable */
+    name?: string;
+} & React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>;
+export declare const HeaderCell: React.ForwardRefExoticComponent<Pick<HeaderCellProps, "className" | "children" | "name" | "sortable" | "sortConfig" | "padding" | "sortableButtonProps" | "key" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "abbr" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/styles.css

@@ -162,33 +162,12 @@
   position: absolute;
   top: 0.75rem;
   margin-left: 0.25rem;
-}/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-expand-row-button {
-  background: #ffffff;
-  border: none;
-  border-radius: 50%;
-  font-family: inherit;
-  cursor: pointer;
-  height: 1.5rem;
-  width: 1.5rem;
-  padding: 0.25rem;
 }
-.eds-expand-row-button:focus {
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
-}
-.eds-contrast .eds-expand-row-button:focus {
-  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
-}
-.eds-contrast .eds-expand-row-button {
-  background: #181c56;
-}
-.eds-expand-row-button--open .eds-expand-row-button__icon {
-  transform: rotate(90deg);
+.eds-table__header-cell-button:focus {
+  outline: 2px solid #181c56;
 }
-.eds-expand-row-button__icon {
-  transition: transform ease-in-out 0.2s;
+.eds-contrast .eds-table__header-cell-button:focus {
+  outline: 2px solid #ffffff;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-editable-cell {
@@ -281,4 +260,31 @@
 }
 .eds-table--small .eds-editable-cell .eds-form-control-wrapper .eds-form-control {
   padding: calc(0.25rem - 0.125rem) calc(0.5rem - 0.0625rem);
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-expand-row-button {
+  background: #ffffff;
+  border: none;
+  border-radius: 50%;
+  font-family: inherit;
+  cursor: pointer;
+  height: 1.5rem;
+  width: 1.5rem;
+  padding: 0.25rem;
+}
+.eds-expand-row-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
+.eds-contrast .eds-expand-row-button:focus {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
+.eds-contrast .eds-expand-row-button {
+  background: #181c56;
+}
+.eds-expand-row-button--open .eds-expand-row-button__icon {
+  transform: rotate(90deg);
+}
+.eds-expand-row-button__icon {
+  transition: transform ease-in-out 0.2s;
 }

package/dist/table.cjs.development.js

@@ -138,21 +138,21 @@ var DataCell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 var HeaderCell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      onClick = _ref.onClick,
       name = _ref.name,
       _ref$sortable = _ref.sortable,
       sortable = _ref$sortable === void 0 ? false : _ref$sortable,
       sortConfig = _ref.sortConfig,
       _ref$padding = _ref.padding,
       padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "onClick", "name", "sortable", "sortConfig", "padding"]);
+      sortableButtonProps = _ref.sortableButtonProps,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps"]);
 
   var _React$useState = React__default.useState(false),
       isCurrentlySorted = _React$useState[0],
       setIsCurrentlySorted = _React$useState[1];
 
   React__default.useEffect(function () {
-    setIsCurrentlySorted(sortConfig && name === sortConfig.key);
+    sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
   }, [sortConfig, name]);
   var ariaSort = isCurrentlySorted ? sortConfig && sortConfig.order : 'none';
   return React__default.createElement("th", Object.assign({
@@ -164,18 +164,33 @@ var HeaderCell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }),
     "aria-sort": ariaSort,
     ref: ref
-  }, rest), sortable ? React__default.createElement("button", {
-    className: "eds-table__header-cell-button",
-    type: "button",
-    onClick: onClick
-  }, children, isCurrentlySorted && sortConfig.order === 'ascending' && React__default.createElement(icons.UpArrowIcon, {
+  }, rest), sortable && sortConfig && sortableButtonProps ? React__default.createElement(SortableHeaderCellButton, {
+    sortableButtonProps: sortableButtonProps,
+    sortConfig: sortConfig,
+    isCurrentlySorted: isCurrentlySorted
+  }, children) : children);
+});
+
+var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
+  var sortConfig = _ref2.sortConfig,
+      sortableButtonProps = _ref2.sortableButtonProps,
+      isCurrentlySorted = _ref2.isCurrentlySorted,
+      children = _ref2.children;
+
+  var className = sortableButtonProps.className,
+      rest = _objectWithoutPropertiesLoose(sortableButtonProps, ["className"]);
+
+  return React__default.createElement("button", Object.assign({
+    className: classNames('eds-table__header-cell-button', className),
+    type: "button"
+  }, rest), children, isCurrentlySorted && sortConfig.order === 'ascending' && React__default.createElement(icons.UpArrowIcon, {
     size: "16px",
     className: "eds-table__header-cell-button-icon"
   }), isCurrentlySorted && sortConfig.order === 'descending' && React__default.createElement(icons.DownArrowIcon, {
     size: "16px",
     className: "eds-table__header-cell-button-icon"
-  })) : children);
-});
+  }));
+};
 
 function useSortableData(rawData, externalSortConfig) {
   if (externalSortConfig === void 0) {
@@ -231,15 +246,18 @@ function useSortableData(rawData, externalSortConfig) {
     var name = _ref.name,
         _ref$sortable = _ref.sortable,
         sortable = _ref$sortable === void 0 ? true : _ref$sortable,
-        props = _objectWithoutPropertiesLoose(_ref, ["name", "sortable"]);
+        buttonProps = _ref.buttonProps,
+        props = _objectWithoutPropertiesLoose(_ref, ["name", "sortable", "buttonProps"]);
 
     return _extends({
       name: name,
       sortable: sortable,
-      onClick: function onClick() {
-        return onSortRequested(name);
-      },
-      sortConfig: sortConfig
+      sortConfig: sortConfig,
+      sortableButtonProps: _extends({
+        onClick: function onClick() {
+          return onSortRequested(name);
+        }
+      }, buttonProps)
     }, props);
   }
 

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';\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  [key: string]: any;\n};\n\nexport const HeaderCell = React.forwardRef<\n  HTMLTableHeaderCellElement,\n  HeaderCellProps\n>(\n  (\n    {\n      className,\n      children,\n      onClick,\n      name,\n      sortable = false,\n      sortConfig,\n      padding = 'default',\n      ...rest\n    },\n    ref,\n  ) => {\n    const [isCurrentlySorted, setIsCurrentlySorted] =\n      React.useState<boolean>(false);\n    React.useEffect(() => {\n      setIsCurrentlySorted(sortConfig && name === sortConfig.key);\n    }, [sortConfig, name]);\n    const ariaSort = isCurrentlySorted\n      ? sortConfig && sortConfig.order\n      : 'none';\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 ? (\n          <button\n            className=\"eds-table__header-cell-button\"\n            type=\"button\"\n            onClick={onClick}\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          children\n        )}\n      </th>\n    );\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    ...props\n  }: SortableHeaderProps): SortableHeaderReturnProps {\n    return {\n      name,\n      sortable,\n      onClick: () => onSortRequested(name),\n      sortConfig: sortConfig,\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  [key: string]: any;\n};\n\nexport type SortableHeaderReturnProps = {\n  name: string;\n  sortable: boolean;\n  onClick: () => void;\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","onClick","name","sortConfig","useState","isCurrentlySorted","setIsCurrentlySorted","useEffect","key","ariaSort","order","type","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","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  }, [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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"}

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

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@entur/utils"),t=require("react"),a=e(t),n=e(require("classnames")),o=require("@entur/icons"),l=e(require("lodash.get")),s=require("@entur/form"),d=require("@entur/tooltip"),c=require("@entur/expand");function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function u(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(n[t]=e[t]);return n}var f=a.forwardRef((function(e,r){var t=e.className,o=e.fixed,l=void 0!==o&&o,s=e.spacing,d=void 0===s?"default":s,c=e.sortable,i=void 0!==c&&c,f=u(e,["className","fixed","spacing","sortable"]);return a.createElement("table",Object.assign({className:n("eds-table",{"eds-table--fixed":l},{"eds-table--middle":"middle"===d},{"eds-table--small":"small"===d},{"eds-table--sortable":i},t),ref:r},f))})),b=a.forwardRef((function(e,r){var t=e.className,o=u(e,["className"]);return a.createElement("thead",Object.assign({className:n("eds-table__head",t),ref:r},o))})),v=a.forwardRef((function(e,r){var t=e.className,o=u(e,["className"]);return a.createElement("tbody",Object.assign({className:n("eds-table__body",t),ref:r},o))})),m=a.forwardRef((function(e,r){var t=i({},e);return a.createElement("tfoot",Object.assign({ref:r},t))})),p=a.forwardRef((function(e,r){var t=e.className,o=e.hover,l=void 0!==o&&o,s=e.active,d=void 0!==s&&s,c=e.error,i=void 0!==c&&c,f=u(e,["className","hover","active","error"]);return a.createElement("tr",Object.assign({className:n("eds-table__row",t,{"eds-table__row--hover":l,"eds-table__row--active":d,"eds-table__row--error":i}),ref:r},f))})),g=a.forwardRef((function(e,r){var t,o=e.className,l=e.padding,s=void 0===l?"default":l,d=e.status,c=void 0===d?void 0:d,i=u(e,["className","padding","status"]);return a.createElement("td",Object.assign({ref:r,className:n("eds-table__data-cell",o,(t={},t["eds-table__data-cell--status-"+c]=c,t["eds-table__data-cell--padding-checkbox"]="checkbox"===s,t["eds-table__data-cell--padding-radio"]="radio"===s,t["eds-table__data-cell--padding-overflow-menu"]="overflow-menu"===s,t))},i))})),_=a.forwardRef((function(e,r){var t=e.className,l=e.children,s=e.onClick,d=e.name,c=e.sortable,i=void 0!==c&&c,f=e.sortConfig,b=e.padding,v=void 0===b?"default":b,m=u(e,["className","children","onClick","name","sortable","sortConfig","padding"]),p=a.useState(!1),g=p[0],_=p[1];a.useEffect((function(){_(f&&d===f.key)}),[f,d]);var w=g?f&&f.order:"none";return a.createElement("th",Object.assign({className:n("eds-table__header-cell",t,{"eds-table__header-cell--sortable":i,"eds-table__header-cell--padding-radio":"radio"===v,"eds-table__header-cell--padding-checkbox":"checkbox"===v,"eds-table__header-cell--padding-overflow-menu":"overflow-menu"===v}),"aria-sort":w,ref:r},m),i?a.createElement("button",{className:"eds-table__header-cell-button",type:"button",onClick:s},l,g&&"ascending"===f.order&&a.createElement(o.UpArrowIcon,{size:"16px",className:"eds-table__header-cell-button-icon"}),g&&"descending"===f.order&&a.createElement(o.DownArrowIcon,{size:"16px",className:"eds-table__header-cell-button-icon"})):l)}));function w(e,r,t,a){switch(e.key){case"ArrowUp":return e.preventDefault(),a?0===r?t-1:r-1:r>0?r-1:0;case"ArrowDown":return e.preventDefault(),a?r===t-1?0:r+1:r<t-1?r+1:r;default:return r}}r.warnAboutMissingStyles("table"),exports.DataCell=g,exports.EditableCell=function(e){var r=e.children,t=e.className,o=e.feedback,l=e.variant,c=e.outlined,i=void 0!==c&&c,f=u(e,["children","className","feedback","variant","outlined"]);return a.createElement(s.VariantProvider,{variant:l},a.createElement(g,Object.assign({className:n("eds-editable-cell",{"eds-editable-cell--outlined":i},t)},f),a.createElement(d.Tooltip,{disableHoverListener:!o,disableFocusListener:!o,placement:"bottom",content:o||void 0,variant:o?"error":void 0},r)))},exports.ExpandRowButton=function(e){var r=e.open,t=e.onClick,l=u(e,["open","onClick"]);return a.createElement("button",Object.assign({className:n("eds-expand-row-button",{"eds-expand-row-button--open":r}),onClick:t},l),a.createElement(o.RightArrowIcon,{className:"eds-expand-row-button__icon"}))},exports.ExpandableRow=function(e){var r=e.open;return a.createElement("tr",null,a.createElement("td",{colSpan:e.colSpan},a.createElement(c.BaseExpand,{open:void 0!==r&&r},e.children)))},exports.HeaderCell=_,exports.Table=f,exports.TableBody=v,exports.TableFooter=m,exports.TableHead=b,exports.TableRow=p,exports.useSortableData=function(e,r){void 0===r&&(r={key:"",order:"none"});var t=a.useState(r),n=t[0],o=t[1],s=e.slice();return a.useEffect((function(){o({key:r.key,order:r.order})}),[r.key,r.order]),{sortedData:a.useMemo((function(){return"none"===n.order?s:[].concat(e).sort((function(e,r){return l(e,n.key)<l(r,n.key)?"ascending"===n.order?-1:1:l(e,n.key)>l(r,n.key)?"ascending"===n.order?1:-1:0}))}),[e,s,n]),getSortableHeaderProps:function(e){var r=e.name,t=e.sortable,a=void 0===t||t,l=u(e,["name","sortable"]);return i({name:r,sortable:a,onClick:function(){return t="ascending",n.key===(e=r)&&"ascending"===n.order?t="descending":n.key===e&&"descending"===n.order&&(t="none"),void o({key:e,order:t});var e,t},sortConfig:n},l)},getSortableTableProps:function(e){var r=e.sortable,t=void 0===r||r,a=u(e,["sortable"]);return i({sortable:t,sortConfig:n},a)}}},exports.useTableKeyboardNavigation=function(e,r){var n;void 0===e&&(e=0),void 0===r&&(r=!0);var o=t.useState(e),l=o[0],s=o[1],d=t.useState(0),c=d[0],u=d[1],f=a.useRef(null),b=null==f||null===(n=f.current)||void 0===n?void 0:n.contains(document.activeElement);return a.useEffect((function(){var e;f&&f.current&&b&&(null===(e=f.current.childNodes[l].childNodes[0].parentElement)||void 0===e||e.focus())}),[l]),{getTableRowNavigationProps:function(t){a.useEffect((function(){t>=c&&u(t+1)}),[]);var n=a.useRef(null),o=-1;t===l&&(o=0);for(var d=arguments.length,f=new Array(d>1?d-1:0),b=1;b<d;b++)f[b-1]=arguments[b];return i({tabIndex:o,ref:n,onClick:function(){return s(t)},onKeyDown:function(t){var a=w(t,l,e,r);s(a)}},f)},getTableBodyNavigationProps:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return i({ref:f},r)}}};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@entur/utils"),t=require("react"),a=e(t),n=e(require("classnames")),o=require("@entur/icons"),s=e(require("lodash.get")),l=require("@entur/form"),d=require("@entur/tooltip"),c=require("@entur/expand");function i(){return(i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function u(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(n[t]=e[t]);return n}var b=a.forwardRef((function(e,r){var t=e.className,o=e.fixed,s=void 0!==o&&o,l=e.spacing,d=void 0===l?"default":l,c=e.sortable,i=void 0!==c&&c,b=u(e,["className","fixed","spacing","sortable"]);return a.createElement("table",Object.assign({className:n("eds-table",{"eds-table--fixed":s},{"eds-table--middle":"middle"===d},{"eds-table--small":"small"===d},{"eds-table--sortable":i},t),ref:r},b))})),f=a.forwardRef((function(e,r){var t=e.className,o=u(e,["className"]);return a.createElement("thead",Object.assign({className:n("eds-table__head",t),ref:r},o))})),v=a.forwardRef((function(e,r){var t=e.className,o=u(e,["className"]);return a.createElement("tbody",Object.assign({className:n("eds-table__body",t),ref:r},o))})),m=a.forwardRef((function(e,r){var t=i({},e);return a.createElement("tfoot",Object.assign({ref:r},t))})),p=a.forwardRef((function(e,r){var t=e.className,o=e.hover,s=void 0!==o&&o,l=e.active,d=void 0!==l&&l,c=e.error,i=void 0!==c&&c,b=u(e,["className","hover","active","error"]);return a.createElement("tr",Object.assign({className:n("eds-table__row",t,{"eds-table__row--hover":s,"eds-table__row--active":d,"eds-table__row--error":i}),ref:r},b))})),g=a.forwardRef((function(e,r){var t,o=e.className,s=e.padding,l=void 0===s?"default":s,d=e.status,c=void 0===d?void 0:d,i=u(e,["className","padding","status"]);return a.createElement("td",Object.assign({ref:r,className:n("eds-table__data-cell",o,(t={},t["eds-table__data-cell--status-"+c]=c,t["eds-table__data-cell--padding-checkbox"]="checkbox"===l,t["eds-table__data-cell--padding-radio"]="radio"===l,t["eds-table__data-cell--padding-overflow-menu"]="overflow-menu"===l,t))},i))})),_=a.forwardRef((function(e,r){var t=e.className,o=e.children,s=e.name,l=e.sortable,d=void 0!==l&&l,c=e.sortConfig,i=e.padding,b=void 0===i?"default":i,f=e.sortableButtonProps,v=u(e,["className","children","name","sortable","sortConfig","padding","sortableButtonProps"]),m=a.useState(!1),p=m[0],g=m[1];a.useEffect((function(){c&&s&&g(c&&s===c.key)}),[c,s]);var _=p?c&&c.order:"none";return a.createElement("th",Object.assign({className:n("eds-table__header-cell",t,{"eds-table__header-cell--sortable":d,"eds-table__header-cell--padding-radio":"radio"===b,"eds-table__header-cell--padding-checkbox":"checkbox"===b,"eds-table__header-cell--padding-overflow-menu":"overflow-menu"===b}),"aria-sort":_,ref:r},v),d&&c&&f?a.createElement(h,{sortableButtonProps:f,sortConfig:c,isCurrentlySorted:p},o):o)})),h=function(e){var r=e.sortConfig,t=e.sortableButtonProps,s=e.isCurrentlySorted,l=e.children,d=t.className,c=u(t,["className"]);return a.createElement("button",Object.assign({className:n("eds-table__header-cell-button",d),type:"button"},c),l,s&&"ascending"===r.order&&a.createElement(o.UpArrowIcon,{size:"16px",className:"eds-table__header-cell-button-icon"}),s&&"descending"===r.order&&a.createElement(o.DownArrowIcon,{size:"16px",className:"eds-table__header-cell-button-icon"}))};function w(e,r,t,a){switch(e.key){case"ArrowUp":return e.preventDefault(),a?0===r?t-1:r-1:r>0?r-1:0;case"ArrowDown":return e.preventDefault(),a?r===t-1?0:r+1:r<t-1?r+1:r;default:return r}}r.warnAboutMissingStyles("table"),exports.DataCell=g,exports.EditableCell=function(e){var r=e.children,t=e.className,o=e.feedback,s=e.variant,c=e.outlined,i=void 0!==c&&c,b=u(e,["children","className","feedback","variant","outlined"]);return a.createElement(l.VariantProvider,{variant:s},a.createElement(g,Object.assign({className:n("eds-editable-cell",{"eds-editable-cell--outlined":i},t)},b),a.createElement(d.Tooltip,{disableHoverListener:!o,disableFocusListener:!o,placement:"bottom",content:o||void 0,variant:o?"error":void 0},r)))},exports.ExpandRowButton=function(e){var r=e.open,t=e.onClick,s=u(e,["open","onClick"]);return a.createElement("button",Object.assign({className:n("eds-expand-row-button",{"eds-expand-row-button--open":r}),onClick:t},s),a.createElement(o.RightArrowIcon,{className:"eds-expand-row-button__icon"}))},exports.ExpandableRow=function(e){var r=e.open;return a.createElement("tr",null,a.createElement("td",{colSpan:e.colSpan},a.createElement(c.BaseExpand,{open:void 0!==r&&r},e.children)))},exports.HeaderCell=_,exports.Table=b,exports.TableBody=v,exports.TableFooter=m,exports.TableHead=f,exports.TableRow=p,exports.useSortableData=function(e,r){void 0===r&&(r={key:"",order:"none"});var t=a.useState(r),n=t[0],o=t[1],l=e.slice();return a.useEffect((function(){o({key:r.key,order:r.order})}),[r.key,r.order]),{sortedData:a.useMemo((function(){return"none"===n.order?l:[].concat(e).sort((function(e,r){return s(e,n.key)<s(r,n.key)?"ascending"===n.order?-1:1:s(e,n.key)>s(r,n.key)?"ascending"===n.order?1:-1:0}))}),[e,l,n]),getSortableHeaderProps:function(e){var r=e.name,t=e.sortable,a=void 0===t||t,s=e.buttonProps,l=u(e,["name","sortable","buttonProps"]);return i({name:r,sortable:a,sortConfig:n,sortableButtonProps:i({onClick:function(){return t="ascending",n.key===(e=r)&&"ascending"===n.order?t="descending":n.key===e&&"descending"===n.order&&(t="none"),void o({key:e,order:t});var e,t}},s)},l)},getSortableTableProps:function(e){var r=e.sortable,t=void 0===r||r,a=u(e,["sortable"]);return i({sortable:t,sortConfig:n},a)}}},exports.useTableKeyboardNavigation=function(e,r){var n;void 0===e&&(e=0),void 0===r&&(r=!0);var o=t.useState(e),s=o[0],l=o[1],d=t.useState(0),c=d[0],u=d[1],b=a.useRef(null),f=null==b||null===(n=b.current)||void 0===n?void 0:n.contains(document.activeElement);return a.useEffect((function(){var e;b&&b.current&&f&&(null===(e=b.current.childNodes[s].childNodes[0].parentElement)||void 0===e||e.focus())}),[s]),{getTableRowNavigationProps:function(t){a.useEffect((function(){t>=c&&u(t+1)}),[]);var n=a.useRef(null),o=-1;t===s&&(o=0);for(var d=arguments.length,b=new Array(d>1?d-1:0),f=1;f<d;f++)b[f-1]=arguments[f];return i({tabIndex:o,ref:n,onClick:function(){return l(t)},onKeyDown:function(t){var a=w(t,s,e,r);l(a)}},b)},getTableBodyNavigationProps:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return i({ref:b},r)}}};
 //# sourceMappingURL=table.cjs.production.min.js.map

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';\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  [key: string]: any;\n};\n\nexport const HeaderCell = React.forwardRef<\n  HTMLTableHeaderCellElement,\n  HeaderCellProps\n>(\n  (\n    {\n      className,\n      children,\n      onClick,\n      name,\n      sortable = false,\n      sortConfig,\n      padding = 'default',\n      ...rest\n    },\n    ref,\n  ) => {\n    const [isCurrentlySorted, setIsCurrentlySorted] =\n      React.useState<boolean>(false);\n    React.useEffect(() => {\n      setIsCurrentlySorted(sortConfig && name === sortConfig.key);\n    }, [sortConfig, name]);\n    const ariaSort = isCurrentlySorted\n      ? sortConfig && sortConfig.order\n      : 'none';\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 ? (\n          <button\n            className=\"eds-table__header-cell-button\"\n            type=\"button\"\n            onClick={onClick}\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          children\n        )}\n      </th>\n    );\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    ...props\n  }: SortableHeaderProps): SortableHeaderReturnProps {\n    return {\n      name,\n      sortable,\n      onClick: () => onSortRequested(name),\n      sortConfig: sortConfig,\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  [key: string]: any;\n};\n\nexport type SortableHeaderReturnProps = {\n  name: string;\n  sortable: boolean;\n  onClick: () => void;\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","onClick","name","sortConfig","useState","isCurrentlySorted","setIsCurrentlySorted","useEffect","key","ariaSort","order","type","UpArrowIcon","size","DownArrowIcon","onTableKeypress","event","currentRow","maxRow","allowWrap","preventDefault","warnAboutMissingStyles","feedback","variant","outlined","VariantProvider","Tooltip","disableHoverListener","disableFocusListener","placement","content","open","RightArrowIcon","colSpan","BaseExpand","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","getSortableHeaderProps","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  }, [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":"yrBAkBaA,EAAQC,EAAMC,YACzB,WAQEC,OANEC,IAAAA,cACAC,MAAAA,oBACAC,QAAAA,aAAU,gBACVC,SAAAA,gBACGC,yDAKHP,uCACEG,UAAWK,EACT,YACA,oBAAsBJ,GACtB,qBAAmC,WAAZC,GACvB,oBAAkC,UAAZA,GACtB,uBAAyBC,GACzBH,GAEFD,IAAKA,GACDK,OC3BCE,EAAYT,EAAMC,YAG7B,WAA0BC,OAAvBC,IAAAA,UAAcO,4BACjBV,uCACEG,UAAWK,EAAW,kBAAmBL,GACzCD,IAAKA,GACDQ,OCNKC,EAAYX,EAAMC,YAG7B,WAAyBC,OAAtBC,IAAAA,UAAcI,4BACjBP,uCACEG,UAAWK,EAAW,kBAAmBL,GACzCD,IAAKA,GACDK,OCXKK,EAAcZ,EAAMC,YAG/B,WAAeC,OAATQ,iBAAiBV,uCAAOE,IAAKA,GAASQ,OCajCG,EAAWb,EAAMC,YAC5B,WAEEC,OADEC,IAAAA,cAAWW,MAAAA,oBAAeC,OAAAA,oBAAgBC,MAAAA,gBAAkBT,qDAG9DP,oCACEG,UAAWK,EAAW,iBAAkBL,EAAW,yBACxBW,2BACCC,0BACDC,IAE3Bd,IAAKA,GACDK,OCrBGU,EAAWjB,EAAMC,YAI5B,WAEEC,SADEC,IAAAA,cAAWe,QAAAA,aAAU,gBAAWC,OAAAA,kBAASC,IAAcb,+CAGzDP,oCACEE,IAAKA,EACLC,UAAWK,EAAW,uBAAwBL,0CACXgB,GAAWA,IAC5C,0CAAsD,aAAZD,IAC1C,uCAAmD,UAAZA,IACvC,+CACc,kBAAZA,OAEAX,OCDGc,EAAarB,EAAMC,YAI9B,WAWEC,OATEC,IAAAA,UACAmB,IAAAA,SACAC,IAAAA,SACAjB,SAAAA,gBACAkB,IAAAA,eACAN,QAAAA,aAAU,YACVO,IAAAA,oBACGlB,iGAKHP,EAAM0B,UAAkB,GADnBC,OAAmBC,OAE1B5B,EAAM6B,WAAU,WACdL,GACED,GACAK,EAAqBJ,GAAcD,IAASC,EAAWM,OACxD,CAACN,EAAYD,QACVQ,EAAWJ,EACbH,GAAcA,EAAWQ,MACzB,cAGFhC,oCACEG,UAAWK,EAAW,yBAA0BL,EAAW,oCACrBG,0CACiB,UAAZY,6CACe,aAAZA,kDAE9B,kBAAZA,gBAEOa,EACX7B,IAAKA,GACDK,GAEHD,GAAYkB,GAAcC,EACzBzB,gBAACiC,GACCR,oBAAqBA,EACrBD,WAAYA,EACZG,kBAAmBA,GAElBL,GAGHA,MAgBJW,EAAoE,gBACxET,IAAAA,WACAC,IAAAA,oBACAE,IAAAA,kBACAL,IAAAA,SAEQnB,EAAuBsB,EAAvBtB,UAAcI,IAASkB,wBAE7BzB,wCACEG,UAAWK,EAAW,gCAAiCL,GACvD+B,KAAK,UACD3B,GAEHe,EACAK,GAA0C,cAArBH,EAAWQ,OAC/BhC,gBAACmC,eACCC,KAAK,OACLjC,UAAU,uCAGbwB,GAA0C,eAArBH,EAAWQ,OAC/BhC,gBAACqC,iBACCD,KAAK,OACLjC,UAAU,yCCvHpB,SAASmC,EACPC,EACAC,EACAC,EACAC,UAEiBH,EAAMT,SAEhB,iBACHS,EAAMI,iBACFD,EACoB,IAAfF,EAAmBC,EAAS,EAAID,EAAa,EAE7CA,EAAa,EAAIA,EAAa,EAAI,MAExC,mBACHD,EAAMI,iBACFD,EACKF,IAAeC,EAAS,EAAI,EAAID,EAAa,EAE7CA,EAAaC,EAAS,EAAID,EAAa,EAAIA,iBAG7CA,GCvBbI,yBAAuB,iDCoBkC,gBACvDtB,IAAAA,SACAnB,IAAAA,UACA0C,IAAAA,SACAC,IAAAA,YACAC,SAAAA,gBACGxC,uEAGDP,gBAACgD,mBAAgBF,QAASA,GACxB9C,gBAACiB,iBACCd,UAAWK,EACT,oBACA,+BACiCuC,GAEjC5C,IAEEI,GAEJP,gBAACiD,WACCC,sBAAuBL,EACvBM,sBAAuBN,EACvBO,UAAU,SACVC,QAASR,QAAYzB,EACrB0B,QAASD,EAAW,aAAUzB,GAE7BE,8BCxCoD,gBAC7DgC,IAAAA,KACAC,IAAAA,QACGhD,iCAGDP,wCACEG,UAAWK,EAAW,wBAAyB,+BACd8C,IAEjCC,QAASA,GACLhD,GAEJP,gBAACwD,kBAAerD,UAAU,wDCT2B,oBACzDmD,YAKEtD,0BACEA,sBAAIyD,UAJRA,SAKMzD,gBAAC0D,cAAWJ,sBANlBhC,oKCHAqC,EACAC,YAAAA,IAAAA,EAAyC,CAAE9B,IAAK,GAAIE,MAAO,eAQvBhC,EAAM0B,SAASkC,GAA5CpC,OAAYqC,OACbC,EAAYH,EAAQI,eAE1B/D,EAAM6B,WAAU,WACdgC,EAAc,CACZ/B,IAAK8B,EAAmB9B,IACxBE,MAAO4B,EAAmB5B,UAE3B,CAAC4B,EAAmB9B,IAAK8B,EAAmB5B,QAyDxC,CAAEgC,WAvDehE,EAAMiE,SAAQ,iBACX,SAArBzC,EAAWQ,MACN8B,EAEF,UAAIH,GAASO,MAAK,SAACC,EAAQC,UAC5BC,EAAIF,EAAG3C,EAAWM,KAAOuC,EAAID,EAAG5C,EAAWM,KACjB,cAArBN,EAAWQ,OAAyB,EAAI,EACtCqC,EAAIF,EAAG3C,EAAWM,KAAOuC,EAAID,EAAG5C,EAAWM,KACxB,cAArBN,EAAWQ,MAAwB,GAAK,EAExC,OAGV,CAAC2B,EAASG,EAAWtC,IA0CH8C,uCA5BnB/C,IAAAA,SACAjB,SAAAA,gBACAiE,IAAAA,YACG7D,mDAGDa,KAAAA,EACAjB,SAAAA,EACAkB,WAAYA,EACZC,uBACE8B,QAAS,kBArBTvB,EAA6C,YAC7CR,EAAWM,OAFQA,EAsBYP,IApBgB,cAArBC,EAAWQ,MACvCA,EAAQ,aACCR,EAAWM,MAAQA,GAA4B,eAArBN,EAAWQ,QAC9CA,EAAQ,aAGV6B,EAAc,CAAE/B,IAAAA,EAAKE,MAAAA,IARC,IAACF,EACnBE,IAsBGuC,IAEF7D,IAesC8D,0CAV3ClE,SAAAA,gBACGI,8BAGDJ,SAAAA,EACAkB,WAAYA,GACTd,yCLtCkE,SACzE+D,EACA/B,kBADA+B,IAAAA,EAAe,YACf/B,IAAAA,GAAY,SAEwBhB,WAAS+C,GAAtCjC,OAAYkC,SACShD,WAAS,GAA9Be,OAAQkC,OAETC,EAAe5E,EAAM6E,OAAgC,MACrDC,EAAgBF,MAAAA,aAAAA,EAAcG,4BAAdC,EAAuBC,SAASC,SAASC,sBAE/DnF,EAAM6B,WAAU,iBACd+C,GACEA,EAAaG,SACbD,cACAF,EAAaG,QAAQK,WACnB5C,GACA4C,WAAW,GAAGC,4BAFhBC,EAE+BC,WAChC,CAAC/C,IA+BG,CAAEgD,oCArBPC,GAGAzF,EAAM6B,WAAU,WACd4D,GAAOhD,GAAUkC,EAAUc,EAAM,KAChC,QACGC,EAAc1F,EAAM6E,OAA4B,MAElDc,GAAY,EAChBF,IAAQjD,IAAcmD,EAAW,8BAR9BpF,mCAAAA,8BAUDoF,SAAAA,EACAzF,IAAKwF,EACLnC,QAAS,kBAAMmB,EAAce,IAC7BG,UAAW,SAACC,OACJC,EAAUxD,EAAgBuD,EAAGrD,EAAYiC,EAAc/B,GAC7DgC,EAAcoB,KAEbvF,IAG8BwF,kEA7BGxF,2BAAAA,4BAEpCL,IAAK0E,GACFrE"}

package/dist/table.esm.js

@@ -131,21 +131,21 @@ var DataCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      onClick = _ref.onClick,
       name = _ref.name,
       _ref$sortable = _ref.sortable,
       sortable = _ref$sortable === void 0 ? false : _ref$sortable,
       sortConfig = _ref.sortConfig,
       _ref$padding = _ref.padding,
       padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "onClick", "name", "sortable", "sortConfig", "padding"]);
+      sortableButtonProps = _ref.sortableButtonProps,
+      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps"]);
 
   var _React$useState = React.useState(false),
       isCurrentlySorted = _React$useState[0],
       setIsCurrentlySorted = _React$useState[1];
 
   React.useEffect(function () {
-    setIsCurrentlySorted(sortConfig && name === sortConfig.key);
+    sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
   }, [sortConfig, name]);
   var ariaSort = isCurrentlySorted ? sortConfig && sortConfig.order : 'none';
   return React.createElement("th", Object.assign({
@@ -157,18 +157,33 @@ var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }),
     "aria-sort": ariaSort,
     ref: ref
-  }, rest), sortable ? React.createElement("button", {
-    className: "eds-table__header-cell-button",
-    type: "button",
-    onClick: onClick
-  }, children, isCurrentlySorted && sortConfig.order === 'ascending' && React.createElement(UpArrowIcon, {
+  }, rest), sortable && sortConfig && sortableButtonProps ? React.createElement(SortableHeaderCellButton, {
+    sortableButtonProps: sortableButtonProps,
+    sortConfig: sortConfig,
+    isCurrentlySorted: isCurrentlySorted
+  }, children) : children);
+});
+
+var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
+  var sortConfig = _ref2.sortConfig,
+      sortableButtonProps = _ref2.sortableButtonProps,
+      isCurrentlySorted = _ref2.isCurrentlySorted,
+      children = _ref2.children;
+
+  var className = sortableButtonProps.className,
+      rest = _objectWithoutPropertiesLoose(sortableButtonProps, ["className"]);
+
+  return React.createElement("button", Object.assign({
+    className: classNames('eds-table__header-cell-button', className),
+    type: "button"
+  }, rest), children, isCurrentlySorted && sortConfig.order === 'ascending' && React.createElement(UpArrowIcon, {
     size: "16px",
     className: "eds-table__header-cell-button-icon"
   }), isCurrentlySorted && sortConfig.order === 'descending' && React.createElement(DownArrowIcon, {
     size: "16px",
     className: "eds-table__header-cell-button-icon"
-  })) : children);
-});
+  }));
+};
 
 function useSortableData(rawData, externalSortConfig) {
   if (externalSortConfig === void 0) {
@@ -224,15 +239,18 @@ function useSortableData(rawData, externalSortConfig) {
     var name = _ref.name,
         _ref$sortable = _ref.sortable,
         sortable = _ref$sortable === void 0 ? true : _ref$sortable,
-        props = _objectWithoutPropertiesLoose(_ref, ["name", "sortable"]);
+        buttonProps = _ref.buttonProps,
+        props = _objectWithoutPropertiesLoose(_ref, ["name", "sortable", "buttonProps"]);
 
     return _extends({
       name: name,
       sortable: sortable,
-      onClick: function onClick() {
-        return onSortRequested(name);
-      },
-      sortConfig: sortConfig
+      sortConfig: sortConfig,
+      sortableButtonProps: _extends({
+        onClick: function onClick() {
+          return onSortRequested(name);
+        }
+      }, buttonProps)
     }, props);
   }
 

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';\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  [key: string]: any;\n};\n\nexport const HeaderCell = React.forwardRef<\n  HTMLTableHeaderCellElement,\n  HeaderCellProps\n>(\n  (\n    {\n      className,\n      children,\n      onClick,\n      name,\n      sortable = false,\n      sortConfig,\n      padding = 'default',\n      ...rest\n    },\n    ref,\n  ) => {\n    const [isCurrentlySorted, setIsCurrentlySorted] =\n      React.useState<boolean>(false);\n    React.useEffect(() => {\n      setIsCurrentlySorted(sortConfig && name === sortConfig.key);\n    }, [sortConfig, name]);\n    const ariaSort = isCurrentlySorted\n      ? sortConfig && sortConfig.order\n      : 'none';\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 ? (\n          <button\n            className=\"eds-table__header-cell-button\"\n            type=\"button\"\n            onClick={onClick}\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          children\n        )}\n      </th>\n    );\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    ...props\n  }: SortableHeaderProps): SortableHeaderReturnProps {\n    return {\n      name,\n      sortable,\n      onClick: () => onSortRequested(name),\n      sortConfig: sortConfig,\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  [key: string]: any;\n};\n\nexport type SortableHeaderReturnProps = {\n  name: string;\n  sortable: boolean;\n  onClick: () => void;\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","onClick","name","sortConfig","useState","isCurrentlySorted","setIsCurrentlySorted","useEffect","key","ariaSort","order","type","UpArrowIcon","size","DownArrowIcon","useSortableData","rawData","externalSortConfig","setSortConfig","tableCopy","slice","sortedData","useMemo","sort","a","b","get","onSortRequested","getSortableHeaderProps","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  }, [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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"}

package/dist/useSortableTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare type ExternalSortConfig = {
     /**
      * @default ""
@@ -17,12 +18,13 @@ export declare type SortableHeaderProps = {
     /** Om headeren skal være sorterbar eller ikke
      * @default true */
     sortable?: boolean;
+    /** Props som sendes til knapp-elementet  */
+    buttonProps?: Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'type' | 'onClick'>;
     [key: string]: any;
 };
 export declare type SortableHeaderReturnProps = {
     name: string;
     sortable: boolean;
-    onClick: () => void;
     sortConfig: ExternalSortConfig;
     [key: string]: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/table",
-  "version": "4.4.1",
+  "version": "4.5.3",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/table.esm.js",
@@ -27,15 +27,15 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/expand": "^3.3.5",
-    "@entur/form": "^5.1.3",
+    "@entur/expand": "^3.3.6",
+    "@entur/form": "^5.2.1",
     "@entur/utils": "^0.4.2",
     "@types/lodash.get": "^4.4.6",
     "classnames": "^2.3.1",
     "lodash.get": "^4.4.2"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.2.1"
+    "@entur/tokens": "^3.3.0"
   },
-  "gitHead": "aad3a1c1996dd2f48dbc9c93b646d95007fdae4b"
+  "gitHead": "6a15d9e27a27775ee3f86e1d3c09d0e9ce484749"
 }