@marimo-team/islands 0.23.14-dev6 → 0.23.14-dev61

package/dist/data-grid-overlay-editor-C6lxUJp-.js

@@ -0,0 +1,136 @@
+import { s as __toESM } from "./chunk-BNovOVIE.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_react_dom } from "./react-dom-BTJzcVJ9.js";
+import { b as isObjectEditorCallbackResult, i as makeCSSStyle, n as ThemeContext, t as ClickOutsideContainer, v as isEditableGridCell, y as isInnerOnlyCell } from "./click-outside-container-BLPjMamz.js";
+import { t as styled_default } from "./dist-Bf9f8MuT.js";
+var import_react_dom = require_react_dom(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), _exp2 = () => (e) => e.targetX, _exp3 = () => (e) => e.targetY, _exp4 = () => (e) => e.targetWidth, _exp5 = () => (e) => e.targetHeight, _exp6 = () => (e) => e.targetY + 10, _exp7 = () => (e) => Math.max(0, (e.targetHeight - 28) / 2);
+const DataGridOverlayEditorStyle = /* @__PURE__ */ styled_default("div")({
+  name: "DataGridOverlayEditorStyle",
+  class: "gdg-d19meir1",
+  propsAsIs: false,
+  vars: {
+    "d19meir1-0": [_exp3(), "px"],
+    "d19meir1-1": [_exp2(), "px"],
+    "d19meir1-2": [_exp4(), "px"],
+    "d19meir1-3": [_exp5(), "px"],
+    "d19meir1-4": [_exp6(), "px"],
+    "d19meir1-5": [_exp7(), "px"]
+  }
+});
+function useRefState() {
+  let [e, o] = import_react.useState();
+  return [e ?? void 0, o];
+}
+function useStayOnScreen() {
+  let [e, o] = useRefState(), [s, c] = import_react.useState(0), [l, u] = import_react.useState(true);
+  return import_react.useLayoutEffect(() => {
+    if (e === void 0 || !("IntersectionObserver" in window)) return;
+    let o2 = new IntersectionObserver((e2) => {
+      e2.length !== 0 && u(e2[0].isIntersecting);
+    }, { threshold: 1 });
+    return o2.observe(e), () => o2.disconnect();
+  }, [e]), import_react.useEffect(() => {
+    if (l || e === void 0) return;
+    let o2, s2 = () => {
+      let { right: l2 } = e.getBoundingClientRect();
+      c((e2) => Math.min(e2 + window.innerWidth - l2 - 10, 0)), o2 = requestAnimationFrame(s2);
+    };
+    return o2 = requestAnimationFrame(s2), () => {
+      o2 !== void 0 && cancelAnimationFrame(o2);
+    };
+  }, [e, l]), {
+    ref: o,
+    style: import_react.useMemo(() => ({ transform: `translateX(${s}px)` }), [s])
+  };
+}
+var data_grid_overlay_editor_default = (e) => {
+  let { target: o, content: s, onFinishEditing: d, forceEditMode: f, initialValue: p, imageEditorOverride: m, markdownDivCreateNode: h, highlight: g, className: _, theme: v, id: y, cell: b, bloom: x, portalElementRef: S, validateCell: C, getCellRenderer: w, provideEditor: T, isOutsideClick: E, customEventTarget: D, activation: O } = e, [k, A] = import_react.useState(f ? s : void 0), j = import_react.useRef(k ?? s);
+  j.current = k ?? s;
+  let [M, N] = import_react.useState(() => C === void 0 ? true : !(isEditableGridCell(s) && (C == null ? void 0 : C(b, s, j.current)) === false)), P = import_react.useCallback((e2, o2) => {
+    d(M ? e2 : void 0, o2);
+  }, [M, d]), F = import_react.useCallback((e2) => {
+    if (C !== void 0 && e2 !== void 0 && isEditableGridCell(e2)) {
+      let o2 = C(b, e2, j.current);
+      o2 === false ? N(false) : (typeof o2 == "object" && (e2 = o2), N(true));
+    }
+    A(e2);
+  }, [b, C]), I = import_react.useRef(false), L = import_react.useRef(void 0), R = import_react.useCallback(() => {
+    P(k, [0, 0]), I.current = true;
+  }, [k, P]), z = import_react.useCallback((e2, o2) => {
+    P(e2, o2 ?? L.current ?? [0, 0]), I.current = true;
+  }, [P]), B = import_react.useCallback(async (e2) => {
+    let o2 = false;
+    e2.key === "Escape" ? (e2.stopPropagation(), e2.preventDefault(), L.current = [0, 0]) : e2.key === "Enter" && !e2.shiftKey ? (e2.stopPropagation(), e2.preventDefault(), L.current = [0, 1], o2 = true) : e2.key === "Tab" && (e2.stopPropagation(), e2.preventDefault(), L.current = [e2.shiftKey ? -1 : 1, 0], o2 = true), window.setTimeout(() => {
+      !I.current && L.current !== void 0 && (P(o2 ? k : void 0, L.current), I.current = true);
+    }, 0);
+  }, [P, k]), V = k ?? s, [H, U] = import_react.useMemo(() => {
+    var _a, _b;
+    if (isInnerOnlyCell(s)) return [];
+    let e2 = {
+      ...s,
+      location: b,
+      activation: O
+    }, o2 = T == null ? void 0 : T(e2);
+    return o2 === void 0 ? [(_b = (_a = w(s)) == null ? void 0 : _a.provideEditor) == null ? void 0 : _b.call(_a, e2), false] : [o2, false];
+  }, [
+    b,
+    s,
+    w,
+    T,
+    O
+  ]), { ref: W, style: G } = useStayOnScreen(), K = true, q, J = true, Y;
+  if (H !== void 0) {
+    K = H.disablePadding !== true, J = H.disableStyling !== true;
+    let e2 = isObjectEditorCallbackResult(H);
+    e2 && (Y = H.styleOverride);
+    let s2 = e2 ? H.editor : H;
+    q = import_react.createElement(s2, {
+      portalElementRef: S,
+      isHighlighted: g,
+      activation: O,
+      onChange: F,
+      value: V,
+      initialValue: p,
+      onFinishedEditing: z,
+      validatedSelection: isEditableGridCell(V) ? V.selectionRange : void 0,
+      forceEditMode: f,
+      target: o,
+      imageEditorOverride: m,
+      markdownDivCreateNode: h,
+      isValid: M,
+      theme: v
+    });
+  }
+  Y = {
+    ...Y,
+    ...G
+  };
+  let X = (S == null ? void 0 : S.current) ?? document.getElementById("portal");
+  if (X === null) return console.error('Cannot open Data Grid overlay editor, because portal not found. Please, either provide a portalElementRef or add `<div id="portal" />` as the last child of your `<body>`.'), null;
+  let Z = J ? "gdg-style" : "gdg-unstyle";
+  M || (Z += " gdg-invalid"), K && (Z += " gdg-pad");
+  let Q = (x == null ? void 0 : x[0]) ?? 1, $ = (x == null ? void 0 : x[1]) ?? 1;
+  return (0, import_react_dom.createPortal)(import_react.createElement(ThemeContext.Provider, { value: v }, import_react.createElement(ClickOutsideContainer, {
+    style: makeCSSStyle(v),
+    className: _,
+    onClickOutside: R,
+    isOutsideClick: E,
+    customEventTarget: D
+  }, import_react.createElement(DataGridOverlayEditorStyle, {
+    ref: W,
+    id: y,
+    className: Z,
+    style: Y,
+    as: U === true ? "label" : void 0,
+    targetX: o.x - Q,
+    targetY: o.y - $,
+    targetWidth: o.width + Q * 2,
+    targetHeight: o.height + $ * 2
+  }, import_react.createElement("div", {
+    className: "gdg-clip-region",
+    onKeyDown: B
+  }, q)))), X);
+};
+export {
+  data_grid_overlay_editor_default as default
+};

package/dist/{dist-D_bzzWBm.js → dist-Bf9f8MuT.js}

@@ -47,9 +47,9 @@ function styled(e) {
           e2[n2] = i[n2];
         }), u.style = e2;
       }
-      return e.__linaria && e !== c ? (u.as = c, import_react.createElement(e, u)) : import_react.createElement(c, u);
-    }, s = import_react.forwardRef ? import_react.forwardRef(r) : (e2) => r(omit(e2, ["innerRef"]), e2.innerRef);
-    return s.displayName = n.name, s.__linaria = {
+      return e.__wyw_meta && e !== c ? (u.as = c, (0, import_react.createElement)(e, u)) : (0, import_react.createElement)(c, u);
+    }, s = import_react.forwardRef ? (0, import_react.forwardRef)(r) : ((e2) => r(omit(e2, ["innerRef"]), e2.innerRef));
+    return s.displayName = n.name, s.__wyw_meta = {
       className: n.class || "",
       extends: e
     }, s;

package/dist/{formats-d6MhLuQ9.js → formats-Dzx4J_z1.js}

@@ -2,7 +2,7 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { g as cn, r as cva } from "./button-BacYv-bE.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { t as toDate } from "./toDate-D-l5s8nn.js";
+import { t as toDate } from "./toDate-CWNNlFEX.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { i as tableFromIPC } from "./loader-Boph2xIS.js";
 function isDate(e) {