@equinor/apollo-components 4.0.1 → 4.0.3

package/dist/index.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -126,8 +97,8 @@ var Wrapper = import_styled_components.default.div`
 `;
 var AppShell = ({ children, icon, title, sidebar }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_eds_core_react.TopBar, { sticky: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_eds_core_react.TopBar.Header, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_eds_core_react.Icon, { data: icon != null ? icon : import_eds_icons.apps }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title != null ? title : "App Title" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_eds_core_react.Icon, { data: icon ?? import_eds_icons.apps }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title ?? "App Title" })
   ] }) }),
   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "--content-wrapper", children: [
     sidebar,
@@ -244,15 +215,11 @@ var Chip = import_styled_components3.default.div`
   line-height: 22px;
   height: 22px;
   padding: 0 6px;
-  background-color: ${(props) => {
-  var _a;
-  return (_a = props.backgroundColor) != null ? _a : import_eds_tokens2.tokens.colors.ui.background__medium.hex;
-}};
+  background-color: ${(props) => props.backgroundColor ?? import_eds_tokens2.tokens.colors.ui.background__medium.hex};
   color: darkslategrey;
 `;
 var ChipsCell = (props) => {
-  var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChipsWrapper, { children: (_a = props.values) == null ? void 0 : _a.map((value) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Chip, { backgroundColor: stringToHslColor(value), children: value }, value)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChipsWrapper, { children: props.values?.map((value) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Chip, { backgroundColor: stringToHslColor(value), children: value }, value)) });
 };
 
 // src/cells/DynamicCell.tsx
@@ -296,35 +263,35 @@ var StyledCell = (0, import_styled_components5.default)(import_eds_core_react5.T
   background-color: ${({ backgroundColor }) => backgroundColor ? `${backgroundColor} !important` : `inherit`};
 `;
 function DynamicCell({ cell, cellConfig }) {
-  var _a, _b, _c, _d, _e;
   const cellContent = (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
   const columnPinningDirection = cell.column.getIsPinned();
-  const stickyCellColor = (_a = cellConfig == null ? void 0 : cellConfig.getStickyCellColor) == null ? void 0 : _a.call(cellConfig, cell);
-  const regularCellColor = (_d = (_b = cellConfig == null ? void 0 : cellConfig.getCellColor) == null ? void 0 : _b.call(cellConfig, cell)) != null ? _d : ((_c = cellConfig == null ? void 0 : cellConfig.getShouldHighlight) == null ? void 0 : _c.call(cellConfig, cell)) ? "#d5eaf4" : void 0;
+  const stickyCellColor = cellConfig?.getStickyCellColor?.(cell);
+  const regularCellColor = cellConfig?.getCellColor?.(cell) ?? (cellConfig?.getShouldHighlight?.(cell) ? "#d5eaf4" : void 0);
   if (columnPinningDirection) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_eds_core_react5.Table.Cell,
       {
         "data-column": cell.column.id,
-        style: __spreadValues({
+        style: {
           position: "sticky",
           top: 0,
-          backgroundColor: stickyCellColor != null ? stickyCellColor : "inherit",
+          backgroundColor: stickyCellColor ?? "inherit",
           zIndex: 5,
           backgroundClip: "padding-box",
-          display: "table-cell"
-        }, columnPinningDirection === "left" ? {
-          left: `${cell.column.getStart("left")}px`,
-          borderRight: getIsLastLeftPinnedColumn(cell.getContext().table, cell.column) ? `1px solid ${import_eds_tokens3.tokens.colors.ui.background__medium.hex}` : void 0
-        } : {
-          right: `${getTotalRight(cell.getContext().table, cell.column)}px`,
-          borderLeft: getIsFirstRightPinnedColumn(cell.column) ? `1px solid ${import_eds_tokens3.tokens.colors.ui.background__medium.hex}` : void 0
-        }),
+          display: "table-cell",
+          ...columnPinningDirection === "left" ? {
+            left: `${cell.column.getStart("left")}px`,
+            borderRight: getIsLastLeftPinnedColumn(cell.getContext().table, cell.column) ? `1px solid ${import_eds_tokens3.tokens.colors.ui.background__medium.hex}` : void 0
+          } : {
+            right: `${getTotalRight(cell.getContext().table, cell.column)}px`,
+            borderLeft: getIsFirstRightPinnedColumn(cell.column) ? `1px solid ${import_eds_tokens3.tokens.colors.ui.background__medium.hex}` : void 0
+          }
+        },
         children: cellContent
       }
     );
   }
-  if ((_e = cell.column.columnDef.meta) == null ? void 0 : _e.sticky) {
+  if (cell.column.columnDef.meta?.sticky) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledStickyCell, { backgroundColor: stickyCellColor, "data-column": cell.column.id, children: cellContent });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledCell, { "data-column": cell.column.id, backgroundColor: regularCellColor, children: cellContent });
@@ -367,7 +334,6 @@ var Cell2 = (0, import_styled_components6.default)(import_eds_core_react6.Table.
   ${resizeCellStyle}
 `;
 var HeaderCell = ({ header, table }) => {
-  var _a;
   const style = {
     width: header.column.getSize(),
     zIndex: 10
@@ -382,28 +348,31 @@ var HeaderCell = ({ header, table }) => {
   if (columnPinningDirection) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_eds_core_react6.Table.Cell,
-      __spreadProps(__spreadValues({}, cellProps), {
-        style: __spreadValues(__spreadProps(__spreadValues({}, cellProps.style), {
+      {
+        ...cellProps,
+        style: {
+          ...cellProps.style,
           position: "sticky",
           top: 0,
           zIndex: 11,
           backgroundClip: "padding-box",
-          display: "table-cell"
-        }), columnPinningDirection === "left" ? {
-          left: `${header.column.getStart("left")}px`,
-          borderRight: getIsLastLeftPinnedColumn(table, header.column) ? `1px solid ${import_eds_tokens4.tokens.colors.ui.background__medium.hex}` : void 0
-        } : {
-          right: `${getTotalRight(table, header.column)}px`,
-          borderLeft: getIsFirstRightPinnedColumn(header.column) ? `1px solid ${import_eds_tokens4.tokens.colors.ui.background__medium.hex}` : void 0
-        }),
+          display: "table-cell",
+          ...columnPinningDirection === "left" ? {
+            left: `${header.column.getStart("left")}px`,
+            borderRight: getIsLastLeftPinnedColumn(table, header.column) ? `1px solid ${import_eds_tokens4.tokens.colors.ui.background__medium.hex}` : void 0
+          } : {
+            right: `${getTotalRight(table, header.column)}px`,
+            borderLeft: getIsFirstRightPinnedColumn(header.column) ? `1px solid ${import_eds_tokens4.tokens.colors.ui.background__medium.hex}` : void 0
+          }
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderContent, { header, table })
-      })
+      }
     );
   }
-  if ((_a = header.column.columnDef.meta) == null ? void 0 : _a.sticky) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StickyCell2, __spreadProps(__spreadValues({}, cellProps), { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderContent, { header, table }) }), header.id);
+  if (header.column.columnDef.meta?.sticky) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StickyCell2, { ...cellProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderContent, { header, table }) }, header.id);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Cell2, __spreadProps(__spreadValues({}, cellProps), { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderContent, { header, table }) }), header.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Cell2, { ...cellProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HeaderContent, { header, table }) }, header.id);
 };
 var HeaderDiv = import_styled_components6.default.div`
   display: flex;
@@ -412,15 +381,14 @@ var HeaderDiv = import_styled_components6.default.div`
   z-index: 5;
 `;
 function HeaderContent({ header, table }) {
-  var _a;
   if (header.isPlaceholder) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(HeaderDiv, { children: [
     (0, import_react_table2.flexRender)(header.column.columnDef.header, header.getContext()),
-    (_a = {
+    {
       asc: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_eds_core_react6.Icon, { data: import_eds_icons3.arrow_drop_up, style: { flexShrink: 0 } }),
       desc: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_eds_core_react6.Icon, { data: import_eds_icons3.arrow_drop_down, style: { flexShrink: 0 } }),
       none: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_eds_core_react6.Icon, { data: import_eds_icons3.arrow_drop_down, style: { flexShrink: 0 } })
-    }[header.column.getIsSorted()]) != null ? _a : null,
+    }[header.column.getIsSorted()] ?? null,
     table.options.enableColumnResizing && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
@@ -462,22 +430,30 @@ var truncateStyle = {
   textOverflow: "ellipsis"
 };
 var TypographyCustom = (props) => {
-  const _a = props, { truncate, enableShowAllOnHover, style: styleFromProps } = _a, edsTypographyProps = __objRest(_a, ["truncate", "enableShowAllOnHover", "style"]);
+  const { truncate, enableShowAllOnHover, style: styleFromProps, ...edsTypographyProps } = props;
   if (enableShowAllOnHover)
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HoverCapture, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_eds_core_react7.Typography,
-      __spreadProps(__spreadValues({}, edsTypographyProps), {
-        style: __spreadValues(__spreadValues({}, styleFromProps), truncateStyle)
-      })
+      {
+        ...edsTypographyProps,
+        style: {
+          ...styleFromProps,
+          ...truncateStyle
+        }
+      }
     ) });
   if (truncate)
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_eds_core_react7.Typography,
-      __spreadProps(__spreadValues({}, edsTypographyProps), {
-        style: __spreadValues(__spreadValues({}, styleFromProps), truncateStyle)
-      })
+      {
+        ...edsTypographyProps,
+        style: {
+          ...styleFromProps,
+          ...truncateStyle
+        }
+      }
     );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_eds_core_react7.Typography, __spreadProps(__spreadValues({}, edsTypographyProps), { style: styleFromProps }));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_eds_core_react7.Typography, { ...edsTypographyProps, style: styleFromProps });
 };
 var HoverCapture = import_styled_components7.default.div`
   height: ${import_eds_tokens5.tokens.typography.table.cell_text.lineHeight};
@@ -532,15 +508,14 @@ var CellWrapper = (0, import_styled_components8.default)(TypographyCustom)`
     `}
 `;
 function HierarchyCell(cell, options = {}) {
-  var _a, _b, _c, _d;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     CellWrapper,
     {
-      depth: (_b = (_a = options.getRowDepth) == null ? void 0 : _a.call(options)) != null ? _b : cell.row.depth,
+      depth: options.getRowDepth?.() ?? cell.row.depth,
       expanded: cell.row.getIsExpanded(),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "--divider" }),
-        (_d = (_c = options.getDisplayName) == null ? void 0 : _c.call(options)) != null ? _d : cell.getValue()
+        options.getDisplayName?.() ?? cell.getValue()
       ]
     }
   );
@@ -551,7 +526,6 @@ var import_eds_core_react8 = require("@equinor/eds-core-react");
 var import_react2 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function PopoverCell(props) {
-  var _a, _b;
   const [open, setOpen] = (0, import_react2.useState)(false);
   const anchorRef = (0, import_react2.useRef)(null);
   const handleClick = () => setOpen(!open);
@@ -563,7 +537,7 @@ function PopoverCell(props) {
         onClick: stopPropagation(handleClick),
         style: { cursor: "pointer" },
         truncate: true,
-        children: String((_a = props.value) != null ? _a : "")
+        children: String(props.value ?? "")
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -577,7 +551,7 @@ function PopoverCell(props) {
         placement: "bottom",
         children: [
           props.title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Popover.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Popover.Header, { children: props.title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Popover.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Typography, { children: String((_b = props.value) != null ? _b : "") }) })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Popover.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_eds_core_react8.Typography, { children: String(props.value ?? "") }) })
         ]
       }
     )
@@ -667,11 +641,11 @@ function getColumnHeader(column) {
 }
 function prependSelectColumnIfEnabled(columns, config) {
   if (!config) return columns;
-  if (!(config == null ? void 0 : config.mode)) return columns;
+  if (!config?.mode) return columns;
   return prependSelectColumn(columns, config);
 }
 function prependSelectColumn(columns, config) {
-  if (!(config == null ? void 0 : config.selectColumn)) return columns;
+  if (!config?.selectColumn) return columns;
   if (config.selectColumn === "default") return [SelectColumnDef(config), ...columns];
   return [config.selectColumn(), ...columns];
 }
@@ -821,9 +795,8 @@ function TableRow({
   measureElement,
   index
 }) {
-  var _a, _b;
-  const rowWrapper = rowConfig == null ? void 0 : rowConfig.rowWrapper;
-  const dataIdValue = (_a = rowConfig == null ? void 0 : rowConfig.getDataIdAttribute) == null ? void 0 : _a.call(rowConfig, row);
+  const rowWrapper = rowConfig?.rowWrapper;
+  const dataIdValue = rowConfig?.getDataIdAttribute?.(row);
   const tableRowContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     StyledTableRow,
     {
@@ -832,15 +805,12 @@ function TableRow({
       "data-id": dataIdValue,
       ref: measureElement,
       style: {
-        cursor: (rowConfig == null ? void 0 : rowConfig.onClick) ? "pointer" : "initial",
-        backgroundColor: (_b = rowConfig == null ? void 0 : rowConfig.getRowBackground) == null ? void 0 : _b.call(rowConfig, row)
-      },
-      onClick: () => {
-        var _a2;
-        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, row);
+        cursor: rowConfig?.onClick ? "pointer" : "initial",
+        backgroundColor: rowConfig?.getRowBackground?.(row)
       },
-      onMouseEnter: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseEnter),
-      onMouseLeave: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseLeave),
+      onClick: () => rowConfig?.onClick?.(row),
+      onMouseEnter: handleRowEvent(row, rowConfig?.onMouseEnter),
+      onMouseLeave: handleRowEvent(row, rowConfig?.onMouseLeave),
       children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DynamicCell, { cell, cellConfig }, cell.id))
     }
   );
@@ -893,18 +863,13 @@ var CloseButton = (0, import_styled_components14.default)(import_eds_core_react1
   width: 24px;
   height: 24px;
 `;
-function DebouncedInput(_a) {
-  var _b = _a, {
-    value: initialValue,
-    onChange,
-    icon,
-    debounce = 500
-  } = _b, props = __objRest(_b, [
-    "value",
-    "onChange",
-    "icon",
-    "debounce"
-  ]);
+function DebouncedInput({
+  value: initialValue,
+  onChange,
+  icon,
+  debounce = 500,
+  ...props
+}) {
   const [value, setValue] = (0, import_react4.useState)(initialValue);
   (0, import_react4.useEffect)(() => {
     setValue(initialValue);
@@ -917,12 +882,13 @@ function DebouncedInput(_a) {
   }, [value]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Wrapper3, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_eds_core_react16.Input,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       value,
       leftAdornments: icon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_eds_core_react16.Icon, { name: icon.name, data: icon, size: 18 }),
       rightAdornments: !!value && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_eds_core_react16.Tooltip, { title: "Clear input", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CloseButton, { variant: "ghost_icon", onClick: () => setValue(""), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_eds_core_react16.Icon, { name: import_eds_icons6.close.name, data: import_eds_icons6.close, size: 18 }) }) }),
       onChange: (event) => setValue(event.target.value)
-    })
+    }
   ) });
 }
 
@@ -957,25 +923,30 @@ function TableBanner({
   tableCaption,
   globalFilter
 }) {
-  var _a, _b, _c, _d, _e;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TableBannerWrapper, { className: "--table-caption", padding: bannerConfig == null ? void 0 : bannerConfig.padding, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(TableBannerWrapper, { className: "--table-caption", padding: bannerConfig?.padding, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(FilterContainer, { className: "--filter-container-left", children: [
-      (bannerConfig == null ? void 0 : bannerConfig.enableTableCaption) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_eds_core_react17.Typography, { variant: "h3", as: "h2", children: tableCaption }),
-      (_c = (_a = bannerConfig == null ? void 0 : bannerConfig.customActionsLeft) == null ? void 0 : _a.call(bannerConfig, table)) != null ? _c : (_b = bannerConfig == null ? void 0 : bannerConfig.customActions) == null ? void 0 : _b.call(bannerConfig, table)
+      bannerConfig?.enableTableCaption && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_eds_core_react17.Typography, { variant: "h3", as: "h2", children: tableCaption }),
+      bannerConfig?.customActionsLeft?.(table) ?? bannerConfig?.customActions?.(table)
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FilterContainer, { className: "--filter-container-right", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      (_d = bannerConfig == null ? void 0 : bannerConfig.customActionsRight) == null ? void 0 : _d.call(bannerConfig, table),
-      (bannerConfig == null ? void 0 : bannerConfig.enableGlobalFilterInput) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      bannerConfig?.customActionsRight?.(table),
+      bannerConfig?.enableGlobalFilterInput && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         DebouncedInput,
         {
           value: globalFilter.state,
           icon: import_eds_icons7.search,
-          placeholder: (_e = bannerConfig.globalFilterPlaceholder) != null ? _e : "Search all columns",
+          placeholder: bannerConfig.globalFilterPlaceholder ?? "Search all columns",
           onChange: (value) => globalFilter.onChange(String(value))
         }
       ),
-      (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColumnSelect, { table, columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder }),
-      (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+      bannerConfig?.enableColumnSelect && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        ColumnSelect,
+        {
+          table,
+          columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder
+        }
+      ),
+      bannerConfig?.totalRowCount && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
         table.options.data.length.toLocaleString(),
         " /",
         " ",
@@ -1000,30 +971,24 @@ var PaddingRow = (props) => {
 
 // src/DataTable/components/VirtualTable.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-function VirtualTable(_a) {
-  var _b = _a, {
-    table,
-    rowConfig,
-    cellConfig,
-    containerRef
-  } = _b, props = __objRest(_b, [
-    "table",
-    "rowConfig",
-    "cellConfig",
-    "containerRef"
-  ]);
-  var _a2, _b2;
+function VirtualTable({
+  table,
+  rowConfig,
+  cellConfig,
+  containerRef,
+  ...props
+}) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
     count: rows.length,
     estimateSize: () => 48,
     getScrollElement: () => containerRef.current,
-    measureElement: (element) => element == null ? void 0 : element.getBoundingClientRect().height,
+    measureElement: (element) => element?.getBoundingClientRect().height,
     overscan: 20
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
-  const paddingTop = virtualRows.length > 0 ? ((_a2 = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a2.start) || 0 : 0;
-  const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (((_b2 = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b2.end) || 0) : 0;
+  const paddingTop = virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0;
+  const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_eds_core_react19.Table, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_eds_core_react19.Table.Caption, { hidden: true, children: props.tableCaption }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TableHeader, { sticky: props.stickyHeader, table }),
@@ -1092,16 +1057,10 @@ function canUseContainStrict(height) {
   return true;
 }
 var DataTableWrapper = import_styled_components16.default.div`
-  width: ${(props) => {
-  var _a;
-  return (_a = props.width) != null ? _a : "100%";
-}};
+  width: ${(props) => props.width ?? "100%"};
 
   .--table-container {
-    height: ${(props) => {
-  var _a;
-  return (_a = props.height) != null ? _a : "100%";
-}};
+    height: ${(props) => props.height ?? "100%"};
     width: '100%';
     overflow: auto;
     ${(props) => canUseContainStrict(props.height) ? "contain: strict;" : ""}
@@ -1111,44 +1070,40 @@ var DataTableWrapper = import_styled_components16.default.div`
 
       // The following attribute is important for fixed column width
       // CHANGE THIS WITH CAUTION
-      table-layout: ${(props) => {
-  var _a;
-  return (_a = props.tableLayout) != null ? _a : "auto";
-}};
+      table-layout: ${(props) => props.tableLayout ?? "auto"};
     }
   }
 `;
 function DataTable(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
   const { columns, data, bannerConfig, cellConfig, sorting } = props;
   const [internalColumnVisibility, setInternalColumnVisibility] = (0, import_react7.useState)({});
   const [columnVisibility, setColumnVisibility] = [
-    (_b = (_a = props.columnVisibility) == null ? void 0 : _a.state) != null ? _b : internalColumnVisibility,
-    (_d = (_c = props.columnVisibility) == null ? void 0 : _c.onChange) != null ? _d : setInternalColumnVisibility
+    props.columnVisibility?.state ?? internalColumnVisibility,
+    props.columnVisibility?.onChange ?? setInternalColumnVisibility
   ];
   const [internalGlobalFilterState, setInternalGlobalFilterState] = (0, import_react7.useState)("");
   const [globalFilterState, setGlobalFilterState] = [
-    (_f = (_e = props.globalFilter) == null ? void 0 : _e.state) != null ? _f : internalGlobalFilterState,
-    (_h = (_g = props.globalFilter) == null ? void 0 : _g.onChange) != null ? _h : setInternalGlobalFilterState
+    props.globalFilter?.state ?? internalGlobalFilterState,
+    props.globalFilter?.onChange ?? setInternalGlobalFilterState
   ];
-  const shouldEnableGlobalFilter = ((_i = props.bannerConfig) == null ? void 0 : _i.enableGlobalFilterInput) || Boolean(props.globalFilter);
+  const shouldEnableGlobalFilter = props.bannerConfig?.enableGlobalFilterInput || Boolean(props.globalFilter);
   function enableGlobalFilter(value) {
     return enableOrUndefined(shouldEnableGlobalFilter, value);
   }
   const [internalSortingState, setInternalSortingState] = (0, import_react7.useState)([]);
   const [sortingState, setSortingState] = [
-    (_k = (_j = props.sorting) == null ? void 0 : _j.state) != null ? _k : internalSortingState,
-    (_m = (_l = props.sorting) == null ? void 0 : _l.onChange) != null ? _m : setInternalSortingState
+    props.sorting?.state ?? internalSortingState,
+    props.sorting?.onChange ?? setInternalSortingState
   ];
   const [internalRowSelectionState, setInternalRowSelectionState] = (0, import_react7.useState)({});
   const [rowSelectionState, setRowSelectionState] = [
-    (_o = (_n = props.rowSelection) == null ? void 0 : _n.state) != null ? _o : internalRowSelectionState,
-    (_q = (_p = props.rowSelection) == null ? void 0 : _p.onChange) != null ? _q : setInternalRowSelectionState
+    props.rowSelection?.state ?? internalRowSelectionState,
+    props.rowSelection?.onChange ?? setInternalRowSelectionState
   ];
   const [internalExpandedState, setInternalExpandedState] = (0, import_react7.useState)({});
   const [expandedState, setExpandedState] = [
-    (_s = (_r = props.expansion) == null ? void 0 : _r.state) != null ? _s : internalExpandedState,
-    (_u = (_t = props.expansion) == null ? void 0 : _t.onChange) != null ? _u : setInternalExpandedState
+    props.expansion?.state ?? internalExpandedState,
+    props.expansion?.onChange ?? setInternalExpandedState
   ];
   const [internalColumnPinning, setInternalColumnPinning] = (0, import_react7.useState)({});
   const [columnPinning, setColumnPinning] = [
@@ -1162,25 +1117,25 @@ function DataTable(props) {
     state: {
       expanded: expandedState,
       globalFilter: enableGlobalFilter(globalFilterState),
-      sorting: ((_v = props.sorting) == null ? void 0 : _v.enableSorting) ? (_x = (_w = props.sorting) == null ? void 0 : _w.state) != null ? _x : sortingState : void 0,
+      sorting: props.sorting?.enableSorting ? props.sorting?.state ?? sortingState : void 0,
       rowSelection: rowSelectionState,
       columnVisibility,
       columnPinning
     },
     defaultColumn: {
       cell: ({ cell }) => {
-        const truncateMode = getFunctionValueOrDefault(cellConfig == null ? void 0 : cellConfig.truncateMode, cell, "hover");
+        const truncateMode = getFunctionValueOrDefault(cellConfig?.truncateMode, cell, "hover");
         return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TypographyCustom, { truncate: truncateMode === "hover", enableShowAllOnHover: true, children: cell.getValue() });
       }
     },
     enableColumnResizing: Boolean(props.columnResizing),
     columnResizeMode: typeof props.columnResizing === "boolean" ? "onChange" : props.columnResizing,
-    enableSorting: sorting == null ? void 0 : sorting.enableSorting,
-    manualSorting: sorting == null ? void 0 : sorting.manualSorting,
+    enableSorting: sorting?.enableSorting,
+    manualSorting: sorting?.manualSorting,
     enableExpanding: Boolean(props.expansion),
-    enableMultiRowSelection: ((_y = props.rowSelection) == null ? void 0 : _y.mode) === "multiple",
-    enableSubRowSelection: ((_z = props.rowSelection) == null ? void 0 : _z.mode) !== "single",
-    filterFromLeafRows: bannerConfig == null ? void 0 : bannerConfig.filterFromLeafRows,
+    enableMultiRowSelection: props.rowSelection?.mode === "multiple",
+    enableSubRowSelection: props.rowSelection?.mode !== "single",
+    filterFromLeafRows: bannerConfig?.filterFromLeafRows,
     enablePinning: props.columnPinning !== void 0 && (typeof props.columnPinning === "boolean" ? props.columnPinning : props.columnPinning.enable),
     getFilteredRowModel: enableGlobalFilter((0, import_react_table4.getFilteredRowModel)()),
     getCoreRowModel: (0, import_react_table4.getCoreRowModel)(),
@@ -1189,18 +1144,17 @@ function DataTable(props) {
     onExpandedChange: setExpandedState,
     onRowSelectionChange: setRowSelectionState,
     onColumnPinningChange: setColumnPinning,
-    onSortingChange: (sorting == null ? void 0 : sorting.enableSorting) ? (_A = sorting == null ? void 0 : sorting.onChange) != null ? _A : setSortingState : void 0,
+    onSortingChange: sorting?.enableSorting ? sorting?.onChange ?? setSortingState : void 0,
     onColumnVisibilityChange: setColumnVisibility,
     onGlobalFilterChange: enableGlobalFilter(setGlobalFilterState),
-    getSubRows: props == null ? void 0 : props.getSubRows,
-    getRowId: props == null ? void 0 : props.getRowId
+    getSubRows: props?.getSubRows,
+    getRowId: props?.getRowId
   });
   (0, import_react7.useEffect)(() => {
-    var _a2;
-    if ((_a2 = props.expansion) == null ? void 0 : _a2.expandAllByDefault) {
+    if (props.expansion?.expandAllByDefault) {
       table.toggleAllRowsExpanded();
     }
-  }, [table, (_B = props.expansion) == null ? void 0 : _B.expandAllByDefault]);
+  }, [table, props.expansion?.expandAllByDefault]);
   const { isLoading, rowConfig } = props;
   const tableContainerRef = (0, import_react7.useRef)(null);
   const onTableContainerScroll = useFetchMoreOnBottomReached(
@@ -1211,7 +1165,7 @@ function DataTable(props) {
   (0, import_react7.useEffect)(() => {
     if (tableContainerRef.current) forceRerender();
   }, [tableContainerRef.current === null]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DataTableWrapper, { height: props == null ? void 0 : props.height, width: props == null ? void 0 : props.width, tableLayout: props == null ? void 0 : props.tableLayout, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DataTableWrapper, { height: props?.height, width: props?.width, tableLayout: props?.tableLayout, children: [
     props.bannerConfig && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       TableBanner,
       {
@@ -1223,19 +1177,19 @@ function DataTable(props) {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
-      __spreadProps(__spreadValues({}, props.tableContainerProps), {
-        className: "--table-container " + ((_D = (_C = props.tableContainerProps) == null ? void 0 : _C.className) != null ? _D : ""),
-        onScroll: (_F = (_E = props.tableContainerProps) == null ? void 0 : _E.onScroll) != null ? _F : onTableContainerScroll,
+      {
+        ...props.tableContainerProps,
+        className: "--table-container " + (props.tableContainerProps?.className ?? ""),
+        onScroll: props.tableContainerProps?.onScroll ?? onTableContainerScroll,
         ref: (node) => {
-          var _a2;
           if (node) {
             tableContainerRef.current = node;
-            if ((_a2 = props.tableContainerProps) == null ? void 0 : _a2.ref) {
+            if (props.tableContainerProps?.ref) {
               props.tableContainerProps.ref.current = node;
             }
           }
         },
-        children: (props == null ? void 0 : props.virtual) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: props?.virtual ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           VirtualTable,
           {
             containerRef: tableContainerRef,
@@ -1257,7 +1211,7 @@ function DataTable(props) {
             stickyHeader: props.stickyHeader
           }
         )
-      })
+      }
     )
   ] });
 }
@@ -1275,21 +1229,16 @@ var formMeta = {
   _hasRemoteChange: false
 };
 function useEditMode() {
-  var _a;
   const { watch } = (0, import_react_hook_form.useFormContext)();
-  return (_a = watch("_editMode")) != null ? _a : false;
+  return watch("_editMode") ?? false;
 }
 function useHasRemoteChange() {
-  var _a;
   const { watch } = (0, import_react_hook_form.useFormContext)();
-  return (_a = watch("_hasRemoteChange")) != null ? _a : false;
+  return watch("_hasRemoteChange") ?? false;
 }
 function useGetIsNew() {
   const { getValues } = (0, import_react_hook_form.useFormContext)();
-  return () => {
-    var _a;
-    return (_a = getValues("_isNew")) != null ? _a : false;
-  };
+  return () => getValues("_isNew") ?? false;
 }
 function useSetFormMeta() {
   const { setValue } = (0, import_react_hook_form.useFormContext)();
@@ -1302,17 +1251,15 @@ function removeFormMeta(withFormMeta) {
   return (0, import_omit.default)(withFormMeta, Object.keys(formMeta));
 }
 function addFormMeta(withoutFormMeta) {
-  return __spreadValues(__spreadValues({}, formMeta), withoutFormMeta);
+  return { ...formMeta, ...withoutFormMeta };
 }
 
 // src/form-cells/EditableCheckboxCell.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
-function EditableCheckboxCell(_a) {
-  var _b = _a, {
-    onChange: onChangeFromProps
-  } = _b, context = __objRest(_b, [
-    "onChange"
-  ]);
+function EditableCheckboxCell({
+  onChange: onChangeFromProps,
+  ...context
+}) {
   const editMode = useEditMode();
   if (!editMode)
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -1329,22 +1276,19 @@ function EditableCheckboxCell(_a) {
     import_react_hook_form2.Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, field = __objRest(_c, ["value", "onChange"]);
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_eds_core_react20.Checkbox,
-          __spreadProps(__spreadValues({
-            enterKeyHint: "send",
-            "aria-label": "editable",
-            checked: value
-          }, field), {
-            onChange: (e) => {
-              onChange(e);
-              onChangeFromProps == null ? void 0 : onChangeFromProps(e.target.checked);
-            }
-          })
-        );
-      }
+      render: ({ field: { value, onChange, ...field } }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_eds_core_react20.Checkbox,
+        {
+          enterKeyHint: "send",
+          "aria-label": "editable",
+          checked: value,
+          ...field,
+          onChange: (e) => {
+            onChange(e);
+            onChangeFromProps?.(e.target.checked);
+          }
+        }
+      )
     }
   );
 }
@@ -1365,9 +1309,8 @@ function getHelperTextProps({
   warning,
   helperText
 }) {
-  var _a;
   if (error) {
-    if ((_a = error.message) == null ? void 0 : _a.startsWith(WARNING_PREFIX)) {
+    if (error.message?.startsWith(WARNING_PREFIX)) {
       return {
         variant: "warning",
         helperText: error.message.substring(WARNING_PREFIX.length),
@@ -1394,23 +1337,16 @@ function getHelperTextProps({
 
 // src/form-cells/EditableDateCell.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function EditableDateCell(_a) {
-  var _b = _a, {
-    dateStringFormatter,
-    error: errorFromProps,
-    onChange: onChangeFromProps
-  } = _b, context = __objRest(_b, [
-    "dateStringFormatter",
-    "error",
-    "onChange"
-  ]);
+function EditableDateCell({
+  dateStringFormatter,
+  error: errorFromProps,
+  onChange: onChangeFromProps,
+  ...context
+}) {
   const rawValue = context.getValue();
   const editMode = useEditMode();
   const formattedValue = (0, import_react8.useMemo)(
-    () => {
-      var _a2;
-      return (_a2 = dateStringFormatter == null ? void 0 : dateStringFormatter(rawValue)) != null ? _a2 : rawValue;
-    },
+    () => dateStringFormatter?.(rawValue) ?? rawValue,
     [rawValue, dateStringFormatter]
   );
   if (!editMode) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TypographyCustom, { truncate: true, children: formattedValue });
@@ -1418,23 +1354,22 @@ function EditableDateCell(_a) {
     import_react_hook_form3.Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { value, onChange } = _d, field = __objRest(_d, ["value", "onChange"]), { fieldState: { error } } = _b2;
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          InlineTextField,
-          __spreadValues(__spreadValues({
-            id: context.column.id,
-            type: "date",
-            autoComplete: "none",
-            value: value ? parseISODate(value) : "",
-            onChange: (e) => {
-              const newDateString = e.target.value ? parseISODate(e.target.value) : "";
-              onChange(newDateString);
-              onChangeFromProps == null ? void 0 : onChangeFromProps(newDateString);
-            }
-          }, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })), field)
-        );
-      }
+      render: ({ field: { value, onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        InlineTextField,
+        {
+          id: context.column.id,
+          type: "date",
+          autoComplete: "none",
+          value: value ? parseISODate(value) : "",
+          onChange: (e) => {
+            const newDateString = e.target.value ? parseISODate(e.target.value) ?? "" : "";
+            onChange(newDateString);
+            onChangeFromProps?.(newDateString);
+          },
+          ...getHelperTextProps({ error: errorFromProps ?? error }),
+          ...field
+        }
+      )
     }
   );
 }
@@ -1514,18 +1449,13 @@ function HelperText({ helperText, variant, helperIcon }) {
 
 // src/form-cells/EditableDropdownSingleCell.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-function EditableDropdownSingleCell(_a) {
-  var _b = _a, {
-    options,
-    error: errorFromProps,
-    onChange: onChangeFromProps,
-    label = ""
-  } = _b, context = __objRest(_b, [
-    "options",
-    "error",
-    "onChange",
-    "label"
-  ]);
+function EditableDropdownSingleCell({
+  options,
+  error: errorFromProps,
+  onChange: onChangeFromProps,
+  label = "",
+  ...context
+}) {
   const editMode = useEditMode();
   if (!editMode)
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1533,31 +1463,28 @@ function EditableDropdownSingleCell(_a) {
     import_react_hook_form4.Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { value, onChange } = _d, field = __objRest(_d, ["value", "onChange"]), { fieldState: { error } } = _b2;
+      render: ({ field: { value, onChange, ...field }, fieldState: { error } }) => {
         const selectedOption = options.find((option) => option.value === value);
         return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             import_eds_core_react24.Autocomplete,
-            __spreadValues({
+            {
               label,
               selectedOptions: selectedOption ? [selectedOption] : [],
               options,
-              optionLabel: (option) => {
-                var _a3;
-                return (_a3 = option == null ? void 0 : option.label) != null ? _a3 : "";
-              },
+              optionLabel: (option) => option?.label ?? "",
               "aria-required": true,
               hideClearButton: true,
               "aria-autocomplete": "none",
               onOptionsChange: (changes) => {
                 const [change] = changes.selectedItems;
-                onChange(change == null ? void 0 : change.value);
-                onChangeFromProps == null ? void 0 : onChangeFromProps(change);
-              }
-            }, field)
+                onChange(change?.value);
+                onChangeFromProps?.(change);
+              },
+              ...field
+            }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(HelperText, __spreadValues({}, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })))
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(HelperText, { ...getHelperTextProps({ error: errorFromProps ?? error }) })
         ] });
       }
     }
@@ -1569,30 +1496,27 @@ var import_eds_core_react25 = require("@equinor/eds-core-react");
 var import_react_hook_form5 = require("react-hook-form");
 var import_styled_components18 = __toESM(require("styled-components"));
 var import_jsx_runtime26 = require("react/jsx-runtime");
-function EditableNumberCell(_a) {
-  var _b = _a, {
-    error: errorFromProps
-  } = _b, context = __objRest(_b, [
-    "error"
-  ]);
+function EditableNumberCell({
+  error: errorFromProps,
+  ...context
+}) {
   const editMode = useEditMode();
   if (!editMode) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TypographyCustom, { truncate: true, children: context.getValue() });
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_react_hook_form5.Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { onChange } = _d, field = __objRest(_d, ["onChange"]), { fieldState: { error } } = _b2;
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          InlineTextField2,
-          __spreadValues(__spreadValues({
-            id: context.column.id,
-            type: "number",
-            autoComplete: "none",
-            onChange: (e) => onChange(e.target.valueAsNumber)
-          }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
-        ) });
-      }
+      render: ({ field: { onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        InlineTextField2,
+        {
+          id: context.column.id,
+          type: "number",
+          autoComplete: "none",
+          onChange: (e) => onChange(e.target.valueAsNumber),
+          ...field,
+          ...getHelperTextProps({ error: errorFromProps ?? error })
+        }
+      ) })
     }
   );
 }
@@ -1626,16 +1550,12 @@ var import_react9 = require("react");
 var import_react_hook_form6 = require("react-hook-form");
 var import_styled_components19 = __toESM(require("styled-components"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
-function EditableTextAreaCell(_a) {
-  var _b = _a, {
-    title,
-    error: errorFromProps,
-    onChange: onChangeFromProps
-  } = _b, context = __objRest(_b, [
-    "title",
-    "error",
-    "onChange"
-  ]);
+function EditableTextAreaCell({
+  title,
+  error: errorFromProps,
+  onChange: onChangeFromProps,
+  ...context
+}) {
   const [textareaValue, setTextareaValue] = (0, import_react9.useState)(context.getValue());
   const [open, setOpen] = (0, import_react9.useState)(false);
   const editMode = useEditMode();
@@ -1648,88 +1568,87 @@ function EditableTextAreaCell(_a) {
     import_react_hook_form6.Controller,
     {
       name,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { onChange, ref } = _d, field = __objRest(_d, ["onChange", "ref"]), { fieldState: { error } } = _b2;
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                position: "relative"
-              },
-              children: [
+      render: ({ field: { onChange, ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              position: "relative"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                StyledTextField,
+                {
+                  id: field.name,
+                  onChange,
+                  ref,
+                  ...field,
+                  ...getHelperTextProps({ error: errorFromProps ?? error })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Icon, { data: import_eds_icons9.arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          import_eds_core_react26.Dialog,
+          {
+            open,
+            onClose: () => {
+              closeDialog();
+              onChange(textareaValue);
+              onChangeFromProps?.(textareaValue);
+            },
+            isDismissable: true,
+            style: { width: "min(50rem, calc(100vw - 4rem))" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Title, { children: title }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                import_eds_core_react26.Textarea,
+                {
+                  style: {
+                    maxWidth: "100%",
+                    marginTop: "1rem"
+                  },
+                  id: field.name + "modal",
+                  rows: 8,
+                  name: field.name + "modal",
+                  value: textareaValue,
+                  onChange: (e) => {
+                    setTextareaValue(e.target.value);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_eds_core_react26.Dialog.Actions, { style: { display: "flex", gap: "1rem" }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  StyledTextField,
-                  __spreadValues(__spreadValues({
-                    id: field.name,
-                    onChange,
-                    ref
-                  }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
+                  import_eds_core_react26.Button,
+                  {
+                    onClick: () => {
+                      closeDialog();
+                      onChange(textareaValue);
+                      onChangeFromProps?.(textareaValue);
+                    },
+                    children: "Submit"
+                  }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Icon, { data: import_eds_icons9.arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-            import_eds_core_react26.Dialog,
-            {
-              open,
-              onClose: () => {
-                closeDialog();
-                onChange(textareaValue);
-                onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
-              },
-              isDismissable: true,
-              style: { width: "min(50rem, calc(100vw - 4rem))" },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Title, { children: title }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Dialog.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                  import_eds_core_react26.Textarea,
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  import_eds_core_react26.Button,
                   {
-                    style: {
-                      maxWidth: "100%",
-                      marginTop: "1rem"
+                    variant: "ghost",
+                    onClick: () => {
+                      closeDialog();
+                      setTextareaValue(context.getValue());
                     },
-                    id: field.name + "modal",
-                    rows: 8,
-                    name: field.name + "modal",
-                    value: textareaValue,
-                    onChange: (e) => {
-                      setTextareaValue(e.target.value);
-                    }
+                    children: "Cancel"
                   }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_eds_core_react26.Dialog.Actions, { style: { display: "flex", gap: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                    import_eds_core_react26.Button,
-                    {
-                      onClick: () => {
-                        closeDialog();
-                        onChange(textareaValue);
-                        onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
-                      },
-                      children: "Submit"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                    import_eds_core_react26.Button,
-                    {
-                      variant: "ghost",
-                      onClick: () => {
-                        closeDialog();
-                        setTextareaValue(context.getValue());
-                      },
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] });
-      }
+                )
+              ] })
+            ]
+          }
+        )
+      ] })
     }
   );
 }
@@ -1754,12 +1673,10 @@ var import_eds_core_react27 = require("@equinor/eds-core-react");
 var import_react_hook_form7 = require("react-hook-form");
 var import_styled_components20 = __toESM(require("styled-components"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
-function EditableTextFieldCell(_a) {
-  var _b = _a, {
-    error: errorFromProps
-  } = _b, context = __objRest(_b, [
-    "error"
-  ]);
+function EditableTextFieldCell({
+  error: errorFromProps,
+  ...context
+}) {
   const editMode = useEditMode();
   if (!editMode)
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1767,17 +1684,16 @@ function EditableTextFieldCell(_a) {
     import_react_hook_form7.Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { value } = _d, field = __objRest(_d, ["value"]), { fieldState: { error } } = _b2;
-        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          InlineTextField3,
-          __spreadValues(__spreadValues({
-            id: context.column.id,
-            autoComplete: "none",
-            value: String(value != null ? value : "")
-          }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
-        );
-      }
+      render: ({ field: { value, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        InlineTextField3,
+        {
+          id: context.column.id,
+          autoComplete: "none",
+          value: String(value ?? ""),
+          ...field,
+          ...getHelperTextProps({ error: errorFromProps ?? error })
+        }
+      )
     }
   );
 }