@equinor/apollo-components 4.0.1 → 4.0.3

package/dist/index.mjs

@@ -1,35 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
-
 // src/AppShell/AppShell.tsx
 import { Icon, TopBar } from "@equinor/eds-core-react";
 import { apps } from "@equinor/eds-icons";
@@ -51,8 +19,8 @@ var Wrapper = styled.div`
 `;
 var AppShell = ({ children, icon, title, sidebar }) => /* @__PURE__ */ jsxs(Wrapper, { children: [
   /* @__PURE__ */ jsx(TopBar, { sticky: false, children: /* @__PURE__ */ jsxs(TopBar.Header, { children: [
-    /* @__PURE__ */ jsx(Icon, { data: icon != null ? icon : apps }),
-    /* @__PURE__ */ jsx("span", { children: title != null ? title : "App Title" })
+    /* @__PURE__ */ jsx(Icon, { data: icon ?? apps }),
+    /* @__PURE__ */ jsx("span", { children: title ?? "App Title" })
   ] }) }),
   /* @__PURE__ */ jsxs("div", { className: "--content-wrapper", children: [
     sidebar,
@@ -169,15 +137,11 @@ var Chip = styled3.div`
   line-height: 22px;
   height: 22px;
   padding: 0 6px;
-  background-color: ${(props) => {
-  var _a;
-  return (_a = props.backgroundColor) != null ? _a : tokens2.colors.ui.background__medium.hex;
-}};
+  background-color: ${(props) => props.backgroundColor ?? tokens2.colors.ui.background__medium.hex};
   color: darkslategrey;
 `;
 var ChipsCell = (props) => {
-  var _a;
-  return /* @__PURE__ */ jsx4(ChipsWrapper, { children: (_a = props.values) == null ? void 0 : _a.map((value) => /* @__PURE__ */ jsx4(Chip, { backgroundColor: stringToHslColor(value), children: value }, value)) });
+  return /* @__PURE__ */ jsx4(ChipsWrapper, { children: props.values?.map((value) => /* @__PURE__ */ jsx4(Chip, { backgroundColor: stringToHslColor(value), children: value }, value)) });
 };
 
 // src/cells/DynamicCell.tsx
@@ -221,35 +185,35 @@ var StyledCell = styled5(EdsTable.Cell)`
   background-color: ${({ backgroundColor }) => backgroundColor ? `${backgroundColor} !important` : `inherit`};
 `;
 function DynamicCell({ cell, cellConfig }) {
-  var _a, _b, _c, _d, _e;
   const cellContent = 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__ */ jsx5(
       EdsTable.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 ${tokens3.colors.ui.background__medium.hex}` : void 0
-        } : {
-          right: `${getTotalRight(cell.getContext().table, cell.column)}px`,
-          borderLeft: getIsFirstRightPinnedColumn(cell.column) ? `1px solid ${tokens3.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 ${tokens3.colors.ui.background__medium.hex}` : void 0
+          } : {
+            right: `${getTotalRight(cell.getContext().table, cell.column)}px`,
+            borderLeft: getIsFirstRightPinnedColumn(cell.column) ? `1px solid ${tokens3.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__ */ jsx5(StyledStickyCell, { backgroundColor: stickyCellColor, "data-column": cell.column.id, children: cellContent });
   }
   return /* @__PURE__ */ jsx5(StyledCell, { "data-column": cell.column.id, backgroundColor: regularCellColor, children: cellContent });
@@ -292,7 +256,6 @@ var Cell2 = styled6(EdsTable2.Cell)`
   ${resizeCellStyle}
 `;
 var HeaderCell = ({ header, table }) => {
-  var _a;
   const style = {
     width: header.column.getSize(),
     zIndex: 10
@@ -307,28 +270,31 @@ var HeaderCell = ({ header, table }) => {
   if (columnPinningDirection) {
     return /* @__PURE__ */ jsx6(
       EdsTable2.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 ${tokens4.colors.ui.background__medium.hex}` : void 0
-        } : {
-          right: `${getTotalRight(table, header.column)}px`,
-          borderLeft: getIsFirstRightPinnedColumn(header.column) ? `1px solid ${tokens4.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 ${tokens4.colors.ui.background__medium.hex}` : void 0
+          } : {
+            right: `${getTotalRight(table, header.column)}px`,
+            borderLeft: getIsFirstRightPinnedColumn(header.column) ? `1px solid ${tokens4.colors.ui.background__medium.hex}` : void 0
+          }
+        },
         children: /* @__PURE__ */ jsx6(HeaderContent, { header, table })
-      })
+      }
     );
   }
-  if ((_a = header.column.columnDef.meta) == null ? void 0 : _a.sticky) {
-    return /* @__PURE__ */ jsx6(StickyCell2, __spreadProps(__spreadValues({}, cellProps), { children: /* @__PURE__ */ jsx6(HeaderContent, { header, table }) }), header.id);
+  if (header.column.columnDef.meta?.sticky) {
+    return /* @__PURE__ */ jsx6(StickyCell2, { ...cellProps, children: /* @__PURE__ */ jsx6(HeaderContent, { header, table }) }, header.id);
   }
-  return /* @__PURE__ */ jsx6(Cell2, __spreadProps(__spreadValues({}, cellProps), { children: /* @__PURE__ */ jsx6(HeaderContent, { header, table }) }), header.id);
+  return /* @__PURE__ */ jsx6(Cell2, { ...cellProps, children: /* @__PURE__ */ jsx6(HeaderContent, { header, table }) }, header.id);
 };
 var HeaderDiv = styled6.div`
   display: flex;
@@ -337,15 +303,14 @@ var HeaderDiv = styled6.div`
   z-index: 5;
 `;
 function HeaderContent({ header, table }) {
-  var _a;
   if (header.isPlaceholder) return null;
   return /* @__PURE__ */ jsxs3(HeaderDiv, { children: [
     flexRender2(header.column.columnDef.header, header.getContext()),
-    (_a = {
+    {
       asc: /* @__PURE__ */ jsx6(Icon3, { data: arrow_drop_up, style: { flexShrink: 0 } }),
       desc: /* @__PURE__ */ jsx6(Icon3, { data: arrow_drop_down, style: { flexShrink: 0 } }),
       none: /* @__PURE__ */ jsx6(Icon3, { data: arrow_drop_down, style: { flexShrink: 0 } })
-    }[header.column.getIsSorted()]) != null ? _a : null,
+    }[header.column.getIsSorted()] ?? null,
     table.options.enableColumnResizing && /* @__PURE__ */ jsx6(
       "div",
       {
@@ -389,22 +354,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__ */ jsx7(HoverCapture, { children: /* @__PURE__ */ jsx7(
       EdsTypography,
-      __spreadProps(__spreadValues({}, edsTypographyProps), {
-        style: __spreadValues(__spreadValues({}, styleFromProps), truncateStyle)
-      })
+      {
+        ...edsTypographyProps,
+        style: {
+          ...styleFromProps,
+          ...truncateStyle
+        }
+      }
     ) });
   if (truncate)
     return /* @__PURE__ */ jsx7(
       EdsTypography,
-      __spreadProps(__spreadValues({}, edsTypographyProps), {
-        style: __spreadValues(__spreadValues({}, styleFromProps), truncateStyle)
-      })
+      {
+        ...edsTypographyProps,
+        style: {
+          ...styleFromProps,
+          ...truncateStyle
+        }
+      }
     );
-  return /* @__PURE__ */ jsx7(EdsTypography, __spreadProps(__spreadValues({}, edsTypographyProps), { style: styleFromProps }));
+  return /* @__PURE__ */ jsx7(EdsTypography, { ...edsTypographyProps, style: styleFromProps });
 };
 var HoverCapture = styled7.div`
   height: ${tokens5.typography.table.cell_text.lineHeight};
@@ -459,15 +432,14 @@ var CellWrapper = styled8(TypographyCustom)`
     `}
 `;
 function HierarchyCell(cell, options = {}) {
-  var _a, _b, _c, _d;
   return /* @__PURE__ */ jsxs4(
     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__ */ jsx8("span", { className: "--divider" }),
-        (_d = (_c = options.getDisplayName) == null ? void 0 : _c.call(options)) != null ? _d : cell.getValue()
+        options.getDisplayName?.() ?? cell.getValue()
       ]
     }
   );
@@ -478,7 +450,6 @@ import { Popover, Typography } from "@equinor/eds-core-react";
 import { useRef, useState as useState2 } from "react";
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function PopoverCell(props) {
-  var _a, _b;
   const [open, setOpen] = useState2(false);
   const anchorRef = useRef(null);
   const handleClick = () => setOpen(!open);
@@ -490,7 +461,7 @@ function PopoverCell(props) {
         onClick: stopPropagation(handleClick),
         style: { cursor: "pointer" },
         truncate: true,
-        children: String((_a = props.value) != null ? _a : "")
+        children: String(props.value ?? "")
       }
     ),
     /* @__PURE__ */ jsxs5(
@@ -504,7 +475,7 @@ function PopoverCell(props) {
         placement: "bottom",
         children: [
           props.title && /* @__PURE__ */ jsx9(Popover.Title, { children: /* @__PURE__ */ jsx9(Popover.Header, { children: props.title }) }),
-          /* @__PURE__ */ jsx9(Popover.Content, { children: /* @__PURE__ */ jsx9(Typography, { children: String((_b = props.value) != null ? _b : "") }) })
+          /* @__PURE__ */ jsx9(Popover.Content, { children: /* @__PURE__ */ jsx9(Typography, { children: String(props.value ?? "") }) })
         ]
       }
     )
@@ -594,11 +565,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];
 }
@@ -754,9 +725,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__ */ jsx14(
     StyledTableRow,
     {
@@ -765,15 +735,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)
+        cursor: rowConfig?.onClick ? "pointer" : "initial",
+        backgroundColor: rowConfig?.getRowBackground?.(row)
       },
-      onClick: () => {
-        var _a2;
-        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, 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__ */ jsx14(DynamicCell, { cell, cellConfig }, cell.id))
     }
   );
@@ -826,18 +793,13 @@ var CloseButton = styled14(Button4)`
   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] = useState4(initialValue);
   useEffect(() => {
     setValue(initialValue);
@@ -850,12 +812,13 @@ function DebouncedInput(_a) {
   }, [value]);
   return /* @__PURE__ */ jsx16(Wrapper3, { children: /* @__PURE__ */ jsx16(
     Input,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       value,
       leftAdornments: icon && /* @__PURE__ */ jsx16(Icon6, { name: icon.name, data: icon, size: 18 }),
       rightAdornments: !!value && /* @__PURE__ */ jsx16(Tooltip2, { title: "Clear input", children: /* @__PURE__ */ jsx16(CloseButton, { variant: "ghost_icon", onClick: () => setValue(""), children: /* @__PURE__ */ jsx16(Icon6, { name: close2.name, data: close2, size: 18 }) }) }),
       onChange: (event) => setValue(event.target.value)
-    })
+    }
   ) });
 }
 
@@ -890,25 +853,30 @@ function TableBanner({
   tableCaption,
   globalFilter
 }) {
-  var _a, _b, _c, _d, _e;
-  return /* @__PURE__ */ jsxs9(TableBannerWrapper, { className: "--table-caption", padding: bannerConfig == null ? void 0 : bannerConfig.padding, children: [
+  return /* @__PURE__ */ jsxs9(TableBannerWrapper, { className: "--table-caption", padding: bannerConfig?.padding, children: [
     /* @__PURE__ */ jsxs9(FilterContainer, { className: "--filter-container-left", children: [
-      (bannerConfig == null ? void 0 : bannerConfig.enableTableCaption) && /* @__PURE__ */ jsx17(Typography3, { 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__ */ jsx17(Typography3, { variant: "h3", as: "h2", children: tableCaption }),
+      bannerConfig?.customActionsLeft?.(table) ?? bannerConfig?.customActions?.(table)
     ] }),
     /* @__PURE__ */ jsx17(FilterContainer, { className: "--filter-container-right", children: /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      (_d = bannerConfig == null ? void 0 : bannerConfig.customActionsRight) == null ? void 0 : _d.call(bannerConfig, table),
-      (bannerConfig == null ? void 0 : bannerConfig.enableGlobalFilterInput) && /* @__PURE__ */ jsx17(
+      bannerConfig?.customActionsRight?.(table),
+      bannerConfig?.enableGlobalFilterInput && /* @__PURE__ */ jsx17(
         DebouncedInput,
         {
           value: globalFilter.state,
           icon: 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__ */ jsx17(ColumnSelect, { table, columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder }),
-      (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ jsxs9("span", { children: [
+      bannerConfig?.enableColumnSelect && /* @__PURE__ */ jsx17(
+        ColumnSelect,
+        {
+          table,
+          columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder
+        }
+      ),
+      bannerConfig?.totalRowCount && /* @__PURE__ */ jsxs9("span", { children: [
         table.options.data.length.toLocaleString(),
         " /",
         " ",
@@ -933,30 +901,24 @@ var PaddingRow = (props) => {
 
 // src/DataTable/components/VirtualTable.tsx
 import { jsx as jsx19, jsxs as jsxs10 } from "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 = 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__ */ jsxs10(Table8, { children: [
     /* @__PURE__ */ jsx19(Table8.Caption, { hidden: true, children: props.tableCaption }),
     /* @__PURE__ */ jsx19(TableHeader, { sticky: props.stickyHeader, table }),
@@ -1025,16 +987,10 @@ function canUseContainStrict(height) {
   return true;
 }
 var DataTableWrapper = styled16.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;" : ""}
@@ -1044,44 +1000,40 @@ var DataTableWrapper = styled16.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] = useState6({});
   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] = useState6("");
   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] = useState6([]);
   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] = useState6({});
   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] = useState6({});
   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] = useState6({});
   const [columnPinning, setColumnPinning] = [
@@ -1095,25 +1047,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__ */ jsx20(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(getFilteredRowModel()),
     getCoreRowModel: getCoreRowModel(),
@@ -1122,18 +1074,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
   });
   useEffect3(() => {
-    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 = useRef3(null);
   const onTableContainerScroll = useFetchMoreOnBottomReached(
@@ -1144,7 +1095,7 @@ function DataTable(props) {
   useEffect3(() => {
     if (tableContainerRef.current) forceRerender();
   }, [tableContainerRef.current === null]);
-  return /* @__PURE__ */ jsxs11(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__ */ jsxs11(DataTableWrapper, { height: props?.height, width: props?.width, tableLayout: props?.tableLayout, children: [
     props.bannerConfig && /* @__PURE__ */ jsx20(
       TableBanner,
       {
@@ -1156,19 +1107,19 @@ function DataTable(props) {
     ),
     /* @__PURE__ */ jsx20(
       "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__ */ jsx20(
+        children: props?.virtual ? /* @__PURE__ */ jsx20(
           VirtualTable,
           {
             containerRef: tableContainerRef,
@@ -1190,7 +1141,7 @@ function DataTable(props) {
             stickyHeader: props.stickyHeader
           }
         )
-      })
+      }
     )
   ] });
 }
@@ -1208,21 +1159,16 @@ var formMeta = {
   _hasRemoteChange: false
 };
 function useEditMode() {
-  var _a;
   const { watch } = useFormContext();
-  return (_a = watch("_editMode")) != null ? _a : false;
+  return watch("_editMode") ?? false;
 }
 function useHasRemoteChange() {
-  var _a;
   const { watch } = useFormContext();
-  return (_a = watch("_hasRemoteChange")) != null ? _a : false;
+  return watch("_hasRemoteChange") ?? false;
 }
 function useGetIsNew() {
   const { getValues } = useFormContext();
-  return () => {
-    var _a;
-    return (_a = getValues("_isNew")) != null ? _a : false;
-  };
+  return () => getValues("_isNew") ?? false;
 }
 function useSetFormMeta() {
   const { setValue } = useFormContext();
@@ -1235,17 +1181,15 @@ function removeFormMeta(withFormMeta) {
   return omit(withFormMeta, Object.keys(formMeta));
 }
 function addFormMeta(withoutFormMeta) {
-  return __spreadValues(__spreadValues({}, formMeta), withoutFormMeta);
+  return { ...formMeta, ...withoutFormMeta };
 }
 
 // src/form-cells/EditableCheckboxCell.tsx
 import { jsx as jsx21 } from "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__ */ jsx21(
@@ -1262,22 +1206,19 @@ function EditableCheckboxCell(_a) {
     Controller,
     {
       name: context.column.id,
-      render: (_a2) => {
-        var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, field = __objRest(_c, ["value", "onChange"]);
-        return /* @__PURE__ */ jsx21(
-          Checkbox4,
-          __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__ */ jsx21(
+        Checkbox4,
+        {
+          enterKeyHint: "send",
+          "aria-label": "editable",
+          checked: value,
+          ...field,
+          onChange: (e) => {
+            onChange(e);
+            onChangeFromProps?.(e.target.checked);
+          }
+        }
+      )
     }
   );
 }
@@ -1298,9 +1239,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),
@@ -1327,23 +1267,16 @@ function getHelperTextProps({
 
 // src/form-cells/EditableDateCell.tsx
 import { jsx as jsx23 } from "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 = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = dateStringFormatter == null ? void 0 : dateStringFormatter(rawValue)) != null ? _a2 : rawValue;
-    },
+    () => dateStringFormatter?.(rawValue) ?? rawValue,
     [rawValue, dateStringFormatter]
   );
   if (!editMode) return /* @__PURE__ */ jsx23(TypographyCustom, { truncate: true, children: formattedValue });
@@ -1351,23 +1284,22 @@ function EditableDateCell(_a) {
     Controller2,
     {
       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__ */ jsx23(
-          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__ */ jsx23(
+        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
+        }
+      )
     }
   );
 }
@@ -1447,18 +1379,13 @@ function HelperText({ helperText, variant, helperIcon }) {
 
 // src/form-cells/EditableDropdownSingleCell.tsx
 import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs13 } from "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__ */ jsx25(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1466,31 +1393,28 @@ function EditableDropdownSingleCell(_a) {
     Controller3,
     {
       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__ */ jsxs13(Fragment5, { children: [
           /* @__PURE__ */ jsx25(
             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__ */ jsx25(HelperText, __spreadValues({}, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })))
+          /* @__PURE__ */ jsx25(HelperText, { ...getHelperTextProps({ error: errorFromProps ?? error }) })
         ] });
       }
     }
@@ -1502,30 +1426,27 @@ import { TextField as TextField2 } from "@equinor/eds-core-react";
 import { Controller as Controller4 } from "react-hook-form";
 import styled18 from "styled-components";
 import { Fragment as Fragment6, jsx as jsx26 } from "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__ */ jsx26(TypographyCustom, { truncate: true, children: context.getValue() });
   return /* @__PURE__ */ jsx26(
     Controller4,
     {
       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__ */ jsx26(Fragment6, { children: /* @__PURE__ */ jsx26(
-          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__ */ jsx26(Fragment6, { children: /* @__PURE__ */ jsx26(
+        InlineTextField2,
+        {
+          id: context.column.id,
+          type: "number",
+          autoComplete: "none",
+          onChange: (e) => onChange(e.target.valueAsNumber),
+          ...field,
+          ...getHelperTextProps({ error: errorFromProps ?? error })
+        }
+      ) })
     }
   );
 }
@@ -1559,16 +1480,12 @@ import { useState as useState7 } from "react";
 import { Controller as Controller5 } from "react-hook-form";
 import styled19 from "styled-components";
 import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs14 } from "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] = useState7(context.getValue());
   const [open, setOpen] = useState7(false);
   const editMode = useEditMode();
@@ -1581,88 +1498,87 @@ function EditableTextAreaCell(_a) {
     Controller5,
     {
       name,
-      render: (_a2) => {
-        var _b2 = _a2, { field: _c } = _b2, _d = _c, { onChange, ref } = _d, field = __objRest(_d, ["onChange", "ref"]), { fieldState: { error } } = _b2;
-        return /* @__PURE__ */ jsxs14(Fragment7, { children: [
-          /* @__PURE__ */ jsxs14(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                position: "relative"
-              },
-              children: [
+      render: ({ field: { onChange, ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
+        /* @__PURE__ */ jsxs14(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              position: "relative"
+            },
+            children: [
+              /* @__PURE__ */ jsx27(
+                StyledTextField,
+                {
+                  id: field.name,
+                  onChange,
+                  ref,
+                  ...field,
+                  ...getHelperTextProps({ error: errorFromProps ?? error })
+                }
+              ),
+              /* @__PURE__ */ jsx27(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ jsx27(Icon8, { data: arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs14(
+          EDS,
+          {
+            open,
+            onClose: () => {
+              closeDialog();
+              onChange(textareaValue);
+              onChangeFromProps?.(textareaValue);
+            },
+            isDismissable: true,
+            style: { width: "min(50rem, calc(100vw - 4rem))" },
+            children: [
+              /* @__PURE__ */ jsx27(EDS.Header, { children: /* @__PURE__ */ jsx27(EDS.Title, { children: title }) }),
+              /* @__PURE__ */ jsx27(EDS.Content, { children: /* @__PURE__ */ jsx27(
+                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__ */ jsxs14(EDS.Actions, { style: { display: "flex", gap: "1rem" }, children: [
                 /* @__PURE__ */ jsx27(
-                  StyledTextField,
-                  __spreadValues(__spreadValues({
-                    id: field.name,
-                    onChange,
-                    ref
-                  }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
+                  Button5,
+                  {
+                    onClick: () => {
+                      closeDialog();
+                      onChange(textareaValue);
+                      onChangeFromProps?.(textareaValue);
+                    },
+                    children: "Submit"
+                  }
                 ),
-                /* @__PURE__ */ jsx27(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ jsx27(Icon8, { data: arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs14(
-            EDS,
-            {
-              open,
-              onClose: () => {
-                closeDialog();
-                onChange(textareaValue);
-                onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
-              },
-              isDismissable: true,
-              style: { width: "min(50rem, calc(100vw - 4rem))" },
-              children: [
-                /* @__PURE__ */ jsx27(EDS.Header, { children: /* @__PURE__ */ jsx27(EDS.Title, { children: title }) }),
-                /* @__PURE__ */ jsx27(EDS.Content, { children: /* @__PURE__ */ jsx27(
-                  Textarea,
+                /* @__PURE__ */ jsx27(
+                  Button5,
                   {
-                    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__ */ jsxs14(EDS.Actions, { style: { display: "flex", gap: "1rem" }, children: [
-                  /* @__PURE__ */ jsx27(
-                    Button5,
-                    {
-                      onClick: () => {
-                        closeDialog();
-                        onChange(textareaValue);
-                        onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
-                      },
-                      children: "Submit"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx27(
-                    Button5,
-                    {
-                      variant: "ghost",
-                      onClick: () => {
-                        closeDialog();
-                        setTextareaValue(context.getValue());
-                      },
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] });
-      }
+                )
+              ] })
+            ]
+          }
+        )
+      ] })
     }
   );
 }
@@ -1687,12 +1603,10 @@ import { TextField as TextField4 } from "@equinor/eds-core-react";
 import { Controller as Controller6 } from "react-hook-form";
 import styled20 from "styled-components";
 import { jsx as jsx28 } from "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__ */ jsx28(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1700,17 +1614,16 @@ function EditableTextFieldCell(_a) {
     Controller6,
     {
       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__ */ jsx28(
-          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__ */ jsx28(
+        InlineTextField3,
+        {
+          id: context.column.id,
+          autoComplete: "none",
+          value: String(value ?? ""),
+          ...field,
+          ...getHelperTextProps({ error: errorFromProps ?? error })
+        }
+      )
     }
   );
 }