synapse-react-client 4.0.18 → 4.0.20

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

@@ -32,144 +32,152 @@ function c(e) {
 	return Array.isArray(e) ? e : se(e) ? [] : [e];
 }
 function l(n) {
-	let r = oe(73), { rowData: a, setRowData: s, choices: l, colType: u, limitTags: d, active: f, focus: me, stopEditing: p, clearValue: he } = n, m = d === void 0 ? 2 : d, ge = he === void 0 ? void 0 : he, _e = te(s), h;
-	r[0] === s ? h = r[1] : (h = () => {
-		_e.current = s;
-	}, r[0] = s, r[1] = h), ee(h);
-	let [g, ve] = ne(""), _;
-	r[2] !== f || r[3] !== p ? (_ = {
+	let r = oe(79), { rowData: a, setRowData: s, choices: l, colType: u, limitTags: d, active: f, focus: p, stopEditing: m, clearValue: me } = n, h = d === void 0 ? 2 : d, he = me === void 0 ? void 0 : me, ge = te(s), g;
+	r[0] === s ? g = r[1] : (g = () => {
+		ge.current = s;
+	}, r[0] = s, r[1] = g), ee(g);
+	let [_, _e] = ne(""), v;
+	r[2] !== f || r[3] !== p || r[4] !== m ? (v = {
 		active: f,
-		stopEditing: p
-	}, r[2] = f, r[3] = p, r[4] = _) : _ = r[4];
-	let { menuIsOpen: ye, setMenuIsOpen: be, inputRef: xe, activeRef: v, handleListboxMouseDown: y, notifyOptionCommitted: b, handleMenuOpen: x, handleClose: S } = t(_), C, w, T, E, D;
-	if (r[5] !== f || r[6] !== l || r[7] !== m || r[8] !== a) {
-		T = c(a);
+		focus: p,
+		stopEditing: m
+	}, r[2] = f, r[3] = p, r[4] = m, r[5] = v) : v = r[5];
+	let { menuIsOpen: ve, setMenuIsOpen: ye, inputRef: be, activeRef: xe, handleListboxMouseDown: Se, notifyOptionCommitted: Ce, handleMenuOpen: y, handleClose: b, handlePopupIndicatorMouseDown: x } = t(v), S, C, w, T, E;
+	if (r[6] !== f || r[7] !== l || r[8] !== h || r[9] !== a) {
+		w = c(a);
 		let e;
-		r[14] === l ? e = r[15] : (e = l.map(ue), r[14] = l, r[15] = e), w = e, E = T.map(ue), C = f ? -1 : m, D = T.length > 0 ? T.map(pe).join(",") : "", r[5] = f, r[6] = l, r[7] = m, r[8] = a, r[9] = C, r[10] = w, r[11] = T, r[12] = E, r[13] = D;
-	} else C = r[9], w = r[10], T = r[11], E = r[12], D = r[13];
-	let O = D, k;
-	r[16] === a ? k = r[17] : (k = !se(a) && a !== "", r[16] = a, r[17] = k);
-	let Se = k, A = me ? void 0 : "none", j = f ? "wrap" : "nowrap", M = f ? "auto" : "hidden", N, P, F, I;
-	r[18] === Symbol.for("react.memo_cache_sentinel") ? (N = {
+		r[15] === l ? e = r[16] : (e = l.map(ue), r[15] = l, r[16] = e), C = e, T = w.map(ue), S = f ? -1 : h, E = w.length > 0 ? w.map(pe).join(",") : "", r[6] = f, r[7] = l, r[8] = h, r[9] = a, r[10] = S, r[11] = C, r[12] = w, r[13] = T, r[14] = E;
+	} else S = r[10], C = r[11], w = r[12], T = r[13], E = r[14];
+	let D = E, O;
+	r[17] === a ? O = r[18] : (O = !se(a) && a !== "", r[17] = a, r[18] = O);
+	let we = O, k = p ? void 0 : "none", A = f ? "wrap" : "nowrap", j = f ? "auto" : "hidden", M, N, P, F;
+	r[19] === Symbol.for("react.memo_cache_sentinel") ? (M = {
 		width: "6px",
 		height: "6px"
-	}, P = { background: "transparent" }, F = {
+	}, N = { background: "transparent" }, P = {
 		background: "#888",
 		borderRadius: "3px"
-	}, I = { background: "#555" }, r[18] = N, r[19] = P, r[20] = F, r[21] = I) : (N = r[18], P = r[19], F = r[20], I = r[21]);
-	let L;
-	r[22] !== A || r[23] !== j || r[24] !== M ? (L = {
-		pointerEvents: A,
+	}, F = { background: "#555" }, r[19] = M, r[20] = N, r[21] = P, r[22] = F) : (M = r[19], N = r[20], P = r[21], F = r[22]);
+	let I;
+	r[23] !== k || r[24] !== A || r[25] !== j ? (I = {
+		pointerEvents: k,
 		padding: "0 10px",
 		backgroundColor: "inherit",
-		flexWrap: j,
+		flexWrap: A,
 		minHeight: "100%",
 		maxHeight: "100%",
-		overflowY: M,
+		overflowY: j,
 		overflowX: "hidden",
-		"&::-webkit-scrollbar": N,
-		"&::-webkit-scrollbar-track": P,
-		"&::-webkit-scrollbar-thumb": F,
-		"&::-webkit-scrollbar-thumb:hover": I
-	}, r[22] = A, r[23] = j, r[24] = M, r[25] = L) : L = r[25];
-	let R = f ? "visible" : "hidden", z;
-	r[26] === R ? z = r[27] : (z = {
-		visibility: R,
+		"&::-webkit-scrollbar": M,
+		"&::-webkit-scrollbar-track": N,
+		"&::-webkit-scrollbar-thumb": P,
+		"&::-webkit-scrollbar-thumb:hover": F
+	}, r[23] = k, r[24] = A, r[25] = j, r[26] = I) : I = r[26];
+	let L = f ? "visible" : "hidden", R;
+	r[27] === L ? R = r[28] : (R = {
+		visibility: L,
 		pointerEvents: "auto"
-	}, r[26] = R, r[27] = z);
-	let B = f ? "visible" : "hidden", V;
-	r[28] === B ? V = r[29] : (V = {
-		visibility: B,
+	}, r[27] = L, r[28] = R);
+	let z = f ? "visible" : "hidden", B;
+	r[29] === z ? B = r[30] : (B = {
+		visibility: z,
 		pointerEvents: "auto"
-	}, r[28] = B, r[29] = V);
-	let H;
-	r[30] !== L || r[31] !== z || r[32] !== V ? (H = {
+	}, r[29] = z, r[30] = B);
+	let V;
+	r[31] !== I || r[32] !== R || r[33] !== B ? (V = {
 		...ce,
-		"& .MuiAutocomplete-inputRoot": L,
-		"& .MuiAutocomplete-clearIndicator": z,
-		"& .MuiAutocomplete-popupIndicator": V
-	}, r[30] = L, r[31] = z, r[32] = V, r[33] = H) : H = r[33];
-	let U = H, W;
-	r[34] !== v || r[35] !== ge || r[36] !== u || r[37] !== b || r[38] !== be ? (W = (t, n, r) => {
-		b();
+		"& .MuiAutocomplete-inputRoot": I,
+		"& .MuiAutocomplete-clearIndicator": R,
+		"& .MuiAutocomplete-popupIndicator": B
+	}, r[31] = I, r[32] = R, r[33] = B, r[34] = V) : V = r[34];
+	let Te = V, H;
+	r[35] !== xe || r[36] !== he || r[37] !== u || r[38] !== Ce || r[39] !== ye ? (H = (t, n, r) => {
+		Ce();
 		let i = n.map((t) => typeof t == "string" ? e(t, u) : t.value);
-		_e.current(i.length === 0 ? ge : i), ve(""), v.current || be(!1);
-	}, r[34] = v, r[35] = ge, r[36] = u, r[37] = b, r[38] = be, r[39] = W) : W = r[39];
-	let Ce = W, G;
-	r[40] !== u || r[41] !== g || r[42] !== T ? (G = () => {
-		if (g.trim()) {
-			let t = e(g, u);
-			_e.current([...T, t]), ve("");
+		ge.current(i.length === 0 ? he : i), _e(""), xe.current || ye(!1);
+	}, r[35] = xe, r[36] = he, r[37] = u, r[38] = Ce, r[39] = ye, r[40] = H) : H = r[40];
+	let Ee = H, U;
+	r[41] !== u || r[42] !== _ || r[43] !== w ? (U = () => {
+		if (_.trim()) {
+			let t = e(_, u);
+			ge.current([...w, t]), _e("");
 		}
-	}, r[40] = u, r[41] = g, r[42] = T, r[43] = G) : G = r[43];
-	let we = G, Te = f || T.length <= m, K;
-	r[44] === Symbol.for("react.memo_cache_sentinel") ? (K = {
+	}, r[41] = u, r[42] = _, r[43] = w, r[44] = U) : U = r[44];
+	let De = U, Oe = f || w.length <= h, W;
+	r[45] === Symbol.for("react.memo_cache_sentinel") ? (W = {
 		width: "100%",
 		height: "100%",
 		overflow: "hidden"
-	}, r[44] = K) : K = r[44];
-	let Ee = l.length > 0, q = !Se, J;
-	r[45] === Symbol.for("react.memo_cache_sentinel") ? (J = (e, t) => {
-		ve(t);
-	}, r[45] = J) : J = r[45];
-	let De = l.length > 1, Y;
-	r[46] === y ? Y = r[47] : (Y = { listbox: { onMouseDown: y } }, r[46] = y, r[47] = Y);
+	}, r[45] = W) : W = r[45];
+	let ke = l.length > 0, Ae = !we, G;
+	r[46] === Symbol.for("react.memo_cache_sentinel") ? (G = (e, t) => {
+		_e(t);
+	}, r[46] = G) : G = r[46];
+	let K = l.length > 1, q;
+	r[47] === Se ? q = r[48] : (q = { onMouseDown: Se }, r[47] = Se, r[48] = q);
+	let J;
+	r[49] === x ? J = r[50] : (J = { onMouseDown: x }, r[49] = x, r[50] = J);
+	let Y;
+	r[51] !== q || r[52] !== J ? (Y = {
+		listbox: q,
+		popupIndicator: J
+	}, r[51] = q, r[52] = J, r[53] = Y) : Y = r[53];
 	let X;
-	r[48] === f ? X = r[49] : (X = (e, t) => e.map((e, n) => {
+	r[54] === f ? X = r[55] : (X = (e, t) => e.map((e, n) => {
 		let { key: r, ...a } = t({ index: n });
 		return /* @__PURE__ */ o(i, {
 			option: typeof e == "string" ? e : e.value,
 			active: f,
 			...a
 		}, r);
-	}), r[48] = f, r[49] = X);
+	}), r[54] = f, r[55] = X);
 	let Z;
-	r[50] === xe ? Z = r[51] : (Z = (e) => /* @__PURE__ */ o(ie, {
+	r[56] === be ? Z = r[57] : (Z = (e) => /* @__PURE__ */ o(ie, {
 		...e,
-		inputRef: xe,
+		inputRef: be,
 		slotProps: { input: {
 			...e.InputProps,
 			disableUnderline: !0,
 			sx: le
 		} }
-	}), r[50] = xe, r[51] = Z);
+	}), r[56] = be, r[57] = Z);
 	let Q;
-	r[52] !== U || r[53] !== C || r[54] !== we || r[55] !== Ce || r[56] !== S || r[57] !== x || r[58] !== g || r[59] !== ye || r[60] !== w || r[61] !== E || r[62] !== Ee || r[63] !== q || r[64] !== De || r[65] !== Y || r[66] !== X || r[67] !== Z ? (Q = /* @__PURE__ */ o("div", {
-		style: K,
+	r[58] !== Te || r[59] !== S || r[60] !== De || r[61] !== Ee || r[62] !== b || r[63] !== y || r[64] !== _ || r[65] !== ve || r[66] !== C || r[67] !== T || r[68] !== ke || r[69] !== Ae || r[70] !== K || r[71] !== Y || r[72] !== X || r[73] !== Z ? (Q = /* @__PURE__ */ o("div", {
+		style: W,
 		children: /* @__PURE__ */ o(re, {
-			forcePopupIcon: Ee,
-			disableClearable: q,
+			forcePopupIcon: ke,
+			disableClearable: Ae,
 			multiple: !0,
 			freeSolo: !0,
-			open: ye,
-			onOpen: x,
+			open: ve,
+			onOpen: y,
 			disablePortal: !1,
-			limitTags: C,
-			options: w,
+			limitTags: S,
+			options: C,
 			getOptionLabel: fe,
 			isOptionEqualToValue: de,
-			value: E,
-			inputValue: g,
-			onInputChange: J,
-			onClose: S,
-			onChange: Ce,
-			disableCloseOnSelect: De,
+			value: T,
+			inputValue: _,
+			onInputChange: G,
+			onClose: b,
+			onChange: Ee,
+			disableCloseOnSelect: K,
 			slotProps: Y,
-			onBlur: we,
+			onBlur: De,
 			renderValue: X,
 			renderInput: Z,
-			sx: U
+			sx: Te
 		})
-	}), r[52] = U, r[53] = C, r[54] = we, r[55] = Ce, r[56] = S, r[57] = x, r[58] = g, r[59] = ye, r[60] = w, r[61] = E, r[62] = Ee, r[63] = q, r[64] = De, r[65] = Y, r[66] = X, r[67] = Z, r[68] = Q) : Q = r[68];
+	}), r[58] = Te, r[59] = S, r[60] = De, r[61] = Ee, r[62] = b, r[63] = y, r[64] = _, r[65] = ve, r[66] = C, r[67] = T, r[68] = ke, r[69] = Ae, r[70] = K, r[71] = Y, r[72] = X, r[73] = Z, r[74] = Q) : Q = r[74];
 	let $;
-	return r[69] !== Te || r[70] !== Q || r[71] !== O ? ($ = /* @__PURE__ */ o(ae, {
-		title: O,
+	return r[75] !== Oe || r[76] !== Q || r[77] !== D ? ($ = /* @__PURE__ */ o(ae, {
+		title: D,
 		placement: "top-start",
 		arrow: !0,
 		enterDelay: 500,
-		disableHoverListener: Te,
+		disableHoverListener: Oe,
 		children: Q
-	}), r[69] = Te, r[70] = Q, r[71] = O, r[72] = $) : $ = r[72], $;
+	}), r[75] = Oe, r[76] = Q, r[77] = D, r[78] = $) : $ = r[78], $;
 }
 function de(e, t) {
 	return s(typeof e == "string" ? e : e.value, typeof t == "string" ? t : t.value);

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteMultipleEnumColumn.js","names":["parseFreeTextGivenJsonSchemaType","Autocomplete","AutocompleteChangeReason","SxProps","TextField","Theme","Tooltip","JSONSchema7Type","memo","useCallback","useLayoutEffect","useMemo","useRef","useState","CellComponent","Column","areAutocompleteCellPropsEqual","AutocompleteCellProps","castCellValueToString","AutocompleteOption","GridAutocompleteChip","isNil","isEqual","useGridAutocompleteState","AUTOCOMPLETE_MULTIPLE_BASE_SX","width","height","margin","visibility","TEXT_FIELD_SX","padding","backgroundColor","borderRadius","AutocompleteMultipleEnumOption","AutocompleteMultipleEnumCellProps","Omit","choices","limitTags","clearValue","EnumOption","label","value","createOptionFromValue","createSafeRowData","rowData","Array","isArray","AutocompleteMultipleEnumCell","t0","$","_c","setRowData","colType","t1","active","focus","stopEditing","t2","undefined","setRowDataRef","t3","current","localInputState","setLocalInputState","t4","menuIsOpen","setMenuIsOpen","inputRef","activeRef","handleListboxMouseDown","notifyOptionCommitted","handleMenuOpen","handleClose","effectiveLimitTags","optionsWithLabels","safeRowData","selectedOptions","t5","t6","map","length","_temp","join","tooltipContent","hasValue","t7","t8","t9","t10","t11","t12","t13","Symbol","for","background","t14","pointerEvents","flexWrap","minHeight","maxHeight","overflowY","overflowX","t15","t16","t17","t18","t19","autocompleteSx","t20","_e","newVal","_reason","values","item_0","item","handleChange","t21","trim","parsedValue","handleBlur","t22","t23","overflow","t24","t25","t26","_","newInputValue","t27","t28","listbox","onMouseDown","t29","tagValue","getTagProps","option_1","index","key","tagProps","optionValue_0","option","optionValue","t30","params","input","InputProps","disableUnderline","sx","t31","_temp2","_temp3","t32","option_0","valueValue","areAutocompleteMultipleEnumCellPropsEqual","prevProps","nextProps","MemoizedAutocompleteMultipleEnumCell","AutocompleteMultipleEnumColumnProps","dynamicHeight","autocompleteMultipleEnumColumn","Partial","component","props","copyValue","pasteValue","delimiters","parsedValues","split","filter","disableKeys","keepFocus","cellClassName"],"sources":["../../../../src/components/DataGrid/columns/AutocompleteMultipleEnumColumn.tsx"],"sourcesContent":["import parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Autocomplete,\n  AutocompleteChangeReason,\n  SxProps,\n  TextField,\n  Theme,\n  Tooltip,\n} from '@mui/material'\nimport { JSONSchema7Type } from 'json-schema'\nimport {\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { CellComponent, Column } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  areAutocompleteCellPropsEqual,\n  AutocompleteCellProps,\n  castCellValueToString,\n  AutocompleteOption,\n} from './AutocompleteColumn'\nimport { GridAutocompleteChip } from './GridAutocompleteChip'\nimport isNil from 'lodash-es/isNil'\nimport isEqual from 'lodash-es/isEqual'\nimport { useGridAutocompleteState } from './useGridAutocompleteState'\n\n// Static styles extracted to avoid recreation on every render\nconst AUTOCOMPLETE_MULTIPLE_BASE_SX: SxProps<Theme> = {\n  width: '100%',\n  height: '100%',\n  '& .MuiFormControl-root': {\n    height: '100%',\n  },\n  '& .MuiAutocomplete-tag': {\n    margin: '1px',\n  },\n  '&:hover .MuiAutocomplete-clearIndicator': {\n    visibility: 'visible',\n  },\n  '&:hover .MuiAutocomplete-popupIndicator': {\n    visibility: 'visible',\n  },\n}\n\nconst TEXT_FIELD_SX: SxProps<Theme> = {\n  height: '100%',\n  padding: '0 10px',\n  backgroundColor: 'inherit',\n  borderRadius: 0,\n}\n\nexport type AutocompleteMultipleEnumOption = AutocompleteOption\n\nexport type AutocompleteMultipleEnumCellProps = Omit<\n  AutocompleteCellProps,\n  'choices'\n> & {\n  choices: AutocompleteMultipleEnumOption[]\n  limitTags?: number\n  clearValue?: undefined | null\n}\n\ntype EnumOption = {\n  label: string\n  value: AutocompleteMultipleEnumOption\n}\n\nfunction createOptionFromValue(\n  value: AutocompleteMultipleEnumOption,\n): EnumOption {\n  return {\n    label: castCellValueToString(value),\n    value: value,\n  }\n}\n\nfunction createSafeRowData(\n  rowData: AutocompleteMultipleEnumOption,\n): AutocompleteMultipleEnumOption[] {\n  if (Array.isArray(rowData)) {\n    return rowData as AutocompleteMultipleEnumOption[]\n  } else if (isNil(rowData)) {\n    return []\n  } else {\n    return [rowData]\n  }\n}\n\nfunction AutocompleteMultipleEnumCell({\n  rowData,\n  setRowData,\n  choices,\n  colType,\n  limitTags = 2,\n  active,\n  focus,\n  stopEditing,\n  clearValue = undefined,\n}: AutocompleteMultipleEnumCellProps) {\n  // Stable refs so memo(AutocompleteMultipleEnumCell) can use default shallow\n  // comparison — react-datasheet-grid recreates these functions on every render,\n  // but their behavior is stable for a given cell position.\n  const setRowDataRef = useRef(setRowData)\n  useLayoutEffect(() => {\n    setRowDataRef.current = setRowData\n  })\n  const [localInputState, setLocalInputState] = useState<string>('')\n\n  const {\n    menuIsOpen,\n    setMenuIsOpen,\n    inputRef,\n    activeRef,\n    handleListboxMouseDown,\n    notifyOptionCommitted,\n    handleMenuOpen,\n    handleClose,\n  } = useGridAutocompleteState({ active, stopEditing })\n\n  const safeRowData = createSafeRowData(rowData)\n  const optionsWithLabels = choices.map(createOptionFromValue)\n  const selectedOptions = safeRowData.map(createOptionFromValue)\n  const effectiveLimitTags = active ? -1 : limitTags\n\n  // Create tooltip content showing all values\n  const tooltipContent =\n    safeRowData.length > 0\n      ? safeRowData.map(item => castCellValueToString(item)).join(',')\n      : ''\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_MULTIPLE_BASE_SX,\n      '& .MuiAutocomplete-inputRoot': {\n        pointerEvents: focus ? undefined : 'none',\n        padding: '0 10px',\n        backgroundColor: 'inherit',\n        // Allow tags to wrap and enable scrolling\n        flexWrap: active ? 'wrap' : 'nowrap',\n        minHeight: '100%',\n        maxHeight: '100%',\n        overflowY: active ? 'auto' : 'hidden',\n        overflowX: 'hidden',\n        '&::-webkit-scrollbar': {\n          width: '6px',\n          height: '6px',\n        },\n        '&::-webkit-scrollbar-track': {\n          background: 'transparent',\n        },\n        '&::-webkit-scrollbar-thumb': {\n          background: '#888',\n          borderRadius: '3px',\n        },\n        '&::-webkit-scrollbar-thumb:hover': {\n          background: '#555',\n        },\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    }),\n    [active, focus],\n  )\n\n  const handleChange = useCallback(\n    (\n      _e: React.SyntheticEvent,\n      newVal: (EnumOption | string)[],\n      _reason: AutocompleteChangeReason,\n    ) => {\n      notifyOptionCommitted()\n      const values = newVal.map(item => {\n        return typeof item === 'string'\n          ? parseFreeTextGivenJsonSchemaType(item, colType)\n          : item.value\n      })\n      // Use clearValue when all items are removed\n      setRowDataRef.current(values.length === 0 ? clearValue : values)\n      setLocalInputState('')\n      if (!activeRef.current) {\n        // The cell was deactivated while the option click was in progress (portal\n        // click was seen as an outside click by the grid). Now that the value is\n        // committed, close the menu.\n        setMenuIsOpen(false)\n      }\n    },\n    [activeRef, clearValue, colType, notifyOptionCommitted, setMenuIsOpen],\n  )\n\n  const handleBlur = useCallback(() => {\n    if (localInputState.trim()) {\n      const parsedValue = parseFreeTextGivenJsonSchemaType(\n        localInputState,\n        colType,\n      )\n      setRowDataRef.current([...safeRowData, parsedValue])\n      setLocalInputState('')\n    }\n  }, [localInputState, colType, safeRowData])\n\n  return (\n    <Tooltip\n      title={tooltipContent}\n      placement=\"top-start\"\n      arrow\n      enterDelay={500}\n      disableHoverListener={active || safeRowData.length <= limitTags}\n    >\n      <div\n        style={{\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n        }}\n      >\n        <Autocomplete\n          forcePopupIcon={choices.length > 0}\n          disableClearable={!hasValue}\n          multiple\n          freeSolo\n          open={menuIsOpen}\n          onOpen={handleMenuOpen}\n          disablePortal={false}\n          limitTags={effectiveLimitTags}\n          options={optionsWithLabels}\n          getOptionLabel={option => {\n            // Handle both string (for freeSolo) and object options\n            return typeof option === 'string' ? option : option.label\n          }}\n          isOptionEqualToValue={(option, value) => {\n            // Compare the actual values, not labels\n            const optionValue =\n              typeof option === 'string' ? option : option.value\n            const valueValue = typeof value === 'string' ? value : value.value\n            return isEqual(optionValue, valueValue)\n          }}\n          value={selectedOptions}\n          inputValue={localInputState}\n          onInputChange={(_, newInputValue) => {\n            setLocalInputState(newInputValue)\n          }}\n          onClose={handleClose}\n          onChange={handleChange}\n          disableCloseOnSelect={choices.length > 1}\n          slotProps={{\n            listbox: { onMouseDown: handleListboxMouseDown },\n          }}\n          onBlur={handleBlur}\n          renderValue={(tagValue, getTagProps) =>\n            tagValue.map((option, index) => {\n              const { key, ...tagProps } = getTagProps({ index })\n              const optionValue =\n                typeof option === 'string' ? option : option.value\n              return (\n                <GridAutocompleteChip\n                  key={key}\n                  option={optionValue}\n                  active={active}\n                  {...tagProps}\n                />\n              )\n            })\n          }\n          renderInput={params => (\n            <TextField\n              {...params}\n              inputRef={inputRef}\n              slotProps={{\n                input: {\n                  ...params.InputProps,\n                  disableUnderline: true,\n                  sx: TEXT_FIELD_SX,\n                },\n              }}\n            />\n          )}\n          sx={autocompleteSx}\n        />\n      </div>\n    </Tooltip>\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 areAutocompleteMultipleEnumCellPropsEqual(\n  prevProps: AutocompleteMultipleEnumCellProps,\n  nextProps: AutocompleteMultipleEnumCellProps,\n) {\n  return (\n    areAutocompleteCellPropsEqual(prevProps, nextProps) &&\n    prevProps.limitTags === nextProps.limitTags\n  )\n}\n\nconst MemoizedAutocompleteMultipleEnumCell = memo(\n  AutocompleteMultipleEnumCell,\n  areAutocompleteMultipleEnumCellPropsEqual,\n)\n\nexport type AutocompleteMultipleEnumColumnProps = {\n  choices: AutocompleteMultipleEnumOption[]\n  colType?: JSONSchema7Type\n  limitTags?: number\n  dynamicHeight?: boolean\n  clearValue?: undefined | null\n}\n\nexport function autocompleteMultipleEnumColumn({\n  choices,\n  colType,\n  limitTags = 2,\n  dynamicHeight = false,\n  clearValue = undefined,\n}: AutocompleteMultipleEnumColumnProps): Partial<Column> {\n  return {\n    component: ((\n      props: Omit<AutocompleteMultipleEnumCellProps, 'choices' | 'limitTags'>,\n    ) => (\n      <MemoizedAutocompleteMultipleEnumCell\n        {...props}\n        choices={choices}\n        colType={colType}\n        limitTags={limitTags}\n        clearValue={clearValue}\n      />\n    )) as CellComponent,\n    copyValue: ({ rowData }) => {\n      // Convert array to comma-separated string\n      const safeRowData = createSafeRowData(rowData)\n      return safeRowData.map(item => castCellValueToString(item)).join(',')\n    },\n    pasteValue: ({ value }) => {\n      if (typeof value !== 'string') {\n        return value\n      }\n\n      // Split by comma or tab and clean up values\n      const delimiters = /[,\\t]/\n      const parsedValues = value\n        .split(delimiters)\n        .map(item => item.trim())\n        .filter(item => item.length > 0)\n        .map(item => parseFreeTextGivenJsonSchemaType(item, colType))\n        .filter(item => item !== null && item !== undefined)\n\n      // When no values remain, use clearValue (null for required, undefined for\n      // optional) so paste and the X-clear button converge on the same\n      // in-model representation instead of [].\n      // Note: columnFactory also wraps this pasteValue with\n      // wrapPasteValueWithSchemaCoercion, which is a no-op here because\n      // coerceModelCellValue does not coerce empty arrays — this layer is the\n      // one responsible for the [] → clearValue conversion.\n      return parsedValues.length > 0 ? parsedValues : clearValue\n    },\n    disableKeys: true,\n    keepFocus: true,\n    ...(dynamicHeight && {\n      cellClassName: ({ rowData }) => {\n        const safeRowData = createSafeRowData(rowData)\n        return safeRowData.length > 3\n          ? 'multi-value-cell-large'\n          : 'multi-value-cell'\n      },\n    }),\n  }\n}\n"],"mappings":";;;;;;;;;;;AA+BA,IAAMwB,KAAgD;CACpDC,OAAO;CACPC,QAAQ;CACR,0BAA0B,EACxBA,QAAQ,QACT;CACD,0BAA0B,EACxBC,QAAQ,OACT;CACD,2CAA2C,EACzCC,YAAY,WACb;CACD,2CAA2C,EACzCA,YAAY,WACd;CACD,EAEKC,KAAgC;CACpCH,QAAQ;CACRI,SAAS;CACTC,iBAAiB;CACjBC,cAAc;CACf;AAkBD,SAASU,GACPD,GACY;AACZ,QAAO;EACLD,OAAOtB,EAAsBuB,EAAM;EAC5BA;EACR;;AAGH,SAASE,EACPC,GACkC;AAMhC,QALEC,MAAMC,QAAQF,EAAQ,GACjBA,IACEvB,GAAMuB,EAAQ,GAChB,EAAE,GAEF,CAACA,EAAQ;;AAIpB,SAAAG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,GAAA,GAAA,EAAsC,EAAAN,YAAAO,eAAAf,YAAAgB,YAAAf,WAAAgB,GAAAC,WAAAC,WAAAC,gBAAAlB,YAAAmB,OAAAT,GAKpCX,IAAAgB,MAAAK,KAAAA,IAAA,IAAAL,GAIAf,KAAAmB,OAAAC,KAAAA,IAAAA,KAAAA,IAAAD,IAKAE,KAAsB/C,GAAOuC,EAAW,EAAAS;AACxClD,CADwCuC,EAAA,OAAAE,IAGvCS,IAAAX,EAAA,MAFeW,UAAA;AACdD,KAAaE,UAAWV;IACzBF,EAAA,KAAAE,GAAAF,EAAA,KAAAW,IAFDlD,GAAgBkD,EAEd;CACF,IAAA,CAAAE,GAAAC,MAA8ClD,GAAiB,GAAG,EAAAmD;AAAA,CAAAf,EAAA,OAAAK,KAAAL,EAAA,OAAAO,KAWrCQ,IAAA;EAAAV;EAAAE;EAAuB,EAAAP,EAAA,KAAAK,GAAAL,EAAA,KAAAO,GAAAP,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CATpD,IAAA,EAAAgB,gBAAAC,mBAAAC,cAAAC,cAAAC,2BAAAC,0BAAAC,mBAAAC,mBASIjD,EAAyByC,EAAwB,EAAAS,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,KAAA5B,EAAA,OAAAK,KAAAL,EAAA,OAAAb,KAAAa,EAAA,OAAAZ,KAAAY,EAAA,OAAAL,GAAA;AAErD+B,MAAoBhC,EAAkBC,EAAQ;EAAA,IAAAkC;AAStC7B,EATsCA,EAAA,QAAAb,IACc0C,IAAA7B,EAAA,OAAlC6B,IAAA1C,EAAO2C,IAAKrC,GAAsB,EAAAO,EAAA,MAAAb,GAAAa,EAAA,MAAA6B,IAA5DJ,IAA0BI,GAC1BF,IAAwBD,EAAWI,IAAKrC,GAAsB,EAC9D+B,IAA2BnB,IAAA,KAAAjB,GAIzBwC,IAAAF,EAAWK,SAAU,IACjBL,EAAWI,IAAKE,GAAoC,CAAAC,KAAM,IACxD,GAFN,IAEMjC,EAAA,KAAAK,GAAAL,EAAA,KAAAb,GAAAa,EAAA,KAAAZ,GAAAY,EAAA,KAAAL,GAAAK,EAAA,KAAAwB,GAAAxB,EAAA,MAAAyB,GAAAzB,EAAA,MAAA0B,GAAA1B,EAAA,MAAA2B,GAAA3B,EAAA,MAAA4B;OAAAA,CAAAJ,IAAAxB,EAAA,IAAAyB,IAAAzB,EAAA,KAAA0B,IAAA1B,EAAA,KAAA2B,IAAA3B,EAAA,KAAA4B,IAAA5B,EAAA;CAHR,IAAAkC,IACEN,GAEMC;AAAA,CAAA7B,EAAA,QAAAL,IAE0CkC,IAAA7B,EAAA,OAAjC6B,IAAA,CAACzD,GAAMuB,EAA0B,IAAdA,MAAY,IAAEK,EAAA,MAAAL,GAAAK,EAAA,MAAA6B;CAAlD,IAAAM,KAAiBN,GAOIO,IAAA9B,KAAAG,KAAAA,IAAA,QAIL4B,IAAAhC,IAAA,SAAA,UAGCiC,IAAAjC,IAAA,SAAA,UAA0BkC,GAAAC,GAAAC,GAAAC;AAAA,CAAA1C,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,IAEbL,IAAA;EAAA/D,OACf;EAAKC,QACJ;EACT,EAC6B+D,IAAA,EAAAK,YAChB,eACb,EAC6BJ,IAAA;EAAAI,YAChB;EAAM9D,cACJ;EACf,EACmC2D,IAAA,EAAAG,YACtB,QACb,EAAA7C,EAAA,MAAAuC,GAAAvC,EAAA,MAAAwC,GAAAxC,EAAA,MAAAyC,GAAAzC,EAAA,MAAA0C,MAAAH,IAAAvC,EAAA,KAAAwC,IAAAxC,EAAA,KAAAyC,IAAAzC,EAAA,KAAA0C,IAAA1C,EAAA;CAAA,IAAA8C;AAAA,CAAA9C,EAAA,QAAAoC,KAAApC,EAAA,QAAAqC,KAAArC,EAAA,QAAAsC,KAvB6BQ,IAAA;EAAAC,eACfX;EAA0BvD,SAChC;EAAQC,iBACA;EAASkE,UAEhBX;EAA0BY,WACzB;EAAMC,WACN;EAAMC,WACNb;EAA0Bc,WAC1B;EAAQ,wBACKb;EAGvB,8BAC6BC;EAE7B,8BAC6BC;EAG7B,oCACmCC;EAGrC,EAAA1C,EAAA,MAAAoC,GAAApC,EAAA,MAAAqC,GAAArC,EAAA,MAAAsC,GAAAtC,EAAA,MAAA8C,KAAAA,IAAA9C,EAAA;CAEa,IAAAqD,IAAAhD,IAAA,YAAA,UAA6BiD;AAAA,CAAAtD,EAAA,QAAAqD,IAE1CC,IAAAtD,EAAA,OAHoCsD,IAAA;EAAA3E,YACvB0E;EAA6BN,eAC1B;EAChB,EAAA/C,EAAA,MAAAqD,GAAArD,EAAA,MAAAsD;CAEa,IAAAC,IAAAlD,IAAA,YAAA,UAA6BmD;AAAA,CAAAxD,EAAA,QAAAuD,IAE1CC,IAAAxD,EAAA,OAHoCwD,IAAA;EAAA7E,YACvB4E;EAA6BR,eAC1B;EAChB,EAAA/C,EAAA,MAAAuD,GAAAvD,EAAA,MAAAwD;CAAA,IAAAC;AAAA,CAAAzD,EAAA,QAAA8C,KAAA9C,EAAA,QAAAsD,KAAAtD,EAAA,QAAAwD,KAlCIC,IAAA;EAAA,GACFlF;EAA6B,gCACAuE;EAwB/B,qCACoCQ;EAGpC,qCACoCE;EAItC,EAAAxD,EAAA,MAAA8C,GAAA9C,EAAA,MAAAsD,GAAAtD,EAAA,MAAAwD,GAAAxD,EAAA,MAAAyD,KAAAA,IAAAzD,EAAA;CApCH,IAAA0D,IACSD,GAqCRE;AAAA,CAAA3D,EAAA,QAAAmB,KAAAnB,EAAA,QAAAX,MAAAW,EAAA,QAAAG,KAAAH,EAAA,QAAAqB,KAAArB,EAAA,QAAAiB,MAGC0C,KAAAC,GAAAC,GAAAC,MAAA;AAKEzC,KAAuB;EACvB,IAAA0C,IAAeF,EAAM/B,KAAKkC,MACjB,OAAOC,KAAS,WACnBlH,EAAiCkH,GAAM9D,EAC7B,GAAV8D,EAAIzE,MACR;AAIF,EAFAkB,GAAaE,QAASmD,EAAMhC,WAAY,IAAlB1C,KAAA0E,EAA0C,EAChEjD,GAAmB,GAAG,EACjBK,EAASP,WAIZK,GAAc,GAAM;IAEvBjB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAX,IAAAW,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,GAAArB,EAAA,MAAAiB,IAAAjB,EAAA,MAAA2D,KAAAA,IAAA3D,EAAA;CArBH,IAAAkE,KAAqBP,GAuBpBQ;AAAA,CAAAnE,EAAA,QAAAG,KAAAH,EAAA,QAAAa,KAAAb,EAAA,QAAA0B,KAE8ByC,UAAA;AAC7B,MAAItD,EAAeuD,MAAO,EAAA;GACxB,IAAAC,IAAoBtH,EAClB8D,GACAV,EACD;AAEDW,GADAJ,GAAaE,QAAS,CAAA,GAAIc,GAAa2C,EAAY,CAAC,EACpDvD,GAAmB,GAAG;;IAEzBd,EAAA,MAAAG,GAAAH,EAAA,MAAAa,GAAAb,EAAA,MAAA0B,GAAA1B,EAAA,MAAAmE,KAAAA,IAAAnE,EAAA;CATD,IAAAsE,KAAmBH,GAiBOI,KAAAlE,KAAUqB,EAAWK,UAAW3C,GAASoF;AAAA,CAAAxE,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,IAGtD4B,IAAA;EAAAhG,OACE;EAAMC,QACL;EAAMgG,UACJ;EACX,EAAAzE,EAAA,MAAAwE,KAAAA,IAAAxE,EAAA;CAGiB,IAAA0E,KAAAvF,EAAO4C,SAAU,GACf4C,IAAA,CAACxC,IAAQyC;AAAA,CAAA5E,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,IAqBZgC,KAAAC,GAAAC,MAAA;AACbhE,KAAmBgE,EAAc;IAClC9E,EAAA,MAAA4E,KAAAA,IAAA5E,EAAA;CAGqB,IAAA+E,KAAA5F,EAAO4C,SAAU,GAACiD;AAAA,CAAAhF,EAAA,QAAAoB,IAGvC4D,IAAAhF,EAAA,OAFUgF,IAAA,EAAAC,SACA,EAAAC,aAAe9D,GAAuB,EAChD,EAAApB,EAAA,MAAAoB,GAAApB,EAAA,MAAAgF;CAAA,IAAAG;AAAA,CAAAnF,EAAA,QAAAK,IAeG8E,IAAAnF,EAAA,OAbSmF,KAAAC,GAAAC,MACXD,EAAQtD,KAAKwD,GAAAC,MAAA;EACX,IAAA,EAAAC,QAAA,GAAAC,MAA6BJ,EAAY,EAAAE,UAAS,CAAC;AAEC,SAElD,kBAAC,GAAD;GAEUK,QAJV,OAAOD,KAAW,WAAlBL,IAAsCK,EAAMnG;GAKlCa;GAAM,GACVoF;GACJ,EAJKD,EAIL;GAEJ,EAAAxF,EAAA,MAAAK,GAAAL,EAAA,MAAAmF;CAAA,IAAAU;AAAA,CAAA7F,EAAA,QAAAkB,KAcH2E,IAAA7F,EAAA,OAZY6F,KAAAC,MACX,kBAAC,IAAD;EAAU,GACJA;EACM5E;EACC,WAAA,EAAA6E,OACF;GAAA,GACFD,EAAME;GAAWC,kBACF;GAAIC,IAClBtH;GACN,EACF;EAEH,CAAA,EAAAoB,EAAA,MAAAkB,IAAAlB,EAAA,MAAA6F;CAAA,IAAAM;AAAA,CAAAnG,EAAA,QAAA0D,KAAA1D,EAAA,QAAAwB,KAAAxB,EAAA,QAAAsE,MAAAtE,EAAA,QAAAkE,MAAAlE,EAAA,QAAAuB,KAAAvB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,MAAAhB,EAAA,QAAAyB,KAAAzB,EAAA,QAAA2B,KAAA3B,EAAA,QAAA0E,MAAA1E,EAAA,QAAA2E,KAAA3E,EAAA,QAAA+E,MAAA/E,EAAA,QAAAgF,KAAAhF,EAAA,QAAAmF,KAAAnF,EAAA,QAAA6F,KAnELM,IAAA,kBAAA,OAAA;EACS,OAAA3B;YAMP,kBAAC,IAAD;GACkB,gBAAAE;GACE,kBAAAC;GAClB,UAAA;GACA,UAAA;GACM3D,MAAAA;GACEM,QAAAA;GACO,eAAA;GACJE,WAAAA;GACFC,SAAAA;GACO,gBAAA2E;GAIM,sBAAAC;GAOf1E,OAAAA;GACKd,YAAAA;GACG,eAAA+D;GAGNrD,SAAAA;GACC2C,UAAAA;GACY,sBAAAa;GACX,WAAAC;GAGHV,QAAAA;GACK,aAAAa;GAeA,aAAAU;GAaTnC,IAAAA;GAER,CAAA;EAAM,CAAA,EAAA1D,EAAA,MAAA0D,GAAA1D,EAAA,MAAAwB,GAAAxB,EAAA,MAAAsE,IAAAtE,EAAA,MAAAkE,IAAAlE,EAAA,MAAAuB,GAAAvB,EAAA,MAAAsB,GAAAtB,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,IAAAhB,EAAA,MAAAyB,GAAAzB,EAAA,MAAA2B,GAAA3B,EAAA,MAAA0E,IAAA1E,EAAA,MAAA2E,GAAA3E,EAAA,MAAA+E,IAAA/E,EAAA,MAAAgF,GAAAhF,EAAA,MAAAmF,GAAAnF,EAAA,MAAA6F,GAAA7F,EAAA,MAAAmG,KAAAA,IAAAnG,EAAA;CAAA,IAAAsG;AACE,QADFtG,EAAA,QAAAuE,MAAAvE,EAAA,QAAAmG,KAAAnG,EAAA,QAAAkC,KA7ERoE,IAAA,kBAAC,IAAD;EACSpE,OAAAA;EACG,WAAA;EACV,OAAA;EACY,YAAA;EACU,sBAAAqC;YAEtB4B;EAuEQ,CAAA,EAAAnG,EAAA,MAAAuE,IAAAvE,EAAA,MAAAmG,GAAAnG,EAAA,MAAAkC,GAAAlC,EAAA,MAAAsG,KAAAA,IAAAtG,EAAA,KA9EVsG;;AA1HJ,SAAAD,GAAAE,GAAA/G,GAAA;AA0J8E,QAC3DnB,EAFL,OAAOsH,KAAW,WAAlBY,IAAsCZ,EAAMnG,OAC3B,OAAOA,KAAU,WAAjBA,IAAoCA,EAAKA,MACrB;;AA3JnD,SAAA4G,GAAAT,GAAA;AAAA,QAoJmB,OAAOA,KAAW,WAAlBA,IAAsCA,EAAMpG;;AApJ/D,SAAAyC,GAAAiC,GAAA;AAAA,QAuCgChG,EAAsBgG,EAAK;;AAyK3D,SAAgBwC,EACdC,GACAC,GACA;AACA,QACE5I,EAA8B2I,GAAWC,EAAU,IACnDD,EAAUtH,cAAcuH,EAAUvH;;AAItC,IAAMwH,IAAuCrJ,EAC3CuC,GACA2G,EACD;AAUD,SAAgBM,EAA+B,EAC7C5H,YACAgB,YACAf,eAAY,GACZ0H,mBAAgB,IAChBzH,iBAAaoB,KAAAA,KAC0C;AACvD,QAAO;EACLwG,aACEC,MAEA,kBAAC,GAAD;GACE,GAAIA;GACK/H;GACAgB;GACEf;GACCC;GAEf,CAAA;EACD8H,YAAY,EAAExH,iBAEQD,EAAkBC,EAC/B+B,CAAYI,KAAImC,MAAQhG,EAAsBgG,EAAK,CAAC,CAAChC,KAAK,IAAI;EAEvEmF,aAAa,EAAE5H,eAAY;AACzB,OAAI,OAAOA,KAAU,SACnB,QAAOA;GAKT,IAAM8H,IAAe9H,EAClB+H,MAAMF,QAAW,CACjBvF,KAAImC,MAAQA,EAAKG,MAAM,CAAC,CACxBoD,QAAOvD,MAAQA,EAAKlC,SAAS,EAAE,CAC/BD,KAAImC,MAAQlH,EAAiCkH,GAAM9D,EAAQ,CAAC,CAC5DqH,QAAOvD,MAAQA,KAAS,KAA2B;AAStD,UAAOqD,EAAavF,SAAS,IAAIuF,IAAejI;;EAElDoI,aAAa;EACbC,WAAW;EACX,GAAIZ,KAAiB,EACnBa,gBAAgB,EAAEhI,iBACID,EAAkBC,EAC/B+B,CAAYK,SAAS,IACxB,2BACA,oBAEP;EACF"}
+{"version":3,"file":"AutocompleteMultipleEnumColumn.js","names":["parseFreeTextGivenJsonSchemaType","Autocomplete","AutocompleteChangeReason","SxProps","TextField","Theme","Tooltip","JSONSchema7Type","memo","useCallback","useLayoutEffect","useMemo","useRef","useState","CellComponent","Column","areAutocompleteCellPropsEqual","AutocompleteCellProps","castCellValueToString","AutocompleteOption","GridAutocompleteChip","isNil","isEqual","useGridAutocompleteState","AUTOCOMPLETE_MULTIPLE_BASE_SX","width","height","margin","visibility","TEXT_FIELD_SX","padding","backgroundColor","borderRadius","AutocompleteMultipleEnumOption","AutocompleteMultipleEnumCellProps","Omit","choices","limitTags","clearValue","EnumOption","label","value","createOptionFromValue","createSafeRowData","rowData","Array","isArray","AutocompleteMultipleEnumCell","t0","$","_c","setRowData","colType","t1","active","focus","stopEditing","t2","undefined","setRowDataRef","t3","current","localInputState","setLocalInputState","t4","menuIsOpen","setMenuIsOpen","inputRef","activeRef","handleListboxMouseDown","notifyOptionCommitted","handleMenuOpen","handleClose","handlePopupIndicatorMouseDown","effectiveLimitTags","optionsWithLabels","safeRowData","selectedOptions","t5","t6","map","length","_temp","join","tooltipContent","hasValue","t7","t8","t9","t10","t11","t12","t13","Symbol","for","background","t14","pointerEvents","flexWrap","minHeight","maxHeight","overflowY","overflowX","t15","t16","t17","t18","t19","autocompleteSx","t20","_e","newVal","_reason","values","item_0","item","handleChange","t21","trim","parsedValue","handleBlur","t22","t23","overflow","t24","t25","t26","_","newInputValue","t27","t28","onMouseDown","t29","t30","listbox","popupIndicator","t31","tagValue","getTagProps","option_1","index","key","tagProps","optionValue_0","option","optionValue","t32","params","input","InputProps","disableUnderline","sx","t33","_temp2","_temp3","t34","option_0","valueValue","areAutocompleteMultipleEnumCellPropsEqual","prevProps","nextProps","MemoizedAutocompleteMultipleEnumCell","AutocompleteMultipleEnumColumnProps","dynamicHeight","autocompleteMultipleEnumColumn","Partial","component","props","copyValue","pasteValue","delimiters","parsedValues","split","filter","disableKeys","keepFocus","cellClassName"],"sources":["../../../../src/components/DataGrid/columns/AutocompleteMultipleEnumColumn.tsx"],"sourcesContent":["import parseFreeTextGivenJsonSchemaType from '@/components/DataGrid/utils/parseFreeTextUsingJsonSchemaType'\nimport {\n  Autocomplete,\n  AutocompleteChangeReason,\n  SxProps,\n  TextField,\n  Theme,\n  Tooltip,\n} from '@mui/material'\nimport { JSONSchema7Type } from 'json-schema'\nimport {\n  memo,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { CellComponent, Column } from '@sage-bionetworks/react-datasheet-grid'\nimport {\n  areAutocompleteCellPropsEqual,\n  AutocompleteCellProps,\n  castCellValueToString,\n  AutocompleteOption,\n} from './AutocompleteColumn'\nimport { GridAutocompleteChip } from './GridAutocompleteChip'\nimport isNil from 'lodash-es/isNil'\nimport isEqual from 'lodash-es/isEqual'\nimport { useGridAutocompleteState } from './useGridAutocompleteState'\n\n// Static styles extracted to avoid recreation on every render\nconst AUTOCOMPLETE_MULTIPLE_BASE_SX: SxProps<Theme> = {\n  width: '100%',\n  height: '100%',\n  '& .MuiFormControl-root': {\n    height: '100%',\n  },\n  '& .MuiAutocomplete-tag': {\n    margin: '1px',\n  },\n  '&:hover .MuiAutocomplete-clearIndicator': {\n    visibility: 'visible',\n  },\n  '&:hover .MuiAutocomplete-popupIndicator': {\n    visibility: 'visible',\n  },\n}\n\nconst TEXT_FIELD_SX: SxProps<Theme> = {\n  height: '100%',\n  padding: '0 10px',\n  backgroundColor: 'inherit',\n  borderRadius: 0,\n}\n\nexport type AutocompleteMultipleEnumOption = AutocompleteOption\n\nexport type AutocompleteMultipleEnumCellProps = Omit<\n  AutocompleteCellProps,\n  'choices'\n> & {\n  choices: AutocompleteMultipleEnumOption[]\n  limitTags?: number\n  clearValue?: undefined | null\n}\n\ntype EnumOption = {\n  label: string\n  value: AutocompleteMultipleEnumOption\n}\n\nfunction createOptionFromValue(\n  value: AutocompleteMultipleEnumOption,\n): EnumOption {\n  return {\n    label: castCellValueToString(value),\n    value: value,\n  }\n}\n\nfunction createSafeRowData(\n  rowData: AutocompleteMultipleEnumOption,\n): AutocompleteMultipleEnumOption[] {\n  if (Array.isArray(rowData)) {\n    return rowData as AutocompleteMultipleEnumOption[]\n  } else if (isNil(rowData)) {\n    return []\n  } else {\n    return [rowData]\n  }\n}\n\nfunction AutocompleteMultipleEnumCell({\n  rowData,\n  setRowData,\n  choices,\n  colType,\n  limitTags = 2,\n  active,\n  focus,\n  stopEditing,\n  clearValue = undefined,\n}: AutocompleteMultipleEnumCellProps) {\n  // Stable refs so memo(AutocompleteMultipleEnumCell) can use default shallow\n  // comparison — react-datasheet-grid recreates these functions on every render,\n  // but their behavior is stable for a given cell position.\n  const setRowDataRef = useRef(setRowData)\n  useLayoutEffect(() => {\n    setRowDataRef.current = setRowData\n  })\n  const [localInputState, setLocalInputState] = useState<string>('')\n\n  const {\n    menuIsOpen,\n    setMenuIsOpen,\n    inputRef,\n    activeRef,\n    handleListboxMouseDown,\n    notifyOptionCommitted,\n    handleMenuOpen,\n    handleClose,\n    handlePopupIndicatorMouseDown,\n  } = useGridAutocompleteState({ active, focus, stopEditing })\n\n  const safeRowData = createSafeRowData(rowData)\n  const optionsWithLabels = choices.map(createOptionFromValue)\n  const selectedOptions = safeRowData.map(createOptionFromValue)\n  const effectiveLimitTags = active ? -1 : limitTags\n\n  // Create tooltip content showing all values\n  const tooltipContent =\n    safeRowData.length > 0\n      ? safeRowData.map(item => castCellValueToString(item)).join(',')\n      : ''\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_MULTIPLE_BASE_SX,\n      '& .MuiAutocomplete-inputRoot': {\n        pointerEvents: focus ? undefined : 'none',\n        padding: '0 10px',\n        backgroundColor: 'inherit',\n        // Allow tags to wrap and enable scrolling\n        flexWrap: active ? 'wrap' : 'nowrap',\n        minHeight: '100%',\n        maxHeight: '100%',\n        overflowY: active ? 'auto' : 'hidden',\n        overflowX: 'hidden',\n        '&::-webkit-scrollbar': {\n          width: '6px',\n          height: '6px',\n        },\n        '&::-webkit-scrollbar-track': {\n          background: 'transparent',\n        },\n        '&::-webkit-scrollbar-thumb': {\n          background: '#888',\n          borderRadius: '3px',\n        },\n        '&::-webkit-scrollbar-thumb:hover': {\n          background: '#555',\n        },\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    }),\n    [active, focus],\n  )\n\n  const handleChange = useCallback(\n    (\n      _e: React.SyntheticEvent,\n      newVal: (EnumOption | string)[],\n      _reason: AutocompleteChangeReason,\n    ) => {\n      notifyOptionCommitted()\n      const values = newVal.map(item => {\n        return typeof item === 'string'\n          ? parseFreeTextGivenJsonSchemaType(item, colType)\n          : item.value\n      })\n      // Use clearValue when all items are removed\n      setRowDataRef.current(values.length === 0 ? clearValue : values)\n      setLocalInputState('')\n      if (!activeRef.current) {\n        // The cell was deactivated while the option click was in progress (portal\n        // click was seen as an outside click by the grid). Now that the value is\n        // committed, close the menu.\n        setMenuIsOpen(false)\n      }\n    },\n    [activeRef, clearValue, colType, notifyOptionCommitted, setMenuIsOpen],\n  )\n\n  const handleBlur = useCallback(() => {\n    if (localInputState.trim()) {\n      const parsedValue = parseFreeTextGivenJsonSchemaType(\n        localInputState,\n        colType,\n      )\n      setRowDataRef.current([...safeRowData, parsedValue])\n      setLocalInputState('')\n    }\n  }, [localInputState, colType, safeRowData])\n\n  return (\n    <Tooltip\n      title={tooltipContent}\n      placement=\"top-start\"\n      arrow\n      enterDelay={500}\n      disableHoverListener={active || safeRowData.length <= limitTags}\n    >\n      <div\n        style={{\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n        }}\n      >\n        <Autocomplete\n          forcePopupIcon={choices.length > 0}\n          disableClearable={!hasValue}\n          multiple\n          freeSolo\n          open={menuIsOpen}\n          onOpen={handleMenuOpen}\n          disablePortal={false}\n          limitTags={effectiveLimitTags}\n          options={optionsWithLabels}\n          getOptionLabel={option => {\n            // Handle both string (for freeSolo) and object options\n            return typeof option === 'string' ? option : option.label\n          }}\n          isOptionEqualToValue={(option, value) => {\n            // Compare the actual values, not labels\n            const optionValue =\n              typeof option === 'string' ? option : option.value\n            const valueValue = typeof value === 'string' ? value : value.value\n            return isEqual(optionValue, valueValue)\n          }}\n          value={selectedOptions}\n          inputValue={localInputState}\n          onInputChange={(_, newInputValue) => {\n            setLocalInputState(newInputValue)\n          }}\n          onClose={handleClose}\n          onChange={handleChange}\n          disableCloseOnSelect={choices.length > 1}\n          slotProps={{\n            listbox: { onMouseDown: handleListboxMouseDown },\n            popupIndicator: { onMouseDown: handlePopupIndicatorMouseDown },\n          }}\n          onBlur={handleBlur}\n          renderValue={(tagValue, getTagProps) =>\n            tagValue.map((option, index) => {\n              const { key, ...tagProps } = getTagProps({ index })\n              const optionValue =\n                typeof option === 'string' ? option : option.value\n              return (\n                <GridAutocompleteChip\n                  key={key}\n                  option={optionValue}\n                  active={active}\n                  {...tagProps}\n                />\n              )\n            })\n          }\n          renderInput={params => (\n            <TextField\n              {...params}\n              inputRef={inputRef}\n              slotProps={{\n                input: {\n                  ...params.InputProps,\n                  disableUnderline: true,\n                  sx: TEXT_FIELD_SX,\n                },\n              }}\n            />\n          )}\n          sx={autocompleteSx}\n        />\n      </div>\n    </Tooltip>\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 areAutocompleteMultipleEnumCellPropsEqual(\n  prevProps: AutocompleteMultipleEnumCellProps,\n  nextProps: AutocompleteMultipleEnumCellProps,\n) {\n  return (\n    areAutocompleteCellPropsEqual(prevProps, nextProps) &&\n    prevProps.limitTags === nextProps.limitTags\n  )\n}\n\nconst MemoizedAutocompleteMultipleEnumCell = memo(\n  AutocompleteMultipleEnumCell,\n  areAutocompleteMultipleEnumCellPropsEqual,\n)\n\nexport type AutocompleteMultipleEnumColumnProps = {\n  choices: AutocompleteMultipleEnumOption[]\n  colType?: JSONSchema7Type\n  limitTags?: number\n  dynamicHeight?: boolean\n  clearValue?: undefined | null\n}\n\nexport function autocompleteMultipleEnumColumn({\n  choices,\n  colType,\n  limitTags = 2,\n  dynamicHeight = false,\n  clearValue = undefined,\n}: AutocompleteMultipleEnumColumnProps): Partial<Column> {\n  return {\n    component: ((\n      props: Omit<AutocompleteMultipleEnumCellProps, 'choices' | 'limitTags'>,\n    ) => (\n      <MemoizedAutocompleteMultipleEnumCell\n        {...props}\n        choices={choices}\n        colType={colType}\n        limitTags={limitTags}\n        clearValue={clearValue}\n      />\n    )) as CellComponent,\n    copyValue: ({ rowData }) => {\n      // Convert array to comma-separated string\n      const safeRowData = createSafeRowData(rowData)\n      return safeRowData.map(item => castCellValueToString(item)).join(',')\n    },\n    pasteValue: ({ value }) => {\n      if (typeof value !== 'string') {\n        return value\n      }\n\n      // Split by comma or tab and clean up values\n      const delimiters = /[,\\t]/\n      const parsedValues = value\n        .split(delimiters)\n        .map(item => item.trim())\n        .filter(item => item.length > 0)\n        .map(item => parseFreeTextGivenJsonSchemaType(item, colType))\n        .filter(item => item !== null && item !== undefined)\n\n      // When no values remain, use clearValue (null for required, undefined for\n      // optional) so paste and the X-clear button converge on the same\n      // in-model representation instead of [].\n      // Note: columnFactory also wraps this pasteValue with\n      // wrapPasteValueWithSchemaCoercion, which is a no-op here because\n      // coerceModelCellValue does not coerce empty arrays — this layer is the\n      // one responsible for the [] → clearValue conversion.\n      return parsedValues.length > 0 ? parsedValues : clearValue\n    },\n    disableKeys: true,\n    keepFocus: true,\n    ...(dynamicHeight && {\n      cellClassName: ({ rowData }) => {\n        const safeRowData = createSafeRowData(rowData)\n        return safeRowData.length > 3\n          ? 'multi-value-cell-large'\n          : 'multi-value-cell'\n      },\n    }),\n  }\n}\n"],"mappings":";;;;;;;;;;;AA+BA,IAAMwB,KAAgD;CACpDC,OAAO;CACPC,QAAQ;CACR,0BAA0B,EACxBA,QAAQ,OACV;CACA,0BAA0B,EACxBC,QAAQ,MACV;CACA,2CAA2C,EACzCC,YAAY,UACd;CACA,2CAA2C,EACzCA,YAAY,UACd;AACF,GAEMC,KAAgC;CACpCH,QAAQ;CACRI,SAAS;CACTC,iBAAiB;CACjBC,cAAc;AAChB;AAkBA,SAASU,GACPD,GACY;CACZ,OAAO;EACLD,OAAOtB,EAAsBuB,CAAK;EAC3BA;CACT;AACF;AAEA,SAASE,EACPC,GACkC;CAMhC,OALEC,MAAMC,QAAQF,CAAO,IAChBA,IACEvB,GAAMuB,CAAO,IACf,CAAA,IAEA,CAACA,CAAO;AAEnB;AAEA,SAAAG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,GAAA,EAAA,GAAsC,EAAAN,YAAAO,eAAAf,YAAAgB,YAAAf,WAAAgB,GAAAC,WAAAC,UAAAC,gBAAAlB,YAAAmB,OAAAT,GAKpCX,IAAAgB,MAAAK,KAAAA,IAAA,IAAAL,GAIAf,KAAAmB,OAAAC,KAAAA,IAAAA,KAAAA,IAAAD,IAKAE,KAAsB/C,GAAOuC,CAAU,GAACS;CACxClD,AADwCuC,EAAA,OAAAE,IAGvCS,IAAAX,EAAA,MAFeW,UAAA;EACdD,GAAaE,UAAWV;CAAH,GACtBF,EAAA,KAAAE,GAAAF,EAAA,KAAAW,IAFDlD,GAAgBkD,CAEf;CACD,IAAA,CAAAE,GAAAC,MAA8ClD,GAAiB,EAAE,GAACmD;CAAA,AAAAf,EAAA,OAAAK,KAAAL,EAAA,OAAAM,KAAAN,EAAA,OAAAO,KAYrCQ,IAAA;EAAAV;EAAAC;EAAAC;CAA6B,GAACP,EAAA,KAAAK,GAAAL,EAAA,KAAAM,GAAAN,EAAA,KAAAO,GAAAP,EAAA,KAAAe,KAAAA,IAAAf,EAAA;CAV3D,IAAA,EAAAgB,gBAAAC,mBAAAC,cAAAC,eAAAC,4BAAAC,2BAAAC,mBAAAC,gBAAAC,qCAUIlD,EAAyByC,CAA8B,GAACU,GAAAC,GAAAC,GAAAC,GAAAC;CAAA,IAAA7B,EAAA,OAAAK,KAAAL,EAAA,OAAAb,KAAAa,EAAA,OAAAZ,KAAAY,EAAA,OAAAL,GAAA;EAE5DgC,IAAoBjC,EAAkBC,CAAO;EAAC,IAAAmC;EAStC9B,AATsCA,EAAA,QAAAb,IACc2C,IAAA9B,EAAA,OAAlC8B,IAAA3C,EAAO4C,IAAKtC,EAAqB,GAACO,EAAA,MAAAb,GAAAa,EAAA,MAAA8B,IAA5DJ,IAA0BI,GAC1BF,IAAwBD,EAAWI,IAAKtC,EAAqB,GAC7DgC,IAA2BpB,IAAA,KAAAjB,GAIzByC,IAAAF,EAAWK,SAAU,IACjBL,EAAWI,IAAKE,EAAmC,EAACC,KAAM,GACzD,IAFL,IAEMlC,EAAA,KAAAK,GAAAL,EAAA,KAAAb,GAAAa,EAAA,KAAAZ,GAAAY,EAAA,KAAAL,GAAAK,EAAA,MAAAyB,GAAAzB,EAAA,MAAA0B,GAAA1B,EAAA,MAAA2B,GAAA3B,EAAA,MAAA4B,GAAA5B,EAAA,MAAA6B;CAAA,OAAAA,AAAAJ,IAAAzB,EAAA,KAAA0B,IAAA1B,EAAA,KAAA2B,IAAA3B,EAAA,KAAA4B,IAAA5B,EAAA,KAAA6B,IAAA7B,EAAA;CAHR,IAAAmC,IACEN,GAEMC;CAAA,AAAA9B,EAAA,QAAAL,IAE0CmC,IAAA9B,EAAA,OAAjC8B,IAAA,CAAC1D,GAAMuB,CAAO,KAAKA,MAAY,IAAEK,EAAA,MAAAL,GAAAK,EAAA,MAAA8B;CAAlD,IAAAM,KAAiBN,GAOIO,IAAA/B,IAAAG,KAAAA,IAAA,QAIL6B,IAAAjC,IAAA,SAAA,UAGCkC,IAAAlC,IAAA,SAAA,UAA0BmC,GAAAC,GAAAC,GAAAC;CAAA,AAAA3C,EAAA,QAAA4C,OAAAC,IAAA,2BAAA,KAEbL,IAAA;EAAAhE,OACf;EAAKC,QACJ;CACV,GAC8BgE,IAAA,EAAAK,YAChB,cACd,GAC8BJ,IAAA;EAAAI,YAChB;EAAM/D,cACJ;CAChB,GACoC4D,IAAA,EAAAG,YACtB,OACd,GAAC9C,EAAA,MAAAwC,GAAAxC,EAAA,MAAAyC,GAAAzC,EAAA,MAAA0C,GAAA1C,EAAA,MAAA2C,MAAAH,IAAAxC,EAAA,KAAAyC,IAAAzC,EAAA,KAAA0C,IAAA1C,EAAA,KAAA2C,IAAA3C,EAAA;CAAA,IAAA+C;CAAA,AAAA/C,EAAA,QAAAqC,KAAArC,EAAA,QAAAsC,KAAAtC,EAAA,QAAAuC,KAvB6BQ,IAAA;EAAAC,eACfX;EAA0BxD,SAChC;EAAQC,iBACA;EAASmE,UAEhBX;EAA0BY,WACzB;EAAMC,WACN;EAAMC,WACNb;EAA0Bc,WAC1B;EAAQ,wBACKb;EAGvB,8BAC6BC;EAE7B,8BAC6BC;EAG7B,oCACmCC;CAGtC,GAAC3C,EAAA,MAAAqC,GAAArC,EAAA,MAAAsC,GAAAtC,EAAA,MAAAuC,GAAAvC,EAAA,MAAA+C,KAAAA,IAAA/C,EAAA;CAEa,IAAAsD,IAAAjD,IAAA,YAAA,UAA6BkD;CAAA,AAAAvD,EAAA,QAAAsD,IAE1CC,IAAAvD,EAAA,OAHoCuD,IAAA;EAAA5E,YACvB2E;EAA6BN,eAC1B;CACjB,GAAChD,EAAA,MAAAsD,GAAAtD,EAAA,MAAAuD;CAEa,IAAAC,IAAAnD,IAAA,YAAA,UAA6BoD;CAAA,AAAAzD,EAAA,QAAAwD,IAE1CC,IAAAzD,EAAA,OAHoCyD,IAAA;EAAA9E,YACvB6E;EAA6BR,eAC1B;CACjB,GAAChD,EAAA,MAAAwD,GAAAxD,EAAA,MAAAyD;CAAA,IAAAC;CAAA,AAAA1D,EAAA,QAAA+C,KAAA/C,EAAA,QAAAuD,KAAAvD,EAAA,QAAAyD,KAlCIC,IAAA;EAAA,GACFnF;EAA6B,gCACAwE;EAwB/B,qCACoCQ;EAGpC,qCACoCE;CAIvC,GAACzD,EAAA,MAAA+C,GAAA/C,EAAA,MAAAuD,GAAAvD,EAAA,MAAAyD,GAAAzD,EAAA,MAAA0D,KAAAA,IAAA1D,EAAA;CApCH,IAAA2D,KACSD,GAqCRE;CAAA,AAAA5D,EAAA,QAAAmB,MAAAnB,EAAA,QAAAX,MAAAW,EAAA,QAAAG,KAAAH,EAAA,QAAAqB,MAAArB,EAAA,QAAAiB,MAGC2C,KAAAC,GAAAC,GAAAC,MAAA;EAKE1C,GAAsB;EACtB,IAAA2C,IAAeF,EAAM/B,KAAKkC,MACjB,OAAOC,KAAS,WACnBnH,EAAiCmH,GAAM/D,CAC9B,IAAT+D,EAAI1E,KACT;EAID,AAFAkB,GAAaE,QAASoD,EAAMhC,WAAY,IAAlB3C,KAAA2E,CAAyC,GAC/DlD,GAAmB,EAAE,GAChBK,GAASP,WAIZK,GAAc,EAAK;CACpB,GACFjB,EAAA,MAAAmB,IAAAnB,EAAA,MAAAX,IAAAW,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,IAAArB,EAAA,MAAAiB,IAAAjB,EAAA,MAAA4D,KAAAA,IAAA5D,EAAA;CArBH,IAAAmE,KAAqBP,GAuBpBQ;CAAA,AAAApE,EAAA,QAAAG,KAAAH,EAAA,QAAAa,KAAAb,EAAA,QAAA2B,KAE8ByC,UAAA;EAC7B,IAAIvD,EAAewD,KAAM,GAAC;GACxB,IAAAC,IAAoBvH,EAClB8D,GACAV,CACF;GAEAW,AADAJ,GAAaE,QAAS,CAAA,GAAIe,GAAa2C,CAAW,CAAC,GACnDxD,GAAmB,EAAE;EAAC;CACvB,GACFd,EAAA,MAAAG,GAAAH,EAAA,MAAAa,GAAAb,EAAA,MAAA2B,GAAA3B,EAAA,MAAAoE,KAAAA,IAAApE,EAAA;CATD,IAAAuE,KAAmBH,GAiBOI,KAAAnE,KAAUsB,EAAWK,UAAW5C,GAASqF;CAAA,AAAAzE,EAAA,QAAA4C,OAAAC,IAAA,2BAAA,KAGtD4B,IAAA;EAAAjG,OACE;EAAMC,QACL;EAAMiG,UACJ;CACZ,GAAC1E,EAAA,MAAAyE,KAAAA,IAAAzE,EAAA;CAGiB,IAAA2E,KAAAxF,EAAO6C,SAAU,GACf4C,KAAA,CAACxC,IAAQyC;CAAA,AAAA7E,EAAA,QAAA4C,OAAAC,IAAA,2BAAA,KAqBZgC,KAAAC,GAAAC,MAAA;EACbjE,GAAmBiE,CAAa;CAAC,GAClC/E,EAAA,MAAA6E,KAAAA,IAAA7E,EAAA;CAGqB,IAAAgF,IAAA7F,EAAO6C,SAAU,GAACiD;CAAA,AAAAjF,EAAA,QAAAoB,KAEU6D,IAAAjF,EAAA,OAAvCiF,IAAA,EAAAC,aAAe9D,GAAuB,GAACpB,EAAA,MAAAoB,IAAApB,EAAA,MAAAiF;CAAA,IAAAE;CAAA,AAAAnF,EAAA,QAAAwB,IACc2D,IAAAnF,EAAA,OAA9CmF,IAAA,EAAAD,aAAe1D,EAA8B,GAACxB,EAAA,MAAAwB,GAAAxB,EAAA,MAAAmF;CAAA,IAAAC;CAAA,AAAApF,EAAA,QAAAiF,KAAAjF,EAAA,QAAAmF,KAFrDC,IAAA;EAAAC,SACAJ;EAAuCK,gBAChCH;CAClB,GAACnF,EAAA,MAAAiF,GAAAjF,EAAA,MAAAmF,GAAAnF,EAAA,MAAAoF,KAAAA,IAAApF,EAAA;CAAA,IAAAuF;CAAA,AAAAvF,EAAA,QAAAK,IAeGkF,IAAAvF,EAAA,OAbSuF,KAAAC,GAAAC,MACXD,EAAQzD,KAAK2D,GAAAC,MAAA;EACX,IAAA,EAAAC,QAAA,GAAAC,MAA6BJ,EAAY,EAAAE,SAAQ,CAAC;EAEE,OAElD,kBAAC,GAAD;GAEUK,QAJV,OAAOD,KAAW,WAAlBL,IAAsCK,EAAMvG;GAKlCa;GAAM,GACVwF;EAAQ,GAHPD,CAGO;CACZ,CAEL,GAAC5F,EAAA,MAAAK,GAAAL,EAAA,MAAAuF;CAAA,IAAAU;CAAA,AAAAjG,EAAA,QAAAkB,KAcH+E,IAAAjG,EAAA,OAZYiG,KAAAC,MACX,kBAAC,IAAD;EAAU,GACJA;EACMhF;EACC,WAAA,EAAAiF,OACF;GAAA,GACFD,EAAME;GAAWC,kBACF;GAAIC,IAClB1H;EACN,EACF;CAAC,CAAA,GAEJoB,EAAA,MAAAkB,IAAAlB,EAAA,MAAAiG;CAAA,IAAAM;CAAA,AAAAvG,EAAA,QAAA2D,MAAA3D,EAAA,QAAAyB,KAAAzB,EAAA,QAAAuE,MAAAvE,EAAA,QAAAmE,MAAAnE,EAAA,QAAAuB,KAAAvB,EAAA,QAAAsB,KAAAtB,EAAA,QAAAa,KAAAb,EAAA,QAAAgB,MAAAhB,EAAA,QAAA0B,KAAA1B,EAAA,QAAA4B,KAAA5B,EAAA,QAAA2E,MAAA3E,EAAA,QAAA4E,MAAA5E,EAAA,QAAAgF,KAAAhF,EAAA,QAAAoF,KAAApF,EAAA,QAAAuF,KAAAvF,EAAA,QAAAiG,KApELM,IAAA,kBAAA,OAAA;EACS,OAAA9B;YAMP,kBAAC,IAAD;GACkB,gBAAAE;GACE,kBAAAC;GAClB,UAAA;GACA,UAAA;GACM5D,MAAAA;GACEM,QAAAA;GACO,eAAA;GACJG,WAAAA;GACFC,SAAAA;GACO,gBAAA8E;GAIM,sBAAAC;GAOf7E,OAAAA;GACKf,YAAAA;GACG,eAAAgE;GAGNtD,SAAAA;GACC4C,UAAAA;GACY,sBAAAa;GACX,WAAAI;GAIHb,QAAAA;GACK,aAAAgB;GAeA,aAAAU;GAaTtC,IAAAA;EAAc,CAAA;CAEhB,CAAA,GAAA3D,EAAA,MAAA2D,IAAA3D,EAAA,MAAAyB,GAAAzB,EAAA,MAAAuE,IAAAvE,EAAA,MAAAmE,IAAAnE,EAAA,MAAAuB,GAAAvB,EAAA,MAAAsB,GAAAtB,EAAA,MAAAa,GAAAb,EAAA,MAAAgB,IAAAhB,EAAA,MAAA0B,GAAA1B,EAAA,MAAA4B,GAAA5B,EAAA,MAAA2E,IAAA3E,EAAA,MAAA4E,IAAA5E,EAAA,MAAAgF,GAAAhF,EAAA,MAAAoF,GAAApF,EAAA,MAAAuF,GAAAvF,EAAA,MAAAiG,GAAAjG,EAAA,MAAAuG,KAAAA,IAAAvG,EAAA;CAAA,IAAA0G;CACE,OADF1G,EAAA,QAAAwE,MAAAxE,EAAA,QAAAuG,KAAAvG,EAAA,QAAAmC,KA9ERuE,IAAA,kBAAC,IAAD;EACSvE,OAAAA;EACG,WAAA;EACV,OAAA;EACY,YAAA;EACU,sBAAAqC;YAEtB+B;CAPM,CAAA,GA+EEvG,EAAA,MAAAwE,IAAAxE,EAAA,MAAAuG,GAAAvG,EAAA,MAAAmC,GAAAnC,EAAA,MAAA0G,KAAAA,IAAA1G,EAAA,KA/EV0G;AA+EU;AA1Md,SAAAD,GAAAE,GAAAnH,GAAA;CA2J8E,OAC3DnB,EAFL,OAAO0H,KAAW,WAAlBY,IAAsCZ,EAAMvG,OAC3B,OAAOA,KAAU,WAAjBA,IAAoCA,EAAKA,KACtB;AAAC;AA5JnD,SAAAgH,GAAAT,GAAA;CAAA,OAqJmB,OAAOA,KAAW,WAAlBA,IAAsCA,EAAMxG;AAAM;AArJrE,SAAA0C,GAAAiC,GAAA;CAAA,OAwCgCjG,EAAsBiG,CAAI;AAAC;AA0K3D,SAAgB2C,EACdC,GACAC,GACA;CACA,OACEhJ,EAA8B+I,GAAWC,CAAS,KAClDD,EAAU1H,cAAc2H,EAAU3H;AAEtC;AAEA,IAAM4H,IAAuCzJ,EAC3CuC,GACA+G,CACF;AAUA,SAAgBM,EAA+B,EAC7ChI,YACAgB,YACAf,eAAY,GACZ8H,mBAAgB,IAChB7H,iBAAaoB,KAAAA,KAC0C;CACvD,OAAO;EACL4G,aACEC,MAEA,kBAAC,GAAD;GACE,GAAIA;GACKnI;GACAgB;GACEf;GACCC;EAAW,CAAA;EAG3BkI,YAAY,EAAE5H,iBAEQD,EAAkBC,CAC/BgC,EAAYI,KAAImC,MAAQjG,EAAsBiG,CAAI,CAAC,EAAEhC,KAAK,GAAG;EAEtEsF,aAAa,EAAEhI,eAAY;GACzB,IAAI,OAAOA,KAAU,UACnB,OAAOA;GAKT,IAAMkI,IAAelI,EAClBmI,MAAMF,OAAU,EAChB1F,KAAImC,MAAQA,EAAKG,KAAK,CAAC,EACvBuD,QAAO1D,MAAQA,EAAKlC,SAAS,CAAC,EAC9BD,KAAImC,MAAQnH,EAAiCmH,GAAM/D,CAAO,CAAC,EAC3DyH,QAAO1D,MAAQA,KAAS,IAA0B;GASrD,OAAOwD,EAAa1F,SAAS,IAAI0F,IAAerI;EAClD;EACAwI,aAAa;EACbC,WAAW;EACX,GAAIZ,KAAiB,EACnBa,gBAAgB,EAAEpI,iBACID,EAAkBC,CAC/BgC,EAAYK,SAAS,IACxB,2BACA,mBAER;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeColumn.js","names":["DateTimePicker","dayjs","Dayjs","JSONSchema7Type","CellComponent","CellProps","Column","DateTimeCellProps","colType","DateTimeCell","t0","$","_c","rowData","setRowData","disabled","t1","t2","newValue","valueOf","toISOString","t3","undefined","t4","Symbol","for","height","backgroundColor","t5","pointerEvents","width","t6","DateTimeColumnProps","dateTimeColumn","Partial","component","props","copyValue","pasteValue","value","disableKeys","keepFocus"],"sources":["../../../../src/components/DataGrid/columns/DateTimeColumn.tsx"],"sourcesContent":["import DateTimePicker from '@/components/DateTimePicker/DateTimePicker'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { JSONSchema7Type } from 'json-schema'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n} from '@sage-bionetworks/react-datasheet-grid'\n\nexport type DateTimeCellProps = CellProps & {\n  colType?: JSONSchema7Type\n}\n\nexport function DateTimeCell({\n  rowData,\n  setRowData,\n  disabled,\n  colType,\n}: DateTimeCellProps) {\n  return (\n    <DateTimePicker\n      disabled={disabled}\n      value={rowData ? dayjs(rowData) : null}\n      onChange={(newValue: string | Dayjs | null) => {\n        if (newValue == null) {\n          setRowData(null)\n        } else if (colType === 'number') {\n          // Assume unix millisecond timestamp\n          setRowData(dayjs(newValue).valueOf())\n        } else {\n          // colType is 'string' or unspecified, use ISO string\n          setRowData(dayjs(newValue).toISOString())\n        }\n      }}\n      sx={{\n        // When disabled, allow selecting the entire cell\n        pointerEvents: disabled ? 'none' : undefined,\n        width: '100%',\n        height: '100%',\n        '& .MuiInputBase-root': {\n          height: '100%',\n          backgroundColor: 'inherit',\n        },\n      }}\n    />\n  )\n}\n\nexport type DateTimeColumnProps = {\n  colType?: JSONSchema7Type\n}\n\nexport function dateTimeColumn({\n  colType,\n}: DateTimeColumnProps): Partial<Column> {\n  return {\n    component: ((props: DateTimeCellProps) => (\n      <DateTimeCell {...props} colType={colType} />\n    )) as CellComponent,\n    copyValue: ({ rowData }) => rowData,\n    pasteValue: ({ value }) => value,\n    disableKeys: true,\n    keepFocus: true,\n  }\n}\n"],"mappings":";;;;;AAaA,SAAOS,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAsB,EAAAC,YAAAC,eAAAC,aAAAP,eAAAE,GAKTM;AAAA,CAAAL,EAAA,OAAAE,IAIwBG,IAAAL,EAAA,MAA/BK,IAAAH,IAAUZ,EAAMY,EAAe,GAA/B,MAA+BF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;AAAA,CAAAN,EAAA,OAAAH,KAAAG,EAAA,OAAAG,KAC5BG,KAAAC,MAAA;AACR,EACEJ,EADEI,KAAY,OACH,OACFV,MAAY,WAEVP,EAAMiB,EAAS,CAAAC,SAAU,GAGzBlB,EAAMiB,EAAS,CAAAE,aAAc,CAAC;IAE5CT,EAAA,KAAAH,GAAAG,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAGgB,IAAAU,IAAAN,IAAA,SAAAO,KAAAA,GAA6BC;AAAA,CAAAZ,EAAA,OAAAa,OAAAC,IAAA,4BAAA,IAGpBF,IAAA;EAAAG,QACd;EAAMC,iBACG;EAClB,EAAAhB,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAiB;AAAA,CAAAjB,EAAA,OAAAU,IACFO,IAAAjB,EAAA,MATGiB,IAAA;EAAAC,eAEaR;EAA6BS,OACrC;EAAMJ,QACL;EAAM,wBACUH;EAIzB,EAAAZ,EAAA,KAAAU,GAAAV,EAAA,KAAAiB;CAAA,IAAAG;AACD,QADCpB,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAiB,KAvBHG,IAAA,kBAAC,GAAD;EACYhB;EACH,OAAAC;EACG,UAAAC;EAWN,IAAAW;EAUJ,CAAA,EAAAjB,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAiB,GAAAjB,EAAA,MAAAoB,KAAAA,IAAApB,EAAA,KAxBFoB;;AAgCJ,SAAgBE,EAAe,EAC7BzB,cACuC;AACvC,QAAO;EACL2B,aAAaC,MACX,kBAAC,GAAD;GAAc,GAAIA;GAAgB5B;GACnC,CAAA;EACD6B,YAAY,EAAExB,iBAAcA;EAC5ByB,aAAa,EAAEC,eAAYA;EAC3BC,aAAa;EACbC,WAAW;EACZ"}
+{"version":3,"file":"DateTimeColumn.js","names":["DateTimePicker","dayjs","Dayjs","JSONSchema7Type","CellComponent","CellProps","Column","DateTimeCellProps","colType","DateTimeCell","t0","$","_c","rowData","setRowData","disabled","t1","t2","newValue","valueOf","toISOString","t3","undefined","t4","Symbol","for","height","backgroundColor","t5","pointerEvents","width","t6","DateTimeColumnProps","dateTimeColumn","Partial","component","props","copyValue","pasteValue","value","disableKeys","keepFocus"],"sources":["../../../../src/components/DataGrid/columns/DateTimeColumn.tsx"],"sourcesContent":["import DateTimePicker from '@/components/DateTimePicker/DateTimePicker'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { JSONSchema7Type } from 'json-schema'\nimport {\n  CellComponent,\n  CellProps,\n  Column,\n} from '@sage-bionetworks/react-datasheet-grid'\n\nexport type DateTimeCellProps = CellProps & {\n  colType?: JSONSchema7Type\n}\n\nexport function DateTimeCell({\n  rowData,\n  setRowData,\n  disabled,\n  colType,\n}: DateTimeCellProps) {\n  return (\n    <DateTimePicker\n      disabled={disabled}\n      value={rowData ? dayjs(rowData) : null}\n      onChange={(newValue: string | Dayjs | null) => {\n        if (newValue == null) {\n          setRowData(null)\n        } else if (colType === 'number') {\n          // Assume unix millisecond timestamp\n          setRowData(dayjs(newValue).valueOf())\n        } else {\n          // colType is 'string' or unspecified, use ISO string\n          setRowData(dayjs(newValue).toISOString())\n        }\n      }}\n      sx={{\n        // When disabled, allow selecting the entire cell\n        pointerEvents: disabled ? 'none' : undefined,\n        width: '100%',\n        height: '100%',\n        '& .MuiInputBase-root': {\n          height: '100%',\n          backgroundColor: 'inherit',\n        },\n      }}\n    />\n  )\n}\n\nexport type DateTimeColumnProps = {\n  colType?: JSONSchema7Type\n}\n\nexport function dateTimeColumn({\n  colType,\n}: DateTimeColumnProps): Partial<Column> {\n  return {\n    component: ((props: DateTimeCellProps) => (\n      <DateTimeCell {...props} colType={colType} />\n    )) as CellComponent,\n    copyValue: ({ rowData }) => rowData,\n    pasteValue: ({ value }) => value,\n    disableKeys: true,\n    keepFocus: true,\n  }\n}\n"],"mappings":";;;;;AAaA,SAAOS,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAsB,EAAAC,YAAAC,eAAAC,aAAAP,eAAAE,GAKTM;CAAA,AAAAL,EAAA,OAAAE,IAIwBG,IAAAL,EAAA,MAA/BK,IAAAH,IAAUZ,EAAMY,CAAc,IAA9B,MAA+BF,EAAA,KAAAE,GAAAF,EAAA,KAAAK;CAAA,IAAAC;CAAA,AAAAN,EAAA,OAAAH,KAAAG,EAAA,OAAAG,KAC5BG,KAAAC,MAAA;EACR,AACEJ,EADEI,KAAY,OACH,OACFV,MAAY,WAEVP,EAAMiB,CAAQ,EAACC,QAAS,IAGxBlB,EAAMiB,CAAQ,EAACE,YAAa,CAAC;CACzC,GACFT,EAAA,KAAAH,GAAAG,EAAA,KAAAG,GAAAH,EAAA,KAAAM,KAAAA,IAAAN,EAAA;CAGgB,IAAAU,IAAAN,IAAA,SAAAO,KAAAA,GAA6BC;CAAA,AAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,KAGpBF,IAAA;EAAAG,QACd;EAAMC,iBACG;CACnB,GAAChB,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAAA,IAAAiB;CAAA,AAAAjB,EAAA,OAAAU,IACFO,IAAAjB,EAAA,MATGiB,IAAA;EAAAC,eAEaR;EAA6BS,OACrC;EAAMJ,QACL;EAAM,wBACUH;CAI1B,GAACZ,EAAA,KAAAU,GAAAV,EAAA,KAAAiB;CAAA,IAAAG;CACD,OADCpB,EAAA,OAAAI,KAAAJ,EAAA,OAAAK,KAAAL,EAAA,QAAAM,KAAAN,EAAA,QAAAiB,KAvBHG,IAAA,kBAAC,GAAD;EACYhB;EACH,OAAAC;EACG,UAAAC;EAWN,IAAAW;CASH,CAAA,GACDjB,EAAA,KAAAI,GAAAJ,EAAA,KAAAK,GAAAL,EAAA,MAAAM,GAAAN,EAAA,MAAAiB,GAAAjB,EAAA,MAAAoB,KAAAA,IAAApB,EAAA,KAxBFoB;AAwBE;AAQN,SAAgBE,EAAe,EAC7BzB,cACuC;CACvC,OAAO;EACL2B,aAAaC,MACX,kBAAC,GAAD;GAAc,GAAIA;GAAgB5B;EAAQ,CAAA;EAE5C6B,YAAY,EAAExB,iBAAcA;EAC5ByB,aAAa,EAAEC,eAAYA;EAC3BC,aAAa;EACbC,WAAW;CACb;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"GridAutocompleteChip.js","names":["Chip","ChipProps","castCellValueToString","AutocompleteMultipleEnumOption","GridAutocompleteChipProps","Omit","option","active","GridAutocompleteChip","t0","$","_c","chipProps","t1","undefined","t2","t3","t4","sx","maxWidth","fontSize","height","margin","flexShrink","t5"],"sources":["../../../../src/components/DataGrid/columns/GridAutocompleteChip.tsx"],"sourcesContent":["import { Chip, ChipProps } from '@mui/material'\nimport { castCellValueToString } from './AutocompleteColumn'\nimport { AutocompleteMultipleEnumOption } from './AutocompleteMultipleEnumColumn'\n\nexport interface GridAutocompleteChipProps extends Omit<ChipProps, 'label'> {\n  option: AutocompleteMultipleEnumOption\n  active?: boolean\n}\n\nexport function GridAutocompleteChip({\n  option,\n  active = false,\n  ...chipProps\n}: GridAutocompleteChipProps) {\n  return (\n    <Chip\n      {...chipProps}\n      label={castCellValueToString(option)}\n      sx={{\n        maxWidth: active ? 'none' : '120px',\n        fontSize: '0.75rem',\n        height: '24px',\n        margin: '1px',\n        flexShrink: 0,\n        ...chipProps.sx,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AASA,SAAOQ,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAN,GAAAO;AAAA,CAAAH,EAAA,OAAAD,KAIqBG,IAAAF,EAAA,IAAAJ,IAAAI,EAAA,IAAAG,IAAAH,EAAA,OAJS,YAAAH,QAAAM,MAAAD,KAAAH,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAJ,GAAAI,EAAA,KAAAG;CAF1B,IAAAN,IAAAM,MAAAC,KAAAA,IAAA,KAAAD,GAAcE;AAAA,CAAAL,EAAA,OAAAJ,IAM0BS,IAAAL,EAAA,MAA7BK,IAAAb,EAAsBI,EAAO,EAAAI,EAAA,KAAAJ,GAAAI,EAAA,KAAAK;CAExB,IAAAC,IAAAT,IAAA,SAAA,SAAyBU;AAAA,CAAAP,EAAA,OAAAE,EAAAM,MAAAR,EAAA,OAAAM,KADjCC,IAAA;EAAAE,UACQH;EAAyBI,UACzB;EAASC,QACX;EAAMC,QACN;EAAKC,YACD;EAAC,GACVX,EAASM;EACb,EAAAR,EAAA,KAAAE,EAAAM,IAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAc;AACD,QADCd,EAAA,OAAAE,KAAAF,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAVHO,IAAA,kBAAC,GAAD;EAAK,GACCZ;EACG,OAAAG;EACH,IAAAE;EAQJ,CAAA,EAAAP,EAAA,KAAAE,GAAAF,EAAA,MAAAK,GAAAL,EAAA,MAAAO,GAAAP,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KAXFc"}
+{"version":3,"file":"GridAutocompleteChip.js","names":["Chip","ChipProps","castCellValueToString","AutocompleteMultipleEnumOption","GridAutocompleteChipProps","Omit","option","active","GridAutocompleteChip","t0","$","_c","chipProps","t1","undefined","t2","t3","t4","sx","maxWidth","fontSize","height","margin","flexShrink","t5"],"sources":["../../../../src/components/DataGrid/columns/GridAutocompleteChip.tsx"],"sourcesContent":["import { Chip, ChipProps } from '@mui/material'\nimport { castCellValueToString } from './AutocompleteColumn'\nimport { AutocompleteMultipleEnumOption } from './AutocompleteMultipleEnumColumn'\n\nexport interface GridAutocompleteChipProps extends Omit<ChipProps, 'label'> {\n  option: AutocompleteMultipleEnumOption\n  active?: boolean\n}\n\nexport function GridAutocompleteChip({\n  option,\n  active = false,\n  ...chipProps\n}: GridAutocompleteChipProps) {\n  return (\n    <Chip\n      {...chipProps}\n      label={castCellValueToString(option)}\n      sx={{\n        maxWidth: active ? 'none' : '120px',\n        fontSize: '0.75rem',\n        height: '24px',\n        margin: '1px',\n        flexShrink: 0,\n        ...chipProps.sx,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AASA,SAAOQ,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAAC,GAAAN,GAAAO;CAAA,AAAAH,EAAA,OAAAD,KAIqBG,IAAAF,EAAA,IAAAJ,IAAAI,EAAA,IAAAG,IAAAH,EAAA,OAJS,YAAAH,QAAAM,MAAAD,KAAAH,GAITC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAJ,GAAAI,EAAA,KAAAG;CAF1B,IAAAN,IAAAM,MAAAC,KAAAA,IAAA,KAAAD,GAAcE;CAAA,AAAAL,EAAA,OAAAJ,IAM0BS,IAAAL,EAAA,MAA7BK,IAAAb,EAAsBI,CAAM,GAACI,EAAA,KAAAJ,GAAAI,EAAA,KAAAK;CAExB,IAAAC,IAAAT,IAAA,SAAA,SAAyBU;CAAA,AAAAP,EAAA,OAAAE,EAAAM,MAAAR,EAAA,OAAAM,KADjCC,IAAA;EAAAE,UACQH;EAAyBI,UACzB;EAASC,QACX;EAAMC,QACN;EAAKC,YACD;EAAC,GACVX,EAASM;CACd,GAACR,EAAA,KAAAE,EAAAM,IAAAR,EAAA,KAAAM,GAAAN,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAc;CACD,OADCd,EAAA,OAAAE,KAAAF,EAAA,QAAAK,KAAAL,EAAA,QAAAO,KAVHO,IAAA,kBAAC,GAAD;EAAK,GACCZ;EACG,OAAAG;EACH,IAAAE;CAOH,CAAA,GACDP,EAAA,KAAAE,GAAAF,EAAA,MAAAK,GAAAL,EAAA,MAAAO,GAAAP,EAAA,MAAAc,KAAAA,IAAAd,EAAA,KAXFc;AAWE"}

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

@@ -1,5 +1,6 @@
 export type UseGridAutocompleteStateProps = {
     active: boolean;
+    focus: boolean;
     /**
      * `stopEditing` from react-datasheet-grid's CellProps. The hook ref-stabilizes
      * this internally, so callers can pass it directly without memoizing.
@@ -40,19 +41,29 @@ export type UseGridAutocompleteStateReturn = {
      * closes the menu, then stops editing without advancing to the next row.
      */
     handleClose: () => void;
+    /** Pass to `slotProps.popupIndicator.onMouseDown` on the MUI Autocomplete. */
+    handlePopupIndicatorMouseDown: () => void;
 };
 /**
  * Manages the shared focus/blur/menu state needed by grid autocomplete cell
  * components that are built on top of react-datasheet-grid.
  *
- * Both AutocompleteColumn and AutocompleteMultipleEnumColumn use the same
- * three-part pattern:
- *  1. When `active` becomes true → focus the input.
- *  2. When `active` becomes false with no pending option click → blur + close menu.
- *  3. The dropdown renders in a portal outside the grid cell. react-datasheet-grid
+ * Grid cell state is two-tiered: `active` is set on first click (cell is
+ * selected, but not editing), `focus` is set on second click (cell is in edit
+ * mode). This hook keeps browser focus and dropdown visibility tied to `focus`
+ * so the active-but-not-focused state doesn't show a caret or open the menu —
+ * Backspace/Delete and type-to-edit then fall through to the grid's defaults.
+ *
+ *  1. When `focus` becomes true → focus the input + open the menu.
+ *  2. When `focus` becomes false → blur + close the menu.
+ *  3. When `active` becomes false with no pending option click → run
+ *     `onDeactivate` to commit any uncommitted free-text. This is separate
+ *     from focus because Escape clears `focus` but keeps `active`, and we
+ *     should not commit on Escape.
+ *  4. The dropdown renders in a portal outside the grid cell. react-datasheet-grid
  *     sees the mousedown as an outside click and fires active=false before onClick
- *     → onChange. The `optionMouseDownRef` guard defers step 2 until the click
- *     completes and onChange resets the ref.
+ *     → onChange. The `optionMouseDownRef` guard defers steps 2 and 3 until the
+ *     click completes and onChange resets the ref.
  */
-export declare function useGridAutocompleteState({ active, stopEditing, onDeactivate, }: UseGridAutocompleteStateProps): UseGridAutocompleteStateReturn;
+export declare function useGridAutocompleteState({ active, focus, stopEditing, onDeactivate, }: UseGridAutocompleteStateProps): UseGridAutocompleteStateReturn;
 //# sourceMappingURL=useGridAutocompleteState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGridAutocompleteState.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/columns/useGridAutocompleteState.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAClD;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;IACnC,uEAAuE;IACvE,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACzD;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,8CAA8C;IAC9C,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,WAAW,EACX,YAAY,GACb,EAAE,6BAA6B,GAAG,8BAA8B,CA2EhE"}
+{"version":3,"file":"useGridAutocompleteState.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/columns/useGridAutocompleteState.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,gFAAgF;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAClD;;;OAGG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;IACnC,uEAAuE;IACvE,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACzD;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,8CAA8C;IAC9C,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,8EAA8E;IAC9E,6BAA6B,EAAE,MAAM,IAAI,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,KAAK,EACL,WAAW,EACX,YAAY,GACb,EAAE,6BAA6B,GAAG,8BAA8B,CA2HhE"}

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

@@ -2,49 +2,70 @@ import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from
 import { c as i } from "react/compiler-runtime";
 //#region src/components/DataGrid/columns/useGridAutocompleteState.ts
 function a(a) {
-	let o = i(15), { active: s, stopEditing: c, onDeactivate: l } = a, u = n(null), [d, f] = r(!1), p = n(!1), m = n(s), h;
-	o[0] === s ? h = o[1] : (h = () => {
-		m.current = s;
-	}, o[0] = s, o[1] = h), t(h);
-	let g = n(l), _;
-	o[2] === l ? _ = o[3] : (_ = () => {
-		g.current = l;
-	}, o[2] = l, o[3] = _), t(_);
-	let v = n(c), y;
-	o[4] === c ? y = o[5] : (y = () => {
-		v.current = c;
-	}, o[4] = c, o[5] = y), t(y);
-	let b, x;
-	o[6] === s ? (b = o[7], x = o[8]) : (b = () => {
-		s ? u.current?.focus() : p.current || (f(!1), u.current?.blur(), g.current?.());
-	}, x = [s], o[6] = s, o[7] = b, o[8] = x), e(b, x);
-	let S;
-	o[9] === Symbol.for("react.memo_cache_sentinel") ? (S = (e) => {
-		e.preventDefault(), e.target.closest("[role=\"option\"]") && (p.current = !0);
-	}, o[9] = S) : S = o[9];
-	let C = S, w;
-	o[10] === Symbol.for("react.memo_cache_sentinel") ? (w = () => {
-		p.current = !1;
-	}, o[10] = w) : w = o[10];
-	let T = w, E;
-	o[11] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
-		f(!0);
-	}, o[11] = E) : E = o[11];
-	let D = E, O;
-	o[12] === Symbol.for("react.memo_cache_sentinel") ? (O = () => {
-		p.current = !1, f(!1), v.current?.({ nextRow: !1 });
-	}, o[12] = O) : O = o[12];
-	let k = O, A;
-	return o[13] === d ? A = o[14] : (A = {
-		menuIsOpen: d,
-		setMenuIsOpen: f,
-		inputRef: u,
-		activeRef: m,
-		handleListboxMouseDown: C,
-		notifyOptionCommitted: T,
-		handleMenuOpen: D,
-		handleClose: k
-	}, o[13] = d, o[14] = A), A;
+	let o = i(22), { active: s, focus: c, stopEditing: l, onDeactivate: u } = a, d = n(null), [f, p] = r(!1), m = n(!1), h = n(s), g;
+	o[0] === s ? g = o[1] : (g = () => {
+		h.current = s;
+	}, o[0] = s, o[1] = g), t(g);
+	let _ = n(u), v;
+	o[2] === u ? v = o[3] : (v = () => {
+		_.current = u;
+	}, o[2] = u, o[3] = v), t(v);
+	let y = n(l), b;
+	o[4] === l ? b = o[5] : (b = () => {
+		y.current = l;
+	}, o[4] = l, o[5] = b), t(b);
+	let x = n(!1), S;
+	o[6] === Symbol.for("react.memo_cache_sentinel") ? (S = () => {
+		x.current = !0;
+	}, o[6] = S) : S = o[6];
+	let C = S, w, T;
+	o[7] === c ? (w = o[8], T = o[9]) : (w = () => {
+		c ? (d.current?.focus(), x.current || p(!0)) : m.current || (x.current = !1, p(!1), d.current?.blur());
+	}, T = [c], o[7] = c, o[8] = w, o[9] = T), e(w, T);
+	let E, D;
+	o[10] === c ? (E = o[11], D = o[12]) : (E = () => {
+		if (c) return;
+		let e = d.current;
+		if (!e) return;
+		let t = () => {
+			e.blur();
+		};
+		return e.addEventListener("focus", t), () => {
+			e.removeEventListener("focus", t);
+		};
+	}, D = [c], o[10] = c, o[11] = E, o[12] = D), e(E, D);
+	let O, k;
+	o[13] === s ? (O = o[14], k = o[15]) : (k = () => {
+		!s && !m.current && (x.current = !1, p(!1), d.current?.blur(), _.current?.());
+	}, O = [s], o[13] = s, o[14] = O, o[15] = k), e(k, O);
+	let A;
+	o[16] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => {
+		e.preventDefault(), e.target.closest("[role=\"option\"]") && (m.current = !0);
+	}, o[16] = A) : A = o[16];
+	let j = A, M;
+	o[17] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+		m.current = !1;
+	}, o[17] = M) : M = o[17];
+	let N = M, P;
+	o[18] === Symbol.for("react.memo_cache_sentinel") ? (P = () => {
+		x.current = !1, p(!0);
+	}, o[18] = P) : P = o[18];
+	let F = P, I;
+	o[19] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
+		m.current = !1, p(!1), y.current?.({ nextRow: !1 });
+	}, o[19] = I) : I = o[19];
+	let L = I, R;
+	return o[20] === f ? R = o[21] : (R = {
+		menuIsOpen: f,
+		setMenuIsOpen: p,
+		inputRef: d,
+		activeRef: h,
+		handleListboxMouseDown: j,
+		notifyOptionCommitted: N,
+		handleMenuOpen: F,
+		handleClose: L,
+		handlePopupIndicatorMouseDown: C
+	}, o[20] = f, o[21] = R), R;
 }
 //#endregion
 export { a as useGridAutocompleteState };