@entur/table 4.9.14-beta.0 → 4.9.14-beta.10

package/dist/table.esm.js

@@ -1,745 +1,428 @@
-import { useRandomId, mergeRefs, warnAboutMissingStyles } from "@entur/utils";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React, { useRef, useEffect, useState, useMemo } from "react";
-import { VisuallyHidden } from "@entur/a11y";
-import { BulletBadge } from "@entur/layout";
-import { UnsortedIcon, UpArrowIcon, DownArrowIcon } from "@entur/icons";
-import { VariantProvider } from "@entur/form";
-import { Tooltip } from "@entur/tooltip";
-import { BaseExpand } from "@entur/expand";
-import { IconButton } from "@entur/button";
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+import { useRandomId, mergeRefs, warnAboutMissingStyles } from '@entur/utils';
+import React, { useRef, useEffect, useState, useMemo } from 'react';
+import classNames from 'classnames';
+import { VisuallyHidden } from '@entur/a11y';
+import { BulletBadge } from '@entur/layout';
+import { UnsortedIcon, UpArrowIcon, DownArrowIcon } from '@entur/icons';
+import get from 'lodash.get';
+import { VariantProvider } from '@entur/form';
+import { Tooltip } from '@entur/tooltip';
+import { BaseExpand } from '@entur/expand';
+import { IconButton } from '@entur/button';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
 }
-var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var hasRequiredClassnames;
-function requireClassnames() {
-  if (hasRequiredClassnames) return classnames.exports;
-  hasRequiredClassnames = 1;
-  (function(module) {
-    (function() {
-      var hasOwn = {}.hasOwnProperty;
-      function classNames2() {
-        var classes = "";
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames2.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      if (module.exports) {
-        classNames2.default = classNames2;
-        module.exports = classNames2;
-      } else {
-        window.classNames = classNames2;
-      }
-    })();
-  })(classnames);
-  return classnames.exports;
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
 }
-var classnamesExports = requireClassnames();
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const Table = React.forwardRef(
-  ({
-    className,
-    fixed = false,
-    spacing = "default",
-    sortable = false,
-    changeSortDescription = "Tabelloverskrifter med knapper kan trykkes på for å endre sortering,",
-    stickyHeader = false,
-    ...rest
-  }, ref) => {
-    const sortableHeaderId = useRandomId("sortable-header");
-    const tableRef = useRef(null);
-    useEffect(() => {
-      if (stickyHeader) {
-        const tableElement = tableRef.current;
-        const observerElement = document.createElement("div");
-        observerElement.classList.add("sticky-observer");
-        tableElement?.parentNode?.insertBefore(observerElement, tableElement);
-        const observer = new IntersectionObserver(
-          (entries) => {
-            tableElement?.classList.toggle(
-              "eds-table--sticky-header--active",
-              !entries[0].isIntersecting
-            );
-          },
-          { threshold: [0, 1] }
-        );
-        observer.observe(observerElement);
-        return () => {
-          observer.unobserve(observerElement);
-          observerElement.remove();
-        };
-      }
-    }, [stickyHeader]);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "table",
-        {
-          className: classNames(
-            "eds-table",
-            { "eds-table--fixed": fixed },
-            { "eds-table--middle": spacing === "middle" },
-            { "eds-table--small": spacing === "small" },
-            { "eds-table--sortable": sortable },
-            { "eds-table--sticky-header": stickyHeader },
-            className
-          ),
-          ref: mergeRefs(ref, tableRef),
-          "aria-describedby": sortable ? sortableHeaderId : void 0,
-          ...rest
-        }
-      ),
-      sortable && /* @__PURE__ */ jsx(VisuallyHidden, { id: sortableHeaderId, children: changeSortDescription })
-    ] });
-  }
-);
-const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "thead",
-  {
-    className: classNames("eds-table__head", className),
-    ref,
-    ...props
-  }
-));
-const TableBody = React.forwardRef(({ className, ...rest }, ref) => /* @__PURE__ */ jsx(
-  "tbody",
-  {
-    className: classNames("eds-table__body", className),
-    ref,
-    ...rest
-  }
-));
-const TableFooter = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("tfoot", { ref, ...props }));
-const TableRow = React.forwardRef(
-  ({ className, hover = false, active = false, error = false, ...rest }, ref) => /* @__PURE__ */ jsx(
-    "tr",
-    {
-      className: classNames("eds-table__row", className, {
-        "eds-table__row--hover": hover,
-        "eds-table__row--active": active,
-        "eds-table__row--error": error
-      }),
-      ref,
-      ...rest
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+var _excluded$8 = ["className", "fixed", "spacing", "sortable", "changeSortDescription", "stickyHeader"];
+var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$fixed = _ref.fixed,
+    fixed = _ref$fixed === void 0 ? false : _ref$fixed,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+    _ref$sortable = _ref.sortable,
+    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+    _ref$changeSortDescri = _ref.changeSortDescription,
+    changeSortDescription = _ref$changeSortDescri === void 0 ? 'Tabelloverskrifter med knapper kan trykkes på for å endre sortering,' : _ref$changeSortDescri,
+    _ref$stickyHeader = _ref.stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+  var sortableHeaderId = useRandomId('sortable-header');
+  var tableRef = useRef(null);
+  useEffect(function () {
+    if (stickyHeader) {
+      var _tableElement$parentN;
+      /* We check when an inserted div above the header
+        is outside our scrolling container to determine when
+        the table header becomes sticky. This is necessary
+        to conditionally add our box-shadow when the
+        header is overlapping table rows */
+      var tableElement = tableRef.current;
+      var observerElement = document.createElement('div');
+      observerElement.classList.add('sticky-observer');
+      tableElement == null || (_tableElement$parentN = tableElement.parentNode) == null || _tableElement$parentN.insertBefore(observerElement, tableElement);
+      var observer = new IntersectionObserver(function (entries) {
+        tableElement == null || tableElement.classList.toggle('eds-table--sticky-header--active', !entries[0].isIntersecting);
+      }, {
+        threshold: [0, 1]
+      });
+      observer.observe(observerElement);
+      return function () {
+        observer.unobserve(observerElement);
+        observerElement.remove();
+      };
     }
-  )
-);
+  }, [stickyHeader]);
+  return React.createElement(React.Fragment, null, React.createElement("table", _extends({
+    className: classNames('eds-table', {
+      'eds-table--fixed': fixed
+    }, {
+      'eds-table--middle': spacing === 'middle'
+    }, {
+      'eds-table--small': spacing === 'small'
+    }, {
+      'eds-table--sortable': sortable
+    }, {
+      'eds-table--sticky-header': stickyHeader
+    }, className),
+    ref: mergeRefs(ref, tableRef),
+    "aria-describedby": sortable ? sortableHeaderId : undefined
+  }, rest)), sortable && React.createElement(VisuallyHidden, {
+    id: sortableHeaderId
+  }, changeSortDescription));
+});
+
+var _excluded$7 = ["className"];
+var TableHead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+  return React.createElement("thead", _extends({
+    className: classNames('eds-table__head', className),
+    ref: ref
+  }, props));
+});
+
+var _excluded$6 = ["className"];
+var TableBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  return React.createElement("tbody", _extends({
+    className: classNames('eds-table__body', className),
+    ref: ref
+  }, rest));
+});
+
+var TableFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return React.createElement("tfoot", _extends({
+    ref: ref
+  }, props));
+});
+
+var _excluded$5 = ["className", "hover", "active", "error"];
+var TableRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? false : _ref$hover,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+  return React.createElement("tr", _extends({
+    className: classNames('eds-table__row', className, {
+      'eds-table__row--hover': hover,
+      'eds-table__row--active': active,
+      'eds-table__row--error': error
+    }),
+    ref: ref
+  }, rest));
+});
+
+var _excluded$4 = ["className", "padding", "status", "variant", "children"];
 function mapStatusToVariant(status) {
   switch (status) {
-    case "positive":
-      return "success";
-    case "negative":
-      return "negative";
-    case "neutral":
-      return "neutral";
+    case 'positive':
+      return 'success';
+    case 'negative':
+      return 'negative';
+    case 'neutral':
+      return 'neutral';
     default:
-      return "neutral";
+      return 'neutral';
   }
 }
-const DataCell = React.forwardRef(
-  ({ className, padding = "default", status, variant, children, ...rest }, ref) => {
-    if (!variant && status) {
-      variant = mapStatusToVariant(status);
-    }
-    return /* @__PURE__ */ jsx(
-      "td",
-      {
-        ref,
-        className: classNames("eds-table__data-cell", className, {
-          "eds-table__data-cell--padding-checkbox": padding === "checkbox",
-          "eds-table__data-cell--padding-radio": padding === "radio",
-          "eds-table__data-cell--padding-overflow-menu": padding === "overflow-menu"
-        }),
-        ...rest,
-        children: variant ? /* @__PURE__ */ jsx(BulletBadge, { variant, children }) : children
-      }
-    );
-  }
-);
-const HeaderCell = React.forwardRef(
-  ({
-    className,
-    children,
-    name,
-    sortable = false,
-    sortConfig,
-    padding = "default",
-    sortableButtonProps,
-    sortedAscendingAriaLabel = ", sortert stigende",
-    sortedDescendingAriaLabel = ", sortert synkende",
-    ...rest
-  }, ref) => {
-    const [isCurrentlySorted, setIsCurrentlySorted] = React.useState(false);
-    React.useEffect(() => {
-      sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
-    }, [sortConfig, name]);
-    const ariaSort = isCurrentlySorted ? sortConfig && sortConfig.order : void 0;
-    return /* @__PURE__ */ jsx(
-      "th",
-      {
-        className: classNames("eds-table__header-cell", className, {
-          "eds-table__header-cell--sortable": sortable,
-          "eds-table__header-cell--padding-radio": padding === "radio",
-          "eds-table__header-cell--padding-checkbox": padding === "checkbox",
-          "eds-table__header-cell--padding-overflow-menu": padding === "overflow-menu"
-        }),
-        "aria-sort": ariaSort,
-        ref,
-        ...rest,
-        children: sortable && sortConfig && sortableButtonProps ? /* @__PURE__ */ jsx(
-          SortableHeaderCellButton,
-          {
-            sortableButtonProps,
-            sortConfig,
-            isCurrentlySorted,
-            ariaSort,
-            sortedAscendingAriaLabel,
-            sortedDescendingAriaLabel,
-            children
-          }
-        ) : children
-      }
-    );
-  }
-);
-const SortableHeaderCellButton = ({
-  sortConfig,
-  sortableButtonProps,
-  isCurrentlySorted,
-  children,
-  ariaSort,
-  sortedAscendingAriaLabel,
-  sortedDescendingAriaLabel
-}) => {
-  const [sortedAriaInfo, setSortedAriaInfo] = useState("");
-  const { className, ...rest } = sortableButtonProps;
-  const isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
-  useEffect(() => {
-    const DISMISS_SORT_INFO_TIME = 3e3;
-    if (sortConfig.order == "ascending") {
+var DataCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+    status = _ref.status,
+    variant = _ref.variant,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  // If variant is undefined and status is defined, map status to variant
+  if (!variant && status) {
+    variant = mapStatusToVariant(status);
+  }
+  return React.createElement("td", _extends({
+    ref: ref,
+    className: classNames('eds-table__data-cell', className, {
+      'eds-table__data-cell--padding-checkbox': padding === 'checkbox',
+      'eds-table__data-cell--padding-radio': padding === 'radio',
+      'eds-table__data-cell--padding-overflow-menu': padding === 'overflow-menu'
+    })
+  }, rest), variant ? React.createElement(BulletBadge, {
+    variant: variant
+  }, children) : children);
+});
+
+var _excluded$3 = ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps", "sortedAscendingAriaLabel", "sortedDescendingAriaLabel"],
+  _excluded2$1 = ["className"];
+var HeaderCell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    name = _ref.name,
+    _ref$sortable = _ref.sortable,
+    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+    sortConfig = _ref.sortConfig,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+    sortableButtonProps = _ref.sortableButtonProps,
+    _ref$sortedAscendingA = _ref.sortedAscendingAriaLabel,
+    sortedAscendingAriaLabel = _ref$sortedAscendingA === void 0 ? ', sortert stigende' : _ref$sortedAscendingA,
+    _ref$sortedDescending = _ref.sortedDescendingAriaLabel,
+    sortedDescendingAriaLabel = _ref$sortedDescending === void 0 ? ', sortert synkende' : _ref$sortedDescending,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  var _React$useState = React.useState(false),
+    isCurrentlySorted = _React$useState[0],
+    setIsCurrentlySorted = _React$useState[1];
+  React.useEffect(function () {
+    sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
+  }, [sortConfig, name]);
+  var ariaSort = isCurrentlySorted ? sortConfig && sortConfig.order : undefined;
+  return React.createElement("th", _extends({
+    className: classNames('eds-table__header-cell', className, {
+      'eds-table__header-cell--sortable': sortable,
+      'eds-table__header-cell--padding-radio': padding === 'radio',
+      'eds-table__header-cell--padding-checkbox': padding === 'checkbox',
+      'eds-table__header-cell--padding-overflow-menu': padding === 'overflow-menu'
+    }),
+    "aria-sort": ariaSort,
+    ref: ref
+  }, rest), sortable && sortConfig && sortableButtonProps ? React.createElement(SortableHeaderCellButton, {
+    sortableButtonProps: sortableButtonProps,
+    sortConfig: sortConfig,
+    isCurrentlySorted: isCurrentlySorted,
+    ariaSort: ariaSort,
+    sortedAscendingAriaLabel: sortedAscendingAriaLabel,
+    sortedDescendingAriaLabel: sortedDescendingAriaLabel
+  }, children) : children);
+});
+var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
+  var sortConfig = _ref2.sortConfig,
+    sortableButtonProps = _ref2.sortableButtonProps,
+    isCurrentlySorted = _ref2.isCurrentlySorted,
+    children = _ref2.children,
+    ariaSort = _ref2.ariaSort,
+    sortedAscendingAriaLabel = _ref2.sortedAscendingAriaLabel,
+    sortedDescendingAriaLabel = _ref2.sortedDescendingAriaLabel;
+  var _useState = useState(''),
+    sortedAriaInfo = _useState[0],
+    setSortedAriaInfo = _useState[1];
+  var className = sortableButtonProps.className,
+    rest = _objectWithoutPropertiesLoose(sortableButtonProps, _excluded2$1);
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+  useEffect(function () {
+    var DISMISS_SORT_INFO_TIME = 3000;
+    if (sortConfig.order == 'ascending') {
       setSortedAriaInfo(sortedAscendingAriaLabel);
-    } else if (sortConfig.order == "descending") {
+    } else if (sortConfig.order == 'descending') {
       setSortedAriaInfo(sortedDescendingAriaLabel);
     }
-    const dismissAriaTimer = setTimeout(() => {
-      setSortedAriaInfo("");
-      if (isFirefox) setSortedAriaInfo(", sort " + sortConfig.order);
+    var dismissAriaTimer = setTimeout(function () {
+      setSortedAriaInfo('');
+      if (isFirefox) setSortedAriaInfo(', sort ' + sortConfig.order);
     }, DISMISS_SORT_INFO_TIME);
-    return () => clearTimeout(dismissAriaTimer);
+    return function () {
+      return clearTimeout(dismissAriaTimer);
+    };
   }, [sortConfig.order]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: classNames("eds-table__header-cell-button", className),
-      type: "button",
-      "aria-sort": ariaSort,
-      ...rest,
-      children: [
-        children,
-        (!isCurrentlySorted || sortConfig.order === "none") && /* @__PURE__ */ jsx(
-          UnsortedIcon,
-          {
-            size: "1em",
-            className: "eds-table__header-cell-button-icon",
-            "aria-hidden": "true"
-          }
-        ),
-        isCurrentlySorted && sortConfig.order === "ascending" && /* @__PURE__ */ jsx(
-          UpArrowIcon,
-          {
-            size: "1em",
-            className: "eds-table__header-cell-button-icon",
-            "aria-hidden": "true"
-          }
-        ),
-        isCurrentlySorted && sortConfig.order === "descending" && /* @__PURE__ */ jsx(
-          DownArrowIcon,
-          {
-            size: "1em",
-            className: "eds-table__header-cell-button-icon",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: isCurrentlySorted && sortedAriaInfo })
-      ]
-    }
-  );
+  return React.createElement("button", _extends({
+    className: classNames('eds-table__header-cell-button', className),
+    type: "button",
+    "aria-sort": ariaSort
+  }, rest), children, (!isCurrentlySorted || sortConfig.order === 'none') && React.createElement(UnsortedIcon, {
+    size: "1em",
+    className: "eds-table__header-cell-button-icon",
+    "aria-hidden": "true"
+  }), isCurrentlySorted && sortConfig.order === 'ascending' && React.createElement(UpArrowIcon, {
+    size: "1em",
+    className: "eds-table__header-cell-button-icon",
+    "aria-hidden": "true"
+  }), isCurrentlySorted && sortConfig.order === 'descending' && React.createElement(DownArrowIcon, {
+    size: "1em",
+    className: "eds-table__header-cell-button-icon",
+    "aria-hidden": "true"
+  }), React.createElement(VisuallyHidden, null, isCurrentlySorted && sortedAriaInfo));
 };
-var lodash_get;
-var hasRequiredLodash_get;
-function requireLodash_get() {
-  if (hasRequiredLodash_get) return lodash_get;
-  hasRequiredLodash_get = 1;
-  var FUNC_ERROR_TEXT = "Expected a function";
-  var HASH_UNDEFINED = "__lodash_hash_undefined__";
-  var funcTag = "[object Function]", genTag = "[object GeneratorFunction]", symbolTag = "[object Symbol]";
-  var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/, reLeadingDot = /^\./, rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-  var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-  var reEscapeChar = /\\(\\)?/g;
-  var reIsHostCtor = /^\[object .+?Constructor\]$/;
-  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-  var root = freeGlobal || freeSelf || Function("return this")();
-  function getValue(object, key) {
-    return object == null ? void 0 : object[key];
-  }
-  function isHostObject(value) {
-    var result = false;
-    if (value != null && typeof value.toString != "function") {
-      try {
-        result = !!(value + "");
-      } catch (e) {
-      }
-    }
-    return result;
-  }
-  var arrayProto = Array.prototype, funcProto = Function.prototype, objectProto = Object.prototype;
-  var coreJsData = root["__core-js_shared__"];
-  var maskSrcKey = function() {
-    var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
-    return uid ? "Symbol(src)_1." + uid : "";
-  }();
-  var funcToString = funcProto.toString;
-  var hasOwnProperty = objectProto.hasOwnProperty;
-  var objectToString = objectProto.toString;
-  var reIsNative = RegExp(
-    "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  );
-  var Symbol = root.Symbol, splice = arrayProto.splice;
-  var Map = getNative(root, "Map"), nativeCreate = getNative(Object, "create");
-  var symbolProto = Symbol ? Symbol.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
-  function Hash(entries) {
-    var index = -1, length = entries ? entries.length : 0;
-    this.clear();
-    while (++index < length) {
-      var entry = entries[index];
-      this.set(entry[0], entry[1]);
-    }
-  }
-  function hashClear() {
-    this.__data__ = nativeCreate ? nativeCreate(null) : {};
-  }
-  function hashDelete(key) {
-    return this.has(key) && delete this.__data__[key];
-  }
-  function hashGet(key) {
-    var data = this.__data__;
-    if (nativeCreate) {
-      var result = data[key];
-      return result === HASH_UNDEFINED ? void 0 : result;
-    }
-    return hasOwnProperty.call(data, key) ? data[key] : void 0;
-  }
-  function hashHas(key) {
-    var data = this.__data__;
-    return nativeCreate ? data[key] !== void 0 : hasOwnProperty.call(data, key);
-  }
-  function hashSet(key, value) {
-    var data = this.__data__;
-    data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
-    return this;
-  }
-  Hash.prototype.clear = hashClear;
-  Hash.prototype["delete"] = hashDelete;
-  Hash.prototype.get = hashGet;
-  Hash.prototype.has = hashHas;
-  Hash.prototype.set = hashSet;
-  function ListCache(entries) {
-    var index = -1, length = entries ? entries.length : 0;
-    this.clear();
-    while (++index < length) {
-      var entry = entries[index];
-      this.set(entry[0], entry[1]);
-    }
-  }
-  function listCacheClear() {
-    this.__data__ = [];
-  }
-  function listCacheDelete(key) {
-    var data = this.__data__, index = assocIndexOf(data, key);
-    if (index < 0) {
-      return false;
-    }
-    var lastIndex = data.length - 1;
-    if (index == lastIndex) {
-      data.pop();
-    } else {
-      splice.call(data, index, 1);
-    }
-    return true;
-  }
-  function listCacheGet(key) {
-    var data = this.__data__, index = assocIndexOf(data, key);
-    return index < 0 ? void 0 : data[index][1];
-  }
-  function listCacheHas(key) {
-    return assocIndexOf(this.__data__, key) > -1;
-  }
-  function listCacheSet(key, value) {
-    var data = this.__data__, index = assocIndexOf(data, key);
-    if (index < 0) {
-      data.push([key, value]);
-    } else {
-      data[index][1] = value;
-    }
-    return this;
-  }
-  ListCache.prototype.clear = listCacheClear;
-  ListCache.prototype["delete"] = listCacheDelete;
-  ListCache.prototype.get = listCacheGet;
-  ListCache.prototype.has = listCacheHas;
-  ListCache.prototype.set = listCacheSet;
-  function MapCache(entries) {
-    var index = -1, length = entries ? entries.length : 0;
-    this.clear();
-    while (++index < length) {
-      var entry = entries[index];
-      this.set(entry[0], entry[1]);
-    }
-  }
-  function mapCacheClear() {
-    this.__data__ = {
-      "hash": new Hash(),
-      "map": new (Map || ListCache)(),
-      "string": new Hash()
+
+var _excluded$2 = ["name", "sortable", "buttonProps"],
+  _excluded2 = ["sortable"];
+function useSortableData(tableData, externalSortConfig) {
+  if (externalSortConfig === void 0) {
+    externalSortConfig = {
+      key: '',
+      order: 'none'
     };
   }
-  function mapCacheDelete(key) {
-    return getMapData(this, key)["delete"](key);
-  }
-  function mapCacheGet(key) {
-    return getMapData(this, key).get(key);
-  }
-  function mapCacheHas(key) {
-    return getMapData(this, key).has(key);
-  }
-  function mapCacheSet(key, value) {
-    getMapData(this, key).set(key, value);
-    return this;
-  }
-  MapCache.prototype.clear = mapCacheClear;
-  MapCache.prototype["delete"] = mapCacheDelete;
-  MapCache.prototype.get = mapCacheGet;
-  MapCache.prototype.has = mapCacheHas;
-  MapCache.prototype.set = mapCacheSet;
-  function assocIndexOf(array, key) {
-    var length = array.length;
-    while (length--) {
-      if (eq(array[length][0], key)) {
-        return length;
-      }
-    }
-    return -1;
-  }
-  function baseGet(object, path) {
-    path = isKey(path, object) ? [path] : castPath(path);
-    var index = 0, length = path.length;
-    while (object != null && index < length) {
-      object = object[toKey(path[index++])];
-    }
-    return index && index == length ? object : void 0;
-  }
-  function baseIsNative(value) {
-    if (!isObject(value) || isMasked(value)) {
-      return false;
-    }
-    var pattern = isFunction(value) || isHostObject(value) ? reIsNative : reIsHostCtor;
-    return pattern.test(toSource(value));
-  }
-  function baseToString(value) {
-    if (typeof value == "string") {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return symbolToString ? symbolToString.call(value) : "";
-    }
-    var result = value + "";
-    return result == "0" && 1 / value == -Infinity ? "-0" : result;
-  }
-  function castPath(value) {
-    return isArray(value) ? value : stringToPath(value);
-  }
-  function getMapData(map, key) {
-    var data = map.__data__;
-    return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
-  }
-  function getNative(object, key) {
-    var value = getValue(object, key);
-    return baseIsNative(value) ? value : void 0;
-  }
-  function isKey(value, object) {
-    if (isArray(value)) {
-      return false;
-    }
-    var type = typeof value;
-    if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
-      return true;
-    }
-    return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
-  }
-  function isKeyable(value) {
-    var type = typeof value;
-    return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
-  }
-  function isMasked(func) {
-    return !!maskSrcKey && maskSrcKey in func;
-  }
-  var stringToPath = memoize(function(string) {
-    string = toString(string);
-    var result = [];
-    if (reLeadingDot.test(string)) {
-      result.push("");
-    }
-    string.replace(rePropName, function(match, number, quote, string2) {
-      result.push(quote ? string2.replace(reEscapeChar, "$1") : number || match);
+  var _useState = useState(externalSortConfig),
+    sortConfig = _useState[0],
+    setSortConfig = _useState[1];
+  var onSortRequested = function onSortRequested(key) {
+    var sortingNewColumn = key !== sortConfig.key;
+    if (sortingNewColumn || sortConfig.order === 'none') return setSortConfig({
+      key: key,
+      order: 'ascending'
+    });
+    if (sortConfig.order === 'ascending') return setSortConfig({
+      key: key,
+      order: 'descending'
+    });
+    if (sortConfig.order === 'descending') return setSortConfig({
+      key: key,
+      order: 'none'
     });
-    return result;
-  });
-  function toKey(value) {
-    if (typeof value == "string" || isSymbol(value)) {
-      return value;
-    }
-    var result = value + "";
-    return result == "0" && 1 / value == -Infinity ? "-0" : result;
-  }
-  function toSource(func) {
-    if (func != null) {
-      try {
-        return funcToString.call(func);
-      } catch (e) {
-      }
-      try {
-        return func + "";
-      } catch (e) {
-      }
-    }
-    return "";
-  }
-  function memoize(func, resolver) {
-    if (typeof func != "function" || resolver && typeof resolver != "function") {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    var memoized = function() {
-      var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
-      if (cache.has(key)) {
-        return cache.get(key);
-      }
-      var result = func.apply(this, args);
-      memoized.cache = cache.set(key, result);
-      return result;
-    };
-    memoized.cache = new (memoize.Cache || MapCache)();
-    return memoized;
-  }
-  memoize.Cache = MapCache;
-  function eq(value, other) {
-    return value === other || value !== value && other !== other;
-  }
-  var isArray = Array.isArray;
-  function isFunction(value) {
-    var tag = isObject(value) ? objectToString.call(value) : "";
-    return tag == funcTag || tag == genTag;
-  }
-  function isObject(value) {
-    var type = typeof value;
-    return !!value && (type == "object" || type == "function");
-  }
-  function isObjectLike(value) {
-    return !!value && typeof value == "object";
-  }
-  function isSymbol(value) {
-    return typeof value == "symbol" || isObjectLike(value) && objectToString.call(value) == symbolTag;
-  }
-  function toString(value) {
-    return value == null ? "" : baseToString(value);
-  }
-  function get2(object, path, defaultValue) {
-    var result = object == null ? void 0 : baseGet(object, path);
-    return result === void 0 ? defaultValue : result;
-  }
-  lodash_get = get2;
-  return lodash_get;
-}
-var lodash_getExports = requireLodash_get();
-const get = /* @__PURE__ */ getDefaultExportFromCjs(lodash_getExports);
-function useSortableData(tableData, externalSortConfig = { key: "", order: "none" }) {
-  const [sortConfig, setSortConfig] = useState(externalSortConfig);
-  const onSortRequested = (key) => {
-    const sortingNewColumn = key !== sortConfig.key;
-    if (sortingNewColumn || sortConfig.order === "none")
-      return setSortConfig({ key, order: "ascending" });
-    if (sortConfig.order === "ascending")
-      return setSortConfig({ key, order: "descending" });
-    if (sortConfig.order === "descending")
-      return setSortConfig({ key, order: "none" });
   };
-  const tableSortedAscending = useMemo(
-    () => [...tableData].sort((a, b) => {
-      const valueOfA = get(a, sortConfig.key, a)?.toString() ?? "";
-      const valueOfB = get(b, sortConfig.key, b)?.toString() ?? "";
-      const stringComparator = new Intl.Collator(["no", "en"], {
+  var tableSortedAscending = useMemo(function () {
+    return [].concat(tableData).sort(function (a, b) {
+      var _get$toString, _get, _get$toString2, _get2;
+      var valueOfA = (_get$toString = (_get = get(a, sortConfig.key, a)) == null ? void 0 : _get.toString()) != null ? _get$toString : '';
+      var valueOfB = (_get$toString2 = (_get2 = get(b, sortConfig.key, b)) == null ? void 0 : _get2.toString()) != null ? _get$toString2 : '';
+      var stringComparator = new Intl.Collator(['no', 'en'], {
         numeric: true,
-        sensitivity: "base"
+        sensitivity: 'base'
       });
       return stringComparator.compare(valueOfA, valueOfB);
-    }),
-    [tableData, sortConfig.key]
-  );
-  const sortedData = useMemo(() => {
+    });
+  }, [tableData, sortConfig.key]);
+  var sortedData = useMemo(function () {
     switch (sortConfig.order) {
-      case "ascending": {
-        return tableSortedAscending;
-      }
-      case "descending": {
-        return [...tableSortedAscending].reverse();
-      }
-      case "none": {
-        return tableData;
-      }
-      default: {
-        return tableData;
-      }
+      case 'ascending':
+        {
+          return tableSortedAscending;
+        }
+      case 'descending':
+        {
+          return [].concat(tableSortedAscending).reverse();
+        }
+      case 'none':
+        {
+          return tableData;
+        }
+      default:
+        {
+          return tableData;
+        }
     }
   }, [sortConfig.order, tableData, tableSortedAscending]);
-  const getSortableHeaderProps = ({
-    name,
-    sortable = true,
-    buttonProps,
-    ...props
-  }) => {
-    return {
-      name,
-      sortable,
-      sortConfig,
-      sortableButtonProps: {
-        onClick: () => onSortRequested(name),
-        ...buttonProps
-      },
-      ...props
-    };
+  var getSortableHeaderProps = function getSortableHeaderProps(_ref) {
+    var name = _ref.name,
+      _ref$sortable = _ref.sortable,
+      sortable = _ref$sortable === void 0 ? true : _ref$sortable,
+      buttonProps = _ref.buttonProps,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    return _extends({
+      name: name,
+      sortable: sortable,
+      sortConfig: sortConfig,
+      sortableButtonProps: _extends({
+        onClick: function onClick() {
+          return onSortRequested(name);
+        }
+      }, buttonProps)
+    }, props);
   };
-  const getSortableTableProps = ({
-    sortable = true,
-    ...props
-  } = {}) => {
-    return {
-      sortable,
-      sortConfig,
-      ...props
-    };
+  var getSortableTableProps = function getSortableTableProps(_temp) {
+    var _ref2 = _temp === void 0 ? {} : _temp,
+      _ref2$sortable = _ref2.sortable,
+      sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    return _extends({
+      sortable: sortable,
+      sortConfig: sortConfig
+    }, props);
+  };
+  return {
+    sortedData: sortedData,
+    getSortableHeaderProps: getSortableHeaderProps,
+    getSortableTableProps: getSortableTableProps
   };
-  return { sortedData, getSortableHeaderProps, getSortableTableProps };
 }
-const EditableCell = ({
-  children,
-  className,
-  feedback,
-  variant,
-  outlined = false,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(VariantProvider, { variant, children: /* @__PURE__ */ jsx(
-    DataCell,
-    {
-      className: classNames(
-        "eds-editable-cell",
-        {
-          "eds-editable-cell--outlined": outlined
-        },
-        className
-      ),
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        Tooltip,
-        {
-          disableHoverListener: !feedback,
-          disableFocusListener: !feedback,
-          placement: "bottom",
-          content: feedback || void 0,
-          variant: feedback ? "negative" : void 0,
-          children
-        }
-      )
-    }
-  ) });
+
+var _excluded$1 = ["children", "className", "feedback", "variant", "outlined"];
+var EditableCell = function EditableCell(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    feedback = _ref.feedback,
+    variant = _ref.variant,
+    _ref$outlined = _ref.outlined,
+    outlined = _ref$outlined === void 0 ? false : _ref$outlined,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+  return React.createElement(VariantProvider, {
+    variant: variant
+  }, React.createElement(DataCell, _extends({
+    className: classNames('eds-editable-cell', {
+      'eds-editable-cell--outlined': outlined
+    }, className)
+  }, rest), React.createElement(Tooltip, {
+    disableHoverListener: !feedback,
+    disableFocusListener: !feedback,
+    placement: "bottom",
+    content: feedback || undefined,
+    variant: feedback ? 'negative' : undefined
+  }, children)));
 };
-const ExpandableRow = ({
-  open = false,
-  children,
-  colSpan
-}) => {
-  return /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, children: /* @__PURE__ */ jsx(BaseExpand, { open, children }) }) });
+
+var ExpandableRow = function ExpandableRow(_ref) {
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    children = _ref.children,
+    colSpan = _ref.colSpan;
+  return React.createElement("tr", null, React.createElement("td", {
+    colSpan: colSpan
+  }, React.createElement(BaseExpand, {
+    open: open
+  }, children)));
 };
-const ExpandRowButton = ({
-  open,
-  onClick,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      className: classNames("eds-expand-row-button", {
-        "eds-expand-row-button--open": open
-      }),
-      onClick,
-      "aria-label": open ? "Lukk tabellrad" : "Utvid tabellrad",
-      type: "button",
-      ...rest,
-      children: /* @__PURE__ */ jsx(DownArrowIcon, { "aria-hidden": true, className: "eds-expand-row-button__icon" })
-    }
-  );
+
+var _excluded = ["open", "onClick"];
+var ExpandRowButton = function ExpandRowButton(_ref) {
+  var open = _ref.open,
+    onClick = _ref.onClick,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return React.createElement(IconButton, _extends({
+    className: classNames('eds-expand-row-button', {
+      'eds-expand-row-button--open': open
+    }),
+    onClick: onClick,
+    "aria-label": open ? 'Lukk tabellrad' : 'Utvid tabellrad',
+    type: "button"
+  }, rest), React.createElement(DownArrowIcon, {
+    "aria-hidden": true,
+    className: "eds-expand-row-button__icon"
+  }));
 };
+
 function onTableKeypress(event, currentRow, maxRow, allowWrap) {
-  const keyPress = event.key;
+  var keyPress = event.key;
   switch (keyPress) {
-    case "ArrowUp":
+    case 'ArrowUp':
       event.preventDefault();
       if (allowWrap) {
         return currentRow === 0 ? maxRow - 1 : currentRow - 1;
       } else {
         return currentRow > 0 ? currentRow - 1 : 0;
       }
-    case "ArrowDown":
+    case 'ArrowDown':
       event.preventDefault();
       if (allowWrap) {
         return currentRow === maxRow - 1 ? 0 : currentRow + 1;
@@ -750,52 +433,62 @@ function onTableKeypress(event, currentRow, maxRow, allowWrap) {
       return currentRow;
   }
 }
-const useTableKeyboardNavigation = (numberOfRows = 0, allowWrap = true) => {
-  const [currentRow, setCurrentRow] = useState(numberOfRows);
-  const [maxRow, setMaxRow] = useState(0);
-  const tableBodyRef = useRef(null);
-  const tableHasFocus = tableBodyRef?.current?.contains(document.activeElement);
-  useEffect(() => {
-    tableBodyRef && tableBodyRef.current && tableHasFocus && tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement?.focus();
+var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRows, allowWrap) {
+  var _tableBodyRef$current;
+  if (numberOfRows === void 0) {
+    numberOfRows = 0;
+  }
+  if (allowWrap === void 0) {
+    allowWrap = true;
+  }
+  var _useState = useState(numberOfRows),
+    currentRow = _useState[0],
+    setCurrentRow = _useState[1];
+  var _useState2 = useState(0),
+    maxRow = _useState2[0],
+    setMaxRow = _useState2[1];
+  var tableBodyRef = useRef(null);
+  var tableHasFocus = tableBodyRef == null || (_tableBodyRef$current = tableBodyRef.current) == null ? void 0 : _tableBodyRef$current.contains(document.activeElement);
+  useEffect(function () {
+    var _tableBodyRef$current2;
+    tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus());
   }, [currentRow, tableHasFocus]);
-  function getTableBodyNavigationProps(...rest) {
-    return {
-      ref: tableBodyRef,
-      ...rest
-    };
+  function getTableBodyNavigationProps() {
+    for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+      rest[_key] = arguments[_key];
+    }
+    return _extends({
+      ref: tableBodyRef
+    }, rest);
   }
-  const tableRowRef = useRef(null);
-  function getTableRowNavigationProps(row, ...rest) {
+  var tableRowRef = useRef(null);
+  function getTableRowNavigationProps(row) {
     if (row >= maxRow) {
       setMaxRow(row + 1);
     }
-    const tabIndex = currentRow ? 0 : -1;
-    return {
-      tabIndex,
+    var tabIndex = currentRow ? 0 : -1;
+    for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      rest[_key2 - 1] = arguments[_key2];
+    }
+    return _extends({
+      tabIndex: tabIndex,
       ref: tableRowRef,
-      onClick: () => setCurrentRow(row),
-      onKeyDown: (e) => {
-        const newCell = onTableKeypress(e, currentRow, numberOfRows, allowWrap);
-        setCurrentRow(newCell);
+      onClick: function onClick() {
+        return setCurrentRow(row);
       },
-      ...rest
-    };
+      onKeyDown: function onKeyDown(e) {
+        var newCell = onTableKeypress(e, currentRow, numberOfRows, allowWrap);
+        setCurrentRow(newCell);
+      }
+    }, rest);
   }
-  return { getTableRowNavigationProps, getTableBodyNavigationProps };
-};
-warnAboutMissingStyles("table");
-export {
-  DataCell,
-  EditableCell,
-  ExpandRowButton,
-  ExpandableRow,
-  HeaderCell,
-  Table,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  useSortableData,
-  useTableKeyboardNavigation
+  return {
+    getTableRowNavigationProps: getTableRowNavigationProps,
+    getTableBodyNavigationProps: getTableBodyNavigationProps
+  };
 };
+
+warnAboutMissingStyles('table');
+
+export { DataCell, EditableCell, ExpandRowButton, ExpandableRow, HeaderCell, Table, TableBody, TableFooter, TableHead, TableRow, useSortableData, useTableKeyboardNavigation };
 //# sourceMappingURL=table.esm.js.map