@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/editors.js

@@ -0,0 +1,1483 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from "react";
+import ReactDOM from "react-dom";
+import { Check } from "lucide-react";
+import { Calendar } from "../../../primitives/calendar.js";
+import { apiCall } from "../../utils/apiCall.js";
+const EditorPortal = ({ children }) => {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  if (!mounted) return null;
+  return ReactDOM.createPortal(
+    children,
+    document.body
+  );
+};
+const POPUP_MAX_HEIGHT = 340;
+const calculatePopupPosition = (cellRef) => {
+  if (!cellRef.current) return { top: 0, left: 0, width: 0, openAbove: false };
+  const rect = cellRef.current.getBoundingClientRect();
+  const viewportHeight = window.innerHeight;
+  const viewportWidth = window.innerWidth;
+  const spaceBelow = viewportHeight - rect.bottom;
+  const spaceAbove = rect.top;
+  let top = rect.bottom + 2;
+  let left = rect.left;
+  let openAbove = false;
+  if (spaceBelow < POPUP_MAX_HEIGHT && spaceAbove > spaceBelow + 100) {
+    top = rect.top - 2;
+    openAbove = true;
+  }
+  const popupWidth = rect.width;
+  if (rect.left + popupWidth > viewportWidth - 20) {
+    left = viewportWidth - popupWidth - 20;
+  }
+  if (left < 10) {
+    left = 10;
+  }
+  return {
+    top,
+    left,
+    width: rect.width,
+    openAbove
+  };
+};
+const TextEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  inputRef
+}) => {
+  const [textValue, setTextValue] = useState(String(value ?? ""));
+  useEffect(() => {
+    const el = inputRef?.current;
+    if (el) {
+      const len = el.value.length;
+      el.setSelectionRange(len, len);
+    }
+  }, []);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      onSave(textValue, false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      onCancel();
+    } else if (e.key === "Tab") {
+      onSave(textValue, false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: inputRef,
+      value: textValue,
+      onChange: (e) => {
+        setTextValue(e.target.value);
+        onChange(e.target.value);
+      },
+      onKeyDown: handleKeyDown,
+      onBlur: () => onSave(textValue, true),
+      className: "hot-cell-editor"
+    }
+  );
+};
+const NumericEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  inputRef
+}) => {
+  const [textValue, setTextValue] = useState(String(value ?? ""));
+  const getNumericValue = () => {
+    const numVal = parseFloat(textValue);
+    return textValue === "" ? "" : isNaN(numVal) ? textValue : numVal;
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      onSave(getNumericValue(), false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      onCancel();
+    } else if (e.key === "Tab") {
+      onSave(getNumericValue(), false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: inputRef,
+      value: textValue,
+      onChange: (e) => {
+        const val = e.target.value;
+        setTextValue(val);
+        const numVal = parseFloat(val);
+        onChange(val === "" ? "" : isNaN(numVal) ? val : numVal);
+      },
+      onKeyDown: handleKeyDown,
+      onBlur: () => onSave(getNumericValue(), true),
+      className: "hot-cell-editor hot-numeric-editor"
+    }
+  );
+};
+const DateEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  inputRef
+}) => {
+  const [showCalendar, setShowCalendar] = useState(true);
+  const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });
+  const cellRef = useRef(null);
+  const calendarRef = useRef(null);
+  const textValueRef = useRef(String(value ?? ""));
+  const parseDate = (val) => {
+    if (!val) return null;
+    const date = new Date(val);
+    return isNaN(date.getTime()) ? null : date;
+  };
+  const [selectedDate, setSelectedDate] = useState(parseDate(value));
+  const [textValue, setTextValue] = useState(String(value ?? ""));
+  useEffect(() => {
+    textValueRef.current = textValue;
+  }, [textValue]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      const target = e.target;
+      const isOutsideTextarea = cellRef.current && !cellRef.current.contains(target);
+      const isOutsideCalendar = !calendarRef.current || !calendarRef.current.contains(target);
+      if (isOutsideTextarea && isOutsideCalendar) {
+        onSave(textValueRef.current, true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onSave]);
+  useEffect(() => {
+    if (cellRef.current) {
+      const pos = calculatePopupPosition(cellRef);
+      setPosition(pos);
+    }
+    const updatePosition = () => {
+      if (cellRef.current && showCalendar) {
+        const pos = calculatePopupPosition(cellRef);
+        setPosition(pos);
+      }
+    };
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [showCalendar]);
+  const handleDateChange = (date) => {
+    if (date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      const formatted = `${year}-${month}-${day}`;
+      setTextValue(formatted);
+      setSelectedDate(date);
+      setShowCalendar(false);
+      onSave(formatted, true);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      setShowCalendar(false);
+      onSave(textValue, false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowCalendar(false);
+      onCancel();
+    } else if (e.key === "Tab") {
+      setShowCalendar(false);
+      onSave(textValue, false);
+    }
+  };
+  const handleTextChange = (e) => {
+    const val = e.target.value;
+    setTextValue(val);
+    onChange(val);
+    const parsed = parseDate(val);
+    if (parsed) {
+      setSelectedDate(parsed);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: (el) => {
+          cellRef.current = el;
+          if (inputRef) {
+            inputRef.current = el;
+          }
+        },
+        value: textValue,
+        onChange: handleTextChange,
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+        },
+        className: "hot-cell-editor hot-date-editor",
+        placeholder: "YYYY-MM-DD"
+      }
+    ),
+    showCalendar && /* @__PURE__ */ jsx(EditorPortal, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: calendarRef,
+        className: "hot-editor-popup hot-calendar-popup",
+        style: {
+          position: "fixed",
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          zIndex: 1e4,
+          ...position.openAbove ? { transform: "translateY(-100%)" } : {}
+        },
+        onMouseDown: (e) => {
+          e.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: selectedDate ?? void 0,
+              defaultMonth: selectedDate ?? void 0,
+              onSelect: (day) => {
+                if (day) handleDateChange(day);
+              },
+              navLayout: "around"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "hot-calendar-footer", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hot-calendar-footer-btn hot-calendar-clear-btn",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  setTextValue("");
+                  setSelectedDate(null);
+                  setShowCalendar(false);
+                  onSave("", true);
+                },
+                children: "Clear"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hot-calendar-footer-btn hot-calendar-today-btn",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  handleDateChange(/* @__PURE__ */ new Date());
+                },
+                children: "Today"
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] });
+};
+const DateTimeEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  inputRef
+}) => {
+  const [showPopup, setShowPopup] = useState(true);
+  const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });
+  const cellRef = useRef(null);
+  const popupRef = useRef(null);
+  const textValueRef = useRef(String(value ?? ""));
+  const parseDateTime = (val) => {
+    if (!val) return { date: null, hours: 0, minutes: 0 };
+    const str = String(val);
+    const d = new Date(str);
+    if (!isNaN(d.getTime())) {
+      return { date: d, hours: d.getHours(), minutes: d.getMinutes() };
+    }
+    const match = str.match(/^(\d{4}-\d{2}-\d{2})\s+(\d{1,2}):(\d{2})$/);
+    if (match) {
+      const dateOnly = /* @__PURE__ */ new Date(match[1] + "T00:00:00");
+      if (!isNaN(dateOnly.getTime())) {
+        return { date: dateOnly, hours: parseInt(match[2], 10), minutes: parseInt(match[3], 10) };
+      }
+    }
+    return { date: null, hours: 0, minutes: 0 };
+  };
+  const initial = parseDateTime(value);
+  const [selectedDate, setSelectedDate] = useState(initial.date);
+  const [hours, setHours] = useState(initial.hours);
+  const [minutes, setMinutes] = useState(initial.minutes);
+  const [textValue, setTextValue] = useState(String(value ?? ""));
+  const [hoursText, setHoursText] = useState(String(initial.hours).padStart(2, "0"));
+  const [minutesText, setMinutesText] = useState(String(initial.minutes).padStart(2, "0"));
+  const [hoursEditing, setHoursEditing] = useState(false);
+  const [minutesEditing, setMinutesEditing] = useState(false);
+  useEffect(() => {
+    textValueRef.current = textValue;
+  }, [textValue]);
+  const formatDateTime = (date, h, m) => {
+    if (!date) return "";
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const hh = String(h).padStart(2, "0");
+    const mm = String(m).padStart(2, "0");
+    return `${year}-${month}-${day} ${hh}:${mm}`;
+  };
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      const target = e.target;
+      const isOutsideTextarea = cellRef.current && !cellRef.current.contains(target);
+      const isOutsidePopup = !popupRef.current || !popupRef.current.contains(target);
+      if (isOutsideTextarea && isOutsidePopup) {
+        onSave(textValueRef.current, true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onSave]);
+  useEffect(() => {
+    if (cellRef.current) {
+      const pos = calculatePopupPosition(cellRef);
+      setPosition(pos);
+    }
+    const updatePosition = () => {
+      if (cellRef.current && showPopup) {
+        const pos = calculatePopupPosition(cellRef);
+        setPosition(pos);
+      }
+    };
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [showPopup]);
+  const handleDateChange = (date) => {
+    if (date) {
+      setSelectedDate(date);
+      const formatted = formatDateTime(date, hours, minutes);
+      setTextValue(formatted);
+      textValueRef.current = formatted;
+    }
+  };
+  const handleTimeChange = (h, m) => {
+    setHours(h);
+    setMinutes(m);
+    setHoursText(String(h).padStart(2, "0"));
+    setMinutesText(String(m).padStart(2, "0"));
+    if (selectedDate) {
+      const formatted = formatDateTime(selectedDate, h, m);
+      setTextValue(formatted);
+      textValueRef.current = formatted;
+    }
+  };
+  const handleConfirm = () => {
+    let h = hours;
+    let m = minutes;
+    if (hoursEditing) {
+      h = parseInt(hoursText, 10);
+      if (isNaN(h) || h < 0) h = 0;
+      if (h > 23) h = 23;
+    }
+    if (minutesEditing) {
+      m = parseInt(minutesText, 10);
+      if (isNaN(m) || m < 0) m = 0;
+      if (m > 59) m = 59;
+    }
+    const finalValue = formatDateTime(selectedDate, h, m);
+    setShowPopup(false);
+    onSave(finalValue, true);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      setShowPopup(false);
+      onSave(textValue, false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowPopup(false);
+      onCancel();
+    } else if (e.key === "Tab") {
+      setShowPopup(false);
+      onSave(textValue, false);
+    }
+  };
+  const handleTextChange = (e) => {
+    const val = e.target.value;
+    setTextValue(val);
+    onChange(val);
+    const parsed = parseDateTime(val);
+    if (parsed.date) {
+      setSelectedDate(parsed.date);
+      setHours(parsed.hours);
+      setMinutes(parsed.minutes);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: (el) => {
+          cellRef.current = el;
+          if (inputRef) {
+            inputRef.current = el;
+          }
+        },
+        value: textValue,
+        onChange: handleTextChange,
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+        },
+        className: "hot-cell-editor hot-date-editor",
+        placeholder: "YYYY-MM-DD HH:mm"
+      }
+    ),
+    showPopup && /* @__PURE__ */ jsx(EditorPortal, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popupRef,
+        className: "hot-editor-popup hot-calendar-popup hot-datetime-popup",
+        style: {
+          position: "fixed",
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          zIndex: 1e4,
+          ...position.openAbove ? { transform: "translateY(-100%)" } : {}
+        },
+        onMouseDown: (e) => {
+          e.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "single",
+              selected: selectedDate ?? void 0,
+              defaultMonth: selectedDate ?? void 0,
+              onSelect: (day) => {
+                if (day) handleDateChange(day);
+              },
+              classNames: {
+                month: "relative space-y-4",
+                month_caption: "flex justify-center pt-1 items-center",
+                today: "shadow-[var(--m3-focus-halo)] rounded-md text-m3-on-surface font-semibold"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { style: { padding: "8px 12px", borderTop: "1px solid var(--m3-outline-variant)", display: "flex", alignItems: "center", gap: "8px", justifyContent: "center" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "var(--text-body-regular-xs)", color: "var(--m3-on-surface-variant)", whiteSpace: "nowrap" }, children: "Time:" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 2,
+                value: hoursEditing ? hoursText : String(hours).padStart(2, "0"),
+                onFocus: (e) => {
+                  setHoursEditing(true);
+                  setHoursText(String(hours));
+                  setTimeout(() => e.target.select(), 0);
+                },
+                onChange: (e) => {
+                  const raw = e.target.value.replace(/\D/g, "").slice(0, 2);
+                  setHoursText(raw);
+                },
+                onBlur: () => {
+                  let v = parseInt(hoursText, 10);
+                  if (isNaN(v) || v < 0) v = 0;
+                  if (v > 23) v = 23;
+                  setHoursEditing(false);
+                  handleTimeChange(v, minutes);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowUp") {
+                    e.preventDefault();
+                    setHoursEditing(false);
+                    handleTimeChange((hours + 1) % 24, minutes);
+                  }
+                  if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    setHoursEditing(false);
+                    handleTimeChange((hours + 23) % 24, minutes);
+                  }
+                  if (e.key === "Enter") {
+                    e.currentTarget.blur();
+                  }
+                },
+                className: "focus:outline-none focus:shadow-[var(--m3-focus-halo)]",
+                style: { width: "40px", textAlign: "center", fontSize: "var(--text-body-regular-sm)", padding: "4px 6px", border: "1px solid var(--m3-outline)", borderRadius: "var(--m3-shape-xs)", background: "var(--m3-surface-container-lowest)", color: "var(--m3-on-surface)" }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "var(--text-body-regular-sm)", fontWeight: 600, color: "var(--m3-on-surface)" }, children: ":" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "numeric",
+                maxLength: 2,
+                value: minutesEditing ? minutesText : String(minutes).padStart(2, "0"),
+                onFocus: (e) => {
+                  setMinutesEditing(true);
+                  setMinutesText(String(minutes));
+                  setTimeout(() => e.target.select(), 0);
+                },
+                onChange: (e) => {
+                  const raw = e.target.value.replace(/\D/g, "").slice(0, 2);
+                  setMinutesText(raw);
+                },
+                onBlur: () => {
+                  let v = parseInt(minutesText, 10);
+                  if (isNaN(v) || v < 0) v = 0;
+                  if (v > 59) v = 59;
+                  setMinutesEditing(false);
+                  handleTimeChange(hours, v);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowUp") {
+                    e.preventDefault();
+                    setMinutesEditing(false);
+                    handleTimeChange(hours, (minutes + 1) % 60);
+                  }
+                  if (e.key === "ArrowDown") {
+                    e.preventDefault();
+                    setMinutesEditing(false);
+                    handleTimeChange(hours, (minutes + 59) % 60);
+                  }
+                  if (e.key === "Enter") {
+                    e.currentTarget.blur();
+                  }
+                },
+                className: "focus:outline-none focus:shadow-[var(--m3-focus-halo)]",
+                style: { width: "40px", textAlign: "center", fontSize: "var(--text-body-regular-sm)", padding: "4px 6px", border: "1px solid var(--m3-outline)", borderRadius: "var(--m3-shape-xs)", background: "var(--m3-surface-container-lowest)", color: "var(--m3-on-surface)" }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "hot-calendar-footer", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hot-calendar-footer-btn hot-calendar-clear-btn",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  setTextValue("");
+                  setSelectedDate(null);
+                  setHours(0);
+                  setMinutes(0);
+                  setShowPopup(false);
+                  onSave("", true);
+                },
+                children: "Clear"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hot-calendar-footer-btn hot-calendar-today-btn",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  const now = /* @__PURE__ */ new Date();
+                  setSelectedDate(now);
+                  setHours(now.getHours());
+                  setMinutes(now.getMinutes());
+                  const formatted = formatDateTime(now, now.getHours(), now.getMinutes());
+                  setTextValue(formatted);
+                  textValueRef.current = formatted;
+                  setShowPopup(false);
+                  onSave(formatted, true);
+                },
+                children: "Now"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hot-calendar-footer-btn hot-calendar-today-btn",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  handleConfirm();
+                },
+                children: "Confirm"
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] });
+};
+function createDateTimeEditor() {
+  return (value, onChange, onSave, onCancel, _rowData, col, _rowIndex, _colIndex) => /* @__PURE__ */ jsx(
+    DateTimeEditor,
+    {
+      value,
+      onChange,
+      onSave,
+      onCancel,
+      col
+    }
+  );
+}
+const DropdownEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  col,
+  inputRef
+}) => {
+  const options = col.source || [];
+  const [showDropdown, setShowDropdown] = useState(true);
+  const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });
+  const [textValue, setTextValue] = useState(String(value ?? ""));
+  const [filteredOptions, setFilteredOptions] = useState(options);
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
+  const [hasUserTyped, setHasUserTyped] = useState(false);
+  const cellRef = useRef(null);
+  const dropdownRef = useRef(null);
+  const isClickingDropdownRef = useRef(false);
+  useEffect(() => {
+    if (cellRef.current) {
+      const pos = calculatePopupPosition(cellRef);
+      setPosition(pos);
+    }
+    const updatePosition = () => {
+      if (cellRef.current && showDropdown) {
+        const pos = calculatePopupPosition(cellRef);
+        setPosition(pos);
+      }
+    };
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [showDropdown]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      const isOutsideCell = cellRef.current && !cellRef.current.contains(e.target);
+      const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(e.target);
+      if (isOutsideCell && isOutsideDropdown) {
+        setShowDropdown(false);
+        onSave(textValue, true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onSave, textValue]);
+  useEffect(() => {
+    if (!hasUserTyped) {
+      setFilteredOptions(options);
+      return;
+    }
+    const filterText = textValue.toLowerCase();
+    const filtered = options.filter((opt) => {
+      const label = typeof opt === "string" ? opt : opt.label;
+      return label.toLowerCase().includes(filterText);
+    });
+    setFilteredOptions(filtered);
+    setHighlightedIndex(0);
+  }, [textValue, options, hasUserTyped]);
+  useEffect(() => {
+    if (dropdownRef.current && showDropdown) {
+      const highlighted = dropdownRef.current.children[highlightedIndex];
+      if (highlighted) {
+        highlighted.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [highlightedIndex, showDropdown]);
+  const handleOptionClick = (option) => {
+    const selectedValue = typeof option === "string" ? option : option.value;
+    setTextValue(selectedValue);
+    setShowDropdown(false);
+    onChange(selectedValue);
+    onSave(selectedValue, true);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      if (showDropdown && filteredOptions.length > 0) {
+        const selected = filteredOptions[highlightedIndex];
+        const selectedValue = typeof selected === "string" ? selected : selected.value;
+        setTextValue(selectedValue);
+        setShowDropdown(false);
+        onChange(selectedValue);
+        onSave(selectedValue, false);
+      } else {
+        setShowDropdown(false);
+        onSave(textValue, false);
+      }
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowDropdown(false);
+      onCancel();
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex(
+        (prev) => prev < filteredOptions.length - 1 ? prev + 1 : prev
+      );
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => prev > 0 ? prev - 1 : 0);
+    } else if (e.key === "Tab") {
+      setShowDropdown(false);
+      onSave(textValue, false);
+    }
+  };
+  const handleTextChange = (e) => {
+    const val = e.target.value;
+    setTextValue(val);
+    onChange(val);
+    setShowDropdown(true);
+    setHasUserTyped(true);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: (el) => {
+          cellRef.current = el;
+          if (inputRef) {
+            inputRef.current = el;
+          }
+        },
+        value: textValue,
+        onChange: handleTextChange,
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+          if (!isClickingDropdownRef.current) {
+            onSave(textValue, true);
+          }
+        },
+        className: "hot-cell-editor hot-dropdown-editor",
+        placeholder: "Type to filter..."
+      }
+    ),
+    showDropdown && filteredOptions.length > 0 && /* @__PURE__ */ jsx(EditorPortal, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: dropdownRef,
+        className: "hot-editor-popup hot-dropdown-popup",
+        style: {
+          position: "fixed",
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          width: `${position.width}px`,
+          maxHeight: `${POPUP_MAX_HEIGHT}px`,
+          overflowY: "auto",
+          zIndex: 1e4,
+          ...position.openAbove ? { transform: "translateY(-100%)" } : {}
+        },
+        onMouseDown: () => {
+          isClickingDropdownRef.current = true;
+        },
+        onMouseUp: () => {
+          isClickingDropdownRef.current = false;
+        },
+        children: filteredOptions.map((option, index) => {
+          const optValue = typeof option === "string" ? option : option.value;
+          const optLabel = typeof option === "string" ? option : option.label;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `hot-dropdown-option ${index === highlightedIndex ? "highlighted" : ""}`,
+              onMouseDown: (e) => {
+                e.preventDefault();
+                isClickingDropdownRef.current = true;
+                handleOptionClick(option);
+              },
+              onMouseEnter: () => setHighlightedIndex(index),
+              children: optLabel
+            },
+            index
+          );
+        })
+      }
+    ) })
+  ] });
+};
+const StaticMultiSelectEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  col,
+  inputRef
+}) => {
+  const options = col.source || [];
+  const [showDropdown, setShowDropdown] = useState(true);
+  const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });
+  const [selectedValues, setSelectedValues] = useState(() => {
+    return Array.isArray(value) ? value : [];
+  });
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
+  const cellRef = useRef(null);
+  const dropdownRef = useRef(null);
+  const isClickingDropdownRef = useRef(false);
+  const selectedValuesRef = useRef(selectedValues);
+  useEffect(() => {
+    selectedValuesRef.current = selectedValues;
+  }, [selectedValues]);
+  useEffect(() => {
+    setTimeout(() => cellRef.current?.focus(), 0);
+  }, []);
+  useEffect(() => {
+    if (cellRef.current) {
+      const pos = calculatePopupPosition(cellRef);
+      setPosition(pos);
+    }
+    const updatePosition = () => {
+      if (cellRef.current && showDropdown) {
+        const pos = calculatePopupPosition(cellRef);
+        setPosition(pos);
+      }
+    };
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [showDropdown]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (isClickingDropdownRef.current) return;
+      const isOutsideCell = cellRef.current && !cellRef.current.contains(e.target);
+      const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(e.target);
+      if (isOutsideCell && isOutsideDropdown) {
+        setShowDropdown(false);
+        onSave(selectedValuesRef.current, true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onSave]);
+  useEffect(() => {
+    if (dropdownRef.current && showDropdown) {
+      const highlighted = dropdownRef.current.children[highlightedIndex];
+      if (highlighted) {
+        highlighted.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [highlightedIndex, showDropdown]);
+  const handleToggle = (optValue) => {
+    const newValues = selectedValues.includes(optValue) ? selectedValues.filter((v) => v !== optValue) : [...selectedValues, optValue];
+    setSelectedValues(newValues);
+    onChange(newValues);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      if (showDropdown && options.length > 0) {
+        e.stopPropagation();
+        const opt = options[highlightedIndex];
+        const optValue = typeof opt === "string" ? opt : opt.value;
+        handleToggle(optValue);
+      } else {
+        setShowDropdown(false);
+        onSave(selectedValuesRef.current, false);
+      }
+    } else if (e.key === " ") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (showDropdown && options.length > 0) {
+        const opt = options[highlightedIndex];
+        const optValue = typeof opt === "string" ? opt : opt.value;
+        handleToggle(optValue);
+      }
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => prev < options.length - 1 ? prev + 1 : prev);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => prev > 0 ? prev - 1 : 0);
+    } else if (e.key === "Tab") {
+      setShowDropdown(false);
+      onSave(selectedValuesRef.current, false);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowDropdown(false);
+      onCancel();
+    }
+  };
+  const selectedLabels = options.filter((opt) => {
+    const optValue = typeof opt === "string" ? opt : opt.value;
+    return selectedValues.includes(optValue);
+  }).map((opt) => typeof opt === "string" ? opt : opt.label).join(", ");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: (el) => {
+          cellRef.current = el;
+          if (inputRef) {
+            inputRef.current = el;
+          }
+        },
+        className: "hot-cell-editor hot-multiselect-editor",
+        tabIndex: 0,
+        onKeyDown: handleKeyDown,
+        onBlur: () => {
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "truncate text-body-regular-sm", children: selectedLabels || "Select..." })
+      }
+    ),
+    showDropdown && options.length > 0 && /* @__PURE__ */ jsx(EditorPortal, { children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: dropdownRef,
+        className: "hot-editor-popup hot-multiselect-popup",
+        style: {
+          position: "fixed",
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          width: `${Math.max(position.width, 160)}px`,
+          maxHeight: `${POPUP_MAX_HEIGHT}px`,
+          overflowY: "auto",
+          zIndex: 1e4,
+          pointerEvents: "auto",
+          ...position.openAbove ? { transform: "translateY(-100%)" } : {}
+        },
+        onMouseDown: () => {
+          isClickingDropdownRef.current = true;
+        },
+        onMouseUp: () => {
+          isClickingDropdownRef.current = false;
+        },
+        children: options.map((option, index) => {
+          const optValue = typeof option === "string" ? option : option.value;
+          const optLabel = typeof option === "string" ? option : option.label;
+          const isSelected = selectedValues.includes(optValue);
+          const isHighlighted = index === highlightedIndex;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `hot-multiselect-option ${isHighlighted ? "highlighted" : ""} ${isSelected ? "selected" : ""}`,
+              onMouseDown: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                isClickingDropdownRef.current = true;
+                handleToggle(optValue);
+              },
+              onMouseUp: () => {
+                isClickingDropdownRef.current = false;
+              },
+              onMouseEnter: () => setHighlightedIndex(index),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: optLabel }),
+                isSelected && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-primary flex-shrink-0" })
+              ]
+            },
+            optValue
+          );
+        })
+      }
+    ) })
+  ] });
+};
+const BooleanEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  inputRef
+}) => {
+  const handleChange = (e) => {
+    const newValue = e.target.checked;
+    onChange(newValue);
+    onSave(newValue, true);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      const newValue = !value;
+      onChange(newValue);
+      onSave(newValue, false);
+    } else if (e.key === " ") {
+      e.preventDefault();
+      const newValue = !value;
+      onChange(newValue);
+      onSave(newValue, true);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      onCancel();
+    } else if (e.key === "Tab") {
+      onSave(value, false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "hot-cell-editor hot-boolean-editor-wrapper",
+      onMouseDown: (e) => {
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "checkbox",
+          checked: Boolean(value),
+          onChange: handleChange,
+          onKeyDown: handleKeyDown,
+          className: "hot-boolean-editor"
+        }
+      )
+    }
+  );
+};
+function normalizeValue(value) {
+  if (!value || !Array.isArray(value)) return [];
+  if (value.length > 0 && typeof value[0] === "string") {
+    return value.map((id) => ({ id, label: id }));
+  }
+  return value;
+}
+function defaultFormatOption(result) {
+  return {
+    primary: result.presenter.title,
+    secondary: result.presenter.subtitle
+  };
+}
+const MultiSelectEntitySearchEditor = ({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  config,
+  inputRef
+}) => {
+  const {
+    entityType,
+    extractValue,
+    extractLabel,
+    extractItem,
+    formatOption = defaultFormatOption,
+    placeholder = "Search...",
+    minQueryLength = 2,
+    debounceMs = 300,
+    noResultsText = "No results found",
+    searchingText = "Searching...",
+    searchUrl = "/api/search/search",
+    /**
+     * `'fulltext'`, NOT `'meilisearch'`.
+     *
+     * The search module's valid strategy ids are `'tokens' | 'vector' |
+     * 'fulltext'`, and the Meilisearch driver registers under `fulltext`
+     * (`@open-mercato/search/src/fulltext/drivers`). `strategies=meilisearch`
+     * matches NO strategy, so these call sites silently fell through to hashed
+     * token search — which returns results, which is why nobody caught it.
+     * `LocationSearchInput` always had it right.
+     */
+    searchStrategy = "fulltext",
+    searchLimit = 20,
+    maxItems
+  } = config;
+  const [selected, setSelected] = useState(() => normalizeValue(value));
+  const [showDropdown, setShowDropdown] = useState(true);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [debouncedQuery, setDebouncedQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(0);
+  const [position, setPosition] = useState({ top: 0, left: 0, width: 0, openAbove: false });
+  const cellRef = useRef(null);
+  const textareaRef = useRef(null);
+  const dropdownRef = useRef(null);
+  const abortControllerRef = useRef(null);
+  const isClickingDropdownRef = useRef(false);
+  const selectedRef = useRef(selected);
+  useEffect(() => {
+    selectedRef.current = selected;
+  }, [selected]);
+  useEffect(() => {
+    setTimeout(() => textareaRef.current?.focus(), 0);
+  }, []);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedQuery(searchQuery);
+    }, debounceMs);
+    return () => clearTimeout(timer);
+  }, [searchQuery, debounceMs]);
+  useEffect(() => {
+    if (debouncedQuery.length < minQueryLength) {
+      setResults([]);
+      return;
+    }
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    const fetchResults = async () => {
+      setIsLoading(true);
+      try {
+        const params = new URLSearchParams({
+          q: debouncedQuery,
+          strategies: searchStrategy,
+          entityTypes: entityType,
+          limit: String(searchLimit)
+        });
+        const { ok, result } = await apiCall(
+          `${searchUrl}?${params.toString()}`,
+          { signal: controller.signal }
+        );
+        if (!ok) throw new Error("Search failed");
+        setResults(result?.results || []);
+        setHighlightedIndex(0);
+      } catch (error) {
+        if (error.name !== "AbortError") {
+          console.error("Entity search error:", error);
+          setResults([]);
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchResults();
+    return () => controller.abort();
+  }, [debouncedQuery, entityType, minQueryLength, searchUrl, searchStrategy, searchLimit]);
+  const selectedIds = new Set(selected.map((s) => s.id));
+  const filteredResults = results.filter((r) => !selectedIds.has(extractValue(r)));
+  useEffect(() => {
+    if (cellRef.current) {
+      const pos = calculatePopupPosition(cellRef);
+      setPosition(pos);
+    }
+    const updatePosition = () => {
+      if (cellRef.current && showDropdown) {
+        const pos = calculatePopupPosition(cellRef);
+        setPosition(pos);
+      }
+    };
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [showDropdown]);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (isClickingDropdownRef.current) return;
+      const target = e.target;
+      const isOutsideCell = cellRef.current && !cellRef.current.contains(target);
+      const isOutsideDropdown = !dropdownRef.current || !dropdownRef.current.contains(target);
+      if (isOutsideCell && isOutsideDropdown) {
+        setShowDropdown(false);
+        onSave(selectedRef.current, true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onSave]);
+  const handleSelectItem = (result) => {
+    if (maxItems && selected.length >= maxItems) return;
+    const newItem = extractItem ? extractItem(result) : { id: extractValue(result), label: extractLabel(result) };
+    const newSelected = [...selected, newItem];
+    setSelected(newSelected);
+    onChange(newSelected);
+    setSearchQuery("");
+    setResults([]);
+    textareaRef.current?.focus();
+  };
+  const handleRemoveItem = (id) => {
+    const newSelected = selected.filter((s) => s.id !== id);
+    setSelected(newSelected);
+    onChange(newSelected);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (filteredResults.length > 0 && highlightedIndex < filteredResults.length) {
+        handleSelectItem(filteredResults[highlightedIndex]);
+      } else if (searchQuery === "") {
+        setShowDropdown(false);
+        onSave(selectedRef.current, false);
+      }
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      setShowDropdown(false);
+      onCancel();
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedIndex(
+        (prev) => prev < filteredResults.length - 1 ? prev + 1 : prev
+      );
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedIndex((prev) => prev > 0 ? prev - 1 : 0);
+    } else if (e.key === "Backspace" && searchQuery === "" && selected.length > 0) {
+      const newSelected = selected.slice(0, -1);
+      setSelected(newSelected);
+      onChange(newSelected);
+    } else if (e.key === "Tab") {
+      setShowDropdown(false);
+      onSave(selectedRef.current, false);
+    }
+  };
+  const handleTextChange = (e) => {
+    setSearchQuery(e.target.value);
+  };
+  const showResults = searchQuery.length >= minQueryLength || isLoading;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: cellRef,
+        className: "hot-cell-editor flex items-center min-h-[28px] px-1 py-0.5",
+        children: /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref: (el) => {
+              textareaRef.current = el;
+              if (inputRef) {
+                inputRef.current = el;
+              }
+            },
+            value: searchQuery,
+            onChange: handleTextChange,
+            onKeyDown: handleKeyDown,
+            onBlur: () => {
+            },
+            placeholder,
+            className: "flex-1 min-w-[60px] outline-none bg-transparent text-body-regular-sm resize-none",
+            style: { border: "none", height: "20px" },
+            rows: 1
+          }
+        )
+      }
+    ),
+    showDropdown && /* @__PURE__ */ jsx(EditorPortal, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: dropdownRef,
+        className: "hot-editor-popup hot-dropdown-popup",
+        style: {
+          position: "fixed",
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          width: `${Math.max(position.width, 280)}px`,
+          maxHeight: `${POPUP_MAX_HEIGHT}px`,
+          overflowY: "auto",
+          zIndex: 1e4,
+          pointerEvents: "auto",
+          ...position.openAbove ? { transform: "translateY(-100%)" } : {}
+        },
+        onMouseDown: (e) => {
+          e.stopPropagation();
+          isClickingDropdownRef.current = true;
+        },
+        onMouseUp: () => {
+          isClickingDropdownRef.current = false;
+        },
+        children: [
+          selected.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 px-3 py-2 border-b border-m3-outline-variant bg-m3-surface-container-low", children: selected.map((item) => {
+            const itemAny = item;
+            const displayLabel = item.label || itemAny.locode || itemAny.name || item.id;
+            return /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 px-2 py-1 bg-m3-secondary-container text-m3-on-secondary-container rounded-m3-full text-body-regular-xs",
+                children: [
+                  displayLabel,
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        handleRemoveItem(item.id);
+                      },
+                      className: "hover:bg-m3-state-layer-pressed rounded-m3-full p-0.5",
+                      style: { cursor: "pointer" },
+                      children: "\xD7"
+                    }
+                  )
+                ]
+              },
+              item.id
+            );
+          }) }),
+          isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-body-regular-sm text-m3-on-surface-variant", children: [
+            /* @__PURE__ */ jsx("span", { className: "animate-spin", children: "\u23F3" }),
+            searchingText
+          ] }) : showResults && filteredResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-body-regular-sm text-m3-on-surface-variant", children: noResultsText }) : showResults ? filteredResults.map((result, index) => {
+            const { primary, secondary } = formatOption(result);
+            const isHighlighted = index === highlightedIndex;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `flex items-center gap-2 px-3 py-2 ${isHighlighted ? "bg-m3-state-layer-hover" : "hover:bg-m3-state-layer-hover"}`,
+                style: { cursor: "pointer" },
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  handleSelectItem(result);
+                },
+                onMouseEnter: () => setHighlightedIndex(index),
+                children: /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-body-medium-sm font-medium truncate", children: primary }),
+                  secondary && /* @__PURE__ */ jsx("div", { className: "text-body-regular-xs text-m3-on-surface-variant truncate", children: secondary })
+                ] })
+              },
+              result.recordId
+            );
+          }) : /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-body-regular-sm text-m3-on-surface-variant", children: "Type to search..." })
+        ]
+      }
+    ) })
+  ] });
+};
+function createMultiSelectEntitySearchEditor(config) {
+  return (value, onChange, onSave, onCancel) => /* @__PURE__ */ jsx(
+    MultiSelectEntitySearchEditor,
+    {
+      config,
+      value,
+      onChange: (newValue) => onChange(newValue),
+      onSave: (newValue, clearEditing) => onSave(newValue, clearEditing),
+      onCancel,
+      col: {}
+    }
+  );
+}
+const getCellEditor = (col, value, onChange, onSave, onCancel, rowData, rowIndex, colIndex, inputRef) => {
+  if (col.editor) {
+    return col.editor(value, onChange, onSave, onCancel, rowData, col, rowIndex, colIndex);
+  }
+  if (col.readOnly) {
+    return null;
+  }
+  switch (col.type) {
+    case "numeric":
+      return /* @__PURE__ */ jsx(
+        NumericEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ jsx(
+        DateEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "datetime":
+      return /* @__PURE__ */ jsx(
+        DateTimeEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "dropdown":
+      return /* @__PURE__ */ jsx(
+        DropdownEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "multiselect":
+      return /* @__PURE__ */ jsx(
+        StaticMultiSelectEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsx(
+        BooleanEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+    case "text":
+    default:
+      return /* @__PURE__ */ jsx(
+        TextEditor,
+        {
+          value,
+          onChange,
+          onSave,
+          onCancel,
+          col,
+          inputRef
+        }
+      );
+  }
+};
+export {
+  BooleanEditor,
+  DateEditor,
+  DateTimeEditor,
+  DropdownEditor,
+  MultiSelectEntitySearchEditor,
+  NumericEditor,
+  StaticMultiSelectEditor,
+  TextEditor,
+  createDateTimeEditor,
+  createMultiSelectEntitySearchEditor,
+  getCellEditor
+};
+//# sourceMappingURL=editors.js.map