synapse-react-client 4.0.45 → 4.0.47

package/dist/components/DataGrid/columns/AutocompleteColumn.js

@@ -1,12 +1,12 @@
 import e from "../utils/parseFreeTextUsingJsonSchemaType.js";
 import { useGridAutocompleteState as t } from "./useGridAutocompleteState.js";
-import { memo as n, useEffect as r, useLayoutEffect as ee, useRef as te, useState as ne } from "react";
-import { isNil as re } from "lodash-es";
-import { Autocomplete as ie, TextField as ae } from "@mui/material";
-import { jsx as oe } from "react/jsx-runtime";
-import { c as se } from "react/compiler-runtime";
+import { memo as n, useEffect as r, useLayoutEffect as i, useRef as ee, useState as te } from "react";
+import { isNil as ne } from "lodash-es";
+import { Autocomplete as re, TextField as ie } from "@mui/material";
+import { jsx as a } from "react/jsx-runtime";
+import { c as ae } from "react/compiler-runtime";
 //#region src/components/DataGrid/columns/AutocompleteColumn.tsx
-var ce = {
+var oe = {
 	width: "100%",
 	height: "100%",
 	"& .MuiTextField-root .MuiInputBase-root": {
@@ -21,148 +21,154 @@ var ce = {
 	},
 	"& .MuiFormControl-root": { height: "100%" }
 };
-function i(e) {
-	return re(e) ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
+function se(t, n, r) {
+	return r ? r(t) : e(t, n);
 }
-function le(e, t) {
+function o(e) {
+	return ne(e) ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
+}
+function ce(e, t) {
 	return e == null || typeof e == "string" && e.trim() === "" ? t : e;
 }
-function a(n) {
-	let a = se(61), { rowData: o, setRowData: s, choices: c, colType: l, focus: u, stopEditing: d, active: f, clearValue: de } = n, p = de === void 0 ? void 0 : de, m = te(s), h;
-	a[0] === s ? h = a[1] : (h = () => {
-		m.current = s;
-	}, a[0] = s, a[1] = h), ee(h);
-	let g = te(d), _;
-	a[2] === d ? _ = a[3] : (_ = () => {
-		g.current = d;
-	}, a[2] = d, a[3] = _), ee(_);
-	let v;
-	a[4] === o ? v = a[5] : (v = i(o), a[4] = o, a[5] = v);
-	let y = v, [b, fe] = ne(y), x;
-	a[6] !== p || a[7] !== l || a[8] !== b || a[9] !== y ? (x = () => {
-		if (b !== y) {
-			let t = e(b, l);
-			m.current(le(t, p));
+function s(e) {
+	let n = ae(64), { rowData: s, setRowData: c, choices: l, colType: u, parseFreeText: ue, focus: d, stopEditing: f, active: p, clearValue: de } = e, m = de === void 0 ? void 0 : de, h = ee(c), g;
+	n[0] === c ? g = n[1] : (g = () => {
+		h.current = c;
+	}, n[0] = c, n[1] = g), i(g);
+	let _ = ee(f), v;
+	n[2] === f ? v = n[3] : (v = () => {
+		_.current = f;
+	}, n[2] = f, n[3] = v), i(v);
+	let y;
+	n[4] === s ? y = n[5] : (y = o(s), n[4] = s, n[5] = y);
+	let b = y, [x, fe] = te(b), S;
+	n[6] !== u || n[7] !== ue ? (S = (e) => se(e, u, ue), n[6] = u, n[7] = ue, n[8] = S) : S = n[8];
+	let C = S, w;
+	n[9] !== m || n[10] !== x || n[11] !== C || n[12] !== b ? (w = () => {
+		if (x !== b) {
+			let e = C(x);
+			h.current(ce(e, m));
 		}
-	}, a[6] = p, a[7] = l, a[8] = b, a[9] = y, a[10] = x) : x = a[10];
-	let S;
-	a[11] !== f || a[12] !== u || a[13] !== d || a[14] !== x ? (S = {
-		active: f,
-		focus: u,
-		stopEditing: d,
-		onDeactivate: x
-	}, a[11] = f, a[12] = u, a[13] = d, a[14] = x, a[15] = S) : S = a[15];
-	let { menuIsOpen: C, inputRef: w, handleListboxMouseDown: T, notifyOptionCommitted: E, handleMenuOpen: D, handleClose: O, handlePopupIndicatorMouseDown: k } = t(S), A, j;
-	a[16] !== u || a[17] !== y ? (A = () => {
-		u || fe(y);
-	}, j = [u, y], a[16] = u, a[17] = y, a[18] = A, a[19] = j) : (A = a[18], j = a[19]), r(A, j);
-	let M;
-	a[20] === o ? M = a[21] : (M = !re(o) && o !== "", a[20] = o, a[21] = M);
-	let pe = M, N = u ? void 0 : "none", P;
-	a[22] === N ? P = a[23] : (P = {
+	}, n[9] = m, n[10] = x, n[11] = C, n[12] = b, n[13] = w) : w = n[13];
+	let T;
+	n[14] !== p || n[15] !== d || n[16] !== f || n[17] !== w ? (T = {
+		active: p,
+		focus: d,
+		stopEditing: f,
+		onDeactivate: w
+	}, n[14] = p, n[15] = d, n[16] = f, n[17] = w, n[18] = T) : T = n[18];
+	let { menuIsOpen: pe, inputRef: me, handleListboxMouseDown: E, notifyOptionCommitted: D, handleMenuOpen: O, handleClose: k, handlePopupIndicatorMouseDown: A } = t(T), j, M;
+	n[19] !== d || n[20] !== b ? (j = () => {
+		d || fe(b);
+	}, M = [d, b], n[19] = d, n[20] = b, n[21] = j, n[22] = M) : (j = n[21], M = n[22]), r(j, M);
+	let N;
+	n[23] === s ? N = n[24] : (N = !ne(s) && s !== "", n[23] = s, n[24] = N);
+	let he = N, P = d ? void 0 : "none", F;
+	n[25] === P ? F = n[26] : (F = {
 		padding: "0 10px",
 		backgroundColor: "inherit",
-		pointerEvents: N
-	}, a[22] = N, a[23] = P);
-	let F = f ? "visible" : "hidden", I;
-	a[24] === F ? I = a[25] : (I = {
-		visibility: F,
+		pointerEvents: P
+	}, n[25] = P, n[26] = F);
+	let I = p ? "visible" : "hidden", L;
+	n[27] === I ? L = n[28] : (L = {
+		visibility: I,
 		pointerEvents: "auto"
-	}, a[24] = F, a[25] = I);
-	let L = f ? "visible" : "hidden", R;
-	a[26] === L ? R = a[27] : (R = {
-		visibility: L,
+	}, n[27] = I, n[28] = L);
+	let R = p ? "visible" : "hidden", z;
+	n[29] === R ? z = n[30] : (z = {
+		visibility: R,
 		pointerEvents: "auto"
-	}, a[26] = L, a[27] = R);
-	let z, B;
-	a[28] === Symbol.for("react.memo_cache_sentinel") ? (z = { visibility: "visible" }, B = { visibility: "visible" }, a[28] = z, a[29] = B) : (z = a[28], B = a[29]);
-	let V;
-	a[30] !== P || a[31] !== I || a[32] !== R ? (V = {
-		...ce,
-		"& .MuiAutocomplete-inputRoot": P,
-		"& .MuiAutocomplete-clearIndicator": I,
-		"& .MuiAutocomplete-popupIndicator": R,
-		"&:hover .MuiAutocomplete-clearIndicator": z,
-		"&:hover .MuiAutocomplete-popupIndicator": B
-	}, a[30] = P, a[31] = I, a[32] = R, a[33] = V) : V = a[33];
-	let H = V, U;
-	a[34] === Symbol.for("react.memo_cache_sentinel") ? (U = (e) => {
-		e.key === "Tab" ? (e.preventDefault(), g.current({ nextRow: !1 })) : e.key === "Enter" && (e.preventDefault(), g.current({ nextRow: !0 }));
-	}, a[34] = U) : U = a[34];
-	let me = U, W;
-	a[35] !== p || a[36] !== l || a[37] !== E ? (W = (t, n, r) => {
-		if (E(), r === "clear") m.current(p);
-		else if (r === "createOption") {
-			let t = e(n, l);
-			m.current(le(t, p));
-		} else m.current(n);
+	}, n[29] = R, n[30] = z);
+	let B, V;
+	n[31] === Symbol.for("react.memo_cache_sentinel") ? (B = { visibility: "visible" }, V = { visibility: "visible" }, n[31] = B, n[32] = V) : (B = n[31], V = n[32]);
+	let H;
+	n[33] !== F || n[34] !== L || n[35] !== z ? (H = {
+		...oe,
+		"& .MuiAutocomplete-inputRoot": F,
+		"& .MuiAutocomplete-clearIndicator": L,
+		"& .MuiAutocomplete-popupIndicator": z,
+		"&:hover .MuiAutocomplete-clearIndicator": B,
+		"&:hover .MuiAutocomplete-popupIndicator": V
+	}, n[33] = F, n[34] = L, n[35] = z, n[36] = H) : H = n[36];
+	let U = H, W;
+	n[37] === Symbol.for("react.memo_cache_sentinel") ? (W = (e) => {
+		e.key === "Tab" ? (e.preventDefault(), _.current({ nextRow: !1 })) : e.key === "Enter" && (e.preventDefault(), _.current({ nextRow: !0 }));
+	}, n[37] = W) : W = n[37];
+	let ge = W, G;
+	n[38] !== m || n[39] !== D || n[40] !== C ? (G = (e, t, n) => {
+		if (D(), n === "clear") h.current(m);
+		else if (n === "createOption") {
+			let e = C(t);
+			h.current(ce(e, m));
+		} else h.current(t);
 		setTimeout(() => {
-			g.current({ nextRow: !1 });
+			_.current({ nextRow: !1 });
 		}, 0);
-	}, a[35] = p, a[36] = l, a[37] = E, a[38] = W) : W = a[38];
-	let G = W, K = !pe, q = o, J;
-	a[39] === Symbol.for("react.memo_cache_sentinel") ? (J = (e, t) => {
+	}, n[38] = m, n[39] = D, n[40] = C, n[41] = G) : G = n[41];
+	let K = G, q = !he, _e = s, J;
+	n[42] === Symbol.for("react.memo_cache_sentinel") ? (J = (e, t) => {
 		fe(t);
-	}, a[39] = J) : J = a[39];
+	}, n[42] = J) : J = n[42];
 	let Y;
-	a[40] === T ? Y = a[41] : (Y = { onMouseDown: T }, a[40] = T, a[41] = Y);
+	n[43] === E ? Y = n[44] : (Y = { onMouseDown: E }, n[43] = E, n[44] = Y);
 	let X;
-	a[42] === k ? X = a[43] : (X = { onMouseDown: k }, a[42] = k, a[43] = X);
+	n[45] === A ? X = n[46] : (X = { onMouseDown: A }, n[45] = A, n[46] = X);
 	let Z;
-	a[44] !== Y || a[45] !== X ? (Z = {
+	n[47] !== Y || n[48] !== X ? (Z = {
 		listbox: Y,
 		popupIndicator: X
-	}, a[44] = Y, a[45] = X, a[46] = Z) : Z = a[46];
+	}, n[47] = Y, n[48] = X, n[49] = Z) : Z = n[49];
 	let Q;
-	a[47] === w ? Q = a[48] : (Q = (e) => /* @__PURE__ */ oe(ae, {
+	n[50] === me ? Q = n[51] : (Q = (e) => /* @__PURE__ */ a(ie, {
 		...e,
-		inputRef: w
-	}), a[47] = w, a[48] = Q);
+		inputRef: me
+	}), n[50] = me, n[51] = Q);
 	let $;
-	return a[49] !== H || a[50] !== c || a[51] !== G || a[52] !== O || a[53] !== D || a[54] !== b || a[55] !== C || a[56] !== K || a[57] !== q || a[58] !== Z || a[59] !== Q ? ($ = /* @__PURE__ */ oe(ie, {
-		open: C,
-		onOpen: D,
+	return n[52] !== U || n[53] !== l || n[54] !== K || n[55] !== k || n[56] !== O || n[57] !== x || n[58] !== pe || n[59] !== q || n[60] !== _e || n[61] !== Z || n[62] !== Q ? ($ = /* @__PURE__ */ a(re, {
+		open: pe,
+		onOpen: O,
 		forcePopupIcon: !0,
-		disableClearable: K,
+		disableClearable: q,
 		freeSolo: !0,
 		disablePortal: !1,
-		options: c,
+		options: l,
 		selectOnFocus: !0,
-		getOptionLabel: ue,
-		value: q,
-		inputValue: b,
+		getOptionLabel: le,
+		value: _e,
+		inputValue: x,
 		onInputChange: J,
-		onKeyDown: me,
-		onClose: O,
-		onChange: G,
+		onKeyDown: ge,
+		onClose: k,
+		onChange: K,
 		blurOnSelect: !0,
 		slotProps: Z,
 		renderInput: Q,
-		sx: H
-	}), a[49] = H, a[50] = c, a[51] = G, a[52] = O, a[53] = D, a[54] = b, a[55] = C, a[56] = K, a[57] = q, a[58] = Z, a[59] = Q, a[60] = $) : $ = a[60], $;
+		sx: U
+	}), n[52] = U, n[53] = l, n[54] = K, n[55] = k, n[56] = O, n[57] = x, n[58] = pe, n[59] = q, n[60] = _e, n[61] = Z, n[62] = Q, n[63] = $) : $ = n[63], $;
 }
-function ue(e) {
-	return i(e);
+function le(e) {
+	return o(e);
 }
-function o(e, t) {
-	return e.rowData === t.rowData && e.choices === t.choices && e.colType === t.colType && e.focus === t.focus && e.active === t.active && e.clearValue === t.clearValue;
+function c(e, t) {
+	return e.rowData === t.rowData && e.choices === t.choices && e.colType === t.colType && e.parseFreeText === t.parseFreeText && e.focus === t.focus && e.active === t.active && e.clearValue === t.clearValue;
 }
-var s = n(a, o);
-function c({ choices: e, colType: t, clearValue: n }) {
+var l = n(s, c);
+function u({ choices: e, colType: t, parseFreeText: n, clearValue: r }) {
 	return {
-		component: ((r) => /* @__PURE__ */ oe(s, {
-			...r,
+		component: ((i) => /* @__PURE__ */ a(l, {
+			...i,
 			choices: e,
 			colType: t,
-			clearValue: n
+			parseFreeText: n,
+			clearValue: r
 		})),
 		copyValue: ({ rowData: e }) => e,
-		pasteValue: ({ value: e }) => e,
+		pasteValue: ({ value: e }) => se(e, t, n),
 		disableKeys: !0,
 		keepFocus: !0
 	};
 }
 //#endregion
-export { a as AutocompleteCell, s as MemoizedAutocompleteCell, o as areAutocompleteCellPropsEqual, c as autocompleteColumn, i as castCellValueToString };
+export { s as AutocompleteCell, l as MemoizedAutocompleteCell, c as areAutocompleteCellPropsEqual, u as autocompleteColumn, o as castCellValueToString };
 
 //# sourceMappingURL=AutocompleteColumn.js.map

package/dist/components/DataGrid/columns/AutocompleteColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteColumn.js","names":["parseFreeTextGivenJsonSchemaType","Autocomplete","AutocompleteChangeReason","SxProps","TextField","Theme","JSONSchema7Type","isNil","memo","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","CellComponent","CellProps","Column","useGridAutocompleteState","AUTOCOMPLETE_BASE_SX","width","height","padding","backgroundColor","borderRadius","AutocompleteOption","Record","Array","AutocompleteCellProps","rowData","setRowData","value","choices","colType","clearValue","castCellValueToString","toCast","JSON","stringify","String","commitParsedValue","parsed","undefined","trim","AutocompleteCell","t0","$","_c","focus","stopEditing","active","t1","setRowDataRef","t2","current","stopEditingRef","t3","t4","rowDataAsString","localInputState","setLocalInputState","t5","t6","onDeactivate","menuIsOpen","inputRef","handleListboxMouseDown","notifyOptionCommitted","handleMenuOpen","handleClose","handlePopupIndicatorMouseDown","t7","t8","t9","hasValue","t10","t11","pointerEvents","t12","t13","visibility","t14","t15","t16","t17","Symbol","for","t18","autocompleteSx","t19","e","key","preventDefault","nextRow","handleKeyDown","t20","_e","newVal","reason","parsed_0","setTimeout","handleChange","t21","t22","t23","_","newInputValue","t24","onMouseDown","t25","t26","listbox","popupIndicator","t27","params","t28","_temp","option","areAutocompleteCellPropsEqual","prevProps","nextProps","MemoizedAutocompleteCell","AutocompleteColumnProps","autocompleteColumn","Partial","component","props","Omit","copyValue","pasteValue","disableKeys","keepFocus"],"sources":["../../../../src/components/DataGrid/columns/AutocompleteColumn.tsx"],"sourcesContent":["import parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Autocomplete,\n  AutocompleteChangeReason,\n  SxProps,\n  TextField,\n  Theme,\n} from '@mui/material'\nimport { JSONSchema7Type } from 'json-schema'\nimport { isNil } from 'lodash-es'\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { useGridAutocompleteState } from './useGridAutocompleteState'\n\n// Static styles extracted to avoid recreation on every render\nconst AUTOCOMPLETE_BASE_SX: SxProps<Theme> = {\n  width: '100%',\n  height: '100%',\n  '& .MuiTextField-root .MuiInputBase-root': {\n    height: '100%',\n    padding: '0 10px',\n    backgroundColor: 'inherit',\n    borderRadius: 0,\n  },\n  '& .MuiAutocomplete-inputRoot': {\n    padding: '0 10px',\n    backgroundColor: 'inherit',\n  },\n  '& .MuiFormControl-root': { height: '100%' },\n}\n\nexport type AutocompleteOption =\n  | string\n  | number\n  | boolean\n  | null\n  | Record<string, unknown>\n  | Array<unknown>\n\nexport type AutocompleteCellProps = CellProps & {\n  rowData: AutocompleteOption\n  setRowData: (value: AutocompleteOption) => void\n  choices: AutocompleteOption[]\n  colType?: JSONSchema7Type\n  clearValue?: undefined | null\n}\n\nexport function castCellValueToString(toCast: any): string {\n  if (isNil(toCast)) {\n    return ''\n  }\n  if (typeof toCast === 'object') {\n    return JSON.stringify(toCast)\n  }\n  return String(toCast)\n}\n\n// Free-text typed/pasted into the cell parses to \"\" for empty input. Committing\n// \"\" leaves the cell as an empty string, which fails enum validation with a\n// terse \"is not a valid enum value\" message. Substitute the column's clearValue\n// (null for required, undefined for optional) so the commit path matches the\n// X-button clear path and the validator surfaces the substantive message.\nfunction commitParsedValue(\n  parsed: unknown,\n  clearValue: undefined | null,\n): unknown {\n  if (\n    parsed === null ||\n    parsed === undefined ||\n    (typeof parsed === 'string' && parsed.trim() === '')\n  ) {\n    return clearValue\n  }\n  return parsed\n}\n\nexport function AutocompleteCell({\n  rowData,\n  setRowData,\n  choices,\n  colType,\n  focus,\n  stopEditing,\n  active,\n  clearValue = undefined,\n}: AutocompleteCellProps) {\n  // Stable refs so memo(AutocompleteCell) can use default shallow comparison —\n  // react-datasheet-grid recreates these functions on every render, but their\n  // behavior is stable for a given cell position.\n  const setRowDataRef = useRef(setRowData)\n  useLayoutEffect(() => {\n    setRowDataRef.current = setRowData\n  })\n  const stopEditingRef = useRef(stopEditing)\n  useLayoutEffect(() => {\n    stopEditingRef.current = stopEditing\n  })\n\n  const rowDataAsString = castCellValueToString(rowData)\n  const [localInputState, setLocalInputState] =\n    useState<string>(rowDataAsString)\n\n  const {\n    menuIsOpen,\n    inputRef,\n    handleListboxMouseDown,\n    notifyOptionCommitted,\n    handleMenuOpen,\n    handleClose,\n    handlePopupIndicatorMouseDown,\n  } = useGridAutocompleteState({\n    active,\n    focus,\n    stopEditing,\n    onDeactivate: () => {\n      if (localInputState !== rowDataAsString) {\n        // Commit any free-typed text that hasn't been saved yet\n        const parsed = parseFreeTextGivenJsonSchemaType(\n          localInputState,\n          colType,\n        )\n        setRowDataRef.current(\n          commitParsedValue(parsed, clearValue) as AutocompleteOption,\n        )\n      }\n    },\n  })\n\n  // Sync localInputState with rowData whenever the cell isn't being edited.\n  // Covers: deletes/cuts from active-but-not-focused state, Escape (grid flips\n  // focus=false while active stays true, so the gate must allow this case),\n  // and post-commit cleanup after the cell exits edit mode.\n  useEffect(() => {\n    if (!focus) {\n      setLocalInputState(rowDataAsString)\n    }\n  }, [focus, rowDataAsString])\n\n  const hasValue = !isNil(rowData) && rowData !== ''\n\n  // Memoize sx to avoid recreation — dynamic styles change based on active/focus state\n  const autocompleteSx = useMemo<SxProps<Theme>>(\n    () => ({\n      ...AUTOCOMPLETE_BASE_SX,\n      '& .MuiAutocomplete-inputRoot': {\n        padding: '0 10px',\n        backgroundColor: 'inherit',\n        pointerEvents: focus ? undefined : 'none',\n      },\n      '& .MuiAutocomplete-clearIndicator': {\n        visibility: active ? 'visible' : 'hidden',\n        pointerEvents: 'auto',\n      },\n      '& .MuiAutocomplete-popupIndicator': {\n        visibility: active ? 'visible' : 'hidden',\n        pointerEvents: 'auto',\n      },\n      '&:hover .MuiAutocomplete-clearIndicator': {\n        visibility: 'visible',\n      },\n      '&:hover .MuiAutocomplete-popupIndicator': {\n        visibility: 'visible',\n      },\n    }),\n    [active, focus],\n  )\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Tab') {\n      e.preventDefault()\n      stopEditingRef.current({ nextRow: false })\n    } else if (e.key === 'Enter') {\n      e.preventDefault()\n      stopEditingRef.current({ nextRow: true })\n    }\n  }, [])\n\n  const handleChange = useCallback(\n    (\n      _e: React.SyntheticEvent,\n      newVal: unknown,\n      reason: AutocompleteChangeReason,\n    ) => {\n      notifyOptionCommitted()\n      if (reason === 'clear') {\n        setRowDataRef.current(clearValue)\n      } else if (reason === 'createOption') {\n        // The user typed an option that wasn't a defined enum — cast to correct type\n        const parsed = parseFreeTextGivenJsonSchemaType(\n          newVal as string,\n          colType,\n        )\n        setRowDataRef.current(\n          commitParsedValue(parsed, clearValue) as AutocompleteOption,\n        )\n      } else {\n        setRowDataRef.current(newVal as AutocompleteOption)\n      }\n      setTimeout(() => {\n        stopEditingRef.current({ nextRow: false })\n      }, 0)\n    },\n    [clearValue, colType, notifyOptionCommitted],\n  )\n\n  return (\n    <Autocomplete\n      open={menuIsOpen}\n      onOpen={handleMenuOpen}\n      forcePopupIcon={true}\n      disableClearable={!hasValue}\n      freeSolo={true}\n      disablePortal={false}\n      options={choices}\n      selectOnFocus\n      getOptionLabel={option => castCellValueToString(option)}\n      value={rowData as AutocompleteOption}\n      inputValue={localInputState}\n      onInputChange={(_, newInputValue) => {\n        setLocalInputState(newInputValue)\n      }}\n      onKeyDown={handleKeyDown}\n      onClose={handleClose}\n      onChange={handleChange}\n      blurOnSelect={true}\n      slotProps={{\n        listbox: { onMouseDown: handleListboxMouseDown },\n        popupIndicator: { onMouseDown: handlePopupIndicatorMouseDown },\n      }}\n      renderInput={params => <TextField {...params} inputRef={inputRef} />}\n      sx={autocompleteSx}\n    />\n  )\n}\n\n// Memoize the cell component to prevent unnecessary re-renders.\n// react-datasheet-grid provides new setRowData/stopEditing function instances\n// on each render, so we must ignore those callback identities here and only\n// compare the props that affect rendering.\nexport function areAutocompleteCellPropsEqual(\n  prevProps: AutocompleteCellProps,\n  nextProps: AutocompleteCellProps,\n) {\n  return (\n    prevProps.rowData === nextProps.rowData &&\n    prevProps.choices === nextProps.choices &&\n    prevProps.colType === nextProps.colType &&\n    prevProps.focus === nextProps.focus &&\n    prevProps.active === nextProps.active &&\n    prevProps.clearValue === nextProps.clearValue\n  )\n}\n\nexport const MemoizedAutocompleteCell = memo(\n  AutocompleteCell,\n  areAutocompleteCellPropsEqual,\n)\nexport type AutocompleteColumnProps = {\n  choices: AutocompleteOption[]\n  colType?: JSONSchema7Type\n  clearValue: undefined | null\n}\n\nexport function autocompleteColumn({\n  choices,\n  colType,\n  clearValue,\n}: AutocompleteColumnProps): Partial<Column> {\n  return {\n    component: ((props: Omit<AutocompleteCellProps, 'choices'>) => (\n      <MemoizedAutocompleteCell\n        {...props}\n        choices={choices}\n        colType={colType}\n        clearValue={clearValue}\n      />\n    )) as CellComponent,\n    // If we update our enums to support labels, then we can update copy to copy the label and paste to lookup the mapping from label -> value\n    copyValue: ({ rowData }) => rowData,\n    pasteValue: ({ value }) => value,\n    disableKeys: true,\n    keepFocus: true,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AutocompleteColumn.js","names":["parseFreeTextGivenJsonSchemaType","Autocomplete","AutocompleteChangeReason","SxProps","TextField","Theme","JSONSchema7Type","isNil","memo","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","CellComponent","CellProps","Column","useGridAutocompleteState","AUTOCOMPLETE_BASE_SX","width","height","padding","backgroundColor","borderRadius","AutocompleteOption","Record","Array","ParseFreeText","freeText","parseCellText","colType","parseFreeText","AutocompleteCellProps","rowData","setRowData","value","choices","clearValue","castCellValueToString","toCast","JSON","stringify","String","commitParsedValue","parsed","undefined","trim","AutocompleteCell","t0","$","_c","focus","stopEditing","active","t1","setRowDataRef","t2","current","stopEditingRef","t3","t4","rowDataAsString","localInputState","setLocalInputState","t5","parseTypedText","t6","t7","onDeactivate","menuIsOpen","inputRef","handleListboxMouseDown","notifyOptionCommitted","handleMenuOpen","handleClose","handlePopupIndicatorMouseDown","t8","t9","t10","hasValue","t11","t12","pointerEvents","t13","t14","visibility","t15","t16","t17","t18","Symbol","for","t19","autocompleteSx","t20","e","key","preventDefault","nextRow","handleKeyDown","t21","_e","newVal","reason","parsed_0","setTimeout","handleChange","t22","t23","t24","_","newInputValue","t25","onMouseDown","t26","t27","listbox","popupIndicator","t28","params","t29","_temp","option","areAutocompleteCellPropsEqual","prevProps","nextProps","MemoizedAutocompleteCell","AutocompleteColumnProps","autocompleteColumn","Partial","component","props","Omit","copyValue","pasteValue","disableKeys","keepFocus"],"sources":["../../../../src/components/DataGrid/columns/AutocompleteColumn.tsx"],"sourcesContent":["import parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Autocomplete,\n  AutocompleteChangeReason,\n  SxProps,\n  TextField,\n  Theme,\n} from '@mui/material'\nimport { JSONSchema7Type } from 'json-schema'\nimport { isNil } from 'lodash-es'\nimport {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { useGridAutocompleteState } from './useGridAutocompleteState'\n\n// Static styles extracted to avoid recreation on every render\nconst AUTOCOMPLETE_BASE_SX: SxProps<Theme> = {\n  width: '100%',\n  height: '100%',\n  '& .MuiTextField-root .MuiInputBase-root': {\n    height: '100%',\n    padding: '0 10px',\n    backgroundColor: 'inherit',\n    borderRadius: 0,\n  },\n  '& .MuiAutocomplete-inputRoot': {\n    padding: '0 10px',\n    backgroundColor: 'inherit',\n  },\n  '& .MuiFormControl-root': { height: '100%' },\n}\n\nexport type AutocompleteOption =\n  | string\n  | number\n  | boolean\n  | null\n  | Record<string, unknown>\n  | Array<unknown>\n\n/** Converts text typed or pasted into a cell into the value stored in the model */\nexport type ParseFreeText = (freeText: string) => unknown\n\nfunction parseCellText(\n  freeText: string,\n  colType: JSONSchema7Type | undefined,\n  parseFreeText: ParseFreeText | undefined,\n): unknown {\n  return parseFreeText\n    ? parseFreeText(freeText)\n    : parseFreeTextGivenJsonSchemaType(freeText, colType)\n}\n\nexport type AutocompleteCellProps = CellProps & {\n  rowData: AutocompleteOption\n  setRowData: (value: AutocompleteOption) => void\n  choices: AutocompleteOption[]\n  colType?: JSONSchema7Type\n  /**\n   * Replaces parsing typed text by `colType`. Compared by reference when\n   * memoizing the cell, so it must be stable across renders.\n   */\n  parseFreeText?: ParseFreeText\n  clearValue?: undefined | null\n}\n\nexport function castCellValueToString(toCast: any): string {\n  if (isNil(toCast)) {\n    return ''\n  }\n  if (typeof toCast === 'object') {\n    return JSON.stringify(toCast)\n  }\n  return String(toCast)\n}\n\n// Free-text typed/pasted into the cell parses to \"\" for empty input. Committing\n// \"\" leaves the cell as an empty string, which fails enum validation with a\n// terse \"is not a valid enum value\" message. Substitute the column's clearValue\n// (null for required, undefined for optional) so the commit path matches the\n// X-button clear path and the validator surfaces the substantive message.\nfunction commitParsedValue(\n  parsed: unknown,\n  clearValue: undefined | null,\n): unknown {\n  if (\n    parsed === null ||\n    parsed === undefined ||\n    (typeof parsed === 'string' && parsed.trim() === '')\n  ) {\n    return clearValue\n  }\n  return parsed\n}\n\nexport function AutocompleteCell({\n  rowData,\n  setRowData,\n  choices,\n  colType,\n  parseFreeText,\n  focus,\n  stopEditing,\n  active,\n  clearValue = undefined,\n}: AutocompleteCellProps) {\n  // Stable refs so memo(AutocompleteCell) can use default shallow comparison —\n  // react-datasheet-grid recreates these functions on every render, but their\n  // behavior is stable for a given cell position.\n  const setRowDataRef = useRef(setRowData)\n  useLayoutEffect(() => {\n    setRowDataRef.current = setRowData\n  })\n  const stopEditingRef = useRef(stopEditing)\n  useLayoutEffect(() => {\n    stopEditingRef.current = stopEditing\n  })\n\n  const rowDataAsString = castCellValueToString(rowData)\n  const [localInputState, setLocalInputState] =\n    useState<string>(rowDataAsString)\n\n  const parseTypedText = useCallback(\n    (freeText: string) => parseCellText(freeText, colType, parseFreeText),\n    [parseFreeText, colType],\n  )\n\n  const {\n    menuIsOpen,\n    inputRef,\n    handleListboxMouseDown,\n    notifyOptionCommitted,\n    handleMenuOpen,\n    handleClose,\n    handlePopupIndicatorMouseDown,\n  } = useGridAutocompleteState({\n    active,\n    focus,\n    stopEditing,\n    onDeactivate: () => {\n      if (localInputState !== rowDataAsString) {\n        // Commit any free-typed text that hasn't been saved yet\n        const parsed = parseTypedText(localInputState)\n        setRowDataRef.current(\n          commitParsedValue(parsed, clearValue) as AutocompleteOption,\n        )\n      }\n    },\n  })\n\n  // Sync localInputState with rowData whenever the cell isn't being edited.\n  // Covers: deletes/cuts from active-but-not-focused state, Escape (grid flips\n  // focus=false while active stays true, so the gate must allow this case),\n  // and post-commit cleanup after the cell exits edit mode.\n  useEffect(() => {\n    if (!focus) {\n      setLocalInputState(rowDataAsString)\n    }\n  }, [focus, rowDataAsString])\n\n  const hasValue = !isNil(rowData) && rowData !== ''\n\n  // Memoize sx to avoid recreation — dynamic styles change based on active/focus state\n  const autocompleteSx = useMemo<SxProps<Theme>>(\n    () => ({\n      ...AUTOCOMPLETE_BASE_SX,\n      '& .MuiAutocomplete-inputRoot': {\n        padding: '0 10px',\n        backgroundColor: 'inherit',\n        pointerEvents: focus ? undefined : 'none',\n      },\n      '& .MuiAutocomplete-clearIndicator': {\n        visibility: active ? 'visible' : 'hidden',\n        pointerEvents: 'auto',\n      },\n      '& .MuiAutocomplete-popupIndicator': {\n        visibility: active ? 'visible' : 'hidden',\n        pointerEvents: 'auto',\n      },\n      '&:hover .MuiAutocomplete-clearIndicator': {\n        visibility: 'visible',\n      },\n      '&:hover .MuiAutocomplete-popupIndicator': {\n        visibility: 'visible',\n      },\n    }),\n    [active, focus],\n  )\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Tab') {\n      e.preventDefault()\n      stopEditingRef.current({ nextRow: false })\n    } else if (e.key === 'Enter') {\n      e.preventDefault()\n      stopEditingRef.current({ nextRow: true })\n    }\n  }, [])\n\n  const handleChange = useCallback(\n    (\n      _e: React.SyntheticEvent,\n      newVal: unknown,\n      reason: AutocompleteChangeReason,\n    ) => {\n      notifyOptionCommitted()\n      if (reason === 'clear') {\n        setRowDataRef.current(clearValue)\n      } else if (reason === 'createOption') {\n        // The user typed an option that wasn't a defined enum — cast to correct type\n        const parsed = parseTypedText(newVal as string)\n        setRowDataRef.current(\n          commitParsedValue(parsed, clearValue) as AutocompleteOption,\n        )\n      } else {\n        setRowDataRef.current(newVal as AutocompleteOption)\n      }\n      setTimeout(() => {\n        stopEditingRef.current({ nextRow: false })\n      }, 0)\n    },\n    [clearValue, parseTypedText, notifyOptionCommitted],\n  )\n\n  return (\n    <Autocomplete\n      open={menuIsOpen}\n      onOpen={handleMenuOpen}\n      forcePopupIcon={true}\n      disableClearable={!hasValue}\n      freeSolo={true}\n      disablePortal={false}\n      options={choices}\n      selectOnFocus\n      getOptionLabel={option => castCellValueToString(option)}\n      value={rowData as AutocompleteOption}\n      inputValue={localInputState}\n      onInputChange={(_, newInputValue) => {\n        setLocalInputState(newInputValue)\n      }}\n      onKeyDown={handleKeyDown}\n      onClose={handleClose}\n      onChange={handleChange}\n      blurOnSelect={true}\n      slotProps={{\n        listbox: { onMouseDown: handleListboxMouseDown },\n        popupIndicator: { onMouseDown: handlePopupIndicatorMouseDown },\n      }}\n      renderInput={params => <TextField {...params} inputRef={inputRef} />}\n      sx={autocompleteSx}\n    />\n  )\n}\n\n// Memoize the cell component to prevent unnecessary re-renders.\n// react-datasheet-grid provides new setRowData/stopEditing function instances\n// on each render, so we must ignore those callback identities here and only\n// compare the props that affect rendering.\nexport function areAutocompleteCellPropsEqual(\n  prevProps: AutocompleteCellProps,\n  nextProps: AutocompleteCellProps,\n) {\n  return (\n    prevProps.rowData === nextProps.rowData &&\n    prevProps.choices === nextProps.choices &&\n    prevProps.colType === nextProps.colType &&\n    prevProps.parseFreeText === nextProps.parseFreeText &&\n    prevProps.focus === nextProps.focus &&\n    prevProps.active === nextProps.active &&\n    prevProps.clearValue === nextProps.clearValue\n  )\n}\n\nexport const MemoizedAutocompleteCell = memo(\n  AutocompleteCell,\n  areAutocompleteCellPropsEqual,\n)\nexport type AutocompleteColumnProps = {\n  choices: AutocompleteOption[]\n  colType?: JSONSchema7Type\n  /** Parses typed and pasted text. When omitted, both are parsed by `colType`. */\n  parseFreeText?: ParseFreeText\n  clearValue: undefined | null\n}\n\nexport function autocompleteColumn({\n  choices,\n  colType,\n  parseFreeText,\n  clearValue,\n}: AutocompleteColumnProps): Partial<Column> {\n  return {\n    component: ((props: Omit<AutocompleteCellProps, 'choices'>) => (\n      <MemoizedAutocompleteCell\n        {...props}\n        choices={choices}\n        colType={colType}\n        parseFreeText={parseFreeText}\n        clearValue={clearValue}\n      />\n    )) as CellComponent,\n    // If we update our enums to support labels, then we can update copy to copy the label and paste to lookup the mapping from label -> value\n    copyValue: ({ rowData }) => rowData,\n    pasteValue: ({ value }: { value: string }) =>\n      parseCellText(value, colType, parseFreeText),\n    disableKeys: true,\n    keepFocus: true,\n  }\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/columns/NumberColumn.js

@@ -18,7 +18,7 @@ function o({ colType: i = "number", isRequired: o }) {
 		formatBlurredInput: a,
 		formatInputOnFocus: t,
 		parseUserInput: s,
-		parsePastedValue: (e) => s(e.replace(/[\n\r]+/g, " "))
+		parsePastedValue: (e) => s(e.replaceAll(/[\n\r]+/g, " "))
 	});
 }
 //#endregion

package/dist/components/DataGrid/columns/NumberColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberColumn.js","names":["getEmptyValue","parseFreeTextGivenJsonSchemaType","Column","createTextColumn","JSONSchema7Type","castCellValueToString","NUMBER_FORMAT","Intl","NumberFormat","formatNumberCellValue","value","Number","isNaN","format","NumberColumnProps","colType","isRequired","NumberColumnData","placeholder","alignRight","continuousUpdates","parseUserInput","formatBlurredInput","formatInputOnFocus","numberColumn","Partial","parse","trim","deletedValue","parsePastedValue","replace"],"sources":["../../../../src/components/DataGrid/columns/NumberColumn.ts"],"sourcesContent":["import { getEmptyValue } from '@/components/DataGrid/utils/getEmptyValue'\nimport parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Column,\n  createTextColumn,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { JSONSchema7Type } from 'json-schema'\nimport { castCellValueToString } from './AutocompleteColumn'\n\nconst NUMBER_FORMAT = new Intl.NumberFormat()\n\n/**\n * Render a numeric cell value for display while the cell is not being edited.\n *\n * Real numbers are locale-formatted; anything else is stringified verbatim.\n * Numeric columns legitimately hold non-numeric values — CSV import writes\n * cells server-side without passing through any client-side parsing, and\n * parseFreeTextGivenJsonSchemaType deliberately preserves unparseable text so\n * the validator can report it. Rendering those as blank leaves the user with an\n * apparently empty cell on a row flagged invalid.\n */\nexport function formatNumberCellValue(value: unknown): string {\n  if (typeof value === 'number') {\n    return Number.isNaN(value) ? '' : NUMBER_FORMAT.format(value)\n  }\n  return castCellValueToString(value)\n}\n\nexport type NumberColumnProps = {\n  colType?: JSONSchema7Type\n  isRequired?: boolean\n}\n\n/**\n * Mirrors the (unexported) columnData that createTextColumn builds, so callers\n * and tests can reach the format/parse functions it derives.\n */\nexport type NumberColumnData = {\n  placeholder?: string\n  alignRight: boolean\n  continuousUpdates: boolean\n  parseUserInput: (value: string) => unknown\n  formatBlurredInput: (value: unknown) => string\n  formatInputOnFocus: (value: unknown) => string\n}\n\nexport function numberColumn({\n  colType = 'number',\n  isRequired,\n}: NumberColumnProps): Partial<Column<unknown, NumberColumnData, string>> {\n  function parse(value: string): unknown {\n    if (value.trim() === '') {\n      return getEmptyValue(isRequired)\n    }\n    return parseFreeTextGivenJsonSchemaType(value, colType)\n  }\n\n  return createTextColumn<unknown>({\n    alignRight: true,\n    continuousUpdates: false,\n    deletedValue: getEmptyValue(isRequired),\n    formatBlurredInput: formatNumberCellValue,\n    // Edit against the stored value rather than the locale-formatted one so\n    // grouping separators never reach the parser.\n    formatInputOnFocus: castCellValueToString,\n    parseUserInput: parse,\n    parsePastedValue: value => parse(value.replace(/[\\n\\r]+/g, ' ')),\n  })\n}\n"],"mappings":";;;;;AASA,IAAMM,IAAgB,IAAIC,KAAKC,aAAa;AAY5C,SAAgBC,EAAsBC,GAAwB;CAI5D,OAHI,OAAOA,KAAU,WACZC,OAAOC,MAAMF,CAAK,IAAI,KAAKJ,EAAcO,OAAOH,CAAK,IAEvDL,EAAsBK,CAAK;AACpC;AAoBA,SAAgBc,EAAa,EAC3BT,aAAU,UACVC,iBACwE;CACxE,SAASU,EAAMhB,GAAwB;EAIrC,OAHIA,EAAMiB,KAAK,MAAM,KACZ3B,EAAcgB,CAAU,IAE1Bf,EAAiCS,GAAOK,CAAO;CACxD;CAEA,OAAOZ,EAA0B;EAC/BgB,YAAY;EACZC,mBAAmB;EACnBQ,cAAc5B,EAAcgB,CAAU;EACtCM,oBAAoBb;EAGpBc,oBAAoBlB;EACpBgB,gBAAgBK;EAChBG,mBAAkBnB,MAASgB,EAAMhB,EAAMoB,QAAQ,YAAY,GAAG,CAAC;CACjE,CAAC;AACH"}
+{"version":3,"file":"NumberColumn.js","names":["getEmptyValue","parseFreeTextGivenJsonSchemaType","Column","createTextColumn","JSONSchema7Type","castCellValueToString","NUMBER_FORMAT","Intl","NumberFormat","formatNumberCellValue","value","Number","isNaN","format","NumberColumnProps","colType","isRequired","NumberColumnData","placeholder","alignRight","continuousUpdates","parseUserInput","formatBlurredInput","formatInputOnFocus","numberColumn","Partial","parse","trim","deletedValue","parsePastedValue","replaceAll"],"sources":["../../../../src/components/DataGrid/columns/NumberColumn.ts"],"sourcesContent":["import { getEmptyValue } from '@/components/DataGrid/utils/getEmptyValue'\nimport parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Column,\n  createTextColumn,\n} from '@sage-bionetworks/react-datasheet-grid'\nimport { JSONSchema7Type } from 'json-schema'\nimport { castCellValueToString } from './AutocompleteColumn'\n\nconst NUMBER_FORMAT = new Intl.NumberFormat()\n\n/**\n * Render a numeric cell value for display while the cell is not being edited.\n *\n * Real numbers are locale-formatted; anything else is stringified verbatim.\n * Numeric columns legitimately hold non-numeric values — CSV import writes\n * cells server-side without passing through any client-side parsing, and\n * parseFreeTextGivenJsonSchemaType deliberately preserves unparseable text so\n * the validator can report it. Rendering those as blank leaves the user with an\n * apparently empty cell on a row flagged invalid.\n */\nexport function formatNumberCellValue(value: unknown): string {\n  if (typeof value === 'number') {\n    return Number.isNaN(value) ? '' : NUMBER_FORMAT.format(value)\n  }\n  return castCellValueToString(value)\n}\n\nexport type NumberColumnProps = {\n  colType?: JSONSchema7Type\n  isRequired?: boolean\n}\n\n/**\n * Mirrors the (unexported) columnData that createTextColumn builds, so callers\n * and tests can reach the format/parse functions it derives.\n */\nexport type NumberColumnData = {\n  placeholder?: string\n  alignRight: boolean\n  continuousUpdates: boolean\n  parseUserInput: (value: string) => unknown\n  formatBlurredInput: (value: unknown) => string\n  formatInputOnFocus: (value: unknown) => string\n}\n\nexport function numberColumn({\n  colType = 'number',\n  isRequired,\n}: NumberColumnProps): Partial<Column<unknown, NumberColumnData, string>> {\n  function parse(value: string): unknown {\n    if (value.trim() === '') {\n      return getEmptyValue(isRequired)\n    }\n    return parseFreeTextGivenJsonSchemaType(value, colType)\n  }\n\n  return createTextColumn<unknown>({\n    alignRight: true,\n    continuousUpdates: false,\n    deletedValue: getEmptyValue(isRequired),\n    formatBlurredInput: formatNumberCellValue,\n    // Edit against the stored value rather than the locale-formatted one so\n    // grouping separators never reach the parser.\n    formatInputOnFocus: castCellValueToString,\n    parseUserInput: parse,\n    parsePastedValue: value => parse(value.replaceAll(/[\\n\\r]+/g, ' ')),\n  })\n}\n"],"mappings":";;;;;AASA,IAAMM,IAAgB,IAAIC,KAAKC,aAAa;AAY5C,SAAgBC,EAAsBC,GAAwB;CAI5D,OAHI,OAAOA,KAAU,WACZC,OAAOC,MAAMF,CAAK,IAAI,KAAKJ,EAAcO,OAAOH,CAAK,IAEvDL,EAAsBK,CAAK;AACpC;AAoBA,SAAgBc,EAAa,EAC3BT,aAAU,UACVC,iBACwE;CACxE,SAASU,EAAMhB,GAAwB;EAIrC,OAHIA,EAAMiB,KAAK,MAAM,KACZ3B,EAAcgB,CAAU,IAE1Bf,EAAiCS,GAAOK,CAAO;CACxD;CAEA,OAAOZ,EAA0B;EAC/BgB,YAAY;EACZC,mBAAmB;EACnBQ,cAAc5B,EAAcgB,CAAU;EACtCM,oBAAoBb;EAGpBc,oBAAoBlB;EACpBgB,gBAAgBK;EAChBG,mBAAkBnB,MAASgB,EAAMhB,EAAMoB,WAAW,YAAY,GAAG,CAAC;CACpE,CAAC;AACH"}

package/dist/components/DataGrid/columns/NumberOrEnumColumn.d.ts

@@ -0,0 +1,20 @@
+import { EnumeratedValue } from '@/utils/jsonschema/getEnumeratedValues';
+import { Column } from '@sage-bionetworks/react-datasheet-grid';
+/**
+ * Converts text entered into a number-or-enum cell to the type its schema
+ * expects: one of the allowed strings stays a string, a decimal number becomes
+ * a number, and anything else is kept as trimmed text. The value is never
+ * rounded or range-checked; the backend validator decides whether it is valid.
+ */
+export declare function parseNumberOrEnumInput(text: string, enumValues: readonly EnumeratedValue[]): string | number;
+export type NumberOrEnumColumnProps = {
+    enumValues: EnumeratedValue[];
+    clearValue: undefined | null;
+};
+/**
+ * A column for a property that is either a number or one of a closed set of
+ * strings. It offers the strings as options and stores typed or pasted numbers
+ * as numbers.
+ */
+export declare function numberOrEnumColumn({ enumValues, clearValue, }: NumberOrEnumColumnProps): Partial<Column>;
+//# sourceMappingURL=NumberOrEnumColumn.d.ts.map

package/dist/components/DataGrid/columns/NumberOrEnumColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberOrEnumColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/columns/NumberOrEnumColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAA;AAO/D;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,SAAS,eAAe,EAAE,GACrC,MAAM,GAAG,MAAM,CAMjB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,UAAU,EAAE,SAAS,GAAG,IAAI,CAAA;CAC7B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,UAAU,GACX,EAAE,uBAAuB,GAAG,OAAO,CAAC,MAAM,CAAC,CAM3C"}

package/dist/components/DataGrid/columns/NumberOrEnumColumn.js

@@ -0,0 +1,18 @@
+import { autocompleteColumn as e } from "./AutocompleteColumn.js";
+//#region src/components/DataGrid/columns/NumberOrEnumColumn.ts
+var t = /^-?\d+(\.\d+)?$/;
+function n(e, n) {
+	let r = e.trim();
+	return n.includes(r) ? r : t.test(r) ? Number(r) : r;
+}
+function r({ enumValues: t, clearValue: r }) {
+	return e({
+		choices: t,
+		parseFreeText: (e) => n(e, t),
+		clearValue: r
+	});
+}
+//#endregion
+export { r as numberOrEnumColumn, n as parseNumberOrEnumInput };
+
+//# sourceMappingURL=NumberOrEnumColumn.js.map

package/dist/components/DataGrid/columns/NumberOrEnumColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberOrEnumColumn.js","names":["EnumeratedValue","Column","autocompleteColumn","DECIMAL_NUMBER_PATTERN","parseNumberOrEnumInput","text","enumValues","trimmed","trim","includes","test","Number","NumberOrEnumColumnProps","clearValue","numberOrEnumColumn","Partial","choices","parseFreeText"],"sources":["../../../../src/components/DataGrid/columns/NumberOrEnumColumn.ts"],"sourcesContent":["import { EnumeratedValue } from '@/utils/jsonschema/getEnumeratedValues'\nimport { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport { autocompleteColumn } from './AutocompleteColumn'\n\n// Decimal notation only, so exponent, hex, and binary forms (e.g. \"0x2B\") are\n// left as text for the validator to reject rather than stored as a different number.\nconst DECIMAL_NUMBER_PATTERN = /^-?\\d+(\\.\\d+)?$/\n\n/**\n * Converts text entered into a number-or-enum cell to the type its schema\n * expects: one of the allowed strings stays a string, a decimal number becomes\n * a number, and anything else is kept as trimmed text. The value is never\n * rounded or range-checked; the backend validator decides whether it is valid.\n */\nexport function parseNumberOrEnumInput(\n  text: string,\n  enumValues: readonly EnumeratedValue[],\n): string | number {\n  const trimmed = text.trim()\n  if (enumValues.includes(trimmed)) {\n    return trimmed\n  }\n  return DECIMAL_NUMBER_PATTERN.test(trimmed) ? Number(trimmed) : trimmed\n}\n\nexport type NumberOrEnumColumnProps = {\n  enumValues: EnumeratedValue[]\n  clearValue: undefined | null\n}\n\n/**\n * A column for a property that is either a number or one of a closed set of\n * strings. It offers the strings as options and stores typed or pasted numbers\n * as numbers.\n */\nexport function numberOrEnumColumn({\n  enumValues,\n  clearValue,\n}: NumberOrEnumColumnProps): Partial<Column> {\n  return autocompleteColumn({\n    choices: enumValues,\n    parseFreeText: text => parseNumberOrEnumInput(text, enumValues),\n    clearValue,\n  })\n}\n"],"mappings":";;AAMA,IAAMG,IAAyB;AAQ/B,SAAgBC,EACdC,GACAC,GACiB;CACjB,IAAMC,IAAUF,EAAKG,KAAK;CAI1B,OAHIF,EAAWG,SAASF,CAAO,IACtBA,IAEFJ,EAAuBO,KAAKH,CAAO,IAAII,OAAOJ,CAAO,IAAIA;AAClE;AAYA,SAAgBO,EAAmB,EACjCR,eACAO,iBAC2C;CAC3C,OAAOX,EAAmB;EACxBc,SAASV;EACTW,gBAAeZ,MAAQD,EAAuBC,GAAMC,CAAU;EAC9DO;CACF,CAAC;AACH"}

package/dist/components/DataGrid/components/ColumnHeaderWithTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/components/ColumnHeaderWithTooltip.tsx"],"names":[],"mappings":"AAIA,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAKD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,UAAkB,EAClB,WAAmB,EACnB,WAAmB,EACnB,QAAgB,EAChB,WAAW,GACZ,EAAE,4BAA4B,2CA8F9B"}
+{"version":3,"file":"ColumnHeaderWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/components/ColumnHeaderWithTooltip.tsx"],"names":[],"mappings":"AAMA,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAKD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,UAAkB,EAClB,WAAmB,EACnB,WAAmB,EACnB,QAAgB,EAChB,WAAW,GACZ,EAAE,4BAA4B,2CA8F9B"}

package/dist/components/DataGrid/components/ColumnHeaderWithTooltip.js

@@ -1,12 +1,14 @@
 import "../../SynapseTable/SynapseTableConstants.js";
 import { Box as e, IconButton as t, Tooltip as n } from "@mui/material";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Key as a, PushPin as o, PushPinOutlined as s } from "@mui/icons-material";
-import { c } from "react/compiler-runtime";
+import { c as a } from "react/compiler-runtime";
+import o from "@mui/icons-material/Key";
+import s from "@mui/icons-material/PushPin";
+import c from "@mui/icons-material/PushPinOutlined";
 //#region src/components/DataGrid/components/ColumnHeaderWithTooltip.tsx
 var l = "This property field is the primary key. It is used to match the existing rows when applying updates. If a value already exists the row is updated; if not, a new row is added. If multiple primary keys are defined, all primary key values must match for an existing row to be updated.";
 function u(u) {
-	let d = c(22), { name: f, description: p, isRequired: m, isUpsertKey: h, showPinIcon: g, isPinned: _, onTogglePin: v } = u, y = m === void 0 ? !1 : m, b = h === void 0 ? !1 : h, x = g === void 0 ? !1 : g, S = _ === void 0 ? !1 : _, C;
+	let d = a(22), { name: f, description: p, isRequired: m, isUpsertKey: h, showPinIcon: g, isPinned: _, onTogglePin: v } = u, y = m === void 0 ? !1 : m, b = h === void 0 ? !1 : h, x = g === void 0 ? !1 : g, S = _ === void 0 ? !1 : _, C;
 	d[0] === Symbol.for("react.memo_cache_sentinel") ? (C = {
 		display: "grid",
 		gridTemplateColumns: "minmax(0, 1fr) auto",
@@ -62,7 +64,7 @@ function u(u) {
 				width: "1.25em",
 				height: "1.25em"
 			},
-			children: /* @__PURE__ */ r(a, { sx: { fontSize: "1em" } })
+			children: /* @__PURE__ */ r(o, { sx: { fontSize: "1em" } })
 		})
 	}), d[9] = b, d[10] = k);
 	let A;
@@ -82,7 +84,7 @@ function u(u) {
 				opacity: S ? 1 : .7,
 				"&:hover": { opacity: 1 }
 			},
-			children: r(S ? o : s, { fontSize: "inherit" })
+			children: r(S ? s : c, { fontSize: "inherit" })
 		})
 	}), d[11] = S, d[12] = v, d[13] = x, d[14] = A) : A = d[14];
 	let j;

package/dist/components/DataGrid/components/ColumnHeaderWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderWithTooltip.js","names":["Box","IconButton","Tooltip","Key","PushPin","PushPinOutlined","TOOLTIP_DELAY_SHOW","ColumnHeaderWithTooltipProps","name","description","isRequired","isUpsertKey","showPinIcon","isPinned","onTogglePin","UPSERT_KEY_TOOLTIP_TEXT","ColumnHeaderWithTooltip","t0","$","_c","t1","t2","t3","t4","undefined","t5","Symbol","for","display","gridTemplateColumns","gap","width","alignItems","minWidth","t6","overflow","textOverflow","whiteSpace","t7","t8","color","ml","t9","t10","flexShrink","t11","justifyContent","backgroundColor","borderRadius","height","fontSize","t12","e","stopPropagation","opacity","t13","t14"],"sources":["../../../../src/components/DataGrid/components/ColumnHeaderWithTooltip.tsx"],"sourcesContent":["import { Box, IconButton, Tooltip } from '@mui/material'\nimport { Key, PushPin, PushPinOutlined } from '@mui/icons-material'\nimport { TOOLTIP_DELAY_SHOW } from '@/components/SynapseTable/SynapseTableConstants'\n\ntype ColumnHeaderWithTooltipProps = {\n  name: string\n  description?: string\n  isRequired?: boolean\n  isUpsertKey?: boolean\n  showPinIcon?: boolean\n  isPinned?: boolean\n  onTogglePin?: () => void\n}\n\nconst UPSERT_KEY_TOOLTIP_TEXT =\n  'This property field is the primary key. It is used to match the existing rows when applying updates. If a value already exists the row is updated; if not, a new row is added. If multiple primary keys are defined, all primary key values must match for an existing row to be updated.'\n\n/**\n * Renders a column header. When a description is provided, hovering the column\n * name shows it as a native tooltip; otherwise the column name is shown (useful\n * for truncated headers). An optional pin icon is shown on the right.\n */\nexport function ColumnHeaderWithTooltip({\n  name,\n  description,\n  isRequired = false,\n  isUpsertKey = false,\n  showPinIcon = false,\n  isPinned = false,\n  onTogglePin,\n}: ColumnHeaderWithTooltipProps) {\n  return (\n    <Box\n      data-column-id={name}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: 'minmax(0, 1fr) auto',\n        gap: 0.5,\n        width: '100%',\n        alignItems: 'center',\n        minWidth: 0,\n      }}\n    >\n      {/* Text area - shrinks first */}\n      <Box\n        component=\"span\"\n        sx={{\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          minWidth: 0,\n        }}\n        title={description || name}\n      >\n        {name}\n        {isRequired && (\n          <Box component=\"span\" sx={{ color: 'error.main', ml: 0.25 }}>\n            *\n          </Box>\n        )}\n      </Box>\n\n      {/* Icons area - fixed size, never shrinks */}\n      <Box\n        sx={{ display: 'flex', gap: 0.5, flexShrink: 0, alignItems: 'center' }}\n      >\n        {isUpsertKey && (\n          <Tooltip\n            title={UPSERT_KEY_TOOLTIP_TEXT}\n            placement=\"top\"\n            enterNextDelay={TOOLTIP_DELAY_SHOW}\n          >\n            <Box\n              component=\"span\"\n              sx={{\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: 'primary.main',\n                color: 'primary.contrastText',\n                borderRadius: '50%',\n                width: '1.25em',\n                height: '1.25em',\n              }}\n            >\n              <Key sx={{ fontSize: '1em' }} />\n            </Box>\n          </Tooltip>\n        )}\n        {showPinIcon && onTogglePin && (\n          <Tooltip\n            title={isPinned ? 'Unpin column' : 'Pin column'}\n            placement=\"top\"\n            enterNextDelay={TOOLTIP_DELAY_SHOW}\n          >\n            <IconButton\n              size=\"small\"\n              color=\"inherit\"\n              aria-label={isPinned ? 'Unpin column' : 'Pin column'}\n              // Use onMouseDown instead of onClick to prevent column selection\n              // when clicking the pin icon. stopPropagation prevents event bubbling.\n              onMouseDown={e => {\n                e.stopPropagation()\n                onTogglePin()\n              }}\n              sx={{\n                color: 'inherit',\n                opacity: isPinned ? 1 : 0.7,\n                '&:hover': {\n                  opacity: 1,\n                },\n              }}\n            >\n              {isPinned ? (\n                <PushPin fontSize=\"inherit\" />\n              ) : (\n                <PushPinOutlined fontSize=\"inherit\" />\n              )}\n            </IconButton>\n          </Tooltip>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColumnHeaderWithTooltip.js","names":["Box","IconButton","Tooltip","Key","PushPin","PushPinOutlined","TOOLTIP_DELAY_SHOW","ColumnHeaderWithTooltipProps","name","description","isRequired","isUpsertKey","showPinIcon","isPinned","onTogglePin","UPSERT_KEY_TOOLTIP_TEXT","ColumnHeaderWithTooltip","t0","$","_c","t1","t2","t3","t4","undefined","t5","Symbol","for","display","gridTemplateColumns","gap","width","alignItems","minWidth","t6","overflow","textOverflow","whiteSpace","t7","t8","color","ml","t9","t10","flexShrink","t11","justifyContent","backgroundColor","borderRadius","height","fontSize","t12","e","stopPropagation","opacity","t13","t14"],"sources":["../../../../src/components/DataGrid/components/ColumnHeaderWithTooltip.tsx"],"sourcesContent":["import { Box, IconButton, Tooltip } from '@mui/material'\nimport Key from '@mui/icons-material/Key'\nimport PushPin from '@mui/icons-material/PushPin'\nimport PushPinOutlined from '@mui/icons-material/PushPinOutlined'\nimport { TOOLTIP_DELAY_SHOW } from '@/components/SynapseTable/SynapseTableConstants'\n\ntype ColumnHeaderWithTooltipProps = {\n  name: string\n  description?: string\n  isRequired?: boolean\n  isUpsertKey?: boolean\n  showPinIcon?: boolean\n  isPinned?: boolean\n  onTogglePin?: () => void\n}\n\nconst UPSERT_KEY_TOOLTIP_TEXT =\n  'This property field is the primary key. It is used to match the existing rows when applying updates. If a value already exists the row is updated; if not, a new row is added. If multiple primary keys are defined, all primary key values must match for an existing row to be updated.'\n\n/**\n * Renders a column header. When a description is provided, hovering the column\n * name shows it as a native tooltip; otherwise the column name is shown (useful\n * for truncated headers). An optional pin icon is shown on the right.\n */\nexport function ColumnHeaderWithTooltip({\n  name,\n  description,\n  isRequired = false,\n  isUpsertKey = false,\n  showPinIcon = false,\n  isPinned = false,\n  onTogglePin,\n}: ColumnHeaderWithTooltipProps) {\n  return (\n    <Box\n      data-column-id={name}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: 'minmax(0, 1fr) auto',\n        gap: 0.5,\n        width: '100%',\n        alignItems: 'center',\n        minWidth: 0,\n      }}\n    >\n      {/* Text area - shrinks first */}\n      <Box\n        component=\"span\"\n        sx={{\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          minWidth: 0,\n        }}\n        title={description || name}\n      >\n        {name}\n        {isRequired && (\n          <Box component=\"span\" sx={{ color: 'error.main', ml: 0.25 }}>\n            *\n          </Box>\n        )}\n      </Box>\n\n      {/* Icons area - fixed size, never shrinks */}\n      <Box\n        sx={{ display: 'flex', gap: 0.5, flexShrink: 0, alignItems: 'center' }}\n      >\n        {isUpsertKey && (\n          <Tooltip\n            title={UPSERT_KEY_TOOLTIP_TEXT}\n            placement=\"top\"\n            enterNextDelay={TOOLTIP_DELAY_SHOW}\n          >\n            <Box\n              component=\"span\"\n              sx={{\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: 'primary.main',\n                color: 'primary.contrastText',\n                borderRadius: '50%',\n                width: '1.25em',\n                height: '1.25em',\n              }}\n            >\n              <Key sx={{ fontSize: '1em' }} />\n            </Box>\n          </Tooltip>\n        )}\n        {showPinIcon && onTogglePin && (\n          <Tooltip\n            title={isPinned ? 'Unpin column' : 'Pin column'}\n            placement=\"top\"\n            enterNextDelay={TOOLTIP_DELAY_SHOW}\n          >\n            <IconButton\n              size=\"small\"\n              color=\"inherit\"\n              aria-label={isPinned ? 'Unpin column' : 'Pin column'}\n              // Use onMouseDown instead of onClick to prevent column selection\n              // when clicking the pin icon. stopPropagation prevents event bubbling.\n              onMouseDown={e => {\n                e.stopPropagation()\n                onTogglePin()\n              }}\n              sx={{\n                color: 'inherit',\n                opacity: isPinned ? 1 : 0.7,\n                '&:hover': {\n                  opacity: 1,\n                },\n              }}\n            >\n              {isPinned ? (\n                <PushPin fontSize=\"inherit\" />\n              ) : (\n                <PushPinOutlined fontSize=\"inherit\" />\n              )}\n            </IconButton>\n          </Tooltip>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataGrid/components/ExportCsvFromGridButton.js

@@ -1,17 +1,17 @@
 import e from "./GridMenuButton/GridMenuButton.js";
 import { useExportDataGridToCsv as t } from "../hooks/useExportDataGridToCsv.js";
 import { jsx as n } from "react/jsx-runtime";
-import { DownloadTwoTone as r } from "@mui/icons-material";
-import { c as i } from "react/compiler-runtime";
+import { c as r } from "react/compiler-runtime";
+import i from "@mui/icons-material/DownloadTwoTone";
 //#region src/components/DataGrid/components/ExportCsvFromGridButton.tsx
 function a(a) {
-	let o = i(7), { gridSessionId: s, filename: c } = a, l;
+	let o = r(7), { gridSessionId: s, filename: c } = a, l;
 	o[0] !== c || o[1] !== s ? (l = {
 		gridSessionId: s,
 		filename: c
 	}, o[0] = c, o[1] = s, o[2] = l) : l = o[2];
 	let { exportToCsv: u, isExporting: d } = t(l), f;
-	o[3] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(r, {}), o[3] = f) : f = o[3];
+	o[3] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ n(i, {}), o[3] = f) : f = o[3];
 	let p;
 	return o[4] !== u || o[5] !== d ? (p = /* @__PURE__ */ n(e, {
 		onClick: u,

package/dist/components/DataGrid/components/ExportCsvFromGridButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportCsvFromGridButton.js","names":["GridMenuButton","useExportDataGridToCsv","DownloadTwoTone","ExportCsvFromGridButtonProps","gridSessionId","filename","ExportCsvFromGridButton","props","$","_c","t0","exportToCsv","isExporting","t1","Symbol","for","t2"],"sources":["../../../../src/components/DataGrid/components/ExportCsvFromGridButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport { useExportDataGridToCsv } from '@/components/DataGrid/hooks/useExportDataGridToCsv'\nimport { DownloadTwoTone } from '@mui/icons-material'\n\nexport type ExportCsvFromGridButtonProps = {\n  gridSessionId: string\n  filename: string\n}\n\nexport default function ExportCsvFromGridButton(\n  props: ExportCsvFromGridButtonProps,\n) {\n  const { gridSessionId, filename } = props\n\n  const { exportToCsv, isExporting } = useExportDataGridToCsv({\n    gridSessionId,\n    filename,\n  })\n\n  return (\n    <GridMenuButton\n      onClick={exportToCsv}\n      variant=\"outlined\"\n      startIcon={<DownloadTwoTone />}\n      loading={isExporting}\n    >\n      Export CSV\n    </GridMenuButton>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAeM,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAGb,EAAAL,kBAAAC,gBAAoCE,GAAKG;CAAA,AAAAF,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAEmBM,IAAA;EAAAN;EAAAC;CAG5D,GAACG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAHD,IAAA,EAAAG,gBAAAC,mBAAqCX,EAAuBS,CAG3D,GAACG;CAAA,AAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,KAMaF,IAAA,kBAAC,GAAD,CAAgB,CAAA,GAAGL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAQ;CAIf,OAJeR,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAHhCI,IAAA,kBAAC,GAAD;EACWL,SAAAA;EACD,SAAA;EACG,WAAAE;EACFD,SAAAA;YACV;CALc,CAAA,GAOEJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAPjBQ;AAOiB"}
+{"version":3,"file":"ExportCsvFromGridButton.js","names":["GridMenuButton","useExportDataGridToCsv","DownloadTwoTone","ExportCsvFromGridButtonProps","gridSessionId","filename","ExportCsvFromGridButton","props","$","_c","t0","exportToCsv","isExporting","t1","Symbol","for","t2"],"sources":["../../../../src/components/DataGrid/components/ExportCsvFromGridButton.tsx"],"sourcesContent":["import GridMenuButton from '@/components/DataGrid/components/GridMenuButton/GridMenuButton'\nimport { useExportDataGridToCsv } from '@/components/DataGrid/hooks/useExportDataGridToCsv'\nimport DownloadTwoTone from '@mui/icons-material/DownloadTwoTone'\n\nexport type ExportCsvFromGridButtonProps = {\n  gridSessionId: string\n  filename: string\n}\n\nexport default function ExportCsvFromGridButton(\n  props: ExportCsvFromGridButtonProps,\n) {\n  const { gridSessionId, filename } = props\n\n  const { exportToCsv, isExporting } = useExportDataGridToCsv({\n    gridSessionId,\n    filename,\n  })\n\n  return (\n    <GridMenuButton\n      onClick={exportToCsv}\n      variant=\"outlined\"\n      startIcon={<DownloadTwoTone />}\n      loading={isExporting}\n    >\n      Export CSV\n    </GridMenuButton>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAeM,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAGb,EAAAL,kBAAAC,gBAAoCE,GAAKG;CAAA,AAAAF,EAAA,OAAAH,KAAAG,EAAA,OAAAJ,KAEmBM,IAAA;EAAAN;EAAAC;CAG5D,GAACG,EAAA,KAAAH,GAAAG,EAAA,KAAAJ,GAAAI,EAAA,KAAAE,KAAAA,IAAAF,EAAA;CAHD,IAAA,EAAAG,gBAAAC,mBAAqCX,EAAuBS,CAG3D,GAACG;CAAA,AAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,KAMaF,IAAA,kBAAC,GAAD,CAAgB,CAAA,GAAGL,EAAA,KAAAK,KAAAA,IAAAL,EAAA;CAAA,IAAAQ;CAIf,OAJeR,EAAA,OAAAG,KAAAH,EAAA,OAAAI,KAHhCI,IAAA,kBAAC,GAAD;EACWL,SAAAA;EACD,SAAA;EACG,WAAAE;EACFD,SAAAA;YACV;CALc,CAAA,GAOEJ,EAAA,KAAAG,GAAAH,EAAA,KAAAI,GAAAJ,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAPjBQ;AAOiB"}