@equinor/apollo-components 3.1.0 → 3.1.1

package/dist/index.mjs

@@ -649,16 +649,16 @@ var require_lodash = __commonJS({
         }
         return result;
       }
-      function setToArray(set2) {
-        var index = -1, result = Array(set2.size);
-        set2.forEach(function(value) {
+      function setToArray(set) {
+        var index = -1, result = Array(set.size);
+        set.forEach(function(value) {
           result[++index] = value;
         });
         return result;
       }
-      function setToPairs(set2) {
-        var index = -1, result = Array(set2.size);
-        set2.forEach(function(value) {
+      function setToPairs(set) {
+        var index = -1, result = Array(set.size);
+        set.forEach(function(value) {
           result[++index] = [value, value];
         });
         return result;
@@ -756,7 +756,7 @@ var require_lodash = __commonJS({
           function object() {
           }
           return function(proto) {
-            if (!isObject2(proto)) {
+            if (!isObject(proto)) {
               return {};
             }
             if (objectCreate) {
@@ -1095,7 +1095,7 @@ var require_lodash = __commonJS({
         function baseAt(object, paths) {
           var index = -1, length = paths.length, result2 = Array2(length), skip = object == null;
           while (++index < length) {
-            result2[index] = skip ? undefined2 : get2(object, paths[index]);
+            result2[index] = skip ? undefined2 : get(object, paths[index]);
           }
           return result2;
         }
@@ -1118,7 +1118,7 @@ var require_lodash = __commonJS({
           if (result2 !== undefined2) {
             return result2;
           }
-          if (!isObject2(value)) {
+          if (!isObject(value)) {
             return value;
           }
           var isArr = isArray(value);
@@ -1465,7 +1465,7 @@ var require_lodash = __commonJS({
           return true;
         }
         function baseIsNative(value) {
-          if (!isObject2(value) || isMasked(value)) {
+          if (!isObject(value) || isMasked(value)) {
             return false;
           }
           var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
@@ -1505,7 +1505,7 @@ var require_lodash = __commonJS({
           return result2;
         }
         function baseKeysIn(object) {
-          if (!isObject2(object)) {
+          if (!isObject(object)) {
             return nativeKeysIn(object);
           }
           var isProto = isPrototype(object), result2 = [];
@@ -1536,11 +1536,11 @@ var require_lodash = __commonJS({
           };
         }
         function baseMatchesProperty(path, srcValue) {
-          if (isKey2(path) && isStrictComparable(srcValue)) {
+          if (isKey(path) && isStrictComparable(srcValue)) {
             return matchesStrictComparable(toKey(path), srcValue);
           }
           return function(object) {
-            var objValue = get2(object, path);
+            var objValue = get(object, path);
             return objValue === undefined2 && objValue === srcValue ? hasIn(object, path) : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
           };
         }
@@ -1550,7 +1550,7 @@ var require_lodash = __commonJS({
           }
           baseFor(source, function(srcValue, key) {
             stack || (stack = new Stack());
-            if (isObject2(srcValue)) {
+            if (isObject(srcValue)) {
               baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
             } else {
               var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : undefined2;
@@ -1586,11 +1586,11 @@ var require_lodash = __commonJS({
               } else {
                 newValue = [];
               }
-            } else if (isPlainObject2(srcValue) || isArguments(srcValue)) {
+            } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
               newValue = objValue;
               if (isArguments(objValue)) {
                 newValue = toPlainObject(objValue);
-              } else if (!isObject2(objValue) || isFunction(objValue)) {
+              } else if (!isObject(objValue) || isFunction(objValue)) {
                 newValue = initCloneObject(srcValue);
               }
             } else {
@@ -1729,7 +1729,7 @@ var require_lodash = __commonJS({
           return shuffleSelf(array, baseClamp(n, 0, array.length));
         }
         function baseSet(object, path, value, customizer) {
-          if (!isObject2(object)) {
+          if (!isObject(object)) {
             return object;
           }
           path = castPath(path, object);
@@ -1743,7 +1743,7 @@ var require_lodash = __commonJS({
               var objValue = nested[key];
               newValue = customizer ? customizer(objValue, key, nested) : undefined2;
               if (newValue === undefined2) {
-                newValue = isObject2(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
+                newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
               }
             }
             assignValue(nested, key, newValue);
@@ -1875,9 +1875,9 @@ var require_lodash = __commonJS({
             isCommon = false;
             includes2 = arrayIncludesWith;
           } else if (length >= LARGE_ARRAY_SIZE) {
-            var set3 = iteratee2 ? null : createSet(array);
-            if (set3) {
-              return setToArray(set3);
+            var set2 = iteratee2 ? null : createSet(array);
+            if (set2) {
+              return setToArray(set2);
             }
             isCommon = false;
             includes2 = cacheHas;
@@ -1966,7 +1966,7 @@ var require_lodash = __commonJS({
           if (isArray(value)) {
             return value;
           }
-          return isKey2(value, object) ? [value] : stringToPath2(toString(value));
+          return isKey(value, object) ? [value] : stringToPath(toString(value));
         }
         var castRest = baseRest;
         function castSlice(array, start, end) {
@@ -2193,7 +2193,7 @@ var require_lodash = __commonJS({
                 return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);
             }
             var thisBinding = baseCreate(Ctor.prototype), result2 = Ctor.apply(thisBinding, args);
-            return isObject2(result2) ? result2 : thisBinding;
+            return isObject(result2) ? result2 : thisBinding;
           };
         }
         function createCurry(func, bitmask, arity) {
@@ -2529,7 +2529,7 @@ var require_lodash = __commonJS({
           return objValue;
         }
         function customDefaultsMerge(objValue, srcValue, key, object, source, stack) {
-          if (isObject2(objValue) && isObject2(srcValue)) {
+          if (isObject(objValue) && isObject(srcValue)) {
             stack.set(srcValue, objValue);
             baseMerge(objValue, srcValue, undefined2, customDefaultsMerge, stack);
             stack["delete"](srcValue);
@@ -2537,7 +2537,7 @@ var require_lodash = __commonJS({
           return objValue;
         }
         function customOmitClone(value) {
-          return isPlainObject2(value) ? undefined2 : value;
+          return isPlainObject(value) ? undefined2 : value;
         }
         function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
           var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length;
@@ -2877,7 +2877,7 @@ var require_lodash = __commonJS({
           return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
         }
         function isIterateeCall(value, index, object) {
-          if (!isObject2(object)) {
+          if (!isObject(object)) {
             return false;
           }
           var type = typeof index;
@@ -2886,7 +2886,7 @@ var require_lodash = __commonJS({
           }
           return false;
         }
-        function isKey2(value, object) {
+        function isKey(value, object) {
           if (isArray(value)) {
             return false;
           }
@@ -2920,7 +2920,7 @@ var require_lodash = __commonJS({
           return value === proto;
         }
         function isStrictComparable(value) {
-          return value === value && !isObject2(value);
+          return value === value && !isObject(value);
         }
         function matchesStrictComparable(key, srcValue) {
           return function(object) {
@@ -3059,7 +3059,7 @@ var require_lodash = __commonJS({
           array.length = size2;
           return array;
         }
-        var stringToPath2 = memoizeCapped(function(string) {
+        var stringToPath = memoizeCapped(function(string) {
           var result2 = [];
           if (string.charCodeAt(0) === 46) {
             result2.push("");
@@ -3124,7 +3124,7 @@ var require_lodash = __commonJS({
           }
           return result2;
         }
-        function compact2(array) {
+        function compact(array) {
           var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result2 = [];
           while (++index < length) {
             var value = array[index];
@@ -3638,7 +3638,7 @@ var require_lodash = __commonJS({
           if (fromIndex < 0) {
             fromIndex = nativeMax(length + fromIndex, 0);
           }
-          return isString2(collection) ? fromIndex <= length && collection.indexOf(value, fromIndex) > -1 : !!length && baseIndexOf(collection, value, fromIndex) > -1;
+          return isString(collection) ? fromIndex <= length && collection.indexOf(value, fromIndex) > -1 : !!length && baseIndexOf(collection, value, fromIndex) > -1;
         }
         var invokeMap = baseRest(function(collection, path, args) {
           var index = -1, isFunc = typeof path == "function", result2 = isArrayLike(collection) ? Array2(collection.length) : [];
@@ -3706,7 +3706,7 @@ var require_lodash = __commonJS({
             return 0;
           }
           if (isArrayLike(collection)) {
-            return isString2(collection) ? stringSize(collection) : collection.length;
+            return isString(collection) ? stringSize(collection) : collection.length;
           }
           var tag = getTag(collection);
           if (tag == mapTag || tag == setTag) {
@@ -3802,7 +3802,7 @@ var require_lodash = __commonJS({
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
           wait = toNumber(wait) || 0;
-          if (isObject2(options)) {
+          if (isObject(options)) {
             leading = !!options.leading;
             maxing = "maxWait" in options;
             maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -3972,7 +3972,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          if (isObject2(options)) {
+          if (isObject(options)) {
             leading = "leading" in options ? !!options.leading : leading;
             trailing = "trailing" in options ? !!options.trailing : trailing;
           }
@@ -4038,7 +4038,7 @@ var require_lodash = __commonJS({
         var isBuffer = nativeIsBuffer || stubFalse;
         var isDate = nodeIsDate ? baseUnary(nodeIsDate) : baseIsDate;
         function isElement(value) {
-          return isObjectLike(value) && value.nodeType === 1 && !isPlainObject2(value);
+          return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);
         }
         function isEmpty(value) {
           if (value == null) {
@@ -4074,13 +4074,13 @@ var require_lodash = __commonJS({
             return false;
           }
           var tag = baseGetTag(value);
-          return tag == errorTag || tag == domExcTag || typeof value.message == "string" && typeof value.name == "string" && !isPlainObject2(value);
+          return tag == errorTag || tag == domExcTag || typeof value.message == "string" && typeof value.name == "string" && !isPlainObject(value);
         }
         function isFinite(value) {
           return typeof value == "number" && nativeIsFinite(value);
         }
         function isFunction(value) {
-          if (!isObject2(value)) {
+          if (!isObject(value)) {
             return false;
           }
           var tag = baseGetTag(value);
@@ -4092,7 +4092,7 @@ var require_lodash = __commonJS({
         function isLength(value) {
           return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
         }
-        function isObject2(value) {
+        function isObject(value) {
           var type = typeof value;
           return value != null && (type == "object" || type == "function");
         }
@@ -4125,7 +4125,7 @@ var require_lodash = __commonJS({
         function isNumber(value) {
           return typeof value == "number" || isObjectLike(value) && baseGetTag(value) == numberTag;
         }
-        function isPlainObject2(value) {
+        function isPlainObject(value) {
           if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
             return false;
           }
@@ -4141,14 +4141,14 @@ var require_lodash = __commonJS({
           return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
         }
         var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
-        function isString2(value) {
+        function isString(value) {
           return typeof value == "string" || !isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag;
         }
         function isSymbol(value) {
           return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
         }
         var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-        function isUndefined2(value) {
+        function isUndefined(value) {
           return value === undefined2;
         }
         function isWeakMap(value) {
@@ -4166,7 +4166,7 @@ var require_lodash = __commonJS({
             return [];
           }
           if (isArrayLike(value)) {
-            return isString2(value) ? stringToArray(value) : copyArray(value);
+            return isString(value) ? stringToArray(value) : copyArray(value);
           }
           if (symIterator && value[symIterator]) {
             return iteratorToArray(value[symIterator]());
@@ -4199,9 +4199,9 @@ var require_lodash = __commonJS({
           if (isSymbol(value)) {
             return NAN;
           }
-          if (isObject2(value)) {
+          if (isObject(value)) {
             var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-            value = isObject2(other) ? other + "" : other;
+            value = isObject(other) ? other + "" : other;
           }
           if (typeof value != "string") {
             return value === 0 ? value : +value;
@@ -4295,7 +4295,7 @@ var require_lodash = __commonJS({
         function functionsIn(object) {
           return object == null ? [] : baseFunctions(object, keysIn(object));
         }
-        function get2(object, path, defaultValue) {
+        function get(object, path, defaultValue) {
           var result2 = object == null ? undefined2 : baseGet(object, path);
           return result2 === undefined2 ? defaultValue : result2;
         }
@@ -4406,7 +4406,7 @@ var require_lodash = __commonJS({
           }
           return object;
         }
-        function set2(object, path, value) {
+        function set(object, path, value) {
           return object == null ? object : baseSet(object, path, value);
         }
         function setWith(object, path, value, customizer) {
@@ -4422,7 +4422,7 @@ var require_lodash = __commonJS({
             var Ctor = object && object.constructor;
             if (isArrLike) {
               accumulator = isArr ? new Ctor() : [];
-            } else if (isObject2(object)) {
+            } else if (isObject(object)) {
               accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object)) : {};
             } else {
               accumulator = {};
@@ -4707,7 +4707,7 @@ var require_lodash = __commonJS({
         }
         function truncate(string, options) {
           var length = DEFAULT_TRUNC_LENGTH, omission = DEFAULT_TRUNC_OMISSION;
-          if (isObject2(options)) {
+          if (isObject(options)) {
             var separator = "separator" in options ? options.separator : separator;
             length = "length" in options ? toInteger(options.length) : length;
             omission = "omission" in options ? baseToString(options.omission) : omission;
@@ -4837,13 +4837,13 @@ var require_lodash = __commonJS({
         });
         function mixin(object, source, options) {
           var props = keys(source), methodNames = baseFunctions(source, props);
-          if (options == null && !(isObject2(source) && (methodNames.length || !props.length))) {
+          if (options == null && !(isObject(source) && (methodNames.length || !props.length))) {
             options = source;
             source = object;
             object = this;
             methodNames = baseFunctions(source, keys(source));
           }
-          var chain2 = !(isObject2(options) && "chain" in options) || !!options.chain, isFunc = isFunction(object);
+          var chain2 = !(isObject(options) && "chain" in options) || !!options.chain, isFunc = isFunction(object);
           arrayEach(methodNames, function(methodName) {
             var func = source[methodName];
             object[methodName] = func;
@@ -4880,7 +4880,7 @@ var require_lodash = __commonJS({
         var overEvery = createOver(arrayEvery);
         var overSome = createOver(arraySome);
         function property(path) {
-          return isKey2(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
+          return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
         }
         function propertyOf(object) {
           return function(path) {
@@ -4922,7 +4922,7 @@ var require_lodash = __commonJS({
           if (isArray(value)) {
             return arrayMap(value, toKey);
           }
-          return isSymbol(value) ? [value] : copyArray(stringToPath2(toString(value)));
+          return isSymbol(value) ? [value] : copyArray(stringToPath(toString(value)));
         }
         function uniqueId(prefix) {
           var id = ++idCounter;
@@ -4981,7 +4981,7 @@ var require_lodash = __commonJS({
         lodash.castArray = castArray;
         lodash.chain = chain;
         lodash.chunk = chunk;
-        lodash.compact = compact2;
+        lodash.compact = compact;
         lodash.concat = concat;
         lodash.cond = cond;
         lodash.conforms = conforms;
@@ -5069,7 +5069,7 @@ var require_lodash = __commonJS({
         lodash.rest = rest;
         lodash.reverse = reverse;
         lodash.sampleSize = sampleSize;
-        lodash.set = set2;
+        lodash.set = set;
         lodash.setWith = setWith;
         lodash.shuffle = shuffle;
         lodash.slice = slice;
@@ -5153,7 +5153,7 @@ var require_lodash = __commonJS({
         lodash.forInRight = forInRight;
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
-        lodash.get = get2;
+        lodash.get = get;
         lodash.gt = gt;
         lodash.gte = gte;
         lodash.has = has;
@@ -5189,16 +5189,16 @@ var require_lodash = __commonJS({
         lodash.isNil = isNil;
         lodash.isNull = isNull;
         lodash.isNumber = isNumber;
-        lodash.isObject = isObject2;
+        lodash.isObject = isObject;
         lodash.isObjectLike = isObjectLike;
-        lodash.isPlainObject = isPlainObject2;
+        lodash.isPlainObject = isPlainObject;
         lodash.isRegExp = isRegExp;
         lodash.isSafeInteger = isSafeInteger;
         lodash.isSet = isSet;
-        lodash.isString = isString2;
+        lodash.isString = isString;
         lodash.isSymbol = isSymbol;
         lodash.isTypedArray = isTypedArray;
-        lodash.isUndefined = isUndefined2;
+        lodash.isUndefined = isUndefined;
         lodash.isWeakMap = isWeakMap;
         lodash.isWeakSet = isWeakSet;
         lodash.join = join;
@@ -5458,6 +5458,62 @@ var require_lodash = __commonJS({
   }
 });
 
+// src/index.ts
+export * from "apollo-common";
+
+// ../apollo-utils/src/form-meta/utils.tsx
+var import_lodash = __toESM(require_lodash());
+
+// ../../node_modules/react-hook-form/dist/index.esm.mjs
+import React from "react";
+var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
+var VALIDATION_MODE = {
+  onBlur: "onBlur",
+  onChange: "onChange",
+  onSubmit: "onSubmit",
+  onTouched: "onTouched",
+  all: "all"
+};
+var HookFormContext = React.createContext(null);
+var useFormContext = () => React.useContext(HookFormContext);
+var defaultOptions = {
+  mode: VALIDATION_MODE.onSubmit,
+  reValidateMode: VALIDATION_MODE.onChange,
+  shouldFocusError: true
+};
+
+// ../apollo-utils/src/form-meta/utils.tsx
+var formMeta = {
+  _editMode: false,
+  _isNew: false,
+  _hasRemoteChange: false
+};
+function useEditMode() {
+  const { watch } = useFormContext();
+  return watch("_editMode") ?? false;
+}
+function useHasRemoteChange() {
+  const { watch } = useFormContext();
+  return watch("_hasRemoteChange") ?? false;
+}
+function useGetIsNew() {
+  const { getValues } = useFormContext();
+  return () => getValues("_isNew") ?? false;
+}
+function useSetFormMeta() {
+  const { setValue } = useFormContext();
+  return (newValues) => objectKeys(newValues).forEach((key) => newValues[key] && setValue(key, newValues[key]));
+}
+function objectKeys(obj) {
+  return Object.keys(obj);
+}
+function removeFormMeta(withFormMeta) {
+  return (0, import_lodash.omit)(withFormMeta, Object.keys(formMeta));
+}
+function addFormMeta(withoutFormMeta) {
+  return { ...formMeta, ...withoutFormMeta };
+}
+
 // src/AppShell/AppShell.tsx
 import { Icon, TopBar } from "@equinor/eds-core-react";
 import { apps } from "@equinor/eds-icons";
@@ -5566,9 +5622,6 @@ import { tokens as tokens2 } from "@equinor/eds-tokens";
 import styled3 from "styled-components";
 
 // src/cells/utils.tsx
-import { Icon as Icon3 } from "@equinor/eds-core-react";
-import { error_filled, warning_filled } from "@equinor/eds-icons";
-import { jsx as jsx3 } from "react/jsx-runtime";
 function stringToHslColor(str, s = 80, l = 85) {
   let hash = 0;
   for (let i = 0; i < str.length; i++) {
@@ -5577,43 +5630,9 @@ function stringToHslColor(str, s = 80, l = 85) {
   const h = hash % 360;
   return "hsl(" + h + ", " + s + "%, " + l + "%)";
 }
-function stopPropagation(handler) {
-  return (e) => {
-    e.stopPropagation();
-    handler(e);
-  };
-}
-function getHelperTextProps({
-  error,
-  warning,
-  helperText
-}) {
-  if (error)
-    return {
-      variant: "error",
-      helperText: error.message,
-      helperIcon: /* @__PURE__ */ jsx3(Icon3, {
-        data: error_filled,
-        size: 16
-      })
-    };
-  if (warning)
-    return {
-      variant: "warning",
-      helperText: warning.message,
-      helperIcon: /* @__PURE__ */ jsx3(Icon3, {
-        data: warning_filled,
-        size: 16
-      })
-    };
-  return {
-    helperText,
-    helperIcon: null
-  };
-}
 
 // src/cells/ChipsCell.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var ChipsWrapper = styled3.div`
   display: flex;
   align-items: center;
@@ -5632,8 +5651,8 @@ var Chip = styled3.div`
 `;
 var ChipsCell = (props) => {
   var _a;
-  return /* @__PURE__ */ jsx4(ChipsWrapper, {
-    children: (_a = props.values) == null ? void 0 : _a.map((value) => /* @__PURE__ */ jsx4(Chip, {
+  return /* @__PURE__ */ jsx3(ChipsWrapper, {
+    children: (_a = props.values) == null ? void 0 : _a.map((value) => /* @__PURE__ */ jsx3(Chip, {
       backgroundColor: stringToHslColor(value),
       children: value
     }, value))
@@ -5672,7 +5691,7 @@ var StickyHeaderCell = styled4(StickyCell)`
 `;
 
 // src/cells/DynamicCell.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var StyledStickyCell = styled5(StickyCell)`
   background-color: ${({ backgroundColor: bg }) => bg ? `${bg} !important` : `inherit`};
 `;
@@ -5683,797 +5702,26 @@ function DynamicCell({ cell, highlight, getStickyCellColor }) {
   var _a;
   const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());
   if ((_a = cell.column.columnDef.meta) == null ? void 0 : _a.sticky) {
-    return /* @__PURE__ */ jsx5(StyledStickyCell, {
+    return /* @__PURE__ */ jsx4(StyledStickyCell, {
       backgroundColor: getStickyCellColor == null ? void 0 : getStickyCellColor(cell),
       "data-column": cell.column.id,
       children: cellContent
     });
   }
-  return /* @__PURE__ */ jsx5(StyledCell, {
+  return /* @__PURE__ */ jsx4(StyledCell, {
     "data-column": cell.column.id,
     backgroundColor: highlight ? "#d5eaf4" : void 0,
     children: cellContent
   });
 }
 
-// src/cells/EditableCheckboxCell.tsx
-import { Checkbox, EdsProvider } from "@equinor/eds-core-react";
-
-// ../../node_modules/react-hook-form/dist/index.esm.mjs
-import React from "react";
-var isCheckBoxInput = (element) => element.type === "checkbox";
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined = (value) => value == null;
-var isObjectType = (value) => typeof value === "object";
-var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var getEventValue = (event) => isObject(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-var isPlainObject = (tempObject) => {
-  const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-  return isObject(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
-};
-var isWeb = typeof window !== "undefined" && typeof window.HTMLElement !== "undefined" && typeof document !== "undefined";
-function cloneObject(data) {
-  let copy;
-  const isArray = Array.isArray(data);
-  if (data instanceof Date) {
-    copy = new Date(data);
-  } else if (data instanceof Set) {
-    copy = new Set(data);
-  } else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) && (isArray || isObject(data))) {
-    copy = isArray ? [] : {};
-    if (!Array.isArray(data) && !isPlainObject(data)) {
-      copy = data;
-    } else {
-      for (const key in data) {
-        copy[key] = cloneObject(data[key]);
-      }
-    }
-  } else {
-    return data;
-  }
-  return copy;
-}
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
-var get = (obj, path, defaultValue) => {
-  if (!path || !isObject(obj)) {
-    return defaultValue;
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce((result2, key) => isNullOrUndefined(result2) ? result2 : result2[key], obj);
-  return isUndefined(result) || result === obj ? isUndefined(obj[path]) ? defaultValue : obj[path] : result;
-};
-var EVENTS = {
-  BLUR: "blur",
-  FOCUS_OUT: "focusout",
-  CHANGE: "change"
-};
-var VALIDATION_MODE = {
-  onBlur: "onBlur",
-  onChange: "onChange",
-  onSubmit: "onSubmit",
-  onTouched: "onTouched",
-  all: "all"
-};
-var HookFormContext = React.createContext(null);
-var useFormContext = () => React.useContext(HookFormContext);
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-  const result = {
-    defaultValues: control._defaultValues
-  };
-  for (const key in formState) {
-    Object.defineProperty(result, key, {
-      get: () => {
-        const _key = key;
-        if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-          control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-        }
-        localProxyFormState && (localProxyFormState[_key] = true);
-        return formState[_key];
-      }
-    });
-  }
-  return result;
-};
-var isEmptyObject = (value) => isObject(value) && !Object.keys(value).length;
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-  updateFormState(formStateData);
-  const { name, ...formState } = formStateData;
-  return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
-};
-var convertToArrayPayload = (value) => Array.isArray(value) ? value : [value];
-var shouldSubscribeByName = (name, signalName, exact) => exact && signalName ? name === signalName : !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (currentName.startsWith(signalName) || signalName.startsWith(currentName)));
-function useSubscribe(props) {
-  const _props = React.useRef(props);
-  _props.current = props;
-  React.useEffect(() => {
-    const subscription = !props.disabled && _props.current.subject && _props.current.subject.subscribe({
-      next: _props.current.next
-    });
-    return () => {
-      subscription && subscription.unsubscribe();
-    };
-  }, [props.disabled]);
-}
-function useFormState(props) {
-  const methods = useFormContext();
-  const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = React.useState(control._formState);
-  const _mounted = React.useRef(true);
-  const _localProxyFormState = React.useRef({
-    isDirty: false,
-    isLoading: false,
-    dirtyFields: false,
-    touchedFields: false,
-    isValidating: false,
-    isValid: false,
-    errors: false
-  });
-  const _name = React.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    next: (value) => _mounted.current && shouldSubscribeByName(_name.current, value.name, exact) && shouldRenderFormState(value, _localProxyFormState.current, control._updateFormState) && updateFormState({
-      ...control._formState,
-      ...value
-    }),
-    subject: control._subjects.state
-  });
-  React.useEffect(() => {
-    _mounted.current = true;
-    _localProxyFormState.current.isValid && control._updateValid(true);
-    return () => {
-      _mounted.current = false;
-    };
-  }, [control]);
-  return getProxyFormState(formState, control, _localProxyFormState.current, false);
-}
-var isString = (value) => typeof value === "string";
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-  if (isString(names)) {
-    isGlobal && _names.watch.add(names);
-    return get(formValues, names, defaultValue);
-  }
-  if (Array.isArray(names)) {
-    return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-  }
-  isGlobal && (_names.watchAll = true);
-  return formValues;
-};
-function useWatch(props) {
-  const methods = useFormContext();
-  const { control = methods.control, name, defaultValue, disabled, exact } = props || {};
-  const _name = React.useRef(name);
-  _name.current = name;
-  useSubscribe({
-    disabled,
-    subject: control._subjects.values,
-    next: (formState) => {
-      if (shouldSubscribeByName(_name.current, formState.name, exact)) {
-        updateValue(cloneObject(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, defaultValue)));
-      }
-    }
-  });
-  const [value, updateValue] = React.useState(control._getWatch(name, defaultValue));
-  React.useEffect(() => control._removeUnmounted());
-  return value;
-}
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-function set(object, path, value) {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-  return object;
-}
-function useController(props) {
-  const methods = useFormContext();
-  const { name, control = methods.control, shouldUnregister } = props;
-  const isArrayField = isNameInFieldArray(control._names.array, name);
-  const value = useWatch({
-    control,
-    name,
-    defaultValue: get(control._formValues, name, get(control._defaultValues, name, props.defaultValue)),
-    exact: true
-  });
-  const formState = useFormState({
-    control,
-    name
-  });
-  const _registerProps = React.useRef(control.register(name, {
-    ...props.rules,
-    value
-  }));
-  React.useEffect(() => {
-    const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    const updateMounted = (name2, value2) => {
-      const field = get(control._fields, name2);
-      if (field) {
-        field._f.mount = value2;
-      }
-    };
-    updateMounted(name, true);
-    if (_shouldUnregisterField) {
-      const value2 = cloneObject(get(control._options.defaultValues, name));
-      set(control._defaultValues, name, value2);
-      if (isUndefined(get(control._formValues, name))) {
-        set(control._formValues, name, value2);
-      }
-    }
-    return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
-    };
-  }, [name, control, isArrayField, shouldUnregister]);
-  return {
-    field: {
-      name,
-      value,
-      onChange: React.useCallback((event) => _registerProps.current.onChange({
-        target: {
-          value: getEventValue(event),
-          name
-        },
-        type: EVENTS.CHANGE
-      }), [name]),
-      onBlur: React.useCallback(() => _registerProps.current.onBlur({
-        target: {
-          value: get(control._formValues, name),
-          name
-        },
-        type: EVENTS.BLUR
-      }), [name, control]),
-      ref: (elm) => {
-        const field = get(control._fields, name);
-        if (field && elm) {
-          field._f.ref = {
-            focus: () => elm.focus(),
-            select: () => elm.select(),
-            setCustomValidity: (message) => elm.setCustomValidity(message),
-            reportValidity: () => elm.reportValidity()
-          };
-        }
-      }
-    },
-    formState,
-    fieldState: Object.defineProperties({}, {
-      invalid: {
-        enumerable: true,
-        get: () => !!get(formState.errors, name)
-      },
-      isDirty: {
-        enumerable: true,
-        get: () => !!get(formState.dirtyFields, name)
-      },
-      isTouched: {
-        enumerable: true,
-        get: () => !!get(formState.touchedFields, name)
-      },
-      error: {
-        enumerable: true,
-        get: () => get(formState.errors, name)
-      }
-    })
-  };
-}
-var Controller = (props) => props.render(useController(props));
-var defaultOptions = {
-  mode: VALIDATION_MODE.onSubmit,
-  reValidateMode: VALIDATION_MODE.onChange,
-  shouldFocusError: true
-};
-
-// src/formMeta/utils.tsx
-var import_lodash = __toESM(require_lodash());
-var formMeta = {
-  _editMode: false,
-  _isNew: false,
-  _hasRemoteChange: false
-};
-function useEditMode() {
-  const { watch } = useFormContext();
-  return watch("_editMode") ?? false;
-}
-function useHasRemoteChange() {
-  const { watch } = useFormContext();
-  return watch("_hasRemoteChange") ?? false;
-}
-function useGetIsNew() {
-  const { getValues } = useFormContext();
-  return () => getValues("_isNew") ?? false;
-}
-function useSetFormMeta() {
-  const { setValue } = useFormContext();
-  return (newValues) => objectKeys(newValues).forEach((key) => newValues[key] && setValue(key, newValues[key]));
-}
-function objectKeys(obj) {
-  return Object.keys(obj);
-}
-function removeFormMeta(withFormMeta) {
-  return (0, import_lodash.omit)(withFormMeta, Object.keys(formMeta));
-}
-function addFormMeta(withoutFormMeta) {
-  return { ...formMeta, ...withoutFormMeta };
-}
-
-// src/cells/EditableCheckboxCell.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function EditableCheckboxCell(context) {
-  const editMode = useEditMode();
-  const { control } = useFormContext();
-  if (!editMode)
-    return /* @__PURE__ */ jsx6(EdsProvider, {
-      density: "compact",
-      children: /* @__PURE__ */ jsx6(Checkbox, {
-        enterKeyHint: "next",
-        "aria-label": "readonly",
-        readOnly: true,
-        checked: context.getValue(),
-        disabled: true
-      })
-    });
-  return /* @__PURE__ */ jsx6(Controller, {
-    control,
-    name: context.column.id,
-    render: ({ field: { value, ...field } }) => /* @__PURE__ */ jsx6(EdsProvider, {
-      density: "compact",
-      children: /* @__PURE__ */ jsx6(Checkbox, {
-        enterKeyHint: "send",
-        "aria-label": "editable",
-        checked: value,
-        ...field
-      })
-    })
-  });
-}
-
-// src/cells/EditableDateCell.tsx
-import { TextField } from "@equinor/eds-core-react";
-import { useMemo } from "react";
-import styled7 from "styled-components";
-
-// src/cells/TypographyCustom.tsx
-import {
-  Typography as EdsTypography
-} from "@equinor/eds-core-react";
-import { tokens as tokens3 } from "@equinor/eds-tokens";
-import styled6 from "styled-components";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var truncateStyle = {
-  overflow: "hidden",
-  whiteSpace: "nowrap",
-  textOverflow: "ellipsis"
-};
-var TypographyCustom = (props) => {
-  const { truncate, style: styleFromProps, ...edsTypographyProps } = props;
-  if (truncate)
-    return /* @__PURE__ */ jsx7(HoverCapture, {
-      children: /* @__PURE__ */ jsx7(EdsTypography, {
-        ...edsTypographyProps,
-        style: {
-          ...styleFromProps,
-          ...truncateStyle
-        }
-      })
-    });
-  return /* @__PURE__ */ jsx7(EdsTypography, {
-    ...edsTypographyProps,
-    style: styleFromProps
-  });
-};
-var HoverCapture = styled6.div`
-  height: ${tokens3.typography.table.cell_text.lineHeight};
-  background-color: inherit;
-
-  position: relative;
-  width: 100%;
-
-  &:hover {
-    z-index: 1;
-  }
-
-  & > * {
-    width: inherit;
-    position: absolute;
-  }
-
-  &:hover > * {
-    width: auto;
-    z-index: 1;
-    padding: 0.5em 1em;
-    margin: -0.5em -1em;
-
-    background-color: inherit;
-  }
-`;
-
-// src/cells/EditableDateCell.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function EditableDateCell(props) {
-  const { dateStringFormatter, ...context } = props;
-  const rawValue = context.getValue();
-  const editMode = useEditMode();
-  const { control } = useFormContext();
-  const formattedValue = useMemo(
-    () => (dateStringFormatter == null ? void 0 : dateStringFormatter(rawValue)) ?? rawValue,
-    [rawValue, dateStringFormatter]
-  );
-  if (!editMode)
-    return /* @__PURE__ */ jsx8(TypographyCustom, {
-      truncate: true,
-      children: formattedValue
-    });
-  return /* @__PURE__ */ jsx8(Controller, {
-    control,
-    name: context.column.id,
-    render: ({ field: { value, onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx8(InlineTextField, {
-      id: context.column.id,
-      type: "date",
-      autoComplete: "none",
-      value: value ? parseISODate(value) : "",
-      onChange: (e) => onChange(e.target.value ? parseISODate(e.target.value) : ""),
-      ...getHelperTextProps({ error }),
-      ...field
-    })
-  });
-}
-function parseISODate(dateString) {
-  const date = new Date(dateString);
-  const offset = date.getTimezoneOffset();
-  const dateWithoutOffset = new Date(date.getTime() - offset * 60 * 1e3);
-  return dateWithoutOffset.toISOString().split("T")[0];
-}
-var InlineTextField = styled7(TextField)`
-  /* 
-  TODO: Improve input based on feedback from UX
-  & > div {
-    background: transparent;
-    margin: 0 -0.5rem;
-    padding: 0 0.5rem;
-    box-shadow: none;
-    width: auto;
-  }
-
-  input {
-    padding: 0;
-    letter-spacing: 0;
-    font-weight: 400;
-    color: inherit;
-
-    ::placeholder {
-      color: red;
-    }
-  } */
-`;
-
-// src/cells/EditableDropdownCell.tsx
-import { Autocomplete } from "@equinor/eds-core-react";
-import styled8 from "styled-components";
-import { jsx as jsx9 } from "react/jsx-runtime";
-function buildEmptyOption() {
-  return { label: "", value: "" };
-}
-function EditableDropdownCell(props) {
-  const { options, ...context } = props;
-  const editMode = useEditMode();
-  const { control } = useFormContext();
-  if (!editMode)
-    return /* @__PURE__ */ jsx9(TypographyCustom, {
-      truncate: true,
-      children: context.getValue()
-    });
-  return /* @__PURE__ */ jsx9(Controller, {
-    control,
-    name: context.column.id,
-    render: ({ field: { value, onChange, ...field } }) => {
-      const selectedOption = options.find((option) => option.value === value) ?? buildEmptyOption;
-      return /* @__PURE__ */ jsx9(AutocompleteCustom, {
-        label: "",
-        selectedOptions: selectedOption && [selectedOption],
-        options,
-        optionLabel: (option) => (option == null ? void 0 : option.label) ?? "",
-        "aria-required": true,
-        hideClearButton: true,
-        "aria-autocomplete": "none",
-        onOptionsChange: (changes) => {
-          const [change] = changes.selectedItems;
-          onChange(change == null ? void 0 : change.value);
-        },
-        ...field
-      });
-    }
-  });
-}
-var AutocompleteCustom = styled8(Autocomplete)`
-  input[type='text'] {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    padding-right: ${({ hideClearButton }) => hideClearButton ? `calc(8px + (24px * 1))` : `calc(8px + (24px * 2))`};
-  }
-`;
-
-// src/cells/EditableNumberCell.tsx
-import { TextField as TextField2 } from "@equinor/eds-core-react";
-import styled9 from "styled-components";
-import { Fragment, jsx as jsx10 } from "react/jsx-runtime";
-function EditableNumberCell(context) {
-  const editMode = useEditMode();
-  const { control } = useFormContext();
-  if (!editMode)
-    return /* @__PURE__ */ jsx10(TypographyCustom, {
-      truncate: true,
-      children: context.getValue()
-    });
-  return /* @__PURE__ */ jsx10(Controller, {
-    control,
-    name: context.column.id,
-    render: ({ field: { onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx10(Fragment, {
-      children: /* @__PURE__ */ jsx10(InlineTextField2, {
-        id: context.column.id,
-        type: "number",
-        autoComplete: "none",
-        onChange: (e) => onChange(e.target.valueAsNumber),
-        ...field,
-        ...getHelperTextProps({ error })
-      })
-    })
-  });
-}
-var InlineTextField2 = styled9(TextField2)`
-  /* 
-  TODO: Improve input based on feedback from UX
-  & > div {
-    background: transparent;
-    margin: 0 -0.5rem;
-    padding: 0 0.5rem;
-    box-shadow: none;
-    width: auto;
-  }
-
-  input {
-    padding: 0;
-    letter-spacing: 0;
-    font-weight: 400;
-    color: inherit;
-
-    ::placeholder {
-      color: red;
-    }
-  } */
-`;
-
-// src/cells/EditableTextAreaCell.tsx
-import { Button as Button2, Dialog as EDS, Icon as Icon4, TextField as TextField3 } from "@equinor/eds-core-react";
-import { useState as useState3 } from "react";
-import styled10 from "styled-components";
-
-// src/cells/PopoverCell.tsx
-import { Popover, Typography } from "@equinor/eds-core-react";
-import { useRef, useState as useState2 } from "react";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-var PopoverCell = (props) => {
-  const [open, setOpen] = useState2(false);
-  const anchorRef = useRef(null);
-  const handleClick = () => setOpen(!open);
-  const handleClose = () => setOpen(false);
-  return /* @__PURE__ */ jsxs3("div", {
-    style: { position: "relative" },
-    ref: anchorRef,
-    children: [
-      /* @__PURE__ */ jsx11(TypographyCustom, {
-        truncate: true,
-        onClick: stopPropagation(handleClick),
-        children: String(props.value)
-      }),
-      /* @__PURE__ */ jsxs3(Popover, {
-        id: props.id,
-        open,
-        "aria-controls": "expand cell",
-        anchorEl: anchorRef.current,
-        onClose: handleClose,
-        placement: "bottom",
-        children: [
-          props.title && /* @__PURE__ */ jsx11(Popover.Title, {
-            children: /* @__PURE__ */ jsx11(Popover.Header, {
-              children: props.title
-            })
-          }),
-          /* @__PURE__ */ jsx11(Popover.Content, {
-            children: /* @__PURE__ */ jsx11(Typography, {
-              children: String(props.value)
-            })
-          })
-        ]
-      })
-    ]
-  });
-};
-
-// src/cells/EditableTextAreaCell.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-function EditableTextAreaCell(props) {
-  const { dialogTitle, ...context } = props;
-  const [textareaValue, setTextareaValue] = useState3(context.getValue());
-  const [open, setOpen] = useState3(false);
-  const editMode = useEditMode();
-  const { control } = useFormContext();
-  const name = context.column.id;
-  if (!editMode)
-    return /* @__PURE__ */ jsx12(PopoverCell, {
-      id: name + "popover",
-      value: context.getValue(),
-      title: "Comment"
-    });
-  const openDialog = () => setOpen(true);
-  const closeDialog = () => setOpen(false);
-  return /* @__PURE__ */ jsx12(Controller, {
-    control,
-    name,
-    render: ({ field: { onChange, ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsxs4(Fragment2, {
-      children: [
-        /* @__PURE__ */ jsxs4("div", {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            position: "relative"
-          },
-          children: [
-            /* @__PURE__ */ jsx12(StyledTextField, {
-              id: field.name,
-              onChange,
-              ref,
-              ...field,
-              ...getHelperTextProps({ error })
-            }),
-            /* @__PURE__ */ jsx12(IconButton, {
-              variant: "ghost_icon",
-              onClick: stopPropagation(openDialog),
-              children: /* @__PURE__ */ jsx12(Icon4, {
-                name: "arrow_up",
-                size: 24,
-                style: { transform: "rotateZ(45deg)" }
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs4(EDS, {
-          open,
-          onClose: () => {
-            closeDialog();
-            onChange(textareaValue);
-          },
-          isDismissable: true,
-          style: { width: "min(50rem, calc(100vw - 4rem))" },
-          children: [
-            /* @__PURE__ */ jsx12(EDS.Header, {
-              children: /* @__PURE__ */ jsx12(EDS.Title, {
-                children: dialogTitle
-              })
-            }),
-            /* @__PURE__ */ jsx12(EDS.Content, {
-              children: /* @__PURE__ */ jsx12(TextField3, {
-                style: {
-                  maxWidth: "100%",
-                  marginTop: "1rem"
-                },
-                id: field.name + "modal",
-                multiline: true,
-                rows: 8,
-                name: field.name + "modal",
-                value: textareaValue,
-                onChange: (e) => {
-                  setTextareaValue(e.target.value);
-                }
-              })
-            }),
-            /* @__PURE__ */ jsxs4(EDS.Actions, {
-              style: { display: "flex", gap: "1rem" },
-              children: [
-                /* @__PURE__ */ jsx12(Button2, {
-                  onClick: () => {
-                    closeDialog();
-                    onChange(textareaValue);
-                  },
-                  children: "Submit"
-                }),
-                /* @__PURE__ */ jsx12(Button2, {
-                  variant: "ghost",
-                  onClick: () => {
-                    closeDialog();
-                    setTextareaValue(context.getValue());
-                  },
-                  children: "Cancel"
-                })
-              ]
-            })
-          ]
-        })
-      ]
-    })
-  });
-}
-var StyledTextField = styled10(TextField3)`
-  & input {
-    padding-right: 40px;
-    letter-spacing: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-`;
-var IconButton = styled10(Button2)`
-  position: absolute;
-  height: 32px;
-  width: 32px;
-  right: 4px;
-`;
-
-// src/cells/EditableTextFieldCell.tsx
-import { TextField as TextField4 } from "@equinor/eds-core-react";
-import styled11 from "styled-components";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function EditableTextFieldCell(context) {
-  const { control } = useFormContext();
-  const editMode = useEditMode();
-  if (!editMode)
-    return /* @__PURE__ */ jsx13(TypographyCustom, {
-      truncate: true,
-      children: context.getValue()
-    });
-  return /* @__PURE__ */ jsx13(Controller, {
-    control,
-    name: context.column.id,
-    render: ({ field: { value, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx13(InlineTextField3, {
-      id: context.column.id,
-      autoComplete: "none",
-      value: String(value),
-      ...field,
-      ...getHelperTextProps({ error })
-    })
-  });
-}
-var InlineTextField3 = styled11(TextField4)`
-  /* 
-  TODO: Improve input based on feedback from UX
-  & > div {
-    background: transparent;
-    margin: 0 -0.5rem;
-    padding: 0 0.5rem;
-    box-shadow: none;
-    width: auto;
-  }
-
-  input {
-    padding: 0;
-    letter-spacing: 0;
-    font-weight: 400;
-    color: inherit;
-
-    ::placeholder {
-      color: red;
-    }
-  } */
-`;
-
 // src/cells/HeaderCell.tsx
-import { Icon as Icon5, Table as Table3 } from "@equinor/eds-core-react";
+import { Icon as Icon3, Table as Table3 } from "@equinor/eds-core-react";
 import { arrow_drop_down, arrow_drop_up } from "@equinor/eds-icons";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
-import styled12 from "styled-components";
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
-var HeaderDiv = styled12.div`
+import styled6 from "styled-components";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var HeaderDiv = styled6.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -6492,16 +5740,16 @@ var HeaderCell = ({ header }) => {
     colSpan: header.colSpan
   };
   if ((_a = header.column.columnDef.meta) == null ? void 0 : _a.sticky) {
-    return /* @__PURE__ */ jsx14(StickyHeaderCell, {
+    return /* @__PURE__ */ jsx5(StickyHeaderCell, {
       ...cellProps,
-      children: /* @__PURE__ */ jsx14(HeaderContent, {
+      children: /* @__PURE__ */ jsx5(HeaderContent, {
         header
       })
     }, header.id);
   }
-  return /* @__PURE__ */ jsx14(Table3.Cell, {
+  return /* @__PURE__ */ jsx5(Table3.Cell, {
     ...cellProps,
-    children: /* @__PURE__ */ jsx14(HeaderContent, {
+    children: /* @__PURE__ */ jsx5(HeaderContent, {
       header
     })
   }, header.id);
@@ -6509,17 +5757,17 @@ var HeaderCell = ({ header }) => {
 function HeaderContent({ header }) {
   if (header.isPlaceholder)
     return null;
-  return /* @__PURE__ */ jsxs5(HeaderDiv, {
+  return /* @__PURE__ */ jsxs3(HeaderDiv, {
     children: [
       flexRender2(header.column.columnDef.header, header.getContext()),
       {
-        asc: /* @__PURE__ */ jsx14(Icon5, {
+        asc: /* @__PURE__ */ jsx5(Icon3, {
           data: arrow_drop_up
         }),
-        desc: /* @__PURE__ */ jsx14(Icon5, {
+        desc: /* @__PURE__ */ jsx5(Icon3, {
           data: arrow_drop_down
         }),
-        none: /* @__PURE__ */ jsx14(Icon5, {
+        none: /* @__PURE__ */ jsx5(Icon3, {
           data: arrow_drop_down
         })
       }[header.column.getIsSorted()] ?? null
@@ -6540,10 +5788,11 @@ function getSort({ column }) {
 }
 
 // src/cells/HierarchyCell.tsx
-import { tokens as tokens4 } from "@equinor/eds-tokens";
-import styled13, { css as css3 } from "styled-components";
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
-var CellWrapper = styled13(TypographyCustom)`
+import { tokens as tokens3 } from "@equinor/eds-tokens";
+import { TypographyCustom } from "apollo-common";
+import styled7, { css as css3 } from "styled-components";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var CellWrapper = styled7(TypographyCustom)`
   height: 100%;
   display: flex;
   align-items: center;
@@ -6551,11 +5800,11 @@ var CellWrapper = styled13(TypographyCustom)`
   ${({ depth, expanded }) => expanded && depth === 0 && "font-weight: bold;"}
 
   ${({ depth }) => depth > 0 && css3`
-      border-left: 3px solid ${tokens4.colors.infographic.primary__moss_green_34.hex};
+      border-left: 3px solid ${tokens3.colors.infographic.primary__moss_green_34.hex};
       gap: 0.5rem;
       .--divider {
         width: ${depth * 32}px;
-        background-color: ${tokens4.colors.infographic.primary__moss_green_34.hex};
+        background-color: ${tokens3.colors.infographic.primary__moss_green_34.hex};
         height: 3px;
         border-radius: 0 5px 5px 0;
       }
@@ -6563,11 +5812,11 @@ var CellWrapper = styled13(TypographyCustom)`
 `;
 function HierarchyCell(cell, options = {}) {
   var _a, _b;
-  return /* @__PURE__ */ jsxs6(CellWrapper, {
+  return /* @__PURE__ */ jsxs4(CellWrapper, {
     depth: ((_a = options.getRowDepth) == null ? void 0 : _a.call(options)) ?? cell.row.depth,
     expanded: cell.row.getIsExpanded(),
     children: [
-      /* @__PURE__ */ jsx15("span", {
+      /* @__PURE__ */ jsx6("span", {
         className: "--divider"
       }),
       ((_b = options.getDisplayName) == null ? void 0 : _b.call(options)) ?? cell.getValue()
@@ -6576,11 +5825,12 @@ function HierarchyCell(cell, options = {}) {
 }
 
 // src/cells/SelectColumnDef.tsx
-import { Button as Button3, Checkbox as Checkbox2, Icon as Icon6, Radio } from "@equinor/eds-core-react";
+import { Button as Button2, Checkbox, Icon as Icon4, Radio } from "@equinor/eds-core-react";
 import { chevron_down, chevron_up } from "@equinor/eds-icons";
-import styled14 from "styled-components";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
-var CellWrapper2 = styled14.div`
+import { stopPropagation } from "apollo-common";
+import styled8 from "styled-components";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var CellWrapper2 = styled8.div`
   display: flex;
   align-items: center;
   width: 48px;
@@ -6592,8 +5842,8 @@ function SelectColumnDef(props) {
   return {
     id: "select",
     size: props.includeExpansionButton ? 96 : 48,
-    header: ({ table }) => selectionMode !== "single" ? /* @__PURE__ */ jsx16(CellWrapper2, {
-      children: /* @__PURE__ */ jsx16(Checkbox2, {
+    header: ({ table }) => selectionMode !== "single" ? /* @__PURE__ */ jsx7(CellWrapper2, {
+      children: /* @__PURE__ */ jsx7(Checkbox, {
         checked: table.getIsAllRowsSelected(),
         indeterminate: table.getIsSomeRowsSelected(),
         "aria-label": table.getIsAllRowsSelected() ? "Deselect all rows" : "Select all rows",
@@ -6602,28 +5852,28 @@ function SelectColumnDef(props) {
     }) : null,
     cell: ({ table, row }) => {
       const paddingLeft = "0px";
-      return /* @__PURE__ */ jsx16(CellWrapper2, {
+      return /* @__PURE__ */ jsx7(CellWrapper2, {
         paddingLeft,
         rowDepth: row.depth,
-        children: /* @__PURE__ */ jsxs7(Fragment3, {
+        children: /* @__PURE__ */ jsxs5(Fragment, {
           children: [
-            selectionMode === "single" ? /* @__PURE__ */ jsx16(Radio, {
+            selectionMode === "single" ? /* @__PURE__ */ jsx7(Radio, {
               checked: row.getIsSelected(),
               "aria-label": `Select row ${row.id}`,
               onChange: stopPropagation(row.getToggleSelectedHandler())
-            }) : /* @__PURE__ */ jsx16(Checkbox2, {
+            }) : /* @__PURE__ */ jsx7(Checkbox, {
               checked: row.getIsSelected(),
               indeterminate: row.getIsSomeSelected(),
               "aria-label": `Select row ${row.id}`,
               onChange: stopPropagation(row.getToggleSelectedHandler())
             }),
-            row.getCanExpand() && table.options.enableExpanding && /* @__PURE__ */ jsx16(Button3, {
+            row.getCanExpand() && table.options.enableExpanding && /* @__PURE__ */ jsx7(Button2, {
               variant: "ghost_icon",
               color: "secondary",
               "aria-label": row.getIsExpanded() ? "Close group" : "Expand group",
               onClick: stopPropagation(row.getToggleExpandedHandler()),
               style: { cursor: "pointer" },
-              children: /* @__PURE__ */ jsx16(Icon6, {
+              children: /* @__PURE__ */ jsx7(Icon4, {
                 data: row.getIsExpanded() ? chevron_up : chevron_down
               })
             })
@@ -6635,10 +5885,10 @@ function SelectColumnDef(props) {
 }
 
 // src/DataTable/components/ColumnSelect.tsx
-import { Button as Button4, Checkbox as Checkbox3, Divider, Icon as Icon7, Popover as Popover2, Tooltip } from "@equinor/eds-core-react";
+import { Button as Button3, Checkbox as Checkbox2, Divider, Icon as Icon5, Popover, Tooltip } from "@equinor/eds-core-react";
 import { close, view_column } from "@equinor/eds-icons";
-import { useRef as useRef2, useState as useState4 } from "react";
-import styled15 from "styled-components";
+import { useRef, useState as useState2 } from "react";
+import styled9 from "styled-components";
 
 // src/DataTable/utils.tsx
 function capitalizeHeader(context) {
@@ -6670,28 +5920,28 @@ function getFunctionValueOrDefault(valueOrFn, fnProps, defaultValue) {
 }
 
 // src/DataTable/components/ColumnSelect.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
-var ColumnSelectContent = styled15.div`
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var ColumnSelectContent = styled9.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 0.5rem;
 `;
-var ActionsWrapper = styled15.div`
+var ActionsWrapper = styled9.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.5rem;
 `;
 function ColumnSelect({ table }) {
-  const [isOpen, setIsOpen] = useState4(false);
-  const referenceElement = useRef2(null);
+  const [isOpen, setIsOpen] = useState2(false);
+  const referenceElement = useRef(null);
   const selectableColumns = table.getAllLeafColumns().filter((column) => column.id !== "select");
-  return /* @__PURE__ */ jsxs8(Fragment4, {
+  return /* @__PURE__ */ jsxs6(Fragment2, {
     children: [
-      /* @__PURE__ */ jsx17(Tooltip, {
+      /* @__PURE__ */ jsx8(Tooltip, {
         title: "Select columns",
         placement: "left",
-        children: /* @__PURE__ */ jsx17(Button4, {
+        children: /* @__PURE__ */ jsx8(Button3, {
           "aria-haspopup": true,
           id: "column-select-anchor",
           "aria-controls": "column-select-popover",
@@ -6699,29 +5949,29 @@ function ColumnSelect({ table }) {
           ref: referenceElement,
           variant: "ghost_icon",
           onClick: () => setIsOpen(true),
-          children: /* @__PURE__ */ jsx17(Icon7, {
+          children: /* @__PURE__ */ jsx8(Icon5, {
             name: "view_column",
             data: view_column
           })
         })
       }),
-      /* @__PURE__ */ jsxs8(Popover2, {
+      /* @__PURE__ */ jsxs6(Popover, {
         open: isOpen,
         id: "column-select-popover",
         anchorEl: referenceElement.current,
         placement: "bottom-end",
         onClose: () => setIsOpen(false),
         children: [
-          /* @__PURE__ */ jsxs8(Popover2.Header, {
+          /* @__PURE__ */ jsxs6(Popover.Header, {
             children: [
-              /* @__PURE__ */ jsx17(Popover2.Title, {
+              /* @__PURE__ */ jsx8(Popover.Title, {
                 children: "Column settings"
               }),
-              /* @__PURE__ */ jsx17(Button4, {
+              /* @__PURE__ */ jsx8(Button3, {
                 variant: "ghost_icon",
                 "aria-label": "Close column select",
                 onClick: () => setIsOpen(false),
-                children: /* @__PURE__ */ jsx17(Icon7, {
+                children: /* @__PURE__ */ jsx8(Icon5, {
                   name: "close",
                   data: close,
                   size: 24
@@ -6729,22 +5979,22 @@ function ColumnSelect({ table }) {
               })
             ]
           }),
-          /* @__PURE__ */ jsxs8(Popover2.Content, {
+          /* @__PURE__ */ jsxs6(Popover.Content, {
             children: [
-              /* @__PURE__ */ jsx17(ColumnSelectContent, {
+              /* @__PURE__ */ jsx8(ColumnSelectContent, {
                 children: selectableColumns.map((column) => {
-                  return /* @__PURE__ */ jsx17(Checkbox3, {
+                  return /* @__PURE__ */ jsx8(Checkbox2, {
                     checked: column.getIsVisible(),
                     label: getColumnHeader(column),
                     onChange: column.getToggleVisibilityHandler()
                   }, column.id);
                 })
               }),
-              /* @__PURE__ */ jsx17(Divider, {
+              /* @__PURE__ */ jsx8(Divider, {
                 variant: "small"
               }),
-              /* @__PURE__ */ jsx17(ActionsWrapper, {
-                children: /* @__PURE__ */ jsx17(Button4, {
+              /* @__PURE__ */ jsx8(ActionsWrapper, {
+                children: /* @__PURE__ */ jsx8(Button3, {
                   color: "secondary",
                   variant: "ghost",
                   disabled: table.getIsAllColumnsVisible(),
@@ -6762,12 +6012,12 @@ function ColumnSelect({ table }) {
 
 // src/DataTable/components/TableHeader.tsx
 import { Table as Table4 } from "@equinor/eds-core-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function TableHeader({ table, sticky }) {
-  return /* @__PURE__ */ jsx18(Table4.Head, {
+  return /* @__PURE__ */ jsx9(Table4.Head, {
     sticky,
-    children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx18(Table4.Row, {
-      children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx18(HeaderCell, {
+    children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx9(Table4.Row, {
+      children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx9(HeaderCell, {
         header
       }, header.id))
     }, headerGroup.id))
@@ -6782,28 +6032,29 @@ import {
   getSortedRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { useEffect as useEffect3, useRef as useRef3, useState as useState6 } from "react";
-import styled21 from "styled-components";
+import { TypographyCustom as TypographyCustom2 } from "apollo-common";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import styled15 from "styled-components";
 
 // src/DataTable/components/BasicTable.tsx
 import { Table as EdsTable } from "@equinor/eds-core-react";
 
 // src/DataTable/components/PlaceholderRow.tsx
-import { DotProgress, Table as Table5, Typography as Typography2 } from "@equinor/eds-core-react";
-import styled16 from "styled-components";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var PlaceholderTextWrapper = styled16.div`
+import { DotProgress, Table as Table5, Typography } from "@equinor/eds-core-react";
+import styled10 from "styled-components";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var PlaceholderTextWrapper = styled10.div`
   display: flex;
   justify-content: center;
 `;
 function PlaceholderRow({ isLoading }) {
-  return /* @__PURE__ */ jsx19(Table5.Row, {
-    children: /* @__PURE__ */ jsx19(Table5.Cell, {
+  return /* @__PURE__ */ jsx10(Table5.Row, {
+    children: /* @__PURE__ */ jsx10(Table5.Cell, {
       colSpan: 100,
-      children: /* @__PURE__ */ jsx19(PlaceholderTextWrapper, {
-        children: isLoading ? /* @__PURE__ */ jsx19(DotProgress, {
+      children: /* @__PURE__ */ jsx10(PlaceholderTextWrapper, {
+        children: isLoading ? /* @__PURE__ */ jsx10(DotProgress, {
           color: "primary"
-        }) : /* @__PURE__ */ jsx19(Typography2, {
+        }) : /* @__PURE__ */ jsx10(Typography, {
           children: "No data available"
         })
       })
@@ -6813,8 +6064,8 @@ function PlaceholderRow({ isLoading }) {
 
 // src/DataTable/components/TableBody.tsx
 import { Table as Table6 } from "@equinor/eds-core-react";
-import styled17 from "styled-components";
-var TableBody = styled17(Table6.Body)`
+import styled11 from "styled-components";
+var TableBody = styled11(Table6.Body)`
   // The following attribute are important for fixed column width
   // CHANGE THES WITH CAUTION
   background: inherit;
@@ -6822,12 +6073,12 @@ var TableBody = styled17(Table6.Body)`
 
 // src/DataTable/components/TableRow.tsx
 import { Table as Table7 } from "@equinor/eds-core-react";
-import styled18 from "styled-components";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import styled12 from "styled-components";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function TableRow({ row, rowConfig, cellConfig }) {
   var _a;
   const rowWrapper = rowConfig == null ? void 0 : rowConfig.rowWrapper;
-  const tableRowContent = /* @__PURE__ */ jsx20(StyledTableRow, {
+  const tableRowContent = /* @__PURE__ */ jsx11(StyledTableRow, {
     active: row.getIsSelected(),
     style: {
       cursor: (rowConfig == null ? void 0 : rowConfig.onClick) ? "pointer" : "initial",
@@ -6841,7 +6092,7 @@ function TableRow({ row, rowConfig, cellConfig }) {
     onMouseLeave: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseLeave),
     children: row.getVisibleCells().map((cell) => {
       var _a2;
-      return /* @__PURE__ */ jsx20(DynamicCell, {
+      return /* @__PURE__ */ jsx11(DynamicCell, {
         cell,
         getStickyCellColor: cellConfig == null ? void 0 : cellConfig.getStickyCellColor,
         highlight: (_a2 = cellConfig == null ? void 0 : cellConfig.getShouldHighlight) == null ? void 0 : _a2.call(cellConfig, cell)
@@ -6850,7 +6101,7 @@ function TableRow({ row, rowConfig, cellConfig }) {
   });
   return rowWrapper ? rowWrapper({ row, children: tableRowContent }) : tableRowContent;
 }
-var StyledTableRow = styled18(Table7.Row)`
+var StyledTableRow = styled12(Table7.Row)`
   /* Background color must be inherited here. Does not work with inline styling */
   ${({ active }) => active ? "" : "background-color: inherit;"}
 `;
@@ -6863,7 +6114,7 @@ function handleRowEvent(row, handler) {
 }
 
 // src/DataTable/components/BasicTable.tsx
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function BasicTable({
   table,
   rowConfig,
@@ -6873,22 +6124,22 @@ function BasicTable({
   tableCaption
 }) {
   const tableRows = table.getRowModel().rows;
-  return /* @__PURE__ */ jsxs9(EdsTable, {
+  return /* @__PURE__ */ jsxs7(EdsTable, {
     children: [
-      /* @__PURE__ */ jsx21(EdsTable.Caption, {
+      /* @__PURE__ */ jsx12(EdsTable.Caption, {
         hidden: true,
         children: tableCaption
       }),
-      /* @__PURE__ */ jsx21(TableHeader, {
+      /* @__PURE__ */ jsx12(TableHeader, {
         sticky: stickyHeader,
         table
       }),
-      /* @__PURE__ */ jsx21(TableBody, {
-        children: tableRows.length ? tableRows.map((row) => /* @__PURE__ */ jsx21(TableRow, {
+      /* @__PURE__ */ jsx12(TableBody, {
+        children: tableRows.length ? tableRows.map((row) => /* @__PURE__ */ jsx12(TableRow, {
           row,
           rowConfig,
           cellConfig
-        }, row.id)) : /* @__PURE__ */ jsx21(PlaceholderRow, {
+        }, row.id)) : /* @__PURE__ */ jsx12(PlaceholderRow, {
           isLoading
         })
       })
@@ -6897,20 +6148,20 @@ function BasicTable({
 }
 
 // src/DataTable/components/DataTableHeader.tsx
-import { Typography as Typography3 } from "@equinor/eds-core-react";
+import { Typography as Typography2 } from "@equinor/eds-core-react";
 import { search } from "@equinor/eds-icons";
-import styled20 from "styled-components";
+import styled14 from "styled-components";
 
 // src/DataTable/filters/DebouncedInput.tsx
-import { Button as Button5, Icon as Icon8, Input, Tooltip as Tooltip2 } from "@equinor/eds-core-react";
+import { Button as Button4, Icon as Icon6, Input, Tooltip as Tooltip2 } from "@equinor/eds-core-react";
 import { close as close2 } from "@equinor/eds-icons";
-import { useEffect, useState as useState5 } from "react";
-import styled19 from "styled-components";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Wrapper3 = styled19.div`
+import { useEffect, useState as useState3 } from "react";
+import styled13 from "styled-components";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Wrapper3 = styled13.div`
   width: 200px;
 `;
-var CloseButton = styled19(Button5)`
+var CloseButton = styled13(Button4)`
   width: 24px;
   height: 24px;
 `;
@@ -6921,7 +6172,7 @@ function DebouncedInput({
   debounce = 500,
   ...props
 }) {
-  const [value, setValue] = useState5(initialValue);
+  const [value, setValue] = useState3(initialValue);
   useEffect(() => {
     setValue(initialValue);
   }, [initialValue]);
@@ -6931,21 +6182,21 @@ function DebouncedInput({
     }, debounce);
     return () => clearTimeout(timeout);
   }, [value]);
-  return /* @__PURE__ */ jsx22(Wrapper3, {
-    children: /* @__PURE__ */ jsx22(Input, {
+  return /* @__PURE__ */ jsx13(Wrapper3, {
+    children: /* @__PURE__ */ jsx13(Input, {
       ...props,
       value,
-      leftAdornments: icon && /* @__PURE__ */ jsx22(Icon8, {
+      leftAdornments: icon && /* @__PURE__ */ jsx13(Icon6, {
         name: icon.name,
         data: icon,
         size: 18
       }),
-      rightAdornments: !!value && /* @__PURE__ */ jsx22(Tooltip2, {
+      rightAdornments: !!value && /* @__PURE__ */ jsx13(Tooltip2, {
         title: "Clear input",
-        children: /* @__PURE__ */ jsx22(CloseButton, {
+        children: /* @__PURE__ */ jsx13(CloseButton, {
           variant: "ghost_icon",
           onClick: () => setValue(""),
-          children: /* @__PURE__ */ jsx22(Icon8, {
+          children: /* @__PURE__ */ jsx13(Icon6, {
             name: close2.name,
             data: close2,
             size: 18
@@ -6968,15 +6219,15 @@ var fuzzyFilter = (row, columnId, value, addMeta) => {
 };
 
 // src/DataTable/components/DataTableHeader.tsx
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
-var TableBannerWrapper = styled20.div`
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var TableBannerWrapper = styled14.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
   padding: ${(props) => props.padding || "1rem"};
 `;
-var FilterContainer = styled20.div`
+var FilterContainer = styled14.div`
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -6989,14 +6240,14 @@ function TableBanner({
   globalFilter
 }) {
   var _a;
-  return /* @__PURE__ */ jsxs10(TableBannerWrapper, {
+  return /* @__PURE__ */ jsxs8(TableBannerWrapper, {
     className: "--table-caption",
     padding: bannerConfig == null ? void 0 : bannerConfig.padding,
     children: [
-      /* @__PURE__ */ jsxs10(FilterContainer, {
+      /* @__PURE__ */ jsxs8(FilterContainer, {
         className: "--filter-container-left",
         children: [
-          (bannerConfig == null ? void 0 : bannerConfig.enableTableCaption) && /* @__PURE__ */ jsx23(Typography3, {
+          (bannerConfig == null ? void 0 : bannerConfig.enableTableCaption) && /* @__PURE__ */ jsx14(Typography2, {
             variant: "h3",
             as: "h2",
             children: tableCaption
@@ -7004,20 +6255,20 @@ function TableBanner({
           (_a = bannerConfig == null ? void 0 : bannerConfig.customActions) == null ? void 0 : _a.call(bannerConfig, table)
         ]
       }),
-      /* @__PURE__ */ jsx23(FilterContainer, {
+      /* @__PURE__ */ jsx14(FilterContainer, {
         className: "--filter-container-right",
-        children: /* @__PURE__ */ jsxs10(Fragment5, {
+        children: /* @__PURE__ */ jsxs8(Fragment3, {
           children: [
-            (bannerConfig == null ? void 0 : bannerConfig.enableGlobalFilterInput) && /* @__PURE__ */ jsx23(DebouncedInput, {
+            (bannerConfig == null ? void 0 : bannerConfig.enableGlobalFilterInput) && /* @__PURE__ */ jsx14(DebouncedInput, {
               value: globalFilter.state,
               icon: search,
               placeholder: bannerConfig.globalFilterPlaceholder ?? "Search all columns",
               onChange: (value) => globalFilter.onChange(String(value))
             }),
-            (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ jsx23(ColumnSelect, {
+            (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ jsx14(ColumnSelect, {
               table
             }),
-            (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ jsxs10("span", {
+            (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ jsxs8("span", {
               children: [
                 table.options.data.length.toLocaleString(),
                 " /",
@@ -7039,19 +6290,19 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 
 // src/DataTable/components/PaddingRow.tsx
 import { Table as Table8 } from "@equinor/eds-core-react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var PaddingRow = (props) => {
   if (!props.height)
     return null;
-  return /* @__PURE__ */ jsx24(Table8.Row, {
-    children: /* @__PURE__ */ jsx24(Table8.Cell, {
+  return /* @__PURE__ */ jsx15(Table8.Row, {
+    children: /* @__PURE__ */ jsx15(Table8.Cell, {
       style: { height: `${props.height}px` }
     })
   });
 };
 
 // src/DataTable/components/VirtualTable.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 function VirtualTable({
   table,
   rowConfig,
@@ -7070,32 +6321,32 @@ function VirtualTable({
   const virtualRows = rowVirtualizer.getVirtualItems();
   const paddingTop = virtualRows.length > 0 ? ((_a = virtualRows == null ? void 0 : virtualRows[0]) == null ? void 0 : _a.start) || 0 : 0;
   const paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - (((_b = virtualRows == null ? void 0 : virtualRows[virtualRows.length - 1]) == null ? void 0 : _b.end) || 0) : 0;
-  return /* @__PURE__ */ jsxs11(Table9, {
+  return /* @__PURE__ */ jsxs9(Table9, {
     children: [
-      /* @__PURE__ */ jsx25(Table9.Caption, {
+      /* @__PURE__ */ jsx16(Table9.Caption, {
         hidden: true,
         children: props.tableCaption
       }),
-      /* @__PURE__ */ jsx25(TableHeader, {
+      /* @__PURE__ */ jsx16(TableHeader, {
         sticky: props.stickyHeader,
         table
       }),
-      /* @__PURE__ */ jsxs11(TableBody, {
+      /* @__PURE__ */ jsxs9(TableBody, {
         children: [
-          /* @__PURE__ */ jsx25(PaddingRow, {
+          /* @__PURE__ */ jsx16(PaddingRow, {
             height: paddingTop
           }),
           rows.length ? virtualRows.map((virtualRow) => {
             const row = rows[virtualRow.index];
-            return /* @__PURE__ */ jsx25(TableRow, {
+            return /* @__PURE__ */ jsx16(TableRow, {
               row,
               rowConfig,
               cellConfig
             }, row.id);
-          }) : /* @__PURE__ */ jsx25(PlaceholderRow, {
+          }) : /* @__PURE__ */ jsx16(PlaceholderRow, {
             isLoading: props.isLoading
           }),
-          /* @__PURE__ */ jsx25(PaddingRow, {
+          /* @__PURE__ */ jsx16(PaddingRow, {
             height: paddingBottom
           })
         ]
@@ -7134,8 +6385,8 @@ function useFetchMoreOnBottomReached(tableContainerRef, infiniteScrollConfig) {
 }
 
 // src/DataTable/DataTable.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
-var DataTableWrapper = styled21.div`
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var DataTableWrapper = styled15.div`
   width: ${(props) => props.width ?? "100%"};
 
   .--table-container {
@@ -7155,12 +6406,12 @@ var DataTableWrapper = styled21.div`
 function DataTable(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const { columns, data, bannerConfig, cellConfig, sorting } = props;
-  const [internalColumnVisibility, setInternalColumnVisibility] = useState6({});
+  const [internalColumnVisibility, setInternalColumnVisibility] = useState4({});
   const [columnVisibility, setColumnVisibility] = [
     ((_a = props.columnVisibility) == null ? void 0 : _a.state) ?? internalColumnVisibility,
     ((_b = props.columnVisibility) == null ? void 0 : _b.onChange) ?? setInternalColumnVisibility
   ];
-  const [internalGlobalFilterState, setInternalGlobalFilterState] = useState6("");
+  const [internalGlobalFilterState, setInternalGlobalFilterState] = useState4("");
   const [globalFilterState, setGlobalFilterState] = [
     ((_c = props.globalFilter) == null ? void 0 : _c.state) ?? internalGlobalFilterState,
     ((_d = props.globalFilter) == null ? void 0 : _d.onChange) ?? setInternalGlobalFilterState
@@ -7169,17 +6420,17 @@ function DataTable(props) {
   function enableGlobalFilter(value) {
     return enableOrUndefined(shouldEnableGlobalFilter, value);
   }
-  const [internalSortingState, setInternalSortingState] = useState6([]);
+  const [internalSortingState, setInternalSortingState] = useState4([]);
   const [sortingState, setSortingState] = [
     ((_f = props.sorting) == null ? void 0 : _f.state) ?? internalSortingState,
     ((_g = props.sorting) == null ? void 0 : _g.onChange) ?? setInternalSortingState
   ];
-  const [internalRowSelectionState, setInternalRowSelectionState] = useState6({});
+  const [internalRowSelectionState, setInternalRowSelectionState] = useState4({});
   const [rowSelectionState, setRowSelectionState] = [
     ((_h = props.rowSelection) == null ? void 0 : _h.state) ?? internalRowSelectionState,
     ((_i = props.rowSelection) == null ? void 0 : _i.onChange) ?? setInternalRowSelectionState
   ];
-  const [internalExpandedState, setInternalExpandedState] = useState6({});
+  const [internalExpandedState, setInternalExpandedState] = useState4({});
   const [expandedState, setExpandedState] = [
     ((_j = props.expansion) == null ? void 0 : _j.state) ?? internalExpandedState,
     ((_k = props.expansion) == null ? void 0 : _k.onChange) ?? setInternalExpandedState
@@ -7198,7 +6449,7 @@ function DataTable(props) {
     defaultColumn: {
       cell: ({ cell }) => {
         const truncateMode = getFunctionValueOrDefault(cellConfig == null ? void 0 : cellConfig.truncateMode, cell, "hover");
-        return /* @__PURE__ */ jsx26(TypographyCustom, {
+        return /* @__PURE__ */ jsx17(TypographyCustom2, {
           truncate: truncateMode === "hover",
           children: cell.getValue()
         });
@@ -7229,23 +6480,23 @@ function DataTable(props) {
     }
   }, [table, (_p = props.expansion) == null ? void 0 : _p.expandAllByDefault]);
   const { isLoading, rowConfig } = props;
-  const tableContainerRef = useRef3(null);
+  const tableContainerRef = useRef2(null);
   const onTableContainerScroll = useFetchMoreOnBottomReached(
     tableContainerRef,
     props.infiniteScroll
   );
-  return /* @__PURE__ */ jsxs12(DataTableWrapper, {
+  return /* @__PURE__ */ jsxs10(DataTableWrapper, {
     height: props == null ? void 0 : props.height,
     width: props == null ? void 0 : props.width,
     tableLayout: props == null ? void 0 : props.tableLayout,
     children: [
-      props.bannerConfig && /* @__PURE__ */ jsx26(TableBanner, {
+      props.bannerConfig && /* @__PURE__ */ jsx17(TableBanner, {
         table,
         bannerConfig: props.bannerConfig,
         globalFilter: { state: globalFilterState, onChange: setGlobalFilterState },
         tableCaption: props.tableCaption
       }),
-      /* @__PURE__ */ jsx26("div", {
+      /* @__PURE__ */ jsx17("div", {
         ...props.tableContainerProps,
         className: "--table-container " + ((_q = props.tableContainerProps) == null ? void 0 : _q.className),
         onScroll: ((_r = props.tableContainerProps) == null ? void 0 : _r.onScroll) ?? onTableContainerScroll,
@@ -7258,7 +6509,7 @@ function DataTable(props) {
             }
           }
         },
-        children: (props == null ? void 0 : props.virtual) ? /* @__PURE__ */ jsx26(VirtualTable, {
+        children: (props == null ? void 0 : props.virtual) ? /* @__PURE__ */ jsx17(VirtualTable, {
           containerRef: tableContainerRef,
           tableCaption: props.tableCaption,
           table,
@@ -7266,7 +6517,7 @@ function DataTable(props) {
           cellConfig,
           isLoading,
           stickyHeader: props.stickyHeader
-        }) : /* @__PURE__ */ jsx26(BasicTable, {
+        }) : /* @__PURE__ */ jsx17(BasicTable, {
           tableCaption: props.tableCaption,
           table,
           rowConfig,
@@ -7281,33 +6532,22 @@ function DataTable(props) {
 export {
   AppShell,
   AppSidebar,
-  AutocompleteCustom,
   ChipsCell,
   ColumnSelect,
   DataTable,
   DynamicCell,
-  EditableCheckboxCell,
-  EditableDateCell,
-  EditableDropdownCell,
-  EditableNumberCell,
-  EditableTextAreaCell,
-  EditableTextFieldCell,
   HeaderCell,
   HierarchyCell,
-  PopoverCell,
   SelectColumnDef,
   StickyCell,
   StickyHeaderCell,
   StyledStickyCell,
   TableHeader,
-  TypographyCustom,
   addFormMeta,
   capitalizeHeader,
-  getHelperTextProps,
   leftCellShadow,
   prependSelectColumn,
   removeFormMeta,
-  stopPropagation,
   stringToHslColor,
   useEditMode,
   useGetIsNew,