@oliasoft-open-source/react-ui-library 5.8.0-beta-2 → 5.8.0-beta-4

package/dist/index.js

@@ -1,4 +1,4 @@
-import React, { Fragment, cloneElement, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition } from "react";
+import React, { Fragment, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition } from "react";
 import cx from "classnames";
 import { ReactSVG } from "react-svg";
 import { TbAlertTriangle, TbArrowDown, TbArrowLeft, TbArrowRight, TbArrowUp, TbArrowsDiagonal, TbArrowsMaximize, TbArrowsMinimize, TbArrowsMove, TbArrowsSplit, TbBell, TbBold, TbBolt, TbBook2, TbBuildingSkyscraper, TbCamera, TbChartBar, TbChartLine, TbChartPie2, TbCheck, TbChevronDown, TbChevronLeft, TbChevronRight, TbChevronUp, TbChevronsLeft, TbChevronsRight, TbCircle, TbCircleCheck, TbCircleX, TbClipboard, TbClock, TbCode, TbCopy, TbCornerDownRight, TbDeviceFloppy, TbDeviceLaptop, TbDotsVertical, TbDownload, TbDroplet, TbExclamationMark, TbExternalLink, TbEye, TbEyeOff, TbFile, TbFilter, TbFilterOff, TbFocusCentered, TbFolder, TbFolderSearch, TbGauge, TbGitFork, TbGripVertical, TbHelp, TbInfoCircle, TbItalic, TbKey, TbLayoutColumns, TbLayoutRows, TbLink, TbLinkOff, TbList, TbListNumbers, TbLoader2, TbLock, TbLockOpen, TbMapPin, TbMessageCircle, TbMinus, TbMoon, TbMovie, TbNote, TbPencil, TbPlayerPause, TbPlayerPlay, TbPlayerSkipBack, TbPlayerSkipForward, TbPlayerStop, TbPlayerTrackNext, TbPlayerTrackPrev, TbPlus, TbQuestionMark, TbRefresh, TbReload, TbRotate, TbRowInsertBottom, TbRowInsertTop, TbRuler3, TbScale, TbSearch, TbServer, TbSettings, TbSortAscending, TbSortDescending, TbStar, TbSun, TbTable, TbTarget, TbTrash, TbUpload, TbUser, TbUsers, TbX } from "react-icons/tb";
@@ -15,13 +15,13 @@ import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue,
 import { FixedSizeList } from "react-window";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import Papa from "papaparse";
 import RcSlider from "rc-slider";
 import memoizeOne from "memoize-one";
 import isEqual$1 from "react-fast-compare";
 import { DndContext, DragOverlay, closestCenter } from "@dnd-kit/core";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { SimplifyAP } from "simplify-ts";
+import Papa from "papaparse";
 import { Slide, ToastContainer as Toaster, toast as toast$1 } from "react-toastify";
 import { isNullOrUndefined } from "remirror";
 import { BoldExtension, BulletListExtension, CodeExtension, ItalicExtension, MarkdownExtension, OrderedListExtension, PlaceholderExtension } from "remirror/extensions";
@@ -214,23 +214,23 @@ const NamedIcon = ({ icon: e }) => {
 		case "": return null;
 		default: return /* @__PURE__ */ jsx(TbCircle, {});
 	}
-}, Icon = ({ icon: e, onClick: t, clickable: n = !1, color: r, size: i, testId: o }) => {
-	let s = useContext(DisabledContext), l = {
+}, Icon = ({ icon: e, onClick: t, clickable: n = !1, color: r, size: a, testId: o }) => {
+	let c = useContext(DisabledContext), l = {
 		color: r,
 		fill: r,
-		fontSize: i || "inherit",
-		width: i || "auto",
-		height: i || "auto"
+		fontSize: a || "inherit",
+		width: a || "auto",
+		height: a || "auto"
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(icon_module_default.wrapper, (n || t) && !s ? icon_module_default.clickable : ""),
+		className: cx(icon_module_default.wrapper, (n || t) && !c ? icon_module_default.clickable : ""),
 		style: l,
-		onClick: (e) => t && !s ? t(e) : void 0,
+		onClick: (e) => t && !c ? t(e) : void 0,
 		"data-testid": o,
 		children: isValidElement(e) ? e : typeof e == "string" && (e.includes(".svg") || e.includes("image/svg")) ? /* @__PURE__ */ jsx(ReactSVG, {
 			className: icon_module_default.customSvg,
 			beforeInjection: (e) => {
-				i && (e.setAttribute("width", String(i)), e.setAttribute("height", String(i)));
+				a && (e.setAttribute("width", String(a)), e.setAttribute("height", String(a)));
 			},
 			src: e
 		}) : typeof e == "string" && (e.includes(".png") || e.includes("image/png")) ? /* @__PURE__ */ jsx("img", {
@@ -325,7 +325,7 @@ const TooltipLayer = ({ text: e = "", error: t = !1, warning: n = !1, maxWidth:
 		...s,
 		size: 6
 	})]
-}), Tooltip = ({ children: e, text: t = "", error: n = !1, placement: r = "top-center", possiblePlacements: i = [
+}), Tooltip = ({ children: e, text: t = "", error: n = !1, placement: r = "top-center", possiblePlacements: a = [
 	"top-center",
 	"left-center",
 	"bottom-center",
@@ -341,7 +341,7 @@ const TooltipLayer = ({ text: e = "", error: t = !1, warning: n = !1, maxWidth:
 		auto: !0,
 		triggerOffset: l,
 		placement: r,
-		possiblePlacements: i,
+		possiblePlacements: a,
 		onParentClose: v
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [y && b(/* @__PURE__ */ jsx(TooltipLayer, {
@@ -385,12 +385,12 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		maxWidth: i,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})
-}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: s = "", disabled: u = !1, small: d = !1, onChange: f, testId: p, value: h, helpText: g, onClickHelp: v, textTransform: y = TextTransform.CAPITALIZE }) => {
-	let b = useContext(DisabledContext), x = g || v, S = u || b, C = useRef(null);
+}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v, textTransform: y = TextTransform.CAPITALIZE }) => {
+	let b = useContext(DisabledContext), x = _ || v, S = u || b, C = useRef(null);
 	return useEffect(() => {
 		C.current && (C.current.indeterminate = a);
 	}, [a]), /* @__PURE__ */ jsxs("div", {
-		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, S && check_box_module_default.disabled, d && check_box_module_default.small, !s && check_box_module_default.noLabel),
+		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, S && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
 		"data-ix": t,
 		onClick: (e) => {
 			if (!S) {
@@ -404,7 +404,7 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 				});
 			}
 		},
-		"data-testid": p,
+		"data-testid": m,
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				ref: C,
@@ -422,12 +422,12 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 				children: [/* @__PURE__ */ jsx("span", {
 					className: check_box_module_default.checkmark,
 					children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK })
-				}), s]
+				}), l]
 			}),
 			x && /* @__PURE__ */ jsx("div", {
 				className: check_box_module_default.helpIconEnabled,
 				onClick: v,
-				children: /* @__PURE__ */ jsx(HelpIcon, { text: g })
+				children: /* @__PURE__ */ jsx(HelpIcon, { text: _ })
 			})
 		]
 	});
@@ -527,7 +527,7 @@ var ButtonTooltipWrapper = ({ children: e, tooltip: t = null }) => t ? /* @__PUR
 	display: "inline-flex",
 	children: e
 }) : /* @__PURE__ */ jsx(Fragment$1, { children: e });
-const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, label: s = "", loading: l = !1, name: u, pill: d = !1, round: f = !1, small: p = !1, styles: m = "", width: h = "", title: g = "", type: v = ButtonType.BUTTON, onClick: y = () => {}, error: b, warning: x, testId: S, tooltip: C, inverted: w = !1, component: T = "button", url: E, tabIndex: D }) => {
+const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, label: c = "", loading: l = !1, name: u, pill: d = !1, round: f = !1, small: p = !1, styles: m = "", width: h = "", title: _ = "", type: v = ButtonType.BUTTON, onClick: y = () => {}, error: b, warning: x, testId: S, tooltip: C, inverted: w = !1, component: T = "button", url: E, tabIndex: D }) => {
 	let O = useContext(DisabledContext), k = (() => {
 		if (n) switch (n) {
 			case Color.DANGER:
@@ -550,11 +550,11 @@ const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r =
 		tooltip: C,
 		children: /* @__PURE__ */ jsxs(T, {
 			type: v === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
-			className: cx(button_module_default.button, e ? button_module_default.active : "", t ? button_module_default.basic : "", k, j ? button_module_default.disabled : "", (o || l) && !s ? button_module_default.iconOnly : "", w ? button_module_default.inverted : "", A, d ? button_module_default.pill : "", f ? button_module_default.round : "", p ? button_module_default.small : "", m),
+			className: cx(button_module_default.button, e ? button_module_default.active : "", t ? button_module_default.basic : "", k, j ? button_module_default.disabled : "", (o || l) && !c ? button_module_default.iconOnly : "", w ? button_module_default.inverted : "", A, d ? button_module_default.pill : "", f ? button_module_default.round : "", p ? button_module_default.small : "", m),
 			disabled: j,
 			name: u ?? "",
 			onClick: y,
-			...g ? { title: g } : {},
+			..._ ? { title: _ } : {},
 			style: { width: h },
 			"data-error": b || null,
 			"data-warning": x || null,
@@ -575,7 +575,7 @@ const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r =
 						colored: t
 					})
 				}),
-				s
+				c
 			]
 		})
 	});
@@ -625,7 +625,7 @@ const Heading$3 = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__
 		onClick: t,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})]
-}), Divider$1 = () => /* @__PURE__ */ jsx("hr", { className: menu_module_default.divider }), Option$2 = ({ actions: e, label: t, url: n, onClick: r, description: i, icon: a, selected: o, closeOnOptionClick: s, close: c, disabled: l, inline: u, title: d, upload: f, uploadType: p, onChange: m = noop, testId: h, component: g = "a" }) => {
+}), Divider$1 = () => /* @__PURE__ */ jsx("hr", { className: menu_module_default.divider }), Option$2 = ({ actions: e, label: t, url: n, onClick: r, description: i, icon: a, selected: o, closeOnOptionClick: s, close: c, disabled: l, inline: u, title: d, upload: f, uploadType: p, onChange: m = noop, testId: h, component: _ = "a" }) => {
 	let v = (e) => {
 		if (e.stopPropagation(), l) {
 			e.preventDefault();
@@ -647,7 +647,7 @@ const Heading$3 = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__
 			m?.(n), c?.();
 		}
 	};
-	return /* @__PURE__ */ jsxs(g, {
+	return /* @__PURE__ */ jsxs(_, {
 		href: n,
 		to: n,
 		className: cx(menu_module_default.option, l ? menu_module_default.disabled : "", u ? menu_module_default.inline : "", o ? menu_module_default?.selected : ""),
@@ -741,13 +741,13 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 			});
 		default: return null;
 	}
-}, parentPath = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, childPath = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), closePath = (e) => `${e}.close`.replace(/^\./, ""), siblings = (e, t) => get(e, parentPath(t), []), registerClose = (e, t, n) => set(e, closePath(t), n), Layer$2 = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: i = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
+}, parentPath = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, childPath = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), closePath = (e) => `${e}.close`.replace(/^\./, ""), siblings = (e, t) => get(e, parentPath(t), []), registerClose = (e, t, n) => set(e, closePath(t), n), Layer$2 = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: a = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
 	if (isValidElement(e)) return /* @__PURE__ */ jsx(Fragment$1, { children: e });
-	let [d, f] = useState(!l?.visible), p = e, m = l?.additionalSections?.map((e) => ({
+	let [d, f] = useState(!l?.visible), p = e, h = l?.additionalSections?.map((e) => ({
 		...e,
 		closeOnOptionClick: r,
 		visible: !0
-	})) ?? [], g = p.length > 4 ? [{
+	})) ?? [], _ = p.length > 4 ? [{
 		type: MenuType.OPTION,
 		label: d ? l?.showLessTitle || "Show less" : l?.showAllTitle || "Show all",
 		onClick: () => f(!d),
@@ -757,7 +757,7 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 		...e,
 		visible: !0,
 		closeOnOptionClick: r
-	} : e).concat(g, m).filter((e) => e?.visible) : p.map((e) => ({
+	} : e).concat(_, h).filter((e) => e?.visible) : p.map((e) => ({
 		...e,
 		closeOnOptionClick: r
 	}));
@@ -771,7 +771,7 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 		children: /* @__PURE__ */ jsx("ul", { children: v.map((e, t) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Section$1, {
 			section: e,
 			closeOnOptionClick: e.closeOnOptionClick,
-			close: i,
+			close: a,
 			tree: o,
 			path: childPath(s, t),
 			maxHeight: c
@@ -809,7 +809,7 @@ const Badge = ({ children: e, color: t = "", title: n = null, dot: r = !1, margi
 			children: n
 		}), e]
 	});
-}, Button$1 = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: s, error: l, warning: u, active: d, tabIndex: f }) => {
+}, Button$1 = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: c, error: l, warning: u, active: d, tabIndex: f }) => {
 	let p = useContext(DisabledContext), m = e === TriggerType.BUTTON ? t : e === TriggerType.DROP_DOWN_BUTTON ? /* @__PURE__ */ jsxs("span", {
 		className: menu_module_default.middleAlignedInline,
 		children: [/* @__PURE__ */ jsx("span", {
@@ -830,7 +830,7 @@ const Badge = ({ children: e, color: t = "", title: n = null, dot: r = !1, margi
 			width: i,
 			groupOrder: o,
 			onClick: () => {},
-			loading: s,
+			loading: c,
 			disabled: a,
 			error: l,
 			warning: u,
@@ -944,7 +944,7 @@ var isMenuEmpty = (e) => {
 			testId: d && `${d}-layer`
 		})
 	})), m];
-}, ContextMenu = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: s, testId: l }) => {
+}, ContextMenu = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: c, testId: l }) => {
 	let u = useContext(DisabledContext), { label: d, trigger: f, fullHeightTrigger: p, colored: m, small: h, component: g, placement: _, possiblePlacements: v = ["bottom-start", "top-start"] } = e, [y, b] = useContextMenu({
 		sections: e.sections,
 		width: t,
@@ -954,7 +954,7 @@ var isMenuEmpty = (e) => {
 		closeParent: i,
 		tree: a,
 		path: o,
-		groupOrder: s,
+		groupOrder: c,
 		overflowContainer: !0,
 		maxHeight: void 0,
 		testId: l
@@ -974,11 +974,11 @@ var isMenuEmpty = (e) => {
 			isNested: !0,
 			component: g,
 			contextMenu: !0,
-			groupOrder: s
+			groupOrder: c
 		}), y]
 	});
 };
-const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, isNested: o = !1, closeOnOptionClick: s = !0, closeParent: l, tree: u, path: d, groupOrder: f, overflowContainer: p = !0, maxHeight: m, testId: g, open: _, setOpen: v, tooltip: y, error: b, warning: x, selected: S, tabIndex: C, active: w }) => {
+const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, isNested: o = !1, closeOnOptionClick: c = !0, closeParent: l, tree: u, path: d, groupOrder: f, overflowContainer: p = !0, maxHeight: h, testId: g, open: _, setOpen: v, tooltip: y, error: b, warning: x, selected: S, tabIndex: C, active: w }) => {
 	let T = useContext(DisabledContext), { label: E, title: D, trigger: O, fullHeightTrigger: k, colored: A, small: j, sections: M, component: N, placement: P, showAllButton: F, possiblePlacements: I = ["bottom-start", "top-start"] } = e, [L, R] = isBoolean(_) && isFunction(v) ? [_, v] : useState(!1), z = () => R(!1), B = () => R(!0), { triggerProps: V, layerProps: H, renderLayer: U } = useLayer({
 		isOpen: L,
 		...placementOptions$1(P, o),
@@ -1032,11 +1032,11 @@ const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badg
 			sections: M,
 			isNested: o,
 			width: t,
-			closeOnOptionClick: s,
+			closeOnOptionClick: c,
 			close: l || z,
 			tree: u,
 			path: d,
-			maxHeight: m,
+			maxHeight: h,
 			showAllButton: F,
 			testId: g && `${g}-layer`
 		})
@@ -1125,15 +1125,15 @@ var breadcrumb_module_default = {
 let BreadcrumbLinkType = /* @__PURE__ */ function(e) {
 	return e.LABEL = "label", e.LINK = "link", e.CUSTOM = "custom", e;
 }({});
-const Link$2 = ({ type: e = BreadcrumbLinkType.LABEL, label: t, url: n, onClick: r, active: i, disabled: o, element: s }) => {
-	let l = useContext(DisabledContext), u = e === BreadcrumbLinkType.LINK && n !== void 0, d = e === BreadcrumbLinkType.CUSTOM && isValidElement(s);
+const Link$2 = ({ type: e = BreadcrumbLinkType.LABEL, label: t, url: n, onClick: r, active: a, disabled: o, element: c }) => {
+	let l = useContext(DisabledContext), u = e === BreadcrumbLinkType.LINK && n !== void 0, d = e === BreadcrumbLinkType.CUSTOM && isValidElement(c);
 	return /* @__PURE__ */ jsx("span", {
 		onClick: r,
-		className: cx(breadcrumb_module_default.labelContainer, i && breadcrumb_module_default.active, (o || l) && breadcrumb_module_default.disabled),
+		className: cx(breadcrumb_module_default.labelContainer, a && breadcrumb_module_default.active, (o || l) && breadcrumb_module_default.disabled),
 		children: u ? /* @__PURE__ */ jsx("a", {
 			href: n,
 			children: t
-		}) : d ? s : t
+		}) : d ? c : t
 	});
 }, Breadcrumb = ({ links: e, small: t = !1 }) => /* @__PURE__ */ jsx("div", {
 	className: cx(breadcrumb_module_default.breadcrumb, t && breadcrumb_module_default.small),
@@ -1158,7 +1158,7 @@ var button_group_module_default = {
 	buttonGroup: "_buttonGroup_iu2wi_11"
 };
 const ButtonGroup = (e) => {
-	let { basic: t = !1, items: n = [], header: r = "", onSelected: i = () => {}, small: a = !1, value: o = "", testId: s = void 0, disabled: l } = e, u = useContext(DisabledContext), d = (e, t, n, r, a) => {
+	let { basic: t = !1, items: n = [], header: r = "", onSelected: i = () => {}, small: a = !1, value: o = "", testId: c = void 0, disabled: l } = e, u = useContext(DisabledContext), d = (e, t, n, r, a) => {
 		e.preventDefault(), e.stopPropagation(), !(l || a || u) && i(t, n, r);
 	}, f = (e, t) => t === "string" ? e : t === "object" ? e.label : t === "array" ? e[1] : null, p = (e, t) => t === "string" ? e : t === "object" ? e.value ?? "" : t === "array" ? e[0] ?? "" : "", m = (e, t, n) => t === "object" && "key" in e ? e.key : n, h = (e, t) => t === "object" ? e.hidden : !1, g = (e, t) => t === "object" ? e.icon : void 0, _ = (e, t, n) => e === "object" ? String(t) === String(o) : n === o, v = () => {
 		if (r) return /* @__PURE__ */ jsx("label", {
@@ -1191,7 +1191,7 @@ const ButtonGroup = (e) => {
 	});
 	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [v(), /* @__PURE__ */ jsx("div", {
 		className: button_group_module_default.buttonGroup,
-		"data-testid": s,
+		"data-testid": c,
 		children: y()
 	})] }) });
 };
@@ -1494,16 +1494,16 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 		},
 		children: e
 	}) : /* @__PURE__ */ jsx(Fragment$1, { children: e });
-}, Drawer = ({ background: e = "var(--color-background-raised)", fixed: t = !1, open: n = !1, setOpen: r, right: i = !1, width: o = 400, closedWidth: s = 0, shadow: c = !1, top: l = 0, button: u = null, buttonAnimate: d = !0, buttonPosition: f = ButtonPosition.BOTTOM, border: p = !1, children: m = null, tabs: g, defaultTabIndex: v = 0, activeTab: y, setActiveTab: b, testId: x, onResize: S, getActiveTab: C, onClose: w, onOpen: T, maxOpenWidth: E }) => {
-	let D = u === !0, O = !D && isValidElement(u), [k, A] = r ? [n, r] : D || g ? useState(n) : [n, () => {}], [j, M] = useState(v), N = r ? n : k, P = r || A, F = b === void 0 ? j : y, I = b || M, L = Array.isArray(o) ? o[F || 0] : o, R = N ? L : g ? 35 : s;
+}, Drawer = ({ background: e = "var(--color-background-raised)", fixed: t = !1, open: n = !1, setOpen: r, right: a = !1, width: o = 400, closedWidth: s = 0, shadow: c = !1, top: l = 0, button: u = null, buttonAnimate: d = !0, buttonPosition: f = ButtonPosition.BOTTOM, border: p = !1, children: h = null, tabs: _, defaultTabIndex: v = 0, activeTab: y, setActiveTab: b, testId: x, onResize: S, getActiveTab: C, onClose: w, onOpen: T, maxOpenWidth: E }) => {
+	let D = u === !0, O = !D && isValidElement(u), [k, A] = r ? [n, r] : D || _ ? useState(n) : [n, () => {}], [j, M] = useState(v), N = r ? n : k, P = r || A, F = b === void 0 ? j : y, I = b || M, L = Array.isArray(o) ? o[F || 0] : o, R = N ? L : _ ? 35 : s;
 	return /* @__PURE__ */ jsx(DrawerResizeWrapper, {
 		width: R,
 		onResize: S,
 		setOpen: P,
-		right: i,
+		right: a,
 		maxOpenWidth: E,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cx(drawer_module_default.drawer, c ? drawer_module_default.shadow : "", t ? drawer_module_default.fixed : drawer_module_default.inline, i ? drawer_module_default.right : drawer_module_default.left),
+			className: cx(drawer_module_default.drawer, c ? drawer_module_default.shadow : "", t ? drawer_module_default.fixed : drawer_module_default.inline, a ? drawer_module_default.right : drawer_module_default.left),
 			style: { top: l },
 			children: [/* @__PURE__ */ jsx("div", {
 				className: cx(drawer_module_default.drawerContent, p && drawer_module_default.border),
@@ -1512,16 +1512,16 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 					borderColor: typeof p == "string" ? p : void 0,
 					width: R
 				},
-				children: g ? /* @__PURE__ */ jsx(DrawerTabs, {
+				children: _ ? /* @__PURE__ */ jsx(DrawerTabs, {
 					width: L,
 					testId: x,
-					tabs: g,
+					tabs: _,
 					open: N,
 					activeTab: F || 0,
 					background: e,
 					handleTabClick: (e) => {
 						let t = (t) => {
-							g && t && t(g[e]);
+							_ && t && t(_[e]);
 						};
 						F === e && N && P ? (t(w), P(!1)) : !N && P && (t(T), P(!0), S && ((e) => {
 							let t;
@@ -1534,21 +1534,21 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 					}
 				}) : /* @__PURE__ */ jsx("div", {
 					style: { width: L },
-					children: m
+					children: h
 				})
 			}), u && /* @__PURE__ */ jsx("span", {
 				className: cx(drawer_module_default.toggleButton, k && (D || O && d) ? drawer_module_default.toggleButtonOpen : "", f === "top" ? drawer_module_default.top : drawer_module_default.bottom),
 				children: O ? u : /* @__PURE__ */ jsx(Button, {
 					onClick: P ? () => P(!N) : void 0,
 					round: !0,
-					icon: i ? IconType.CHEVRON_RIGHT : IconType.CHEVRON_LEFT
+					icon: a ? IconType.CHEVRON_RIGHT : IconType.CHEVRON_LEFT
 				})
 			})]
 		})
 	});
 };
 var input_group_module_default = { inputGroup: "_inputGroup_biuoa_1" }, isDOMTypeElement = (e) => isValidElement(e) && typeof e.type == "string";
-const InputGroup = ({ children: n, small: r = !1, width: i = "100%" }) => {
+const InputGroup = ({ children: n, small: r = !1, width: a = "100%" }) => {
 	let o = Array.isArray(n) ? n.filter((e) => isValidElement(e)) : [n], s = o.map((n, i) => {
 		let a = isDOMTypeElement(n), { groupOrder: s } = a ? { groupOrder: null } : n.props, c = o.length, l = i === 0, u = i === c - 1, d = s || (!c || c === 1 ? null : l ? GroupOrder.FIRST : u ? GroupOrder.LAST : GroupOrder.MIDDLE);
 		return a ? n : /* @__PURE__ */ jsx(Fragment, { children: React.cloneElement(n, {
@@ -1558,27 +1558,27 @@ const InputGroup = ({ children: n, small: r = !1, width: i = "100%" }) => {
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(input_group_module_default.inputGroup),
-		style: { width: i },
+		style: { width: a },
 		children: s
 	});
 };
 var input_module_default = {
-	inputInTable: "_inputInTable_180g1_1",
-	inputHover: "_inputHover_180g1_13",
-	inputFocus: "_inputFocus_180g1_18",
-	inputError: "_inputError_180g1_25",
-	inputWarning: "_inputWarning_180g1_26",
-	inputDisabled: "_inputDisabled_180g1_61",
-	hideScrollbars: "_hideScrollbars_180g1_67",
-	input: "_input_180g1_1",
-	isInTable: "_isInTable_180g1_100",
-	small: "_small_180g1_129",
-	right: "_right_180g1_175",
-	groupOrderFirst: "_groupOrderFirst_180g1_178",
-	groupOrderMiddle: "_groupOrderMiddle_180g1_179",
-	groupOrderLast: "_groupOrderLast_180g1_180"
-};
-const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = noop, placeholder: o = "", value: s = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: g = "text", tabIndex: v = 0, disabled: y = !1, right: b = !1, warning: x = null, groupOrder: S = null, maxTooltipWidth: C = void 0, testId: w = void 0, size: T = null }, E) => {
+	inputInTable: "_inputInTable_1285q_1",
+	inputHover: "_inputHover_1285q_13",
+	inputFocus: "_inputFocus_1285q_18",
+	inputError: "_inputError_1285q_25",
+	inputWarning: "_inputWarning_1285q_26",
+	inputDisabled: "_inputDisabled_1285q_61",
+	hideScrollbars: "_hideScrollbars_1285q_67",
+	input: "_input_1285q_1",
+	isInTable: "_isInTable_1285q_100",
+	small: "_small_1285q_124",
+	right: "_right_1285q_170",
+	groupOrderFirst: "_groupOrderFirst_1285q_173",
+	groupOrderMiddle: "_groupOrderMiddle_1285q_174",
+	groupOrderLast: "_groupOrderLast_1285q_175"
+};
+const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = noop, placeholder: o = "", value: c = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: _ = "text", tabIndex: v = 0, disabled: y = !1, right: b = !1, warning: x = null, groupOrder: S = null, maxTooltipWidth: C = void 0, testId: w = void 0, size: T = null }, E) => {
 	let D = useContext(DisabledContext), O = (() => {
 		if (S) switch (S) {
 			case GroupOrder.FIRST: return input_module_default.groupOrderFirst;
@@ -1599,10 +1599,10 @@ const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, wi
 			display: "block",
 			children: /* @__PURE__ */ jsx("input", {
 				ref: E,
-				type: g || "text",
+				type: _ || "text",
 				size: T || 20,
 				placeholder: o ?? "",
-				value: s ?? "",
+				value: c ?? "",
 				onChange: a,
 				onKeyPress: l,
 				onKeyDown: p,
@@ -1621,8 +1621,7 @@ const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, wi
 				style: { width: k },
 				"data-error": e || null,
 				"data-warning": x || null,
-				"data-testid": w,
-				onDragStart: (e) => e.preventDefault()
+				"data-testid": w
 			})
 		})
 	});
@@ -1648,11 +1647,11 @@ var getName = (e, t) => {
 	let n;
 	return e ? (n = t ? `Selected - ${Object.keys(e)?.length} files` : e?.name, n || null) : null;
 };
-const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No file selected", disabled: r = !1, file: i, accept: a, multi: o, name: s, width: l, onChange: u = noop, testId: d }) => {
-	let f = useContext(DisabledContext), p = useRef(null), h = getName(i, o);
+const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No file selected", disabled: r = !1, file: i, accept: a, multi: o, name: c, width: l, onChange: u = noop, testId: d }) => {
+	let f = useContext(DisabledContext), m = useRef(null), h = getName(i, o);
 	return /* @__PURE__ */ jsxs("div", {
 		onClick: () => {
-			r || f || p.current?.click();
+			r || f || m.current?.click();
 		},
 		style: { width: l },
 		children: [/* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(Input, {
@@ -1665,8 +1664,8 @@ const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No
 			disabled: t || r || f,
 			groupOrder: "last"
 		})] }), /* @__PURE__ */ jsx("input", {
-			name: s,
-			ref: p,
+			name: c,
+			ref: m,
 			className: file_input_module_default.fileInput,
 			type: "file",
 			accept: a,
@@ -1680,7 +1679,7 @@ const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No
 						name: e.target.name
 					}
 				};
-				u(r), p.current && (p.current.value = "");
+				u(r), m.current && (m.current.value = "");
 			},
 			"data-testid": d
 		})]
@@ -1783,7 +1782,7 @@ const ProgressBar = ({ width: e = "auto", inverted: t = !1, colored: n = !0, sho
 	})
 });
 var REQUEST_TIME = 4e4;
-const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r, onComplete: i, onFailed: a, onError: o, width: s, heading: c, dialogText: u, fileInputText: d, fileInputPlaceholder: f, uploadText: p, cancelText: m, testId: g }) => {
+const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r, onComplete: i, onFailed: a, onError: o, width: s, heading: l, dialogText: u, fileInputText: d, fileInputPlaceholder: f, uploadText: p, cancelText: h, testId: g }) => {
 	let [_, v] = useState(null), [y, b] = useState(!1), [x, S] = useState(0), C = 0, w = () => {
 		C += 250, S(C);
 	}, T = (e) => {
@@ -1838,7 +1837,7 @@ const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r,
 		disabled: !_ || y,
 		testId: `${g}-button-upload`
 	}), /* @__PURE__ */ jsx(Button, {
-		label: m || "Cancel",
+		label: h || "Cancel",
 		onClick: k,
 		testId: `${g}-button-cancel`
 	})] });
@@ -1847,7 +1846,7 @@ const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r,
 		centered: !0,
 		children: /* @__PURE__ */ jsx(Dialog, { dialog: {
 			scroll: !0,
-			heading: c || "Smart Upload",
+			heading: l || "Smart Upload",
 			content: A,
 			footer: j,
 			onClose: k,
@@ -1988,12 +1987,12 @@ var reducer$1 = (e, t) => {
 	}
 };
 const Message = ({ message: e }) => {
-	let { visible: t, type: n = MessageType.INFO, icon: r, heading: i, content: a, details: o, detailsVisible: s = !1, footer: c, withDismiss: l, onClose: u, width: d, maxHeight: f } = e, [m, h] = useReducer(reducer$1, { detailsVisible: s });
+	let { visible: t, type: n = MessageType.INFO, icon: r, heading: i, content: a, details: o, detailsVisible: s = !1, footer: c, withDismiss: l, onClose: u, width: d, maxHeight: p } = e, [m, h] = useReducer(reducer$1, { detailsVisible: s });
 	return /* @__PURE__ */ jsx(Fragment$1, { children: t ? /* @__PURE__ */ jsxs("div", {
 		className: cx(message_module_default.container, d ? message_module_default.block : null, n === MessageType.SUCCESS ? message_module_default.success : n === MessageType.WARNING ? message_module_default.warning : n === MessageType.ERROR ? message_module_default.error : message_module_default.info),
 		style: {
 			width: d,
-			maxHeight: f
+			maxHeight: p
 		},
 		children: [
 			/* @__PURE__ */ jsx("div", { children: r ? /* @__PURE__ */ jsx("div", {
@@ -2078,7 +2077,7 @@ var footer_module_default = {
 	groupOrderMiddle: "_groupOrderMiddle_sl2b5_194",
 	groupOrderLast: "_groupOrderLast_sl2b5_198"
 };
-const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, tooltip: r = null, options: i, onChange: a = noop, onFocus: o = noop, onBlur: s = noop, right: l = !1, small: u = !1, tabIndex: d = 0, selectedOption: f, width: p = null, groupOrder: m, testId: h, isInTable: g = !1, clearable: v, placeholder: y, hasNonExistentValue: b, maxTooltipWidth: x, borderRadius: S }) => {
+const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, tooltip: r = null, options: i, onChange: a = noop, onFocus: o = noop, onBlur: c = noop, right: l = !1, small: u = !1, tabIndex: d = 0, selectedOption: f, width: p = null, groupOrder: m, testId: h, isInTable: _ = !1, clearable: v, placeholder: y, hasNonExistentValue: b, maxTooltipWidth: x, borderRadius: S }) => {
 	let C = useContext(DisabledContext), w = f === null || f?.value === null ? "unselected" : f?.value, T = w === "unselected", E = (w === "unselected" || v ? [/* @__PURE__ */ jsx("option", {
 		value: "unselected",
 		disabled: !v,
@@ -2107,7 +2106,7 @@ const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, to
 		enabled: r && isStringNumberOrNode(r) || t && isStringNumberOrNode(t) || n && isStringNumberOrNode(n) || !1,
 		maxWidth: x,
 		children: /* @__PURE__ */ jsx("select", {
-			className: cx(native_select_module_default.select, T ? native_select_module_default.unSelected : "", l ? native_select_module_default.right : "", u ? native_select_module_default.small : "", g ? native_select_module_default.isInTable : "", D),
+			className: cx(native_select_module_default.select, T ? native_select_module_default.unSelected : "", l ? native_select_module_default.right : "", u ? native_select_module_default.small : "", _ ? native_select_module_default.isInTable : "", D),
 			style: {
 				width: p || "",
 				borderRadius: S || ""
@@ -2117,7 +2116,7 @@ const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, to
 				n = t === "unselected" ? { value: null } : i.find((e) => String(e.value) === String(t)) || { value: null }, a(e, n);
 			},
 			onFocus: o,
-			onBlur: s,
+			onBlur: c,
 			tabIndex: d,
 			value: w,
 			disabled: e || C,
@@ -2240,10 +2239,10 @@ const getWidestOptionWidth = (e, t, n, r) => {
 	return Math.ceil(i + a);
 };
 var List$1 = FixedSizeList;
-const Layer$1 = ({ listRef: e, isMulti: t, sections: n, selectedOptions: r, onSelectOption: i, focusedOptionIndex: a, width: o, small: s, firstSelectedOptionIndex: c, closeLayer: u, testId: d }) => {
+const Layer$1 = ({ listRef: e, isMulti: t, sections: n, selectedOptions: r, onSelectOption: i, focusedOptionIndex: a, width: o, small: s, firstSelectedOptionIndex: l, closeLayer: u, testId: d }) => {
 	useEffect(() => {
-		c != null && e.current !== null && typeof e.current.scrollToItem == "function" && e.current.scrollToItem(c, "start");
-	}, [c, e]);
+		l != null && e.current !== null && typeof e.current.scrollToItem == "function" && e.current.scrollToItem(l, "start");
+	}, [l, e]);
 	let f = s ? 24 : 30;
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": d,
@@ -2303,12 +2302,12 @@ var trigger_module_default = {
 	detailedLabel: "_detailedLabel_7uwhv_307"
 };
 const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId: r }) => {
-	let i = useFontsReady(), [a, o] = useState([]), [s, c] = useState([]);
+	let i = useFontsReady(), [a, o] = useState([]), [s, l] = useState([]);
 	return useEffect(() => {
 		let r = [], a = [], s = 0;
 		e.forEach((o, c) => {
 			s += getMultiOptionWidth(o, t, i), c === e.length - 1 && s < n || s < n - 24 ? r.push(o) : a.push(o);
-		}), o(r), c(a);
+		}), o(r), l(a);
 	}, [
 		e,
 		i,
@@ -2362,7 +2361,7 @@ const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId:
 			"data-testid": c && `${c}-input`
 		}) : null]
 	});
-}, Trigger = ({ selectedOptions: e, searchValue: t, searchable: n, clearable: r, onClickTrigger: i, element: a, error: o, warning: s, tooltip: c, small: l, isInTable: u, disabled: d, onChangeSearch: f, onClickDeselect: p, onClickClear: m, tabIndex: h, isOpen: g, triggerRef: v, clearAllIsFocused: y, focusedSelectedOptionIndex: b, onFocus: x, onBlur: S, groupOrder: C, maxTooltipWidth: w, placeholder: T, right: E, testId: D }) => {
+}, Trigger = ({ selectedOptions: e, searchValue: t, searchable: n, clearable: r, onClickTrigger: i, element: a, error: o, warning: s, tooltip: c, small: l, isInTable: u, disabled: d, onChangeSearch: f, onClickDeselect: p, onClickClear: m, tabIndex: h, isOpen: _, triggerRef: v, clearAllIsFocused: y, focusedSelectedOptionIndex: b, onFocus: x, onBlur: S, groupOrder: C, maxTooltipWidth: w, placeholder: T, right: E, testId: D }) => {
 	let [O, k] = useFocus(), A = Array.isArray(e) ? e.length > 0 && e[0]?.value : e?.value, j = r && A, M = (() => {
 		if (C) switch (C) {
 			case GroupOrder.FIRST: return trigger_module_default.groupOrderFirst;
@@ -2382,7 +2381,7 @@ const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId:
 	} : e, P = /* @__PURE__ */ jsxs(Fragment$1, { children: [a, /* @__PURE__ */ jsxs("div", {
 		ref: v,
 		tabIndex: h,
-		className: cx(trigger_module_default.trigger, g ? trigger_module_default.isOpen : "", d ? trigger_module_default.disabled : "", l ? trigger_module_default.small : "", u ? trigger_module_default.isInTable : "", E ? trigger_module_default.right : "", M),
+		className: cx(trigger_module_default.trigger, _ ? trigger_module_default.isOpen : "", d ? trigger_module_default.disabled : "", l ? trigger_module_default.small : "", u ? trigger_module_default.isInTable : "", E ? trigger_module_default.right : "", M),
 		onClick: (e) => {
 			e.stopPropagation(), requestAnimationFrame(() => {
 				i(e), typeof k == "function" && k();
@@ -2533,7 +2532,7 @@ let ActionTypes = /* @__PURE__ */ function(e) {
 }({}), EventKey = /* @__PURE__ */ function(e) {
 	return e.RIGHT = "ArrowRight", e.LEFT = "ArrowLeft", e.UP = "ArrowUp", e.DOWN = "ArrowDown", e.ENTER = "Enter", e.ESC = "Escape", e.TAB = "Tab", e;
 }({});
-const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFocus: r, disabled: i, disabledContext: a, onCreate: o, onChange: c, selectedOptions: u, width: d, small: f, isFontLoaded: p, placeholder: h, firstSelectedOptionIndex: g, createAble: _, listRef: v, autoLayerWidth: y }) => {
+const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFocus: r, disabled: i, disabledContext: a, onCreate: s, onChange: l, selectedOptions: u, width: d, small: f, isFontLoaded: m, placeholder: h, firstSelectedOptionIndex: g, createAble: _, listRef: v, autoLayerWidth: y }) => {
 	let b = () => {
 		e.isLayerOpen && t({ type: ActionTypes.CLOSE_LAYER }), r();
 	}, x = () => t({ type: ActionTypes.OPEN_LAYER }), S = useRef(!0);
@@ -2543,21 +2542,21 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			options: n
 		});
 	}, [n]);
-	let C = (e, s, l) => {
+	let C = (e, o, c) => {
 		if (!(i || a)) {
-			if (l && l(), s) {
-				if (s.createAble && o) o(s.value);
-				else if (!s.disabled) if (Array.isArray(u)) {
-					let t = u.some((e) => String(e.value) === String(s.value)) ? u.filter((e) => String(e.value) !== String(s.value)) : [...u, s];
-					c && c(e, t);
-				} else c && c(e, s);
+			if (c && c(), o) {
+				if (o.createAble && s) s(o.value);
+				else if (!o.disabled) if (Array.isArray(u)) {
+					let t = u.some((e) => String(e.value) === String(o.value)) ? u.filter((e) => String(e.value) !== String(o.value)) : [...u, o];
+					l && l(e, t);
+				} else l && l(e, o);
 			}
 			t({
 				type: ActionTypes.CLEAR_SEARCH,
 				options: n
 			}), r();
 		}
-	}, w = useCallback(() => d ? d === "auto" ? getWidestOptionWidth(n, f, p, h) : d : "100%", [n, p]), T = useCallback((e) => y ? Math.max(getWidestOptionWidth(n, f, p, h), e?.width) : e?.width, [n, p]), { renderLayer: E, layerProps: D, triggerProps: O, triggerBounds: k } = useLayer({
+	}, w = useCallback(() => d ? d === "auto" ? getWidestOptionWidth(n, f, m, h) : d : "100%", [n, m]), T = useCallback((e) => y ? Math.max(getWidestOptionWidth(n, f, m, h), e?.width) : e?.width, [n, m]), { renderLayer: E, layerProps: D, triggerProps: O, triggerBounds: k } = useLayer({
 		isOpen: e?.isLayerOpen ?? !1,
 		overflowContainer: !0,
 		...placementOptions,
@@ -2585,10 +2584,10 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 	}, [e.isLayerOpen]);
 	let M = (e, t) => {
 		let n = u instanceof Array ? u.filter((e) => e.value !== t.value) : null;
-		c && c(e, n);
+		l && l(e, n);
 	}, N = (e) => {
 		let t = u instanceof Array ? [] : { value: null };
-		c && c(e, t);
+		l && l(e, t);
 	}, P = (e) => t({
 		type: ActionTypes.ON_CHANGE_SEARCH,
 		options: n,
@@ -2657,7 +2656,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 		triggerBounds: k
 	};
 }, CustomSelect = (e) => {
-	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: s, onCreate: l = null, placeholder: u = "", small: d = !1, tabIndex: f = 0, onFocus: h = () => {}, onBlur: g = () => {}, searchable: _ = !0, clearable: v = !1, maxTooltipWidth: y, closeOnOptionActionClick: b, isInTable: x = !1, groupOrder: S, firstSelectedOptionIndex: C = 0, right: w = !1, testId: T = void 0 } = e, E = useContext(DisabledContext), D = l !== null, O = useRef(null), [k, A] = useFocus(), j = useFontsReady(), [M, N] = useReducer(reducer, {
+	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: c, onCreate: l = null, placeholder: u = "", small: d = !1, tabIndex: m = 0, onFocus: h = () => {}, onBlur: g = () => {}, searchable: _ = !0, clearable: v = !1, maxTooltipWidth: y, closeOnOptionActionClick: b, isInTable: x = !1, groupOrder: S, firstSelectedOptionIndex: C = 0, right: w = !1, testId: T = void 0 } = e, E = useContext(DisabledContext), D = l !== null, O = useRef(null), [k, A] = useFocus(), j = useFontsReady(), [M, N] = useReducer(reducer, {
 		options: o,
 		firstSelectedOptionIndex: C
 	}, ({ options: e }) => ({
@@ -2682,7 +2681,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			Object.values(EventKey).includes(e.key) && F(e.key, e);
 		},
 		children: [/* @__PURE__ */ jsx(Trigger, {
-			selectedOptions: s,
+			selectedOptions: c,
 			searchValue: M.searchValue,
 			isOpen: M.isLayerOpen,
 			focusedSelectedOptionIndex: M.triggerFocus.currentOption,
@@ -2696,7 +2695,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			isInTable: x,
 			disabled: n || E,
 			clearable: v,
-			tabIndex: f,
+			tabIndex: m,
 			onClickTrigger: R,
 			onChangeSearch: z,
 			onClickDeselect: B,
@@ -2715,7 +2714,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 				listRef: O,
 				isMulti: t,
 				sections: M.visibleOptions,
-				selectedOptions: s,
+				selectedOptions: c,
 				onSelectOption: (e, n) => {
 					G(e, n, t ? void 0 : W);
 				},
@@ -2835,11 +2834,11 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 		children: e
 	});
 }, Pagination = ({ pagination: e }) => {
-	let { rowCount: t, selectedPage: n, small: r, onSelectPage: i, rowsPerPage: a, errorMessageTemplate: o, testIds: s } = e, c = Number(a?.value) === 0, u = numberOfPages(t, a), [d, f] = useState(String(n));
+	let { rowCount: t, selectedPage: n, small: r, onSelectPage: i, rowsPerPage: a, errorMessageTemplate: o, testIds: s } = e, l = Number(a?.value) === 0, u = numberOfPages(t, a), [d, f] = useState(String(n));
 	useEffect(() => {
 		f(String(n));
 	}, [n]);
-	let { error: p } = validateSelectedPage(d, u, o), m = (e) => {
+	let { error: p } = validateSelectedPage(d, u, o), h = (e) => {
 		let { valid: t } = validateSelectedPage(e, u, o);
 		f(e), t && e !== "" && i && i(Number(e));
 	};
@@ -2850,7 +2849,7 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				style: { flexShrink: 0 },
 				children: /* @__PURE__ */ jsx(Select, {
 					onChange: (e) => {
-						a.onChange && a.onChange(e), m("1");
+						a.onChange && a.onChange(e), h("1");
 					},
 					options: a.options,
 					native: !!a.options,
@@ -2864,16 +2863,16 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_DOUBLE_LEFT,
-				onClick: () => m("1"),
-				disabled: c || n === 1
+				onClick: () => h("1"),
+				disabled: l || n === 1
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				small: r,
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_LEFT,
-				onClick: () => m(String(Number(n) - 1)),
-				disabled: c || n === 1
+				onClick: () => h(String(Number(n) - 1)),
+				disabled: l || n === 1
 			}),
 			/* @__PURE__ */ jsxs(InputGroup, {
 				small: r,
@@ -2882,9 +2881,9 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 					right: !0,
 					value: d,
 					placeholder: String(n),
-					onChange: (e) => m(e.target.value),
+					onChange: (e) => h(e.target.value),
 					width: "50px",
-					disabled: c || u <= 1,
+					disabled: l || u <= 1,
 					error: p
 				}), /* @__PURE__ */ jsxs(InputGroupAddon, { children: ["of ", u] })]
 			}),
@@ -2893,16 +2892,16 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_RIGHT,
-				onClick: () => m(String(Number(n) + 1)),
-				disabled: c || n === u
+				onClick: () => h(String(Number(n) + 1)),
+				disabled: l || n === u
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				small: r,
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_DOUBLE_RIGHT,
-				onClick: () => m(String(u)),
-				disabled: c || n === u,
+				onClick: () => h(String(u)),
+				disabled: l || n === u,
 				testId: s?.doubleRightBtn
 			})
 		]
@@ -2973,829 +2972,57 @@ const ExpandedContentRow = ({ colSpan: e, children: t, flush: n }) => /* @__PURE
 	return r && t ? e[n] || [] : i ? e : (console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."), []);
 };
 var cell_module_default = {
-	inputInTable: "_inputInTable_1dumn_1",
-	inputHover: "_inputHover_1dumn_13",
-	inputFocus: "_inputFocus_1dumn_18",
-	inputError: "_inputError_1dumn_25",
-	inputWarning: "_inputWarning_1dumn_26",
-	inputDisabled: "_inputDisabled_1dumn_61",
-	hideScrollbars: "_hideScrollbars_1dumn_67",
-	cell: "_cell_1dumn_77",
-	disabledLink: "_disabledLink_1dumn_87",
-	inputWrapper: "_inputWrapper_1dumn_91",
-	numberInputWrapper: "_numberInputWrapper_1dumn_106",
-	breakWord: "_breakWord_1dumn_113",
-	inputCell: "_inputCell_1dumn_116",
-	sliderCell: "_sliderCell_1dumn_119",
-	staticCell: "_staticCell_1dumn_123",
-	staticCellContent: "_staticCellContent_1dumn_126",
-	unit: "_unit_1dumn_148",
-	sortingCell: "_sortingCell_1dumn_151",
-	sortingCellIcon: "_sortingCellIcon_1dumn_162",
-	icon: "_icon_1dumn_173",
-	checkBoxCell: "_checkBoxCell_1dumn_177",
-	iconCellWrapper: "_iconCellWrapper_1dumn_181",
-	actionsCell: "_actionsCell_1dumn_185",
-	rightAligned: "_rightAligned_1dumn_193",
-	centerAligned: "_centerAligned_1dumn_199",
-	leftAligned: "_leftAligned_1dumn_205",
-	popover: "_popover_1dumn_208",
-	disabledPointerEvents: "_disabledPointerEvents_1dumn_211",
-	selectedCell: "_selectedCell_1dumn_214"
-};
-const asT = (e) => typeof e == "function" ? e : (e) => String(e), hasAnyText = (e) => (e ?? []).some((e) => String(e ?? "").trim().length > 0 && !isValidNum(e)), isNonPlaceholderUnit = (e) => !!e && e !== "blank" && e.trim() !== "", isValidLength = (e, t, n) => e >= t - n, validateColumnLength = (e, t, n, r, i, a, o, s) => {
-	let c = [], l = r.filter((e) => e.optionalColumn).length, u = r.length, d = l ? `${u - l} or ${u}` : `${u}`, f = (i ? 1 : 0) + (a ? 1 : 0) + Math.max(0, s);
-	if (i && !isValidLength(e.length, u, l) && c.push(o("incorrectNumberOfFieldNameHeaderColumns", { expectedLengthMessage: d })), a) {
-		let e = r.filter((e) => Array.isArray(e.validUnits) && e.validUnits.some(isNonPlaceholderUnit)).length, n = t.filter(isNonPlaceholderUnit).length, i = r.filter((e) => e.optionalColumn || !e.validUnits || e.validUnits.includes("blank")).length;
-		isValidLength(n, e, i) || c.push(o("incorrectNumberOfUnitHeaderColumns", { expectedLengthMessage: d }));
-	}
-	return n.length === 0 ? c.push(o("incorrectNumberOfDataColumns", {
-		expectedLengthMessage: d,
-		dataRowStartIndex: f
-	})) : n.forEach((e, t) => {
-		isValidLength(e.length, u, l) || c.push(o("incorrectNumberOfDataColumns", {
-			expectedLengthMessage: d,
-			dataRowStartIndex: f + t
-		}));
-	}), c;
-}, normalize = (e) => e.toUpperCase().replace(/\(.*?\)/g, "").replace(/[^A-Z0-9]/g, "").trim(), defaultFieldNameValidator = ({ value: e, defaultAllowedValues: t }) => {
-	let n = normalize(e);
-	return t?.some((e) => normalize(e).includes(n) || n.includes(normalize(e))) ?? !1;
-}, defaultUnitsValidator = ({ value: e, defaultAllowedValues: t }) => t?.includes(e) ?? !1, validateHeadings = (e, t, n, r, i, a) => {
-	let o = [];
-	if (r) {
-		let r = n.map((e) => e.fieldName).filter(Boolean);
-		e.forEach((i, s) => {
-			let c = n[s];
-			!c || !c.fieldName || (c.fieldNameValidator ?? defaultFieldNameValidator)({
-				value: i,
-				defaultAllowedValues: r,
-				columnIndex: s,
-				fields: e,
-				units: t
-			}) || o.push(a("incorrectFieldName", {
-				i: s + 1,
-				correctName: c.fieldName || a("notExist"),
-				wrongName: i || a("notApplicable")
-			}));
-		});
-	}
-	if (i) {
-		let i = n.map((e) => e.validUnits), s = r ? 1 : 0;
-		t.forEach((r, c) => {
-			let l = n[c];
-			if (!l) return;
-			let u = l.unitsValidator ?? defaultUnitsValidator, d = i[c];
-			u({
-				value: r,
-				defaultAllowedValues: d,
-				columnIndex: c,
-				fields: e,
-				units: t
-			}) || o.push(a("incorrectUnitRow", {
-				unitRowIndex: s,
-				i: c + 1,
-				wrongUnit: r || a("notApplicable"),
-				correctUnit: d?.join(",") || a("notExist")
-			}));
-		});
-	}
-	return o;
-}, validateValues = (e, t, n, r, i) => {
-	let a = [];
-	return e.forEach((e, o) => {
-		e.forEach((e, s) => {
-			let c = t[s];
-			if (!c || !c.validator) return;
-			let l = c.validator(e);
-			if (l && typeof l == "string") {
-				let e = r + o, t = i + s, c = n("rowColumn", {
-					rowIndex: e,
-					columnIndex: t
-				}) ?? `(row ${e}, column ${t})`;
-				a.push(`${l} ${c}`);
-			}
-		});
-	}), a;
-}, hasHeaders$1 = (e, t, n) => {
-	let r = (e) => e.replace(/,/g, "."), i = e[0] ?? [], a = e[1] ?? [], o = (e) => e.some((e) => isNaN(Number(r(e)))), s = (e) => e.some((e) => !isNaN(Number(r(e)))), c = i.some((e) => t.includes(e)), l = i.some((e) => n.includes(e)), u = a.some((e) => n.includes(e)), d = o(i), f = o(a), p = s(i), m = s(a);
-	return {
-		hasFieldNameHeader: c || d && !l && !p || d && f && !p,
-		hasUnitHeader: l || u || d && f && !l && !p && !m || d && f && !p && !m
-	};
-}, getExpectedUnits = (e) => {
-	let t = (e) => (e ?? []).find((e) => isNonPlaceholderUnit(e)) ?? "";
-	return e.map((e) => isNonPlaceholderUnit(e.defaultUnit) ? e.defaultUnit : t(e.validUnits));
-}, getAllowedUnitsSet = (e) => {
-	let t = /* @__PURE__ */ new Set();
-	for (let n of e) for (let e of n.validUnits ?? []) {
-		let n = (e ?? "").trim();
-		isNonPlaceholderUnit(n) && t.add(n);
-	}
-	return t;
-}, guessMissingHeaders$1 = (e = [], t = [], n = [], r = []) => {
-	let i = getAllowedUnitsSet(r), a = r.map((e) => e.fieldName ?? ""), o = getExpectedUnits(r), s = e.length > 0 && hasAnyText(e), c = t.length > 0 && t.every((e) => i.has(String(e ?? "").trim())), { hasFieldNameHeader: l, hasUnitHeader: u } = hasHeaders$1(n, a, Array.from(i)), d = s || l, f = c || u, p = s ? e.slice() : l ? (n[0] ?? []).slice() : a, m = c ? t.slice() : u ? (n[d ? 1 : 0] ?? []).slice() : o, h = (d ? 1 : 0) + (f ? 1 : 0), g = n.slice(h);
-	return {
-		effectiveFields: p,
-		effectiveUnits: m,
-		bodyRows: g,
-		hasFieldNameHeader: d,
-		hasUnitHeader: f
-	};
-}, validate = ({ fields: e, units: t, rows: n, rules: r, t: i }) => {
-	let a = asT(i);
-	if (!Array.isArray(r) || r.length === 0) return {
-		isValid: !0,
-		errors: []
-	};
-	let { effectiveFields: o, effectiveUnits: s, bodyRows: c, hasFieldNameHeader: l, hasUnitHeader: u } = guessMissingHeaders$1(e, t, n, r), d = 1 + ((l ? 1 : 0) + (u ? 1 : 0)), f = validateColumnLength(o, s, c, r, l, u, a, 0);
-	return f.length === 0 && (f = f.concat(validateHeadings(o, s, r, l, u, a), validateValues(c, r, a, d, 1))), {
-		isValid: f.length === 0,
-		errors: f
-	};
-}, validationRegistry = new class {
-	rules = /* @__PURE__ */ new Map();
-	register(e, t) {
-		this.rules.set(e, t);
-	}
-	get(e) {
-		return this.rules.get(e);
-	}
-	unregister(e) {
-		this.rules.delete(e);
-	}
-	clear() {
-		this.rules.clear();
-	}
-}(), ValidationScopeContext = createContext(null), useValidationScopeId = () => useContext(ValidationScopeContext), enTranslations = {
-	cancel: "Cancel",
-	chooseFile: "Choose file",
-	copyDecimalComma: "Copy (decimal comma)",
-	copyDecimalDot: "Copy (decimal dot)",
-	copyToClipboard: "Copy to clipboard",
-	copiedToClipboard: "Copied to clipboard",
-	deleteAllRows: "Delete all rows",
-	downloadFile: "Download file",
-	export: "Export",
-	help: "Help",
-	import: "Import",
-	noFileSelected: "No file selected",
-	notApplicable: "N/A",
-	notExist: "not exist",
-	okay: "Okay",
-	uploadCapitalized: "Upload",
-	uploadFile: "Upload file",
-	pasteShortcutHint: "You can also press Ctrl+V or Command+V to paste from clipboard",
-	pasteFromClipboard: "Paste from clipboard",
-	clipboardIsEmpty: "Clipboard is empty",
-	clipboardReadFailed: "Unable to read data from clipboard. Check formatting or try Paste with Review.",
-	clipboardReadNotAllowed: "Your browser did not allow reading the clipboard. Upgrade browser or try Paste with Review.",
-	pasteSuccessful: "Paste successful",
-	pasteWithReview: "Paste with review",
-	pasteWithReviewRoundBrackets: "Paste (with review)",
-	quickPasteFromClipboard: "Quick paste from clipboard",
-	unableToCopyToClipboard: "Unable to copy to clipboard",
-	fileParsingFailed: "Failed to read or validate the file. Please check the format and try again.",
-	importWarning: "Large data detected: More than 500 rows have been imported. You can choose to import all or downsample for better performance.",
-	importLimitExceeded: "Import failed: The data exceeds the 5000-row limit. Please reduce the number of rows and try again.",
-	importingData: "Importing data",
-	incorrectFieldName: "Incorrect field name (row 0, column {{i}}: has name {{wrongName}}, but should be {{correctName}})",
-	incorrectNumberOfDataColumns: "Incorrect number of data columns, expected {{expectedLengthMessage}} columns in row {{dataRowStartIndex}}",
-	incorrectNumberOfFieldNameHeaderColumns: "Incorrect number of field name header columns, expected {{expectedLengthMessage}} columns in row 0",
-	incorrectNumberOfUnitHeaderColumns: "Incorrect number of unit header columns, expected {{expectedLengthMessage}} columns in row 1",
-	incorrectUnitRow: "Incorrect unit (row {{unitRowIndex}}, column {{i}}: has unit [{{wrongUnit}}], but should be [{{correctUnit}}])",
-	jsonParseFailed: "JSON parse failed",
-	pasteYourTableDataHereToImportIt: "Paste your table data here to import it",
-	rowColumn: "(row {{rowIndex}}, column {{columnIndex}})",
-	theValuesCanBeSeparatedByDifferentDelimiters: "The values can be separated by different delimiters",
-	unableToImportPleaseCorrectError: "Unable to import - {{rows}} rows have errors. Please correct input data and try again.",
-	unableToPrepareExportData: "Unable to prepare export – see console for details.",
-	validInputForPaste: "Valid input for paste.",
-	wrongFileFormatExpectedOneOf: "Wrong file format: expected one of",
-	youCanImportDataByPastingOrByMessage: "You can import data by pasting (e.g. from a spreadsheet), or by uploading a text file ( .txt or .csv ).",
-	commasAsDecimals: "Comma is treated as a decimal separator when it is the only separator",
-	deletePastedContent: "Delete pasted content",
-	downsampled: "Downsampled",
-	downsampleSuccess: "Successfully downsampled from {{from}} rows to {{to}} rows.",
-	downsampleTooltip: "Reduces number of data rows (decimation) using the Ramer–Douglas–Peucker algorithm.",
-	extraSeparators: "Two or more separators detected. Kept only last one as decimal separator, please control your import results",
-	noDataPastedYet: "No data pasted yet.",
-	semicolonSeparatedValues: "Semicolon-separated values",
-	tabSeparatedValues: "Tab-separated values",
-	examples: "Examples",
-	smartUpload_description: "Upload image and extract table content using a LLM",
-	smartUpload_smartUpload: "Smart Upload",
-	toUploadOrImportFromClipboardMessage: "To upload or import from clipboard please select your preferred unit in the table header and upload or paste numbers only for Depth, Inc, Azi. Follow example below"
-}, interpolate = (e, t = {}) => e?.replace(/\{\{(\w+)\}\}/g, (e, n) => t?.[n] === void 0 ? "" : String(t?.[n])), useTranslationMap = (e) => useMemo(() => {
-	let t = Object.keys(enTranslations).reduce((t, n) => {
-		let r = enTranslations?.[n];
-		return t[n] = e?.[n] ?? r, t;
-	}, {});
-	return (e, n) => {
-		let r = t[e];
-		return n ? interpolate(r, n) : r;
-	};
-}, [e]);
-function useScopedValidate() {
-	let e = useValidationScopeId(), t = useTranslationMap(), n;
-	return {
-		scopeId: e,
-		rules: n,
-		validate: (r) => {
-			let { fields: i = [], units: a = [], rows: o, t: s = t, options: c } = r;
-			return n = e ? validationRegistry.get(e) : void 0, n ? validate({
-				fields: i,
-				units: a,
-				rows: o,
-				rules: n,
-				t: s
-			}) : {
-				isValid: !0,
-				errors: []
-			};
-		}
-	};
-}
-function useRegisterValidationRules(e, t) {
-	useEffect(() => {
-		if (!(!e || !t)) return validationRegistry.register(e, t), () => validationRegistry.unregister(e);
-	}, [e, t]);
-}
-var counter = 0;
-const nextScopeId = () => (counter += 1, `table-${counter}`), depthRound = (e) => Math.round(e * 100) / 100, joinArray = (e) => e.join(", ").replace(/,\s*$/, ""), guessDelimiter = (e) => {
-	let t = e.substring(0, 200), n = (t.match(/\t/g) ?? [])?.length, r = (t.match(/;/g) ?? [])?.length;
-	return n === 0 && r === 0 ? "," : n > r ? "	" : ";";
-}, allowedMimes = [
-	"text/csv",
-	"text/plain",
-	"application/json",
-	"application/vnd.ms-excel"
-], isAllowedFileType = (e) => allowedMimes.includes(e.type), isFile = (e) => e instanceof File, isJson = (e) => e.trim().startsWith("["), isCustomJson = (e) => {
-	try {
-		return !!JSON.parse(e)?.path;
-	} catch {
-		return !1;
-	}
-}, readFile$1 = (e) => new Promise((t, n) => {
-	let r = new FileReader();
-	r.onload = () => t(String(r.result)), r.onerror = n, r.readAsText(e);
-}), replaceWithDot = (e) => e.replace(",", "."), replaceDataCommasWithDots = (e) => e.map((e) => e.map((e) => replaceWithDot(e))), hasHeaders = (e, t, n) => {
-	let r = (e) => e.replace(/,/g, "."), i = e[0]?.some((e) => isNaN(Number(r(e)))) ?? !1, a = e[1]?.some((e) => isNaN(Number(r(e)))) ?? !1, o = e[0]?.some((e) => t.includes(e)) ?? !1, s = e[0]?.some((e) => n.includes(e)) ?? !1, c = e[1]?.some((e) => n.includes(e)) ?? !1, l = e[0]?.some((e) => !isNaN(Number(r(e)))) ?? !1, u = e[1]?.some((e) => !isNaN(Number(r(e)))) ?? !1;
-	return {
-		hasFieldNameHeader: o || i && !s && !l || i && a && !l,
-		hasUnitHeader: s || c || i && a && !s && !l && !u || i && a && !l && !u
-	};
-};
-var buildHeadersFromRules = (e, t) => {
-	let n = e.length === t ? e : e.filter((e) => !e.optionalColumn), r = n.map((e) => e.fieldName), i = n.map((e) => e.defaultUnit ?? e.validUnits?.[0] ?? ""), a = n.map((e) => e.validUnits).filter((e) => !!e).flat();
-	return {
-		fieldHeader: r,
-		unitHeader: i,
-		allowedUnits: a
-	};
-};
-const guessMissingHeaders = (e, t) => {
-	let n = e.map((e) => [...e]), r = n[0]?.length ?? 0, { fieldHeader: i, unitHeader: a, allowedUnits: o } = buildHeadersFromRules(t, r), { hasFieldNameHeader: s, hasUnitHeader: c } = hasHeaders(n, i, o), l = n;
-	return !s && !c ? l = [
-		i,
-		a,
-		...n
-	] : !s && c ? l = [i, ...n] : s && !c && (l = [
-		n[0] ?? [],
-		a,
-		...n.slice(1)
-	]), {
-		matrix: l,
-		hasFieldNameHeader: s,
-		hasUnitHeader: c
-	};
-}, mapCustomJsonToRows = (e) => {
-	let t = JSON.parse(e).path.map((e) => [
-		depthRound(e.md),
-		depthRound(e.inclination),
-		depthRound(e.gridAzimuth)
-	]);
-	return t.unshift([
-		"m",
-		"deg",
-		"deg"
-	]), t;
-};
-var basePapaConfig = {
-	skipEmptyLines: !0,
-	transform: (e) => e?.trim(),
-	delimiter: guessDelimiter
-}, initParsedResult = () => ({
-	isValid: !1,
-	fields: [],
-	units: [],
-	rows: [],
-	errors: []
-}), buildResultFromMatrix = (e, t) => {
-	let n = initParsedResult(), { matrix: r } = guessMissingHeaders(e, t.validationRules);
-	return n.fields = (r[0] ?? []).map((e) => e.trim()), n.units = (r[1] ?? []).map((e) => e.trim()).filter(Boolean), n.rows = r.slice(2) ?? [], n.rows = replaceDataCommasWithDots(n.rows), n.isValid = n.errors.length === 0, n;
-}, parseJson = async (e, t, n) => {
-	let r = JSON.parse(e);
-	return buildResultFromMatrix(r, t);
-}, parseCustomJson = async (e, t, n) => {
-	let r = mapCustomJsonToRows(e).map((e) => e.map(String));
-	return buildResultFromMatrix(r, t);
-}, parseDSV = (e, t, n) => new Promise((n) => {
-	let { importLimit: r } = t;
-	Papa.parse(e, {
-		...basePapaConfig,
-		preview: r,
-		complete: (e) => {
-			let r = e.data ?? [];
-			n(buildResultFromMatrix(r, t));
-		}
-	});
-});
-const parse = async (e, t, n) => {
-	let r = initParsedResult();
-	try {
-		if (isFile(e) && !isAllowedFileType(e)) return r.errors.push(`${n("wrongFileFormatExpectedOneOf")} ${joinArray(Array.from(allowedMimes))}`), r;
-		let i = isFile(e) ? await readFile$1(e) : String(e);
-		return isJson(i) ? await parseJson(i, t, n) : isCustomJson(i) ? await parseCustomJson(i, t, n) : await parseDSV(e, t, n);
-	} catch (e) {
-		return r.errors.push(e?.message ?? "Unknown parse error"), r;
-	}
-}, unParse = (e, t, n, r) => {
-	let i = r?.delimiter ?? ",", a = [
-		e,
-		t,
-		...n
-	].filter(Boolean);
-	return Papa.unparse(a, {
-		quotes: !1,
-		header: !0,
-		delimiter: i
-	});
-};
-function useScopedParser(e = {}) {
-	let t = useValidationScopeId(), n = (t ? validationRegistry.get(t) : []) ?? [];
-	return {
-		scopeId: t,
-		rules: n,
-		parse: async (t, r, i) => parse(t, {
-			validationRules: n,
-			...e,
-			...i
-		}, r)
-	};
-}
-function useScopedParseAndValidate() {
-	let { parse: e, scopeId: t, rules: n } = useScopedParser(), { validate: r } = useScopedValidate();
-	return {
-		scopeId: t,
-		rules: n,
-		parseAndValidate: async (t, n) => {
-			let i = await e(t, n), { isValid: a, errors: o } = r({
-				fields: i.fields,
-				units: i.units,
-				rows: i.rows,
-				t: n
-			});
-			return {
-				...i,
-				errors: [...i.errors, ...o],
-				isValid: a && [...i.errors, ...o].length === 0
-			};
-		}
-	};
-}
-const injectScopeIntoActions = (e, t) => {
-	if (!e) return e;
-	if (isValidElement(e)) return cloneElement(e, { __validationScopeId: t });
-	if (Array.isArray(e)) return e.map((e) => injectScopeIntoActions(e, t));
-	if (typeof e == "object") {
-		let r = e, i = [
-			"childComponent",
-			"component",
-			"render",
-			"element"
-		], o = !1, s = { ...r };
-		for (let e of i) {
-			let i = r[e];
-			i && isValidElement(i) && (s[e] = cloneElement(i, { __validationScopeId: t }), o = !0);
-		}
-		for (let [e, n] of Object.entries(r)) if (Array.isArray(n)) {
-			let r = n.map((e) => injectScopeIntoActions(e, t));
-			r !== n && (s[e] = r, o = !0);
-		}
-		return o ? s : e;
-	}
-	return e;
-}, withValidationScope = (e) => {
-	let t = forwardRef((t, n) => {
-		let r = useRef(nextScopeId()), i = useMemo(() => {
-			let e = injectScopeIntoActions(t.table?.actions, r.current);
-			return {
-				...t.table,
-				actions: e
-			};
-		}, [t.table]);
-		return /* @__PURE__ */ jsx(ValidationScopeContext.Provider, {
-			value: r.current,
-			children: /* @__PURE__ */ jsx(e, {
-				ref: n,
-				...t,
-				table: i
-			})
-		});
-	});
-	return t.displayName = `withValidationScope(${e.displayName || e.name || "Component"})`, memo(t);
-}, getOverlayContainer = (e) => {
-	let t = e?.closest("#scrollWrapper") ?? null ?? ((e) => {
-		let t = e;
-		for (; t && t !== document.body;) {
-			let e = getComputedStyle(t);
-			if ((/(auto|scroll|overlay)/.test(e.overflowY) || /(auto|scroll|overlay)/.test(e.overflow)) && t.scrollHeight > t.clientHeight) return t;
-			t = t.parentElement;
-		}
-		return document.scrollingElement || document.body;
-	})(e) ?? document.body;
-	return t === document.documentElement || t === document.scrollingElement || t === document.body || getComputedStyle(t).position === "static" && (t.style.position = "relative"), t;
-}, getInputAtIndex = (e, t, n) => {
-	if (!e) return null;
-	let r = e.querySelector(`tr:nth-child(${t + 1})`);
-	if (!r) return null;
-	let i = r.querySelector(`td:nth-child(${n + 1})`);
-	return i ? i.querySelector("input") : null;
-}, focusInputAtIndex = (e, t, n) => {
-	let r = getInputAtIndex(e, t, n);
-	r && r.focus();
-}, drawSelectionFrame = (e, t, n) => {
-	if (!t || !n) return;
-	let r = e.getBoundingClientRect(), i = t?.getBoundingClientRect(), a = n?.getBoundingClientRect(), o = Math.round(i?.left - r.left + e.scrollLeft), s = Math.round(i?.top - r.top + e.scrollTop), c = Math.round(a?.right - r.left + e.scrollLeft), l = Math.round(a?.bottom - r.top + e.scrollTop), u = document.createElement("div");
-	u.className = "selection-frame", u.style.position = "absolute", u.style.pointerEvents = "none", u.style.zIndex = "4", u.style.left = `${o}px`, u.style.top = `${s}px`, u.style.width = `${c - o}px`, u.style.height = `${l - s}px`, u.style.border = "1px solid var(--color-border-focus)", u.style.borderRadius = "0", e.appendChild(u);
-}, removeSelectionFrame = (e) => {
-	e.querySelectorAll(".selection-frame,.drag-handle").forEach((e) => e.remove());
-}, clamp = (e, t, n) => Math.min(n, Math.max(t, e)), normalizeClipboard = (e) => e?.replace(/\r\n/g, "\n")?.replace(/\r/g, "\n"), toGrid = (e) => (e?.endsWith("\n") ? e?.slice(0, -1)?.split("\n") : e?.split("\n"))?.filter(Boolean)?.map((e) => e?.split("	")), snapshotRows = (e) => e?.map((e) => e?.cells?.map((e) => String(e?.value ?? ""))), buildReplacementRow = (e, t, n, r) => {
-	let i = Math.min(t?.length, Math.max(r - n, 0)), a = e ? e?.slice() : Array(r)?.fill("");
-	for (let e = 0; e < i; e++) a[n + e] = t?.[e] ?? "";
-	return a;
-}, KEYS = {
-	ARROW_UP: "ArrowUp",
-	ARROW_DOWN: "ArrowDown",
-	ARROW_LEFT: "ArrowLeft",
-	ARROW_RIGHT: "ArrowRight",
-	DELETE: "Delete",
-	BACKSPACE: "Backspace",
-	SHIFT: "Shift",
-	A: "a",
-	A_UPPER: "A"
-}, ARROW_KEYS = [
-	KEYS.ARROW_UP,
-	KEYS.ARROW_DOWN,
-	KEYS.ARROW_LEFT,
-	KEYS.ARROW_RIGHT
-], onMouseDown = (e, t, n, r, i, a) => {
-	let o = e.target.closest("td");
-	if (!o) return;
-	let s = Number(o.dataset.rowIndex), c = Number(o.dataset.columnIndex);
-	if (!(Number.isNaN(s) || Number.isNaN(c))) {
-		if (e.shiftKey) {
-			let e = t ?? (n ? {
-				row: n.row.start,
-				column: n.column.start
-			} : {
-				row: s,
-				column: c
-			});
-			r(e), a({
-				row: {
-					start: Math.min(e.row, s),
-					end: Math.max(e.row, s)
-				},
-				column: {
-					start: Math.min(e.column, c),
-					end: Math.max(e.column, c)
-				}
-			}), i(!1);
-			return;
-		}
-		r({
-			row: s,
-			column: c
-		}), a({
-			row: {
-				start: s,
-				end: s
-			},
-			column: {
-				start: c,
-				end: c
-			}
-		}), i(!0);
-	}
-}, onMouseUp = (e, t) => {
-	e(void 0), t(!1);
-}, onMouseMove = (e, t, n) => {
-	if (e.preventDefault(), !t) return;
-	let r = e?.currentTarget ?? e.target, { clientX: i, clientY: a } = e, o = document.elementFromPoint(i, a);
-	if (!o) return;
-	let s = o.closest("td");
-	if (!s || !r?.contains(s)) return;
-	let c = s.getAttribute("data-row-index"), l = s.getAttribute("data-column-index"), u = c == null ? NaN : parseInt(c, 10), d = l == null ? NaN : parseInt(l, 10);
-	Number.isNaN(u) || Number.isNaN(d) || n(u, d);
-}, onKeyUp = (e, t) => {
-	e.key === KEYS.SHIFT && t(void 0);
-}, onBlur = (e, t, n) => {
-	e.currentTarget.contains(e.relatedTarget) || (t(void 0), n(void 0));
-}, onKeyDown = (e, t) => {
-	let { rows: n, selectedIndexes: r, startIndex: i, setStartIndex: a, setSelectedIndexes: o, focusInputAtIndex: s, validate: c, onPasteApply: l } = t;
-	if ((e.key === KEYS.A || e.key === KEYS.A_UPPER) && (e.metaKey || e.ctrlKey)) {
-		n?.length && n[0]?.cells?.length && (e.preventDefault(), o({
-			row: {
-				start: 0,
-				end: n.length - 1
-			},
-			column: {
-				start: 0,
-				end: n[0].cells.length - 1
-			}
-		}));
-		return;
-	}
-	if (!n?.length || !n[0]?.cells?.length) return;
-	if ((e.key === KEYS.DELETE || e.key === KEYS.BACKSPACE) && r) {
-		e.preventDefault();
-		let t = n.map((e) => e.cells.map((e) => String(e?.value ?? ""))), { row: i, column: a } = r;
-		for (let e = i.start; e <= i.end; e++) for (let n = a.start; n <= a.end; n++) t[e][n] = "";
-		let o = Array(i.end - i.start + 1).fill(null).map(() => Array(a.end - a.start + 1).fill("")), u = {
-			row: {
-				start: i.start,
-				end: i.end
-			},
-			column: {
-				start: a.start,
-				end: a.end
-			}
-		}, { errors: d, isValid: f } = c({ rows: t });
-		l?.({
-			allValues: t,
-			affectedRange: u,
-			insertedValues: o,
-			errors: d,
-			isValid: f
-		}), s(i.start, a.start);
-		return;
-	}
-	if (!((e) => ARROW_KEYS.includes(e))(e.key) || !e.shiftKey) return;
-	e.preventDefault();
-	let u = r ?? {
-		row: {
-			start: 0,
-			end: 0
-		},
-		column: {
-			start: 0,
-			end: 0
-		}
-	}, d = n.length - 1, f = n[0].cells.length - 1, p = e.key === KEYS.ARROW_UP ? {
-		dr: -1,
-		dc: 0
-	} : e.key === KEYS.ARROW_DOWN ? {
-		dr: 1,
-		dc: 0
-	} : e.key === KEYS.ARROW_LEFT ? {
-		dr: 0,
-		dc: -1
-	} : {
-		dr: 0,
-		dc: 1
-	};
-	if (e.shiftKey) {
-		let e = i ?? {
-			row: u.row.start,
-			column: u.column.start
-		}, t = {
-			row: e.row === u.row.start ? u.row.end : u.row.start,
-			column: e.column === u.column.start ? u.column.end : u.column.start
-		}, n = {
-			row: clamp(t.row + p.dr, 0, d),
-			column: clamp(t.column + p.dc, 0, f)
-		}, r = {
-			row: {
-				start: Math.min(e.row, n.row),
-				end: Math.max(e.row, n.row)
-			},
-			column: {
-				start: Math.min(e.column, n.column),
-				end: Math.max(e.column, n.column)
-			}
-		};
-		i || a({
-			row: e.row,
-			column: e.column
-		}), o(r);
-	} else {
-		let e = {
-			row: u.row.end,
-			column: u.column.end
-		}, t = {
-			row: clamp(e.row + p.dr, 0, d),
-			column: clamp(e.column + p.dc, 0, f)
-		};
-		a(void 0), o({
-			row: {
-				start: t.row,
-				end: t.row
-			},
-			column: {
-				start: t.column,
-				end: t.column
-			}
-		}), s(t.row, t.column);
-	}
-}, CellSelectionContext = createContext({
-	selectedIndexes: void 0,
-	setSelectedIndexes: () => {}
-}), useCellSelection = (e, t, n, r) => {
-	if (!e) return {
-		selectedIndexes: void 0,
-		setSelectedIndexes: () => {},
-		onCopy: () => {},
-		onPaste: () => {},
-		onKeyDown: () => {},
-		onKeyUp: () => {},
-		onMouseUp: () => {},
-		onBlur: () => {},
-		onMouseDown: () => {},
-		onMouseMove: () => {}
-	};
-	let [i, a] = useState(void 0), [o, s] = useState(void 0), [c, u] = useState(!1), { validate: d } = useScopedValidate(), f = () => getOverlayContainer(t.current);
-	useEffect(() => {
-		let e = f();
-		if (!e) return;
-		let t = e === document.documentElement || e === document.body || e === document.scrollingElement, n = null, r = () => {
-			n ??= requestAnimationFrame(() => {
-				n = null, i ? C() : w();
-			});
-		}, a = new AbortController();
-		return e.addEventListener("scroll", r, {
-			passive: !0,
-			signal: a.signal
-		}), t && window.addEventListener("scroll", r, {
-			passive: !0,
-			signal: a.signal
-		}), window.addEventListener("resize", r, {
-			passive: !0,
-			signal: a.signal
-		}), r(), () => {
-			n != null && cancelAnimationFrame(n), a.abort(), w();
-		};
-	}, [i]);
-	let p = (e, n) => focusInputAtIndex(t.current, e, n), m = (e) => {
-		if (!i) return;
-		let t = n.slice(i.row.start, i.row.end + 1).map((e) => e.cells.slice(i.column.start, i.column.end + 1).map((e) => e.value)).map((e) => e.join("	")).join("\n");
-		if (!t) return;
-		if (e?.clipboardData) {
-			e.clipboardData.setData("text/plain", t), e.preventDefault();
-			return;
-		}
-		if (navigator?.clipboard?.writeText) {
-			navigator.clipboard.writeText(t).catch(() => {
-				let e = document.createElement("textarea");
-				e.value = t, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select();
-				try {
-					document.execCommand("copy");
-				} catch {}
-				document.body.removeChild(e);
-			});
-			return;
-		}
-		let r = document.createElement("textarea");
-		r.value = t, r.style.position = "fixed", r.style.opacity = "0", document.body.appendChild(r), r.select();
-		try {
-			document.execCommand("copy");
-		} catch {}
-		document.body.removeChild(r);
-	}, g = (e) => {
-		e.preventDefault();
-		let t = e?.clipboardData?.getData("text") || "", a = normalizeClipboard(t), o = toGrid(a);
-		if (!o?.length || !n?.length || !n?.[0]?.cells?.length) return;
-		let s = snapshotRows(n?.map((e) => ({ cells: e?.cells?.map((e) => ({ value: e?.value })) }))), c = s?.length, l = s?.[0]?.length, u = (e, t, n) => buildReplacementRow(e, t, n, l), f, p, m;
-		if (i) {
-			let e = i?.row?.start, t = i?.column?.start, n = i?.row?.start, r = i?.row?.end, a = r - n + 1, c = s?.slice(0, n), d = s?.slice(r + 1), h = o?.length, g = Math.min(a, h), _ = Math.max(0, a - h), v = [];
-			for (let e = 0; e < g; e++) {
-				let r = s[n + e];
-				v.push(u(r, o[e], t));
-			}
-			let y = _ > 0 ? s?.slice(n + g, n + g + _) : [], b = [];
-			for (let e = g; e < h; e++) b?.push(u(void 0, o?.[e], t));
-			p = v?.concat(b), f = c?.concat(v)?.concat(y)?.concat(b)?.concat(d);
-			let x = Math.min(o?.[0]?.length, Math.max(l - t, 0));
-			m = {
-				row: {
-					start: e,
-					end: e + g - 1
-				},
-				column: {
-					start: t,
-					end: t + Math.max(x - 1, 0)
-				}
-			};
-		} else {
-			let e = c;
-			p = o?.map((e) => u(void 0, e, 0)), f = [...s || [], ...p || []];
-			let t = Math.min(o?.[0]?.length, l);
-			m = {
-				row: {
-					start: e,
-					end: e + p?.length - 1
-				},
-				column: {
-					start: 0,
-					end: 0 + Math.max(t - 1, 0)
-				}
-			};
-		}
-		let { errors: h, isValid: g } = d({ rows: f });
-		r?.({
-			allValues: f,
-			affectedRange: m,
-			insertedValues: p,
-			errors: h,
-			isValid: g
-		});
-	}, _ = (e) => onKeyDown(e, {
-		rows: n,
-		selectedIndexes: i,
-		startIndex: o,
-		setStartIndex: s,
-		setSelectedIndexes: a,
-		focusInputAtIndex: p,
-		validate: d,
-		onPasteApply: r
-	}), v = (e) => onKeyUp(e, s), y = (e, t) => {
-		a(o ? {
-			row: {
-				start: Math.min(e, o.row),
-				end: Math.max(e, o.row)
-			},
-			column: {
-				start: Math.min(t, o.column),
-				end: Math.max(t, o.column)
-			}
-		} : {
-			row: {
-				start: e,
-				end: e
-			},
-			column: {
-				start: t,
-				end: t
-			}
-		});
-	}, b = (e) => onMouseDown(e, o, i, s, u, (e) => a(e)), x = () => onMouseUp(s, u), S = (e) => onMouseMove(e, c, y), C = () => {
-		if (w(), !i || !t.current) return;
-		let { row: e, column: n } = i, r = t.current?.querySelector(`td[data-row-index="${e.start}"][data-column-index="${n.start}"]`), a = e.end === e.start && n.end === n.start ? r : t.current?.querySelector(`td[data-row-index="${e.end}"][data-column-index="${n.end}"]`);
-		if (!r || !a) return;
-		let o = f();
-		drawSelectionFrame(o, r, a);
-	}, w = () => {
-		let e = f();
-		removeSelectionFrame(e);
-	};
-	return {
-		selectedIndexes: i,
-		setSelectedIndexes: a,
-		onCopy: m,
-		onPaste: g,
-		onKeyDown: _,
-		onKeyUp: v,
-		onMouseDown: b,
-		onMouseUp: x,
-		onMouseMove: S,
-		onBlur: (e) => onBlur(e, a, s)
-	};
-}, InputCell = ({ cell: e, columnAlignment: t, testId: n, type: r }) => {
-	let { selectedIndexes: i } = useContext(CellSelectionContext), a = i?.row.start !== i?.row.end || i?.column.start !== i?.column.end;
-	return /* @__PURE__ */ jsx(Input, {
-		name: e.name,
-		value: e.value,
-		onChange: (t) => e.onChange?.(t),
-		onFocus: e.onFocus,
-		onBlur: e.onBlur,
-		onPaste: (t) => e.onPaste?.(t),
-		placeholder: e.placeholder,
-		error: e.error,
-		warning: e.warning,
-		disabled: e.disabled,
-		isInTable: !0,
-		maxTooltipWidth: e.maxTooltipWidth,
-		right: t === Align.RIGHT,
-		selectOnFocus: !a,
-		testId: n,
-		tabIndex: e.disabled ? -1 : 0,
-		tooltip: e.tooltip,
-		type: r
-	});
-}, safeToString = (e) => String(toString(e)), roundNumberCosmetic = (e) => isScientificStringNum(e) ? e : safeToString(roundToPrecision(toNum(e), 14));
+	inputInTable: "_inputInTable_ie6ng_1",
+	inputHover: "_inputHover_ie6ng_13",
+	inputFocus: "_inputFocus_ie6ng_18",
+	inputError: "_inputError_ie6ng_25",
+	inputWarning: "_inputWarning_ie6ng_26",
+	inputDisabled: "_inputDisabled_ie6ng_61",
+	hideScrollbars: "_hideScrollbars_ie6ng_67",
+	cell: "_cell_ie6ng_77",
+	disabledLink: "_disabledLink_ie6ng_87",
+	inputWrapper: "_inputWrapper_ie6ng_91",
+	numberInputWrapper: "_numberInputWrapper_ie6ng_106",
+	breakWord: "_breakWord_ie6ng_113",
+	inputCell: "_inputCell_ie6ng_116",
+	sliderCell: "_sliderCell_ie6ng_119",
+	staticCell: "_staticCell_ie6ng_123",
+	staticCellContent: "_staticCellContent_ie6ng_126",
+	unit: "_unit_ie6ng_148",
+	sortingCell: "_sortingCell_ie6ng_151",
+	sortingCellIcon: "_sortingCellIcon_ie6ng_162",
+	icon: "_icon_ie6ng_173",
+	checkBoxCell: "_checkBoxCell_ie6ng_177",
+	iconCellWrapper: "_iconCellWrapper_ie6ng_181",
+	actionsCell: "_actionsCell_ie6ng_185",
+	rightAligned: "_rightAligned_ie6ng_193",
+	centerAligned: "_centerAligned_ie6ng_199",
+	leftAligned: "_leftAligned_ie6ng_205",
+	popover: "_popover_ie6ng_208",
+	disabledPointerEvents: "_disabledPointerEvents_ie6ng_211"
+};
+const InputCell = ({ cell: e, columnAlignment: t, testId: n, type: r }) => /* @__PURE__ */ jsx(Input, {
+	name: e.name,
+	value: e.value,
+	onChange: (t) => e.onChange?.(t),
+	onFocus: e.onFocus,
+	onBlur: e.onBlur,
+	onPaste: (t) => e.onPaste?.(t),
+	placeholder: e.placeholder,
+	error: e.error,
+	warning: e.warning,
+	disabled: e.disabled,
+	isInTable: !0,
+	maxTooltipWidth: e.maxTooltipWidth,
+	right: t === Align.RIGHT,
+	selectOnFocus: e.selectOnFocus,
+	testId: n,
+	tabIndex: e.disabled ? -1 : 0,
+	tooltip: e.tooltip,
+	type: r
+}), safeToString = (e) => String(toString(e)), roundNumberCosmetic = (e) => isScientificStringNum(e) ? e : safeToString(roundToPrecision(toNum(e), 14));
 var getStringName$1 = (e) => e ? typeof e == "string" ? e : isArray(e) ? e[0] : e.fieldName : "";
-const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r = !1, left: i = !1, small: a = !1, width: o = "100%", value: s = "", onChange: c = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, selectOnFocus: f, tabIndex: p = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: y = () => {}, allowEmpty: b = !1, isInTable: x, groupOrder: S, enableCosmeticRounding: C = !0, enableDisplayRounding: w = !1, roundDisplayValue: T, disableInternalErrorValidationMessages: E = !1, disableValidationOnFocus: D = !1 }) => {
+const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r = !1, left: i = !1, small: a = !1, width: o = "100%", value: s = "", onChange: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, selectOnFocus: f, tabIndex: h = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: y = () => {}, allowEmpty: b = !1, isInTable: x, groupOrder: S, enableCosmeticRounding: C = !0, enableDisplayRounding: w = !1, roundDisplayValue: T, disableInternalErrorValidationMessages: E = !1, disableValidationOnFocus: D = !1 }) => {
 	let O = (e) => {
 		let n = validateNumber(e), r = t && isEmptyNullOrUndefined(e);
 		return [Infinity, -Infinity].includes(Number(e)) || r ? {
@@ -3835,7 +3062,7 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 					name: F
 				}
 			};
-			c(t);
+			l(t);
 		}
 	};
 	useEffect(() => {
@@ -3873,7 +3100,7 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 		isInTable: x,
 		groupOrder: S,
 		selectOnFocus: f,
-		tabIndex: p,
+		tabIndex: h,
 		tooltip: _,
 		ref: A
 	}, F);
@@ -3942,14 +3169,14 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 		testId: n
 	}) : null
 }), LinkCell = ({ cell: e, testId: t }) => {
-	let n = useContext(DisabledContext), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, s = (e) => isStringNumberOrNode(e);
+	let n = useContext(DisabledContext), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, c = (e) => isStringNumberOrNode(e);
 	return /* @__PURE__ */ jsx("div", {
 		className: cell_module_default.inputWrapper,
 		children: /* @__PURE__ */ jsx(Tooltip, {
 			error: !!r,
 			warning: !!i,
 			text: a || r || i,
-			enabled: s(a) || s(r) || s(i) || !1,
+			enabled: c(a) || c(r) || c(i) || !1,
 			maxWidth: o,
 			children: /* @__PURE__ */ jsx("div", {
 				className: cell_module_default.staticCellContent,
@@ -3992,7 +3219,7 @@ var slider_module_default = {
 	] }),
 	children: /* @__PURE__ */ jsx("div", { className: slider_module_default.dot })
 }), e), {}), isEqual$1);
-const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto", value: i, min: a, max: o, step: s = 1, marks: l = [], showArrows: u = !1, showTooltip: d = !1, tooltipFormatter: f = (e) => e, disabled: p = !1, range: m = !1, small: h = !1, vertical: g = {
+const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto", value: i, min: a, max: o, step: c = 1, marks: l = [], showArrows: u = !1, showTooltip: d = !1, tooltipFormatter: f = (e) => e, disabled: p = !1, range: m = !1, small: h = !1, vertical: _ = {
 	enabled: !1,
 	width: "100px",
 	height: "400px"
@@ -4025,13 +3252,13 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(slider_module_default.container, h ? slider_module_default.small : "", g.enabled ? slider_module_default.vertical : ""),
-		style: g.enabled ? {
-			width: g.width,
-			height: g.height
+		className: cx(slider_module_default.container, h ? slider_module_default.small : "", _.enabled ? slider_module_default.vertical : ""),
+		style: _.enabled ? {
+			width: _.width,
+			height: _.height
 		} : { width: n },
 		children: [
-			u && (g.enabled ? /* @__PURE__ */ jsx(C, {}) : /* @__PURE__ */ jsx(S, {})),
+			u && (_.enabled ? /* @__PURE__ */ jsx(C, {}) : /* @__PURE__ */ jsx(S, {})),
 			/* @__PURE__ */ jsx(RcSlider, {
 				range: m,
 				allowCross: !1,
@@ -4039,11 +3266,11 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 				value: i,
 				max: o,
 				min: a,
-				step: s,
+				step: c,
 				marks: b,
 				onChange: (e) => x(e),
 				disabled: p || y,
-				vertical: g.enabled,
+				vertical: _.enabled,
 				handleRender: (e, t) => {
 					let n = d && t.dragging;
 					return /* @__PURE__ */ jsxs("div", {
@@ -4060,7 +3287,7 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 					});
 				}
 			}),
-			u && (g.enabled ? /* @__PURE__ */ jsx(S, {}) : /* @__PURE__ */ jsx(C, {})),
+			u && (_.enabled ? /* @__PURE__ */ jsx(S, {}) : /* @__PURE__ */ jsx(C, {})),
 			t && /* @__PURE__ */ jsx("label", {
 				className: slider_module_default.label,
 				style: { width: r },
@@ -4101,17 +3328,17 @@ var popover_module_default = {
 	fullWidthStyleFix: "_fullWidthStyleFix_lhie5_8",
 	dismiss: "_dismiss_lhie5_13"
 };
-const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: s, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p }) => {
-	let m = useContext(DisabledContext), [g, v] = f === void 0 ? useState(!1) : [f, p], y = () => {
-		!u && !m && v && v(!1);
+const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: l, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p }) => {
+	let h = useContext(DisabledContext), [_, v] = f === void 0 ? useState(!1) : [f, p], y = () => {
+		!u && !h && v && v(!1);
 	}, b = () => {
-		u || m || v && v(!g);
+		u || h || v && v(!_);
 	};
 	useEffect(() => {
-		(u || m) && y();
-	}, [u, m]);
+		(u || h) && y();
+	}, [u, h]);
 	let { renderLayer: x, arrowProps: S, layerProps: C, triggerProps: w } = useLayer({
-		isOpen: g,
+		isOpen: _,
 		placement: r,
 		auto: !0,
 		triggerOffset: 6,
@@ -4122,9 +3349,9 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		ref: w.ref,
 		onClick: b,
-		"data-testid": s,
+		"data-testid": l,
 		children: t
-	}), g && x(/* @__PURE__ */ jsxs("div", {
+	}), _ && x(/* @__PURE__ */ jsxs("div", {
 		className: a ? cx(popover_module_default.toggleBox, popover_module_default.fullWidthStyleFix) : cx(popover_module_default.toggleBox),
 		...C,
 		children: [/* @__PURE__ */ jsxs("div", { children: [React.isValidElement(n) ? React.cloneElement(n, { close: y }) : n, o && /* @__PURE__ */ jsx("div", {
@@ -4250,37 +3477,33 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 let CellType = /* @__PURE__ */ function(e) {
 	return e.INPUT = "Input", e.NUMBER_INPUT = "NumberInput", e.SELECT = "Select", e.POPOVER = "Popover", e.SLIDER = "Slider", e.CHECKBOX = "CheckBox", e.ACTIONS = "Actions", e.AUTO_UNIT = "AutoUnit", e.UNIT = "Unit", e.STATIC = "Static", e;
 }({});
-const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment: r = Align.LEFT, width: i, testId: a, rowIndex: o, columnIndex: s }) => {
-	let { selectedIndexes: l, setSelectedIndexes: u } = useContext(CellSelectionContext), d = !t && l && l.row.start <= o && o <= l.row.end && l.column.start <= s && s <= l.column.end;
+const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment: r = Align.LEFT, width: i, testId: a }) => {
 	if (!e) return null;
-	let { style: f, colSpan: p, rowSpan: h, width: g } = e, v = useRef(null), y = {
+	let { style: o, colSpan: s, rowSpan: c, width: l } = e, u = useRef(null), d = {
 		bodyAlignment: r,
 		headerAlignment: n,
 		isHeader: t
-	}, b = getCellAlignment(y, cell_module_default), x = getCellAlignment(y, cell_module_default, !0), S = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, C = cx(cell_module_default.cell, S, e.hasSort ? cell_module_default.sortingCell : null, b, e.breakWord ? cell_module_default.breakWord : "", d ? cell_module_default.selectedCell : ""), w = g ?? i ?? void 0, T = e.type === CellType.STATIC || !e.type, E = t && T ? TextTransform.CAPITALIZE : void 0, D = {
-		width: w,
-		minWidth: w,
-		textTransform: E,
-		...f
+	}, f = getCellAlignment(d, cell_module_default), m = getCellAlignment(d, cell_module_default, !0), h = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, _ = cx(cell_module_default.cell, h, e.hasSort ? cell_module_default.sortingCell : null, f, e.breakWord ? cell_module_default.breakWord : ""), v = l ?? i ?? void 0, y = e.type === CellType.STATIC || !e.type, b = t && y ? TextTransform.CAPITALIZE : void 0, x = {
+		width: v,
+		minWidth: v,
+		textTransform: b,
+		...o
 	};
 	return /* @__PURE__ */ jsx(t ? "th" : "td", {
-		ref: v,
-		className: C,
-		style: D,
-		colSpan: p,
-		rowSpan: h,
-		"data-row-index": o,
-		"data-column-index": s,
-		"data-selected": d,
+		ref: u,
+		className: _,
+		style: x,
+		colSpan: s,
+		rowSpan: c,
 		children: /* @__PURE__ */ jsx(CellWrapper, {
 			cell: e,
-			columnAlignment: x ?? Align.RIGHT,
+			columnAlignment: m ?? Align.RIGHT,
 			isHeader: t,
 			testId: a
 		})
 	});
 }, Row$1 = ({ row: e, rowIndex: t, isHeader: n = !1, columnCount: r, colSpan: i, columnHeaderAlignments: a = [], columnAlignment: o = [], hasRowActions: s, draggableTable: c = !1, columnWidths: l, dropDisabled: u = !1, height: d, testId: f }) => {
-	let p = getHeaderAlignment(a, n, t), { onRowClick: m, onRowFocus: h, onRowMouseEnter: g, onRowMouseLeave: v, expandedContent: y, error: b, warning: x, active: S } = e, C = e.cells.map((e, r) => {
+	let p = getHeaderAlignment(a, n, t), { onRowClick: m, onRowFocus: h, onRowMouseEnter: _, onRowMouseLeave: v, expandedContent: y, error: b, warning: x, active: S } = e, C = e.cells.map((e, r) => {
 		let i = `${n ? 0 : 1}_${t}_${r}`;
 		return /* @__PURE__ */ jsx(Cell, {
 			cell: e,
@@ -4288,18 +3511,14 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 			columnAlignment: o[r],
 			columnHeaderAlignment: p[r],
 			width: l ? l[r] : void 0,
-			testId: e.testId,
-			rowIndex: t,
-			columnIndex: r
+			testId: e.testId
 		}, i);
 	}), w = s && /* @__PURE__ */ jsx(Cell, {
 		cell: {
 			type: CellType.ACTIONS,
 			actions: e.actions
 		},
-		isHeader: n,
-		rowIndex: t,
-		columnIndex: r
+		isHeader: n
 	}, r), { attributes: T, listeners: E, setNodeRef: D, transform: O, transition: k, isDragging: A } = useSortable({
 		id: t.toString(),
 		animateLayoutChanges: () => !1
@@ -4319,10 +3538,10 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	});
 	return n ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
 		onClick: m,
-		onMouseEnter: g,
+		onMouseEnter: _,
 		onMouseLeave: v,
 		onFocus: h,
-		className: cx(m ? row_module_default$1.clickableRow : null, g ? row_module_default$1.hoverableRow : null),
+		className: cx(m ? row_module_default$1.clickableRow : null, _ ? row_module_default$1.hoverableRow : null),
 		children: [
 			c ? /* @__PURE__ */ jsx("th", {}) : null,
 			C,
@@ -4335,10 +3554,11 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	}, `${t}_expanded_content`) : null] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
 		ref: e.noDrag ? null : D,
 		onClick: m,
-		onMouseEnter: g,
+		onMouseEnter: _,
 		onMouseLeave: v,
 		onFocus: h,
-		className: cx(m && !m.noStyle ? row_module_default$1.clickableRow : null, g && !g.noStyle ? row_module_default$1.hoverableRow : null, S ? row_module_default$1.rowActive : null),
+		className: cx(m && !m.noStyle ? row_module_default$1.clickableRow : null, _ && !_.noStyle ? row_module_default$1.hoverableRow : null, S ? row_module_default$1.rowActive : null),
+		"data-active": S || null,
 		"data-error": b || null,
 		"data-warning": x || null,
 		"data-index": t,
@@ -4355,14 +3575,14 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		children: y.content
 	}, `${t}_expanded_content`) : null] });
 }, TableDragWrapper = (e) => {
-	let { children: t, colSpan: n, columnAlignment: r, columnCount: i, draggable: a, onListReorder: o = () => {}, canListReorder: s = () => !0, rowActions: c, rows: l = [], tbodyRef: u } = e, [d, p] = useState(null), [m, g] = useState(!1), v = useMemo(() => l.map((e, t) => t.toString()), [l]);
+	let { children: t, colSpan: n, columnAlignment: r, columnCount: i, draggable: a, onListReorder: o = () => {}, canListReorder: s = () => !0, rowActions: c, rows: l = [], tbodyRef: u } = e, [f, p] = useState(null), [h, _] = useState(!1), v = useMemo(() => l.map((e, t) => t.toString()), [l]);
 	return a ? /* @__PURE__ */ jsxs(DndContext, {
 		collisionDetection: closestCenter,
 		onDragStart: (e) => {
 			p(e.active.id);
 		},
 		onDragEnd: (e) => {
-			p(null), g(!1);
+			p(null), _(!1);
 			let { active: t, over: n } = e;
 			if (!t || !n || t.id === n.id) return;
 			let r = Number(t.id), i = Number(n?.id);
@@ -4379,23 +3599,23 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 				from: r,
 				to: i
 			});
-			g(a);
+			_(a);
 		},
 		children: [/* @__PURE__ */ jsx(SortableContext, {
 			items: v,
 			strategy: verticalListSortingStrategy,
-			children: t({ dropDisabled: m })
-		}), !!d && createPortal(/* @__PURE__ */ jsx(DragOverlay, {
+			children: t({ dropDisabled: h })
+		}), !!f && createPortal(/* @__PURE__ */ jsx(DragOverlay, {
 			dropAnimation: null,
 			children: /* @__PURE__ */ jsx("table", {
 				className: cx(table_module_default.table, table_module_default.dragOverlay),
 				children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx(Row$1, {
-					rowIndex: Number(d),
-					row: l[Number(d)],
+					rowIndex: Number(f),
+					row: l[Number(f)],
 					columnCount: i,
 					columnWidths: (() => {
 						if (!u?.current) return [];
-						let e = u.current.querySelectorAll("tr")[Number(d)]?.querySelectorAll("td");
+						let e = u.current.querySelectorAll("tr")[Number(f)]?.querySelectorAll("td");
 						if (!e) return [];
 						let t = Array.from(e).map((e) => `${e.getBoundingClientRect().width}px`);
 						return t.shift(), t;
@@ -4404,7 +3624,7 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 					hasRowActions: c,
 					columnAlignment: r,
 					draggableTable: a,
-					dropDisabled: m
+					dropDisabled: h
 				}) })
 			})
 		}), document.body)]
@@ -4432,169 +3652,179 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 			})()
 		})
 	});
-}, TableScrollWrapper = ({ table: e, theadRef: t, children: n }) => {
-	let { infiniteScroll: r = !1 } = e;
+};
+var ScrollToActiveRow = ({ activeIndex: e, triggerScrollToActiveRow: t, isVirtualized: n, virtualizer: r }) => (useEffect(() => {
+	if (t && !(e == null || e < 0)) {
+		if (n && r) r.scrollToIndex(e, {
+			align: "center",
+			behavior: "auto"
+		});
+		else if (!n) {
+			let t = document.querySelector(`tr[data-index="${e}"]`);
+			t && t.scrollIntoView({
+				behavior: "auto",
+				block: "center"
+			});
+		}
+	}
+}, [
+	e,
+	t,
+	n,
+	r
+]), null);
+const TableScrollWrapper = ({ table: e, theadRef: t, children: n }) => {
+	let { infiniteScroll: r = !1, triggerScrollToActiveRow: i = !1, rows: a } = e, o = useMemo(() => typeof e.activeRowIndex == "number" ? e.activeRowIndex : Array.isArray(a) && a.length ? a.findIndex((e) => e && e.active) : -1, [a, e.activeRowIndex]);
 	return r ? /* @__PURE__ */ jsx(TableVirtualScrollWrapper, {
 		table: e,
 		theadRef: t,
-		children: ({ virtualizer: e, tableStyle: t }) => n({
+		children: ({ virtualizer: e, tableStyle: t }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScrollToActiveRow, {
+			isVirtualized: !0,
+			virtualizer: e,
+			activeIndex: o,
+			triggerScrollToActiveRow: i
+		}), n({
 			virtualizer: e,
 			tableStyle: t
-		})
-	}) : /* @__PURE__ */ jsx("div", {
+		})] })
+	}) : /* @__PURE__ */ jsxs("div", {
 		id: "scrollWrapper",
 		className: table_module_default.scroll,
-		children: n({})
+		children: [/* @__PURE__ */ jsx(ScrollToActiveRow, {
+			isVirtualized: !1,
+			activeIndex: o,
+			triggerScrollToActiveRow: i
+		}), n({})]
 	});
-}, Table = withValidationScope((e) => {
-	let { onListReorder: t = () => {}, canListReorder: n = () => !0, beforeRenderRow: r, table: i, enableMultiSelect: a } = e, { columnWidths: o, footer: s, name: c, rows: l = [], actions: u, actionsRight: d, columnHeaderAlignments: f, columnAlignment: p, striped: h = !0, testId: g, draggable: v, defaultEmptyRow: y = null, onAddRow: b = null, bordered: x = !0, maxHeight: S, fixedWidth: C, onPasteApply: w, validationRules: T } = i, E = useValidationScopeId(), D = useRef(E ?? nextScopeId()).current;
-	useRegisterValidationRules(D, T);
-	let O = useRef(null), k = useRef(null), { selectedIndexes: A, setSelectedIndexes: j, onCopy: M, onPaste: N, onKeyDown: P, onKeyUp: F, onMouseUp: I, onBlur: L, onMouseDown: R, onMouseMove: z } = useCellSelection(!!a, k, e.table.rows || [], w), B = get(e, "table.headers", []), V = getColumnCount(l, B), H = hasRowActions(l, B), U = V + (H ? 1 : 0), W = s ? s?.pagination?.rowsPerPage?.value === 0 || Number(s?.pagination?.selectedPage) >= Number(s?.pagination?.rowCount) / Number(s?.pagination?.rowsPerPage?.value) : !0, G = y?.cells?.length && b && W, K = {
-		cells: G ? y.cells.map((e, t) => e?.type === "Input" ? {
+}, Table = (e) => {
+	let { onListReorder: t = () => {}, canListReorder: n = () => !0, beforeRenderRow: r, table: i } = e, { columnWidths: a, footer: o, name: s, rows: c = [], actions: l, actionsRight: u, columnHeaderAlignments: d, columnAlignment: f, striped: m = !0, testId: h, draggable: _, defaultEmptyRow: v = null, onAddRow: y = null, bordered: b = !0, maxHeight: x, fixedWidth: S } = i, C = useRef(null), w = useRef(null), T = get(e, "table.headers", []), E = getColumnCount(c, T), D = hasRowActions(c, T), O = E + (D ? 1 : 0), k = o ? o?.pagination?.rowsPerPage?.value === 0 || Number(o?.pagination?.selectedPage) >= Number(o?.pagination?.rowCount) / Number(o?.pagination?.rowsPerPage?.value) : !0, A = v?.cells?.length && y && k, j = {
+		cells: A ? v.cells.map((e, t) => e?.type === "Input" ? {
 			...e,
 			onChange: (e) => {
 				let n = e?.target?.value, r = {
-					...y,
-					cells: y.cells.map((e, r) => ({
+					...v,
+					cells: v.cells.map((e, r) => ({
 						...e,
 						value: r === t ? n : e?.value
 					}))
 				};
-				b({ newRow: r });
+				y({ newRow: r });
 			}
 		} : {
 			...e,
 			disabled: !0
 		}) : null,
-		testId: g ? `${g}-last-empty-row` : void 0
-	}, q = G ? l.concat(K) : l, J = {
+		testId: h ? `${h}-last-empty-row` : void 0
+	}, M = A ? c.concat(j) : c, N = {
 		...i,
-		rows: q
-	}, Y = cx(table_module_default.wrapper, x ? table_module_default.bordered : ""), X = {
-		maxHeight: S,
-		width: C,
-		display: C === "auto" ? "inline-flex" : "flex"
-	};
-	return /* @__PURE__ */ jsx(ValidationScopeContext.Provider, {
-		value: D,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: Y,
-			style: X,
-			children: [
-				/* @__PURE__ */ jsx(Title$1, {
-					actions: u,
-					actionsRight: d,
-					name: c,
-					testId: g && `${g}-title`
-				}),
-				/* @__PURE__ */ jsx(TableDragWrapper, {
-					colSpan: U,
-					columnAlignment: p,
-					columnCount: V,
-					draggable: v,
-					onListReorder: t,
-					rowActions: H,
-					rows: q,
-					tbodyRef: k,
-					canListReorder: n,
-					children: ({ dropDisabled: e }) => /* @__PURE__ */ jsx(TableScrollWrapper, {
-						table: J,
-						theadRef: O,
-						children: ({ virtualizer: t, tableStyle: n }) => /* @__PURE__ */ jsx(CellSelectionContext.Provider, {
-							value: {
-								selectedIndexes: A,
-								setSelectedIndexes: j
-							},
-							children: /* @__PURE__ */ jsxs("table", {
-								className: cx(table_module_default.table, h ? table_module_default.striped : ""),
-								"data-testid": g,
-								"data-multiselect": !!a,
-								style: n,
-								children: [/* @__PURE__ */ jsx("thead", {
-									ref: O,
-									children: B.map((e, t) => /* @__PURE__ */ jsx(Row$1, {
-										rowIndex: t,
-										isHeader: !0,
-										row: e,
-										columnCount: V,
-										columnWidths: o,
-										colSpan: U,
-										hasRowActions: H,
-										columnAlignment: p,
-										columnHeaderAlignments: f,
-										draggableTable: v
-									}, `0_${t}`))
-								}), /* @__PURE__ */ jsx("tbody", {
-									ref: k,
-									onCopy: M,
-									onPaste: N,
-									onKeyDown: P,
-									onKeyUp: F,
-									onMouseDown: R,
-									onMouseUp: I,
-									onMouseMove: z,
-									onBlur: L,
-									children: t ? t.getVirtualItems().map((t) => {
-										let n = t.index, i = q[n], a = r ? r({
-											row: i,
-											rowIndex: n
-										}) : i;
-										return /* @__PURE__ */ jsx(Row$1, {
-											rowIndex: n,
-											row: a,
-											columnCount: V,
-											columnWidths: o,
-											colSpan: U,
-											hasRowActions: H,
-											columnAlignment: p,
-											draggableTable: v,
-											height: t.size,
-											dropDisabled: e
-										}, `1_${n}`);
-									}) : q.map((t, n) => {
-										let i = r ? r({
-											row: t,
-											rowIndex: n
-										}) : t;
-										return /* @__PURE__ */ jsx(Row$1, {
-											rowIndex: n,
-											row: i,
-											columnCount: V,
-											columnWidths: o,
-											colSpan: U,
-											hasRowActions: H,
-											columnAlignment: p,
-											draggableTable: v,
-											dropDisabled: e
-										}, `1_${n}`);
-									})
-								})]
+		rows: M
+	}, P = cx(table_module_default.wrapper, b ? table_module_default.bordered : "");
+	return /* @__PURE__ */ jsxs("div", {
+		className: P,
+		style: {
+			maxHeight: x,
+			width: S,
+			display: S === "auto" ? "inline-flex" : "flex"
+		},
+		children: [
+			/* @__PURE__ */ jsx(Title$1, {
+				actions: l,
+				actionsRight: u,
+				name: s,
+				testId: h && `${h}-title`
+			}),
+			/* @__PURE__ */ jsx(TableDragWrapper, {
+				colSpan: O,
+				columnAlignment: f,
+				columnCount: E,
+				draggable: _,
+				onListReorder: t,
+				rowActions: D,
+				rows: M,
+				tbodyRef: w,
+				canListReorder: n,
+				children: ({ dropDisabled: e }) => /* @__PURE__ */ jsx(TableScrollWrapper, {
+					table: N,
+					theadRef: C,
+					children: ({ virtualizer: t, tableStyle: n }) => /* @__PURE__ */ jsxs("table", {
+						className: cx(table_module_default.table, m ? table_module_default.striped : ""),
+						"data-testid": h,
+						style: n,
+						children: [/* @__PURE__ */ jsx("thead", {
+							ref: C,
+							children: T.map((e, t) => /* @__PURE__ */ jsx(Row$1, {
+								rowIndex: t,
+								isHeader: !0,
+								row: e,
+								columnCount: E,
+								columnWidths: a,
+								colSpan: O,
+								hasRowActions: D,
+								columnAlignment: f,
+								columnHeaderAlignments: d,
+								draggableTable: _
+							}, `0_${t}`))
+						}), /* @__PURE__ */ jsx("tbody", {
+							ref: w,
+							children: t ? t.getVirtualItems().map((t) => {
+								let n = t.index, i = M[n], o = r ? r({
+									row: i,
+									rowIndex: n
+								}) : i;
+								return /* @__PURE__ */ jsx(Row$1, {
+									rowIndex: n,
+									row: o,
+									columnCount: E,
+									columnWidths: a,
+									colSpan: O,
+									hasRowActions: D,
+									columnAlignment: f,
+									draggableTable: _,
+									height: t.size,
+									dropDisabled: e
+								}, `1_${n}`);
+							}) : M.map((t, n) => {
+								let i = r ? r({
+									row: t,
+									rowIndex: n
+								}) : t;
+								return /* @__PURE__ */ jsx(Row$1, {
+									rowIndex: n,
+									row: i,
+									columnCount: E,
+									columnWidths: a,
+									colSpan: O,
+									hasRowActions: D,
+									columnAlignment: f,
+									draggableTable: _,
+									dropDisabled: e
+								}, `1_${n}`);
 							})
-						})
+						})]
 					})
-				}),
-				s && /* @__PURE__ */ jsx(Footer, {
-					pagination: s.pagination,
-					actions: s.actions,
-					content: s.content
 				})
-			]
-		})
+			}),
+			o && /* @__PURE__ */ jsx(Footer, {
+				pagination: o.pagination,
+				actions: o.actions,
+				content: o.content
+			})
+		]
 	});
-}), placeholder$1 = "blank", getUpdatedErrors = (e, t, n, r) => {
+}, placeholder$1 = "blank", getUpdatedErrors = (e, t, n, r) => {
 	let i = `${t} → ${n}:`, a = e.filter((e) => !e.startsWith(i)), o = r ? [...a, `${i} ${r}`] : a, s = o.length === 0;
 	return {
 		updatedErrors: o,
 		isValid: s
 	};
 }, Table$1 = ({ validationRules: e, parsedResult: t, updateState: n, testId: r }) => {
-	let i = useMemo(() => t.fields.map((e) => ({ value: e })), [t.fields]), [a, o] = useState(20), [c, u] = useState(1), d = useRef([]), p = (c - 1) * a, g = a === 0 ? t.rows.length : p + a, [_, v] = useState([]), y = useCallback((r, a) => (!d.current.length && t.rows.length && (d.current = t.rows[0].map((e) => isNumericLike(e) ? "NumberInput" : "Input")), {
+	let i = useMemo(() => t.fields.map((e) => ({ value: e })), [t.fields]), [a, s] = useState(20), [l, u] = useState(1), f = useRef([]), h = (l - 1) * a, g = a === 0 ? t.rows.length : h + a, [_, v] = useState([]), y = useCallback((r, a) => (!f.current.length && t.rows.length && (f.current = t.rows[0].map((e) => isNumericLike(e) ? "NumberInput" : "Input")), {
 		cells: r.map((r, o) => {
-			let { columnMessage: s = {}, validator: c = () => null } = e?.[o] ?? {}, l = i?.[o]?.value, u = `${`Row ${a + 1}`} → ${l}:`, f = c(r), p = t?.errors?.find((e) => e.startsWith(u)) ?? null, m = f || p || null;
+			let { columnMessage: s = {}, validator: c = () => null } = e?.[o] ?? {}, l = i?.[o]?.value, u = `${`Row ${a + 1}`} → ${l}:`, d = c(r), p = t?.errors?.find((e) => e.startsWith(u)) ?? null, m = d || p || null;
 			return {
 				name: l,
 				value: r,
-				type: d.current[o] ?? "Input",
+				type: f.current[o] ?? "Input",
 				disableValidationOnFocus: !0,
 				error: m,
 				validationCallback: (e, r) => {
@@ -4679,12 +3909,12 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		i,
 		x,
 		b
-	]), C = useMemo(() => _.slice(p, g), [
+	]), C = useMemo(() => _.slice(h, g), [
 		_,
-		p,
+		h,
 		g
 	]), w = useCallback(({ rowIndex: e }) => {
-		let n = p + e, r = t.rows[n];
+		let n = h + e, r = t.rows[n];
 		return r ? y(r, n) : {
 			cells: [],
 			actions: []
@@ -4692,7 +3922,7 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	}, [
 		t.rows,
 		y,
-		p
+		h
 	]);
 	return /* @__PURE__ */ jsx(Table, {
 		beforeRenderRow: w,
@@ -4718,10 +3948,10 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 			infiniteScroll: !0,
 			footer: { pagination: {
 				rowCount: t.rows.length,
-				selectedPage: c,
+				selectedPage: l,
 				rowsPerPage: {
 					value: a,
-					onChange: (e) => o(Number(e?.target?.value)),
+					onChange: (e) => s(Number(e?.target?.value)),
 					options: [
 						{
 							label: "10 / page",
@@ -4831,7 +4061,210 @@ const Empty = ({ width: e = "auto", height: t = "auto", text: n = "No data", chi
 }), extraSeparators = (e) => e?.split(/;|\t|\n/)?.some((e) => {
 	let t = e?.match(/[.,]/g);
 	return t && t.length > 1;
-}), hasOneComma = (e) => e?.split(/;|\t|\n/)?.some((e) => !e?.includes(".") && e?.match(/,/g)?.length === 1), toast = ({ id: e, message: t = {
+}), hasOneComma = (e) => e?.split(/;|\t|\n/)?.some((e) => !e?.includes(".") && e?.match(/,/g)?.length === 1);
+var isValidLength = (e, t, n) => e >= t - n, isNonPlaceholderUnit = (e) => !!e && e !== "blank" && e.trim() !== "", validateColumnLength = (e, t, n, r, i, a, o) => {
+	let s = [], c = r.filter((e) => e.optionalColumn).length, l = r.length, u = c ? `${l - c} or ${l}` : `${l}`, d = i && a ? 2 : i || a ? 1 : 0;
+	if (i && !isValidLength(e.length, l, c) && s.push(o("incorrectNumberOfFieldNameHeaderColumns", { expectedLengthMessage: u })), a) {
+		let e = r.filter((e) => Array.isArray(e?.validUnits) && e?.validUnits?.some(isNonPlaceholderUnit)).length, n = t?.filter(isNonPlaceholderUnit)?.length, i = r?.filter((e) => e?.optionalColumn || !Array.isArray(e?.validUnits) || e.validUnits.includes("blank"))?.length;
+		isValidLength(n, e, i) || s.push(o("incorrectNumberOfUnitHeaderColumns", { expectedLengthMessage: u }));
+	}
+	return n.length === 0 ? s.push(o("incorrectNumberOfDataColumns", {
+		expectedLengthMessage: u,
+		dataRowStartIndex: d
+	})) : n.forEach((e, t) => {
+		isValidLength(e.length, l, c) || s.push(o("incorrectNumberOfDataColumns", {
+			expectedLengthMessage: u,
+			dataRowStartIndex: d + t
+		}));
+	}), s;
+}, normalize = (e) => e.toUpperCase().replace(/\(.*?\)/g, "").replace(/[^A-Z0-9]/g, "").trim(), defaultFieldNameValidator = ({ value: e, defaultAllowedValues: t }) => {
+	let n = normalize(e);
+	return t?.some((e) => normalize(e).includes(n) || n.includes(normalize(e))) ?? !1;
+}, defaultUnitsValidator = ({ value: e, defaultAllowedValues: t }) => t?.includes(e) ?? !1, validateHeadings = (e, t, n, r, i, a) => {
+	let o = [];
+	if (r) {
+		let r = n.map((e) => e.fieldName).filter(Boolean);
+		e.forEach((i, s) => {
+			let c = n[s];
+			!c || !c?.fieldName || (n[s]?.fieldNameValidator ?? defaultFieldNameValidator)({
+				value: i,
+				defaultAllowedValues: r,
+				columnIndex: s,
+				fields: e,
+				units: t
+			}) || o.push(a("incorrectFieldName", {
+				i: s + 1,
+				correctName: n[s]?.fieldName || a("notExist"),
+				wrongName: i || a("notApplicable")
+			}));
+		});
+	}
+	if (i) {
+		let i = n.map((e) => e?.validUnits), s = r ? 1 : 0;
+		t.forEach((r, c) => {
+			let l = n[c];
+			if (!l) return;
+			let u = l.unitsValidator ?? defaultUnitsValidator, d = i?.[c];
+			u({
+				value: r,
+				defaultAllowedValues: d,
+				columnIndex: c,
+				fields: e,
+				units: t
+			}) || o.push(a("incorrectUnitRow", {
+				unitRowIndex: s,
+				i: c + 1,
+				wrongUnit: r || a("notApplicable"),
+				correctUnit: d?.join(",") || a("notExist")
+			}));
+		});
+	}
+	return o;
+}, validateValues = (e, t, n) => {
+	let r = [];
+	return e.forEach((e, i) => {
+		e.forEach((e, a) => {
+			let o = t[a];
+			if (!o || !o.validator) return;
+			let s = o.validator(e);
+			s && typeof s == "string" && r.push(`${s} ${n("rowColumn", {
+				rowIndex: i + 2,
+				columnIndex: a
+			})}`);
+		});
+	}), r;
+};
+const validate = (e, t, n, r, i, a, o) => {
+	let s = validateColumnLength(e, t, n, r, i, a, o);
+	return s.length === 0 && (s = s.concat(validateHeadings(e, t, r, i, a, o), validateValues(n, r, o))), {
+		isValid: s.length === 0,
+		errors: s
+	};
+}, hasHeaders = (e, t, n) => {
+	let r = (e) => e.replace(/,/g, "."), i = e[0]?.some((e) => isNaN(Number(r(e)))) ?? !1, a = e[1]?.some((e) => isNaN(Number(r(e)))) ?? !1, o = e[0]?.some((e) => t.includes(e)) ?? !1, s = e[0]?.some((e) => n.includes(e)) ?? !1, c = e[1]?.some((e) => n.includes(e)) ?? !1, l = e[0]?.some((e) => !isNaN(Number(r(e)))) ?? !1, u = e[1]?.some((e) => !isNaN(Number(r(e)))) ?? !1;
+	return {
+		hasFieldNameHeader: o || i && !s && !l || i && a && !l,
+		hasUnitHeader: s || c || i && a && !s && !l && !u || i && a && !l && !u
+	};
+}, guessMissingHeaders = (e, { validationRules: t }) => {
+	let n = t?.length === (e?.[0]?.length ?? 0) ? t : t?.filter((e) => !e?.optionalColumn), r = n?.map((e) => e?.fieldName), i = (e) => Array.isArray(e) && e.length ? e[0] : "", a = n?.map((e) => e?.defaultUnit ?? i(e?.validUnits)), o = n?.map((e) => e?.validUnits)?.filter((e) => !!e)?.flat(), { hasFieldNameHeader: s, hasUnitHeader: c } = hasHeaders(e, r, o);
+	return s || e?.unshift(r), c || e?.splice(1, 0, a), {
+		hasFieldNameHeader: s,
+		hasUnitHeader: c
+	};
+}, depthRound = (e) => Math.round(e * 100) / 100;
+var joinArray = (e) => e.join(", ").replace(/,\s*$/, ""), basePapaConfig = {
+	skipEmptyLines: !0,
+	transform: (e) => e?.trim(),
+	delimiter: (e) => {
+		let t = e.substring(0, 200), n = (t.match(/\t/g) ?? []).length, r = (t.match(/;/g) ?? []).length;
+		return n === 0 && r === 0 ? "," : n > r ? "	" : ";";
+	}
+}, allowedMimes = [
+	"text/csv",
+	"text/plain",
+	"application/json",
+	"application/vnd.ms-excel"
+], isAllowedFileType = (e) => allowedMimes.includes(e.type), isFile = (e) => e instanceof File, isJson = (e) => e.trim().startsWith("["), isCustomJson = (e) => {
+	try {
+		return !!JSON.parse(e)?.path;
+	} catch {
+		return !1;
+	}
+};
+const readFile$1 = (e) => new Promise((t, n) => {
+	let r = new FileReader();
+	r.onload = () => t(String(r.result)), r.onerror = n, r.readAsText(e);
+});
+var parseJson = async (e, t, n) => {
+	try {
+		let r = JSON.parse(e);
+		return onCompleteParse({
+			data: r,
+			errors: []
+		}, t, n);
+	} catch (e) {
+		throw Error(`${n("jsonParseFailed")} ${e.message}`);
+	}
+}, parseCustomJson = async (e, t, n) => {
+	try {
+		let r = JSON.parse(e).path.map((e) => [
+			depthRound(e.md),
+			depthRound(e.inclination),
+			depthRound(e.gridAzimuth)
+		]);
+		return r.unshift([
+			"m",
+			"deg",
+			"deg"
+		]), onCompleteParse({
+			data: r,
+			errors: []
+		}, t, n);
+	} catch (e) {
+		throw Error(`${n("jsonParseFailed")} ${e.message}`);
+	}
+};
+const replaceWithDot = (e) => e.replace(",", "."), replaceDataCommasWithDots = (e) => e.map((e) => e.map((e) => replaceWithDot(e)));
+var parseDSV = (e, { importLimit: t,...n }, r) => new Promise((i) => {
+	Papa.parse(e, {
+		...basePapaConfig,
+		preview: t,
+		complete: (e) => {
+			let a = onCompleteParse(e, {
+				importLimit: t,
+				...n
+			}, r);
+			a.rows = replaceDataCommasWithDots(a.rows), i(a);
+		}
+	});
+});
+const parse = async (e, t, n) => {
+	let r = {
+		isValid: !1,
+		fields: [],
+		units: [],
+		rows: [],
+		errors: []
+	};
+	try {
+		if (isFile(e) && !isAllowedFileType(e)) return r.errors.push(`${n("wrongFileFormatExpectedOneOf")} ${joinArray(Array.from(allowedMimes))}`), r;
+		let i = isFile(e) ? await readFile$1(e) : e;
+		return isJson(i) ? await parseJson(i, t, n) : isCustomJson(i) ? await parseCustomJson(i, t, n) : await parseDSV(e, t, n);
+	} catch (e) {
+		return r.errors.push(e.message), r;
+	}
+}, unParse = (e, t, n, r) => {
+	let i = r?.delimiter ?? ",", a = [
+		e,
+		t,
+		...n
+	].filter(Boolean);
+	return Papa.unparse(a, {
+		quotes: !1,
+		header: !0,
+		delimiter: i
+	});
+};
+var onCompleteParse = (e, t, n) => {
+	let { data: r, errors: i } = e, a = {
+		isValid: !1,
+		fields: [],
+		units: [],
+		rows: [],
+		errors: i.map((e) => e.message)
+	};
+	if (i.length > 0) return a;
+	let { hasFieldNameHeader: o, hasUnitHeader: s } = guessMissingHeaders(r, t);
+	a.fields = r[0].map((e) => e.trim()), a.units = r[1].map((e) => e.trim()).filter(Boolean), a.rows = r.slice(2);
+	let { validationRules: c } = t;
+	if (c.length) {
+		let { isValid: e, errors: t } = validate(a.fields, a.units, a.rows, c, o, s, n);
+		a.errors.push(...t), a.isValid = e && t.length === 0;
+	} else a.isValid = a.errors.length === 0;
+	return a;
+};
+const toast = ({ id: e, message: t = {
 	type: MessageType.INFO,
 	content: ""
 }, autoClose: n = 6e3, onClose: r }) => {
@@ -4886,10 +4319,10 @@ var toggle_module_default = {
 	noMargin: "_noMargin_1c9wf_110",
 	helpIconEnabled: "_helpIconEnabled_1c9wf_113"
 };
-const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: s = !1, testId: l, helpText: u, onClickHelp: d, textTransform: f = TextTransform.CAPITALIZE }) => {
+const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d, textTransform: f = TextTransform.CAPITALIZE }) => {
 	let p = useContext(DisabledContext), m = u || d, h = r || p;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(toggle_module_default.toggle, h ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, s ? toggle_module_default.noMargin : null),
+		className: cx(toggle_module_default.toggle, h ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
 		style: { display: i },
 		onClick: (t) => {
 			h || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
@@ -4915,7 +4348,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			})
 		]
 	});
-}, PasteWithReviewModal = ({ config: e, state: t, updateState: n, setModalVisibility: r, onCloseModal: i, readAndParseInput: a, validationRules: o = [], onCompleteImport: c = () => {}, prevalidationConfig: l, t: u, loading: d, startTransition: f, testId: p }) => {
+}, PasteWithReviewModal = ({ config: e, state: t, updateState: n, setModalVisibility: r, onCloseModal: i, readAndParseInput: a, validationRules: s = [], onCompleteImport: c = () => {}, prevalidationConfig: l, t: u, loading: d, startTransition: f, testId: h }) => {
 	let { modalVisibility: { reviewPasteModal: g, pasteModalHelpVisible: _, helpModal: v } } = t, { warningMessage: y, actionButtonLabel: b, changeRulesAction: x, checkPrevalidationNeed: S } = l ?? {}, C = useRef(null), [w, T] = useState(!1), [E, D] = useState({
 		pastedText: "",
 		parsedResult: {
@@ -4936,15 +4369,15 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 	let O = useCallback((t) => {
 		if (t) {
 			let t = SimplifyAP(N?.rows?.map(([e, t]) => [Number(e), Number(t)]), .001).map(([e, t]) => [e.toString(), t.toString()]), n = e.importLimit ?? 1e4, r = {
-				validationRules: o,
+				validationRules: s,
 				importLimit: n
-			}, i = N.fields.slice(0, 2), a = (N.units ?? []).slice(0, 2), s = unParse(i, a, t, r);
+			}, i = N.fields.slice(0, 2), a = (N.units ?? []).slice(0, 2), o = unParse(i, a, t, r);
 			f(() => D({
 				parsedResult: {
 					...N,
 					rows: t
 				},
-				pastedText: s
+				pastedText: o
 			})), C.current = E;
 		} else f(() => {
 			C.current && D(C.current);
@@ -4953,7 +4386,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 	}, [
 		E,
 		n,
-		o
+		s
 	]), k = () => {
 		D({
 			pastedText: "",
@@ -5006,7 +4439,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			]
 		}),
 		_ && /* @__PURE__ */ jsx(Help, {
-			validationRules: o,
+			validationRules: s,
 			t: u
 		}),
 		R ? /* @__PURE__ */ jsx("div", {
@@ -5039,7 +4472,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 							},
 							colored: !0,
 							loading: d,
-							testId: `${p}-paste-from-clipboard-button`
+							testId: `${h}-paste-from-clipboard-button`
 						})
 					]
 				})
@@ -5071,7 +4504,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				} })
 			]
 		}), /* @__PURE__ */ jsx(Table$1, {
-			validationRules: o,
+			validationRules: s,
 			parsedResult: N,
 			updateState: (e) => D((t) => ({
 				...t,
@@ -5098,7 +4531,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 					onClick: () => f(() => j()),
 					disabled: R || !F,
 					loading: d,
-					testId: `${p}-paste-with-review-modal-button-okay`
+					testId: `${h}-paste-with-review-modal-button-okay`
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					label: u("cancel"),
@@ -5144,7 +4577,75 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		return;
 	}
 	return t;
-}, [t, n]), normalizeParsedResult = (e) => {
+}, [t, n]), enTranslations = {
+	cancel: "Cancel",
+	chooseFile: "Choose file",
+	copyDecimalComma: "Copy (decimal comma)",
+	copyDecimalDot: "Copy (decimal dot)",
+	copyToClipboard: "Copy to clipboard",
+	copiedToClipboard: "Copied to clipboard",
+	deleteAllRows: "Delete all rows",
+	downloadFile: "Download file",
+	export: "Export",
+	help: "Help",
+	import: "Import",
+	noFileSelected: "No file selected",
+	notApplicable: "N/A",
+	notExist: "not exist",
+	okay: "Okay",
+	uploadCapitalized: "Upload",
+	uploadFile: "Upload file",
+	pasteShortcutHint: "You can also press Ctrl+V or Command+V to paste from clipboard",
+	pasteFromClipboard: "Paste from clipboard",
+	clipboardIsEmpty: "Clipboard is empty",
+	clipboardReadFailed: "Unable to read data from clipboard. Check formatting or try Paste with Review.",
+	clipboardReadNotAllowed: "Your browser did not allow reading the clipboard. Upgrade browser or try Paste with Review.",
+	pasteSuccessful: "Paste successful",
+	pasteWithReview: "Paste with review",
+	pasteWithReviewRoundBrackets: "Paste (with review)",
+	quickPasteFromClipboard: "Quick paste from clipboard",
+	unableToCopyToClipboard: "Unable to copy to clipboard",
+	fileParsingFailed: "Failed to read or validate the file. Please check the format and try again.",
+	importWarning: "Large data detected: More than 500 rows have been imported. You can choose to import all or downsample for better performance.",
+	importLimitExceeded: "Import failed: The data exceeds the 5000-row limit. Please reduce the number of rows and try again.",
+	importingData: "Importing data",
+	incorrectFieldName: "Incorrect field name (row 0, column {{i}}: has name {{wrongName}}, but should be {{correctName}})",
+	incorrectNumberOfDataColumns: "Incorrect number of data columns, expected {{expectedLengthMessage}} columns in row {{dataRowStartIndex}}",
+	incorrectNumberOfFieldNameHeaderColumns: "Incorrect number of field name header columns, expected {{expectedLengthMessage}} columns in row 0",
+	incorrectNumberOfUnitHeaderColumns: "Incorrect number of unit header columns, expected {{expectedLengthMessage}} columns in row 1",
+	incorrectUnitRow: "Incorrect unit (row {{unitRowIndex}}, column {{i}}: has unit [{{wrongUnit}}], but should be [{{correctUnit}}])",
+	jsonParseFailed: "JSON parse failed",
+	pasteYourTableDataHereToImportIt: "Paste your table data here to import it",
+	rowColumn: "(row {{rowIndex}}, column {{columnIndex}})",
+	theValuesCanBeSeparatedByDifferentDelimiters: "The values can be separated by different delimiters",
+	unableToImportPleaseCorrectError: "Unable to import - {{rows}} rows have errors. Please correct input data and try again.",
+	unableToPrepareExportData: "Unable to prepare export – see console for details.",
+	validInputForPaste: "Valid input for paste.",
+	wrongFileFormatExpectedOneOf: "Wrong file format: expected one of",
+	youCanImportDataByPastingOrByMessage: "You can import data by pasting (e.g. from a spreadsheet), or by uploading a text file ( .txt or .csv ).",
+	commasAsDecimals: "Comma is treated as a decimal separator when it is the only separator",
+	deletePastedContent: "Delete pasted content",
+	downsampled: "Downsampled",
+	downsampleSuccess: "Successfully downsampled from {{from}} rows to {{to}} rows.",
+	downsampleTooltip: "Reduces number of data rows (decimation) using the Ramer–Douglas–Peucker algorithm.",
+	extraSeparators: "Two or more separators detected. Kept only last one as decimal separator, please control your import results",
+	noDataPastedYet: "No data pasted yet.",
+	semicolonSeparatedValues: "Semicolon-separated values",
+	tabSeparatedValues: "Tab-separated values",
+	examples: "Examples",
+	smartUpload_description: "Upload image and extract table content using a LLM",
+	smartUpload_smartUpload: "Smart Upload",
+	toUploadOrImportFromClipboardMessage: "To upload or import from clipboard please select your preferred unit in the table header and upload or paste numbers only for Depth, Inc, Azi. Follow example below"
+}, interpolate = (e, t = {}) => e?.replace(/\{\{(\w+)\}\}/g, (e, n) => t?.[n] === void 0 ? "" : String(t?.[n])), useTranslationMap = (e) => useMemo(() => {
+	let t = Object.keys(enTranslations).reduce((t, n) => {
+		let r = enTranslations?.[n];
+		return t[n] = e?.[n] ?? r, t;
+	}, {});
+	return (e, n) => {
+		let r = t[e];
+		return n ? interpolate(r, n) : r;
+	};
+}, [e]), normalizeParsedResult = (e) => {
 	let { rows: t } = e, n = Array(t.length);
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e], i = Array(r.length);
@@ -5156,16 +4657,16 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		rows: n
 	};
 }, useDataImportActions = ({ config: e, state: t, setState: n, smartUploadConfig: r, startTransition: i }) => {
-	let { exportData: a, beforeExportData: o, importLimit: c = 1e4, translations: l, onImportComplete: u = () => {}, disablePasteSuccessfulToast: d, prevalidationConfig: f, onDeleteRows: p } = e ?? {}, { parsedResult: m } = t, { checkPrevalidationNeed: h } = f ?? {}, g = useTranslationMap(l), _ = useExportData(g, a, o), { parseAndValidate: v, rules: y } = useScopedParseAndValidate(), b = useCallback((e) => {
+	let { exportData: a, beforeExportData: s, importLimit: c = 1e4, validationRules: l = [], translations: u, onImportComplete: d = () => {}, disablePasteSuccessfulToast: f, prevalidationConfig: p, onDeleteRows: m } = e ?? {}, { parsedResult: h } = t, { checkPrevalidationNeed: g } = p ?? {}, _ = useTranslationMap(u), v = useExportData(_, a, s), y = useCallback((e) => {
 		n((t) => ({
 			...t,
 			...e
 		}));
-	}, [n]), x = useCallback(({ name: e, callback: n } = {}) => {
+	}, [n]), b = useCallback(({ name: e, callback: n } = {}) => {
 		let r = { ...t.modalVisibility }, i = !e, a = [];
 		if (i) for (let e of Object.keys(r)) a.push(e), r[e] = !1;
 		else r?.[e] && (a.push(e), r[e] = !1);
-		a?.length > 0 && b({
+		a.length > 0 && y({
 			modalVisibility: r,
 			pastedText: "",
 			parsedResult: {
@@ -5175,9 +4676,9 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				units: [],
 				errors: []
 			}
-		}), typeof n == "function" && a?.length > 0 && n();
-	}, [t.modalVisibility, b]), S = useCallback(() => {
-		i(() => b({
+		}), typeof n == "function" && a.length > 0 && n();
+	}, [t.modalVisibility, y]), x = useCallback(() => {
+		i(() => y({
 			pastedText: "",
 			parsedResult: {
 				isValid: !1,
@@ -5186,52 +4687,55 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				units: [],
 				errors: []
 			}
-		})), p && p?.("all");
-	}, [t.modalVisibility, b]), C = useCallback((e, n) => {
-		b({ modalVisibility: {
+		})), m && m?.("all");
+	}, [t.modalVisibility, y]), S = useCallback((e, n) => {
+		y({ modalVisibility: {
 			...t.modalVisibility,
 			[e]: n
 		} });
-	}, [t.modalVisibility, b]), w = useCallback(async (e) => {
+	}, [t.modalVisibility, y]), C = useCallback(async (e) => {
 		let t = {
-			validationRules: y,
+			validationRules: l,
 			importLimit: c
-		}, n = await v(e, g), r = normalizeParsedResult(n);
-		if (h && h(m)) {
+		}, n = await parse(e, t, _), r = normalizeParsedResult(n);
+		if (g && g(h)) {
 			let { fields: e, units: n, rows: a, isValid: o } = r, s = unParse(e, n ?? [], a, t);
-			return i(() => b({
+			return i(() => y({
 				pastedText: s,
-				parsedResult: m
+				parsedResult: h
 			})), r;
 		}
-		return i(() => b({
+		return i(() => y({
 			pastedText: e,
 			parsedResult: r
 		})), r;
 	}, [
-		y,
+		l,
 		c,
+		_,
 		g,
 		h,
-		m,
-		b
-	]), T = useCallback(async (e) => {
+		y
+	]), w = useCallback(async (e) => {
 		let { fromFile: t, showSuccessToast: n = !0 } = e ?? {}, r;
 		try {
 			if (r = t ? await t.text() : await navigator.clipboard.readText(), !r) {
 				transitionToast({ message: {
 					type: "Error",
-					content: g(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed")
+					content: _(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed")
 				} }, i);
 				return;
 			}
-			let e = await v(r, g), a = normalizeParsedResult(e);
+			let e = await parse(r, {
+				validationRules: l,
+				importLimit: c
+			}, _), a = normalizeParsedResult(e);
 			return a?.isValid || transitionToast({ message: {
 				type: "Error",
-				content: g("clipboardReadFailed")
+				content: _("clipboardReadFailed")
 			} }, i), n && transitionToast({ message: {
 				type: "Success",
-				content: g("pasteSuccessful")
+				content: _("pasteSuccessful")
 			} }, i), {
 				pastedText: r,
 				parsedResult: a
@@ -5239,78 +4743,78 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		} catch (e) {
 			transitionToast({ message: {
 				type: "Error",
-				content: g(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed"),
+				content: _(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed"),
 				details: e.message
 			} }, i);
 			return;
 		}
-	}, [y, c]), E = useCallback(async (e) => {
+	}, [l, c]), T = useCallback(async (e) => {
 		let t = e?.target?.files?.[0];
 		if (!t) return;
-		let n = await t.text(), r = await w(n);
-		r.isValid ? (d || transitionToast({ message: {
+		let n = await t.text(), r = await C(n);
+		r.isValid ? (f || transitionToast({ message: {
 			type: "Success",
-			content: g("pasteSuccessful")
-		} }, i), i(() => u(r))) : transitionToast({ message: {
+			content: _("pasteSuccessful")
+		} }, i), i(() => d(r))) : transitionToast({ message: {
 			type: "Error",
-			content: g("fileParsingFailed")
+			content: _("fileParsingFailed")
 		} }, i);
 	}, [
-		y,
+		l,
 		c,
-		b,
-		u
-	]), D = useCallback(async (e = !0) => {
+		y,
+		d
+	]), E = useCallback(async (e = !0) => {
 		try {
 			let t = await navigator.clipboard.readText();
 			if (!t) {
 				transitionToast({ message: {
 					type: "Error",
-					content: g("clipboardIsEmpty")
+					content: _("clipboardIsEmpty")
 				} }, i);
 				return;
 			}
-			let n = await w(t);
+			let n = await C(t);
 			if (!n.isValid) {
 				transitionToast({ message: {
 					type: "Error",
-					content: g("clipboardReadFailed")
+					content: _("clipboardReadFailed")
 				} }, i);
 				return;
 			}
-			d || transitionToast({ message: {
+			f || transitionToast({ message: {
 				type: "Success",
-				content: g("pasteSuccessful")
-			} }, i), e && i(() => u(n));
+				content: _("pasteSuccessful")
+			} }, i), e && i(() => d(n));
 		} catch {
 			transitionToast({ message: {
 				type: "Error",
-				content: g("clipboardReadNotAllowed")
+				content: _("clipboardReadNotAllowed")
 			} }, i);
 		}
 	}, [
-		y,
+		l,
 		c,
-		g,
-		b,
-		u
-	]), O = useCallback(async (e) => {
-		let t = await _();
+		_,
+		y,
+		d
+	]), D = useCallback(async (e) => {
+		let t = await v();
 		if (!t) return;
-		let { fields: n = [], units: r = [], rows: a = [] } = t, o = (r ?? []).map((e) => e?.length ? e : placeholder$1).slice(0, n?.length), s = (e, t) => t === "comma" ? e.replace(/\./g, ",") : e, c = a.map((t) => t.map((t) => isNullOrUndefined(t) ? "" : s(t.toString(), e))), l = unParse(n, o, c, { delimiter: "	" });
+		let { fields: n = [], units: r = [], rows: a = [] } = t, o = (r ?? []).map((e) => e?.length ? e : placeholder$1).slice(0, n.length), s = (e, t) => t === "comma" ? e.replace(/\./g, ",") : e, c = a.map((t) => t.map((t) => isNullOrUndefined(t) ? "" : s(t.toString(), e))), l = unParse(n, o, c, { delimiter: "	" });
 		try {
 			await navigator.clipboard.writeText(l), transitionToast({ message: {
 				type: "Success",
-				content: g("copiedToClipboard")
+				content: _("copiedToClipboard")
 			} }, i);
 		} catch (e) {
 			transitionToast({ message: {
 				type: "Error",
-				content: g("unableToCopyToClipboard"),
+				content: _("unableToCopyToClipboard"),
 				details: e.message
 			} }, i);
 		}
-	}, [_, g]), k = useCallback((e) => {
+	}, [v, _]), O = useCallback((e) => {
 		if (!e || e.errorMessage) {
 			transitionToast({ message: {
 				type: "Error",
@@ -5325,24 +4829,24 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			rows: n.map((e) => Object.values(e)),
 			errors: []
 		};
-		i(() => b({ parsedResult: a })), i(() => u(a));
+		i(() => y({ parsedResult: a })), i(() => d(a));
 		let { onComplete: o } = r ?? {};
-		typeof o == "function" && o(a), x();
+		typeof o == "function" && o(a), b();
 	}, [
-		b,
-		u,
+		y,
+		d,
 		r
 	]);
 	return {
-		updateState: b,
-		closeModals: x,
-		setModalVisibility: C,
-		readAndParseInput: T,
-		onFileChange: E,
-		onClickQuickPasteFromClipBoard: D,
-		onClickCopyClipboard: O,
-		onSmartUploadResult: k,
-		deleteAllRows: S
+		updateState: y,
+		closeModals: b,
+		setModalVisibility: S,
+		readAndParseInput: w,
+		onFileChange: T,
+		onClickQuickPasteFromClipBoard: E,
+		onClickCopyClipboard: D,
+		onSmartUploadResult: O,
+		deleteAllRows: x
 	};
 }, onClickDownLoad = (e, t) => {
 	let { fields: n, rows: r } = e, i = e.units?.map((e) => e || "blank") ?? [], a = unParse(n, i, r, { delimiter: "	" }), o = new Blob([a], { type: "text/plain" }), s = document.createElement("a");
@@ -5378,167 +4882,165 @@ var initialState = {
 		helpModal: !1
 	}
 };
-const TableImportExport = ({ config: e, smartUploadConfig: t, testId: n, __validationScopeId: r }) => {
-	let { exportData: i, beforeExportData: a, prevalidationConfig: o, validationRules: s, title: c, translations: l, textOnly: u = !1, showImportOptions: d = !0, copyFromClipBoard: f = !0, showDeleteOptions: p = !0, showHelpOption: m = !0, modals: _ = [], dynamicOptions: v, onImportComplete: y } = e ?? {}, b = useValidationScopeId();
-	useRegisterValidationRules(r ?? b, s);
-	let [x, S] = useState(initialState), { modalVisibility: { smartUploadModal: C = !1, reviewPasteModal: w = !1, helpModal: T = !1 } } = x, { enabled: E, prompt: D = "", onClose: O, onError: k, service: A = () => Promise.resolve() } = t ?? {}, j = useTranslationMap(l), M = useExportData(j, i, a), [N, P] = useTransition(), { readAndParseInput: F, updateState: I, closeModals: L, setModalVisibility: R, onFileChange: z, onClickQuickPasteFromClipBoard: B, onClickCopyClipboard: V, onSmartUploadResult: H, deleteAllRows: U } = useDataImportActions({
+const TableImportExport = ({ config: e, smartUploadConfig: t, testId: n }) => {
+	let { exportData: r, beforeExportData: i, prevalidationConfig: a, validationRules: o, title: s, translations: c, textOnly: l = !1, showImportOptions: u = !0, copyFromClipBoard: d = !0, showDeleteOptions: f = !0, showHelpOption: p = !0, modals: g = [], dynamicOptions: _, onImportComplete: v } = e ?? {}, [y, b] = useState(initialState), { modalVisibility: { smartUploadModal: x = !1, reviewPasteModal: S = !1, helpModal: C = !1 } } = y, { enabled: w, prompt: T = "", onClose: E, onError: D, service: O = () => Promise.resolve() } = t ?? {}, k = useTranslationMap(c), A = useExportData(k, r, i), [j, M] = useTransition(), { readAndParseInput: N, updateState: P, closeModals: F, setModalVisibility: I, onFileChange: L, onClickQuickPasteFromClipBoard: R, onClickCopyClipboard: z, onSmartUploadResult: B, deleteAllRows: V } = useDataImportActions({
 		config: e,
-		state: x,
-		setState: S,
+		state: y,
+		setState: b,
 		smartUploadConfig: t,
-		startTransition: P
+		startTransition: M
 	}) ?? {};
-	useKeyboardEvent("Escape", () => L());
-	let W = d ? [
+	useKeyboardEvent("Escape", () => F());
+	let H = u ? [
 		{
 			type: "Option",
-			label: j("uploadFile"),
+			label: k("uploadFile"),
 			upload: !0,
 			uploadType: ".csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-			onChange: z,
+			onChange: L,
 			testId: `${n}-option-upload-file`
 		},
-		...f ? [{
+		...d ? [{
 			type: "Option",
-			label: j("quickPasteFromClipboard"),
-			onClick: B,
+			label: k("quickPasteFromClipboard"),
+			onClick: R,
 			testId: `${n}-option-quick-paste-from-clipboard`
 		}] : [],
-		...f ? [{
+		...d ? [{
 			type: "Option",
-			label: j("pasteWithReview"),
-			onClick: () => R("reviewPasteModal", !w),
+			label: k("pasteWithReview"),
+			onClick: () => I("reviewPasteModal", !S),
 			testId: `${n}-paste-with-review`
 		}] : [],
-		...D && E && t ? [{
+		...T && w && t ? [{
 			type: "Option",
-			label: j("smartUpload_smartUpload"),
-			onClick: () => R("smartUploadModal", !C),
+			label: k("smartUpload_smartUpload"),
+			onClick: () => I("smartUploadModal", !x),
 			testId: `${n}-smart-upload`
 		}] : [],
-		...applyModalHandlers(v?.importOptions ?? [], x, R)
-	] : [], G = [
+		...applyModalHandlers(_?.importOptions ?? [], y, I)
+	] : [], U = [
 		{
 			type: "Option",
-			label: j("downloadFile"),
+			label: k("downloadFile"),
 			onClick: async () => {
-				let e = await M();
-				e && e && onClickDownLoad(e, c);
+				let e = await A();
+				e && e && onClickDownLoad(e, s);
 			}
 		},
-		...u ? [{
+		...l ? [{
 			type: "Option",
-			label: j("copyToClipboard"),
-			onClick: () => V("dot")
+			label: k("copyToClipboard"),
+			onClick: () => z("dot")
 		}] : [{
 			type: "Menu",
 			testId: `${n}-menu-copy-to-clipboard`,
 			menu: {
 				trigger: "Text",
-				label: j("copyToClipboard"),
+				label: k("copyToClipboard"),
 				sections: [{
 					type: "Option",
-					label: j("copyDecimalDot"),
-					onClick: () => V("dot"),
+					label: k("copyDecimalDot"),
+					onClick: () => z("dot"),
 					testId: `${n}-option-copy-decimal-dot`
 				}, {
 					type: "Option",
-					label: j("copyDecimalComma"),
-					onClick: () => V("comma")
+					label: k("copyDecimalComma"),
+					onClick: () => z("comma")
 				}]
 			}
 		}],
-		...applyModalHandlers(v?.exportOptions ?? [], x, R)
-	], K = p ? [{
+		...applyModalHandlers(_?.exportOptions ?? [], y, I)
+	], W = f ? [{
 		type: "Option",
-		label: j("deleteAllRows"),
-		onClick: () => U(),
+		label: k("deleteAllRows"),
+		onClick: () => V(),
 		testId: `${n}-delete-all-rows`
-	}, ...applyModalHandlers(v?.deleteOptions ?? [], x, R)] : [], q = m ? [
+	}, ...applyModalHandlers(_?.deleteOptions ?? [], y, I)] : [], G = p ? [
 		{ type: "Divider" },
 		{
 			type: "Option",
-			label: j("help"),
-			onClick: () => R("helpModal", !T)
+			label: k("help"),
+			onClick: () => I("helpModal", !C)
 		},
-		...applyModalHandlers(v?.helpOptions ?? [], x, R)
-	] : [], J = [
-		...W?.length ? [{
-			section: [...W, ...q],
+		...applyModalHandlers(_?.helpOptions ?? [], y, I)
+	] : [], K = [
+		...H.length ? [{
+			section: [...H, ...G],
 			name: "import-options",
 			iconName: "upload",
-			tooltip: j("import")
+			tooltip: k("import")
 		}] : [],
-		...G?.length ? [{
-			section: G,
+		...U.length ? [{
+			section: U,
 			name: "export-options",
 			iconName: "download",
-			tooltip: j("export")
+			tooltip: k("export")
 		}] : [],
-		...K?.length ? [{
-			section: K,
+		...W.length ? [{
+			section: W,
 			name: "delete-options",
 			iconName: "delete",
-			tooltip: j("deleteAllRows")
+			tooltip: k("deleteAllRows")
 		}] : []
 	];
 	return /* @__PURE__ */ jsxs("span", { children: [
-		N && /* @__PURE__ */ jsx(Spinner, {
+		j && /* @__PURE__ */ jsx(Spinner, {
 			small: !0,
 			dark: !0
 		}),
-		J.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
+		K.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
 			sections: e.section,
 			iconName: e.iconName,
 			tooltip: e.tooltip,
 			testId: `data-${e?.name}-menu`
 		}, t)),
-		w && /* @__PURE__ */ jsx(PasteWithReviewModal, {
+		S && /* @__PURE__ */ jsx(PasteWithReviewModal, {
 			config: e,
-			state: x,
-			updateState: I,
-			setModalVisibility: R,
-			readAndParseInput: F,
-			onCloseModal: L,
-			validationRules: s,
-			onCompleteImport: y,
-			prevalidationConfig: o,
-			t: j,
-			loading: N,
-			startTransition: P,
+			state: y,
+			updateState: P,
+			setModalVisibility: I,
+			readAndParseInput: N,
+			onCloseModal: F,
+			validationRules: o,
+			onCompleteImport: v,
+			prevalidationConfig: a,
+			t: k,
+			loading: j,
+			startTransition: M,
 			testId: n
 		}),
-		T && /* @__PURE__ */ jsx(HelpModal, {
-			visible: T,
-			setModalVisibility: R,
-			validationRules: s,
-			t: j
-		}),
-		E && t && /* @__PURE__ */ jsx(SmartUploadModal, {
+		C && /* @__PURE__ */ jsx(HelpModal, {
 			visible: C,
-			prompt: D,
-			onUpload: A,
-			onCloseModal: () => L({ callback: O }),
-			onComplete: H,
-			onError: k,
-			heading: j("smartUpload_smartUpload"),
-			dialogText: j("smartUpload_description"),
-			fileInputText: j("chooseFile"),
-			fileInputPlaceholder: j("noFileSelected"),
-			uploadText: j("uploadCapitalized"),
-			cancelText: j("cancel"),
+			setModalVisibility: I,
+			validationRules: o,
+			t: k
+		}),
+		w && t && /* @__PURE__ */ jsx(SmartUploadModal, {
+			visible: x,
+			prompt: T,
+			onUpload: O,
+			onCloseModal: () => F({ callback: E }),
+			onComplete: B,
+			onError: D,
+			heading: k("smartUpload_smartUpload"),
+			dialogText: k("smartUpload_description"),
+			fileInputText: k("chooseFile"),
+			fileInputPlaceholder: k("noFileSelected"),
+			uploadText: k("uploadCapitalized"),
+			cancelText: k("cancel"),
 			testId: n
 		}),
 		/* @__PURE__ */ jsx(ModalsRenderer, {
-			modals: _,
-			modalVisibility: x?.modalVisibility,
-			onCloseModal: L,
+			modals: g,
+			modalVisibility: y?.modalVisibility,
+			onCloseModal: F,
 			testId: n
 		})
 	] });
 }, FileButton = ({ file: e, accept: t, multi: n, name: r, disabled: i, onChange: a = noop,...o }) => {
-	let s = useContext(DisabledContext), l = useRef(null), u = () => {
-		i || s || l.current?.click();
+	let c = useContext(DisabledContext), l = useRef(null), u = () => {
+		i || c || l.current?.click();
 	}, d = (e) => {
 		let t = n ? e.target.files : e.target.files?.[0], r = {
 			...e,
@@ -5817,15 +5319,15 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 	},
 	children: e.content
 }) : null, ListSubheading = forwardRef(({ item: e, index: t }, n) => {
-	let r = useContext(DisabledContext), { actions: i, disabled: a, expanded: o, onClick: s, title: l, name: u, icon: d, testId: f } = e;
+	let r = useContext(DisabledContext), { actions: i, disabled: a, expanded: o, onClick: c, title: l, name: u, icon: d, testId: f } = e;
 	return /* @__PURE__ */ jsx("div", {
 		ref: (e) => {
 			n && "current" in n && Array.isArray(n.current) && t !== void 0 && (n.current[t] = e);
 		},
 		"data-testid": f ?? null,
-		className: cx(list_module_default.item, list_module_default.heading, a || r ? list_module_default.disabled : "", s ? list_module_default.action : ""),
+		className: cx(list_module_default.item, list_module_default.heading, a || r ? list_module_default.disabled : "", c ? list_module_default.action : ""),
 		onClick: (e) => {
-			s && s(e);
+			c && c(e);
 		},
 		title: l,
 		children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
@@ -5850,7 +5352,7 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		}) })
 	});
 }), ListRow = forwardRef(({ item: e, index: t, expanding: n, invokeEditOnRowClick: r, draggable: i }, a) => {
-	let o = useContext(DisabledContext), s = (e, t, s, c, l, u) => {
+	let o = useContext(DisabledContext), c = (e, t, s, c, l, u) => {
 		let d = t.actions && t.actions.find((e) => e.label && String(e.label)?.toLowerCase() === "edit"), f = !!(d || t.url || t.onClick), p = t.level && t.level > 1 ? (t.level - 1) * 20 : 0, m = t.component || "a";
 		return /* @__PURE__ */ jsx(m, {
 			href: t.url,
@@ -5904,16 +5406,16 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		item: e,
 		index: t
 	}, t) : i ? ((e, t) => {
-		let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: c } = useSortable({
+		let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = useSortable({
 			id: e.toString(),
 			animateLayoutChanges: () => !1
 		}), l = {
 			transform: CSS.Translate.toString(a),
 			transition: o,
-			opacity: c ? 0 : 1
+			opacity: s ? 0 : 1
 		};
-		return s(e, t, l, n, r, i);
-	})(t, e) : s(t, e);
+		return c(e, t, l, n, r, i);
+	})(t, e) : c(t, e);
 }), ListDragWrapper = ({ children: e, draggable: t, list: n, onListReorder: r }) => {
 	let [i, a] = useState(null), o = (e) => {
 		a(e.active.id);
@@ -5946,9 +5448,9 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		}), document.body)]
 	}) : e;
 }, ListVirtualScrollWrapper = ({ items: e, scrollDetails: t, children: n }) => {
-	let { scrollable: r, hideScrollbar: i, triggerScrollToActiveItem: a, infiniteScroll: o } = t, c = useRef(null), u = useVirtualizer({
+	let { scrollable: r, hideScrollbar: i, triggerScrollToActiveItem: a, infiniteScroll: s } = t, l = useRef(null), u = useVirtualizer({
 		count: e.length,
-		getScrollElement: () => c.current,
+		getScrollElement: () => l.current,
 		estimateSize: useCallback(() => {
 			let t = 37;
 			if (e.length > 0) {
@@ -5970,8 +5472,8 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 			f(t);
 		}
 	}, [a]), /* @__PURE__ */ jsx("div", {
-		className: cx(list_module_default.listContent, r || o ? list_module_default.scrollableList : "", i ? list_module_default.hideScrollbar : ""),
-		ref: c,
+		className: cx(list_module_default.listContent, r || s ? list_module_default.scrollableList : "", i ? list_module_default.hideScrollbar : ""),
+		ref: l,
 		children: /* @__PURE__ */ jsx("div", {
 			className: list_module_default.virtualRows,
 			style: { height: `${u.getTotalSize()}px` },
@@ -6242,12 +5744,12 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 			})
 		]
 	});
-}, RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: s = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
-	let m = useContext(DisabledContext), h = f !== void 0, { simpleInputs: g, options: v, selectedOptions: y } = h ? {
+}, RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: c = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
+	let m = useContext(DisabledContext), h = f !== void 0, { simpleInputs: _, options: v, selectedOptions: y } = h ? {
 		simpleInputs: !1,
 		options: f,
 		selectedOptions: void 0
-	} : standardizeInputs(n, r), b = h || y == null ? void 0 : g ? y : y.value, x = h ? d : t;
+	} : standardizeInputs(n, r), b = h || y == null ? void 0 : _ ? y : y.value, x = h ? d : t;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx(radio_button_module_default.wrapper, u ? radio_button_module_default.inline : null, p === "inline fields" ? radio_button_module_default.inline : null),
 		children: [d && /* @__PURE__ */ jsx("label", {
@@ -6262,7 +5764,7 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 				selected: r,
 				disabled: a || t.disabled || m,
 				small: o,
-				noMargin: s,
+				noMargin: c,
 				onChange: t.disabled ? void 0 : (n) => {
 					h ? l(n.target) : (n.target.name = e, n.target.value = t.value.toString(), n.target.label = t.label.toString(), i && i(n));
 				},
@@ -6339,7 +5841,7 @@ var rich_text_input_module_default = {
 	richTextInput: "_richTextInput_1fb4l_77"
 };
 const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i }, a) => {
-	let o = useContext(DisabledContext), s = r || o, { manager: l, state: d, setState: f, getContext: p } = useRemirror({
+	let o = useContext(DisabledContext), c = r || o, { manager: u, state: d, setState: f, getContext: p } = useRemirror({
 		extensions: () => [
 			new BoldExtension({}),
 			new BulletListExtension({}),
@@ -6356,31 +5858,31 @@ const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disab
 	return useImperativeHandle(a, () => p(), [p]), /* @__PURE__ */ jsx("div", {
 		className: rich_text_input_module_default.richTextInput,
 		children: /* @__PURE__ */ jsxs(Remirror, {
-			manager: l,
+			manager: u,
 			state: d,
 			placeholder: e,
 			onChange: ({ helpers: e, state: n }) => {
 				let r = e.getMarkdown(n);
 				t && t(r), f(n);
 			},
-			editable: !s,
+			editable: !c,
 			children: [/* @__PURE__ */ jsx(RichTextToolbar, {
-				disabled: s,
+				disabled: c,
 				toolbarComponent: i
 			}), /* @__PURE__ */ jsx(EditorComponent, {})]
 		})
 	});
 });
 var row_module_default = { row: "_row_n16je_1" };
-const Row = ({ alignItems: t = "initial", justifyContent: n = "initial", children: r = null, flex: i = !1, height: o = "auto", marginBottom: s = "0", marginTop: c = "0", spacing: l = "var(--padding)", wrap: u = !1, testId: d = null }) => {
+const Row = ({ alignItems: t = "initial", justifyContent: n = "initial", children: r = null, flex: a = !1, height: o = "auto", marginBottom: s = "0", marginTop: c = "0", spacing: l = "var(--padding)", wrap: u = !1, testId: d = null }) => {
 	let f = typeof l == "number" ? `${l}px` : l, p = (r === null || r === !1 ? [] : Array.isArray(r) ? r.filter((e) => isValidElement(e)) : [r]).map((t, n) => /* @__PURE__ */ jsx(React.Fragment, { children: React.cloneElement(t, { spacing: f }) }, n));
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(row_module_default.row),
 		style: {
 			alignItems: t,
 			justifyContent: n,
-			flexGrow: i ? 1 : 0,
-			flexShrink: i ? 1 : 0,
+			flexGrow: a ? 1 : 0,
+			flexShrink: a ? 1 : 0,
 			flexWrap: u ? "wrap" : "nowrap",
 			height: o,
 			marginLeft: `calc(${f} * -0.5)`,
@@ -6530,7 +6032,7 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 }, Content$1 = ({ children: e, activeTabIndex: t, contentPadding: n }) => Array.isArray(e) ? /* @__PURE__ */ jsx("div", {
 	className: cx(n ? tabs_module_default.contentPadding : ""),
 	children: e.map((e, n) => t === n && e)
-}) : null, Tabs = ({ name: e = void 0, options: t = null, children: n = null, value: r = void 0, onChange: i = noop, padding: a = !1, margin: o = !0, contentPadding: s = !0, onChangeTab: l, activeTabIndex: u = void 0, tabs: d = void 0, testId: f }) => {
+}) : null, Tabs = ({ name: e = void 0, options: t = null, children: n = null, value: r = void 0, onChange: i = noop, padding: a = !1, margin: o = !0, contentPadding: c = !0, onChangeTab: l, activeTabIndex: u = void 0, tabs: d = void 0, testId: f }) => {
 	let p = useContext(DisabledContext), m = l !== void 0, h = n ? n.map((e, t) => ({
 		value: t,
 		url: e.props.url,
@@ -6539,11 +6041,11 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 		disabled: e.props.disabled || p,
 		badge: e.props.badge,
 		testId: e.props?.testId && `${e.props.testId}-${t}`
-	})) : t || d, { simpleInputs: g, options: v, selectedOptions: y } = m ? {
+	})) : t || d, { simpleInputs: _, options: v, selectedOptions: y } = m ? {
 		simpleInputs: !1,
 		options: h,
 		selectedOptions: void 0
-	} : standardizeInputs(h, r), b = m || y == null ? void 0 : g ? y : y.value, x = u === void 0 ? v?.findIndex((e) => e.value === b) : u, S = x === -1 ? 0 : x, C = (t, n, r) => {
+	} : standardizeInputs(h, r), b = m || y == null ? void 0 : _ ? y : y.value, x = u === void 0 ? v?.findIndex((e) => e.value === b) : u, S = x === -1 ? 0 : x, C = (t, n, r) => {
 		if (m) {
 			let e = n.key || n.label || null;
 			l(t, e);
@@ -6572,7 +6074,7 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 		children: v.map(w)
 	}), /* @__PURE__ */ jsx(Content$1, {
 		activeTabIndex: S ?? 0,
-		contentPadding: s,
+		contentPadding: c,
 		children: n
 	})] }) : null;
 }, TextLink = ({ children: e, href: t = void 0, target: n = void 0, testId: r, onClick: i, component: a = "a" }) => /* @__PURE__ */ jsx(a, {
@@ -6598,7 +6100,7 @@ var textarea_module_default = {
 	small: "_small_q0tl0_116",
 	monospace: "_monospace_q0tl0_155"
 };
-const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = noop, onKeyPress: s = noop, onFocus: l = noop, onBlur: u = noop, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: g, monospace: v = !1, testId: y }) => {
+const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = noop, onKeyPress: c = noop, onFocus: l = noop, onBlur: u = noop, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1, testId: y }) => {
 	let b = useContext(DisabledContext), x = /* @__PURE__ */ jsx("textarea", {
 		className: cx(textarea_module_default.textarea, f ? textarea_module_default.error : "", p ? textarea_module_default.warning : "", v ? textarea_module_default.monospace : ""),
 		name: e,
@@ -6608,11 +6110,11 @@ const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows:
 		rows: i,
 		onChange: o,
 		disabled: a || b,
-		onKeyPress: s,
+		onKeyPress: c,
 		onFocus: l,
 		onBlur: u,
 		tabIndex: d,
-		style: { resize: g },
+		style: { resize: _ },
 		"data-error": f || null,
 		"data-warning": p || null,
 		"data-testid": y
@@ -6692,9 +6194,9 @@ const Warning = ({ warning: e }) => /* @__PURE__ */ jsx("div", {
 let ElementType = /* @__PURE__ */ function(e) {
 	return e.LINK = "Link", e.BUTTON = "Button", e.MENU = "Menu", e.COMPONENT = "Component", e;
 }({});
-const Link = ({ label: e, url: t, icon: n, onClick: r, active: i, disabled: a, testId: o, component: s = "a" }) => {
+const Link = ({ label: e, url: t, icon: n, onClick: r, active: i, disabled: a, testId: o, component: c = "a" }) => {
 	let l = useContext(DisabledContext);
-	return /* @__PURE__ */ jsxs(s, {
+	return /* @__PURE__ */ jsxs(c, {
 		className: cx(top_bar_module_default.link, i ? top_bar_module_default.active : ""),
 		href: t || "#",
 		to: t,
@@ -6839,16 +6341,16 @@ var tree_module_default = {
 	placeholder: "_placeholder_15yn1_29"
 };
 const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, draggable: o, icons: s, onDrop: c }) => {
-	let { id: l, data: u } = t, { active: d, testId: f, onClick: p, actions: m = [] } = u, [h, g] = React.useState(!1), [v, y] = React.useState(0), b = (e) => {
+	let { id: l, data: u } = t, { active: d, testId: f, onClick: p, actions: m = [] } = u, [h, _] = React.useState(!1), [v, y] = React.useState(0), b = (e) => {
 		e.stopPropagation(), i(l);
 	}, x = (e) => {
-		e.preventDefault(), e.stopPropagation(), h || (g(!0), y((/* @__PURE__ */ new Date()).getTime()));
+		e.preventDefault(), e.stopPropagation(), h || (_(!0), y((/* @__PURE__ */ new Date()).getTime()));
 	}, S = (e) => {
-		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - v > 20 && g(!1);
+		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - v > 20 && _(!1);
 	}, C = (e) => {
 		e.preventDefault(), e.stopPropagation(), a && !r && (/* @__PURE__ */ new Date()).getTime() - v > 200 && b(e);
 	}, w = (e) => {
-		e.preventDefault(), e.stopPropagation(), g(!1), y((/* @__PURE__ */ new Date()).getTime()), c?.(e);
+		e.preventDefault(), e.stopPropagation(), _(!1), y((/* @__PURE__ */ new Date()).getTime()), c?.(e);
 	};
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(list_module_default.item, list_module_default.action, d ? list_module_default.active : "", n > 0 ? list_module_default.indented : "", h ? list_module_default.bordered : ""),
@@ -7076,18 +6578,18 @@ var unit_input_module_default = {
 	predefinedMenuActive: "_predefinedMenuActive_ye9w9_1",
 	inputWrapper: "_inputWrapper_ye9w9_4"
 };
-const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUnit: r = !1, error: i = null, left: a = !1, small: o = !1, width: s = "100%", value: c, unitkey: u = "", initUnit: d, noConversion: p = !1, onChange: m = noop, onClick: g = noop, onFocus: v = noop, onSwitchUnit: y = noop, unitTemplate: b, testId: x, warning: S = null, predefinedOptions: C, initialPredefinedOption: w = !1, shouldLinkAutomaticly: T = !0, selectedPredefinedOptionKey: E, validationCallback: D = () => ({
+const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUnit: r = !1, error: i = null, left: a = !1, small: o = !1, width: s = "100%", value: l, unitkey: u = "", initUnit: f, noConversion: p = !1, onChange: h = noop, onClick: _ = noop, onFocus: v = noop, onSwitchUnit: y = noop, unitTemplate: b, testId: x, warning: S = null, predefinedOptions: C, initialPredefinedOption: w = !1, shouldLinkAutomaticly: T = !0, selectedPredefinedOptionKey: E, validationCallback: D = () => ({
 	name: "",
 	error: null
 }), disabledValidation: O = !1, allowEmpty: k = !1, convertBackToStorageUnit: A = !1, enableCosmeticRounding: j = !0, enableDisplayRounding: M = !1, roundDisplayValue: N, selectOnFocus: P, groupOrder: F, tooltip: I = null }) => {
 	let L = useUnitContext(), R = useRunAfterUpdate();
-	typeof c == "number" && (c = `${c}`);
-	let [z = "", B = ""] = c === void 0 ? [] : split(c), V = useMemo(() => getPreferredUnit(u, b || L?.unitTemplate), [
+	typeof l == "number" && (l = `${l}`);
+	let [z = "", B = ""] = l === void 0 ? [] : split(l), V = useMemo(() => getPreferredUnit(u, b || L?.unitTemplate), [
 		u,
 		b,
 		L?.unitTemplate
-	]), H = isKnownUnit(c, V), U = d || V || B, W = usePrevious(U), { value: G } = safeConvertValue({
-		value: c,
+	]), H = isKnownUnit(l, V), U = f || V || B, W = usePrevious(U), { value: G } = safeConvertValue({
+		value: l,
 		toUnit: U,
 		unitkey: u,
 		defaultFromUnit: B,
@@ -7098,17 +6600,17 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), J = k || K?.value === void 0, [Y, X] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), vf = !!(O || n), yf = C && C.find((e) => {
+	}), kd = k || K?.value === void 0, [J, Ad] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), jd = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
-		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = c } = convertUnit({
-			value: String(c),
+		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
+			value: String(l),
 			unitkey: u,
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), bf = () => {
-		let e = c ?? "", t = K.unit;
+	}), Md = () => {
+		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
 			unitkey: u,
@@ -7121,9 +6623,9 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, xf = (t) => {
+	}, Nd = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
-		m({ target: {
+		h({ target: {
 			value: s,
 			name: n
 		} });
@@ -7134,7 +6636,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, Sf = (e, t) => {
+	}, Pd = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -7145,16 +6647,16 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			let e, t = "";
 			if (W !== U) {
 				let { value: n } = safeConvertValue({
-					value: c,
+					value: l,
 					toUnit: U,
 					unitkey: u,
 					defaultFromUnit: B,
 					doNotConvertValue: p
 				});
 				e = n, t = U;
-			} else if (withUnit(K.value, K.unit) !== c) {
+			} else if (withUnit(K.value, K.unit) !== l) {
 				let { value: n } = safeConvertValue({
-					value: c,
+					value: l,
 					toUnit: K.unit,
 					unitkey: u,
 					defaultFromUnit: B,
@@ -7165,15 +6667,15 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && X(yf && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && Ad(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
-		c,
+		l,
 		i,
 		T
 	]);
-	let Z = bf(), Q = label(K.unit) || K.unit || "", Cf = p || !Z || Z && Z.length === 1, wf = getStringName(e), $, Tf = (t) => {
+	let X = Md(), Z = label(K.unit) || K.unit || "", Fd = p || !X || X && X.length === 1, Q = getStringName(e), $, Id = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -7193,7 +6695,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (X(PredefinedOptionsMenuState.PREDEFINED), m({ target: {
+				validateNumber(i).valid && !n && (Ad(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -7205,25 +6707,25 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				height: "0"
 			})] }),
 			description: o,
-			selected: yf === t && Y === PredefinedOptionsMenuState.PREDEFINED
+			selected: Y === t && J === PredefinedOptionsMenuState.PREDEFINED
 		};
 	};
 	if ($ = [{
 		type: MenuType.OPTION,
 		inline: !0,
 		onClick: () => {
-			Y !== PredefinedOptionsMenuState.CUSTOM && !n && m({ target: {
+			J !== PredefinedOptionsMenuState.CUSTOM && !n && h({ target: {
 				value: withUnit(K.value, K.unit),
 				name: typeof e == "string" ? e : e?.fieldName || ""
 			} });
 		},
 		label: "Custom",
-		selected: Y === PredefinedOptionsMenuState.CUSTOM
+		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(Tf);
+		let e = C.map(Id);
 		$ = [...$, ...e];
 	}
-	let Ef = (e) => {
+	let Ld = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -7235,9 +6737,9 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Df = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Of = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, Rd = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, zd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
-		className: Y === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
+		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
 			small: o,
 			width: s,
@@ -7252,65 +6754,65 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						trigger: "Component",
 						component: /* @__PURE__ */ jsx(Button, {
 							groupOrder: "first",
-							active: Y === PredefinedOptionsMenuState.PREDEFINED,
-							icon: Y === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink",
+							active: J === PredefinedOptionsMenuState.PREDEFINED,
+							icon: J === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink",
 							small: o
 						}),
 						small: o,
 						sections: $
 					},
-					tooltip: Y === PredefinedOptionsMenuState.PREDEFINED ? yf?.label : ""
+					tooltip: J === PredefinedOptionsMenuState.PREDEFINED ? Y?.label : ""
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: unit_input_module_default.inputWrapper,
 					children: /* @__PURE__ */ jsx(NumberInput, {
-						name: wf,
+						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: Ef(t),
+						placeholder: Ld(t),
 						value: K.value,
-						onChange: xf,
+						onChange: Nd,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: J,
-						validationCallback: (e, t) => D(wf, t),
+						allowEmpty: kd,
+						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Df,
-						disableInternalErrorValidationMessages: vf,
+						groupOrder: Rd,
+						disableInternalErrorValidationMessages: jd,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
-					}, wf)
+					}, Q)
 				}),
-				Q && (Cf || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Of,
+				Z && (Fd || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: zd,
 					small: o,
-					children: Q
+					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Of,
+					groupOrder: zd,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
 					tabIndex: -1,
 					menu: {
-						label: Q,
+						label: Z,
 						trigger: "DropDownButton",
 						small: o,
-						sections: Z.map(([e = "", t = "", n]) => {
+						sections: X.map(([e = "", t = "", n]) => {
 							let r = n || t || "", i = isValidNum(e) ? e : "";
 							return {
 								type: "Option",
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), Sf(e, t);
+									n.stopPropagation(), Pd(e, t);
 								},
 								description: r,
-								selected: r === Q,
+								selected: r === Z,
 								testId: `${x}-unit-${r}`
 							};
 						})
@@ -7443,61 +6945,60 @@ var normalizeUnits = (e) => e.reduce(({ preferredUnits: e, storageUnits: t }, {
 		})
 	})) : [];
 };
-const UnitTable = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: o, beforeRenderRow: c, enableMultiSelect: u = !1 }) => {
-	let { headers: d,...f } = e, { storageUnits: p, preferredUnits: m } = normalizeUnits(t), g = usePrevious(m), [_, v] = useState(m), y = ({ unitKey: e, value: n }) => {
-		v({
-			..._,
+const UnitTable = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: s, beforeRenderRow: l }) => {
+	let { headers: u,...d } = e, { storageUnits: f, preferredUnits: p } = normalizeUnits(t), h = usePrevious(p), [g, _] = useState(p), v = ({ unitKey: e, value: n }) => {
+		_({
+			...g,
 			[e]: n
 		});
 		let r = t.find((t) => t.unitKey === e);
 		r && typeof r.onChange == "function" && r.onChange({
-			oldUnit: _[e],
+			oldUnit: g[e],
 			newUnit: n,
 			unitKey: e
 		});
-	}, b = useCallback(({ row: e, rowIndex: t }) => {
-		let a = c ? c({
+	}, y = useCallback(({ row: e, rowIndex: t }) => {
+		let a = l ? l({
 			row: e,
 			rowIndex: t
 		}) : e;
 		return convertRow({
 			row: a,
 			rowIndex: t,
-			selectedUnits: _,
-			storageUnits: p,
+			selectedUnits: g,
+			storageUnits: f,
 			convertBackToStorageUnit: n,
 			enableCosmeticRounding: r,
 			enableDisplayRounding: i
 		});
 	}, [
-		_,
-		p,
+		g,
+		f,
 		n,
 		r,
 		i
 	]);
 	return useEffect(() => {
-		isEqual(m, g) || Object.keys(m).forEach((e) => {
-			let t = g?.[e], n = m[e];
-			t !== n && y({
+		isEqual(p, h) || Object.keys(p).forEach((e) => {
+			let t = h?.[e], n = p[e];
+			t !== n && v({
 				unitKey: e,
 				value: n
 			});
 		});
 	}, [t]), /* @__PURE__ */ jsx(Table, {
 		table: {
-			...f,
+			...d,
 			headers: convertHeaderRows({
 				headers: e.headers,
-				selectedUnits: _,
-				storageUnits: p,
-				onChangeUnit: y
+				selectedUnits: g,
+				storageUnits: f,
+				onChangeUnit: v
 			})
 		},
 		onListReorder: a,
-		canListReorder: o,
-		beforeRenderRow: b,
-		enableMultiSelect: u
+		canListReorder: s,
+		beforeRenderRow: y
 	});
 };
 var setting_field_module_default = { settingField: "_settingField_1x02n_1" };
@@ -7570,7 +7071,7 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 	}, [n]);
 	let s = ({ target: { value: e } }) => {
 		a(e);
-	}, { added: c, removed: u } = renderLinesCount(e, t), d = c + u > 3500;
+	}, { added: l, removed: u } = renderLinesCount(e, t), d = l + u > 3500;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Card, {
 		bordered: !0,
 		heading: /* @__PURE__ */ jsxs(Flex, {
@@ -7579,7 +7080,7 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 				success: !0,
 				children: [
 					"+",
-					c,
+					l,
 					" "
 				]
 			}), /* @__PURE__ */ jsxs(Text, {
@@ -8988,25 +8489,27 @@ const createDiffJson = (e, t, n) => {
 		oldJson: a,
 		newJson: o
 	};
-}, ChangesOverview = ({ sectionNames: e, diffs: t }) => {
-	let n = {
+}, ChangesOverview = ({ sectionNames: e, userName: t, diffs: n }) => {
+	let r = {
 		headers: [{ cells: [
+			{ value: "Modified By" },
 			{ value: "Type" },
 			{ value: "Before" },
 			{ value: "After" },
 			{ value: "" }
 		] }],
-		rows: t.map((t) => {
-			let { deltaFormat: n, path: r } = t, i = getSectionName(e, r), { type: a, before: o, after: s } = defaultMessage(n);
+		rows: n.map((n) => {
+			let { deltaFormat: r, path: i } = n, a = getSectionName(e, i), { type: o, before: s, after: c } = defaultMessage(r);
 			return { cells: [
-				{ value: a },
+				{ value: t },
 				{ value: o },
 				{ value: s },
-				{ value: i }
+				{ value: c },
+				{ value: a }
 			] };
 		})
 	};
-	return /* @__PURE__ */ jsx(Table, { table: n });
+	return /* @__PURE__ */ jsx(Table, { table: r });
 }, viewTypes = Object.freeze({
 	summary: {
 		label: "Summary",
@@ -9047,6 +8550,7 @@ const ComparisonViewModal = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, se
 				options: s,
 				value: c
 			}), c.value === "summary" ? /* @__PURE__ */ jsx(ChangesOverview, {
+				userName: e.userName,
 				sectionNames: i,
 				diffs: transformDiffs(o)
 			}) : /* @__PURE__ */ jsx(DiffViewer, {
@@ -9063,7 +8567,7 @@ const ComparisonViewModal = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, se
 		} })
 	});
 }, AuditLog = ({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, sectionNames: o, filterToggles: s = [], onChangeRowsPerPage: c, onSelectPage: l }) => {
-	let [u, d] = useState(!1), [f, p] = useState(null), m = [
+	let [u, d] = useState(!1), [f, p] = useState(null), h = [
 		{
 			label: "10 / page",
 			value: 10
@@ -9157,7 +8661,7 @@ const ComparisonViewModal = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, se
 						let { value: t } = e.target;
 						c(Number(t));
 					},
-					options: m,
+					options: h,
 					value: a
 				},
 				onSelectPage: (e) => l(e),