@adecore/ui 0.31.11 → 0.32.0

package/dist/useNow.js

@@ -1,41 +1,84 @@
+import { c as _c } from "react/compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 /*
  * The clock a surface reads to say how long something has been running. One timer for the whole
  * surface, ticking only while there is something to count, and starting at the time it was mounted
  * so a panel that comes back mid-session does not read zero for a second first.
  */
-export const useNow = (intervalMs, ticking = true) => {
-    const [now, setNow] = useState(Date.now);
-    useEffect(() => {
-        if (!ticking) {
-            return;
-        }
-        const timer = window.setInterval(() => setNow(Date.now()), intervalMs);
-        return () => window.clearInterval(timer);
-    }, [intervalMs, ticking]);
-    return now;
+export const useNow = (intervalMs, t0) => {
+  const $ = _c(4);
+  const ticking = t0 === undefined ? true : t0;
+  const [now, setNow] = useState(Date.now);
+  let t1;
+  let t2;
+  if ($[0] !== intervalMs || $[1] !== ticking) {
+    t1 = () => {
+      if (!ticking) {
+        return;
+      }
+      const timer = window.setInterval(() => setNow(Date.now()), intervalMs);
+      return () => window.clearInterval(timer);
+    };
+    t2 = [intervalMs, ticking];
+    $[0] = intervalMs;
+    $[1] = ticking;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return now;
 };
 /*
  * A timer on one line of a long thread. The text is written straight into the node, because a chat
  * that re-renders every second while an agent works re-renders every row it is drawing with it.
  */
-export const useTickingText = (render, intervalMs = 1000) => {
-    const ref = useRef(null);
-    const latest = useRef(render);
-    const tick = useCallback(() => {
-        if (ref.current !== null) {
-            ref.current.textContent = latest.current();
-        }
-    }, []);
-    useEffect(() => {
-        const timer = window.setInterval(tick, intervalMs);
-        return () => window.clearInterval(timer);
-    }, [intervalMs, tick]);
-    /* After every render as well, so the first one writes the line and a language or region change
-       lands on it without waiting for the next tick. */
-    useEffect(() => {
-        latest.current = render;
-        tick();
-    });
-    return ref;
-};
+export const useTickingText = (render, t0) => {
+  const $ = _c(6);
+  const intervalMs = t0 === undefined ? 1000 : t0;
+  const ref = useRef(null);
+  const latest = useRef(render);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (ref.current !== null) {
+        ref.current.textContent = latest.current();
+      }
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const tick = t1;
+  let t2;
+  let t3;
+  if ($[1] !== intervalMs) {
+    t2 = () => {
+      const timer = window.setInterval(tick, intervalMs);
+      return () => window.clearInterval(timer);
+    };
+    t3 = [intervalMs, tick];
+    $[1] = intervalMs;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] !== render) {
+    t4 = () => {
+      latest.current = render;
+      tick();
+    };
+    $[4] = render;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  useEffect(t4);
+  return ref;
+};

package/dist/wipe-split.js

@@ -1,20 +1,20 @@
 /* One press of an arrow moves the handle this share of the frame. */
 export const WIPE_KEY_STEP = 0.02;
-export const clampSplit = (split) => Math.min(1, Math.max(0, split));
+export const clampSplit = split => Math.min(1, Math.max(0, split));
 /* A frame without a width has no place to point at, so the split stays where it is. */
 export const splitAt = (clientX, frame) => frame.width > 0 ? clampSplit((clientX - frame.left) / frame.width) : null;
 /* Null for a key the handle does not answer, so it goes on to whatever is around it. */
 export const splitForKey = (split, key) => {
-    switch (key) {
-        case 'ArrowLeft':
-            return clampSplit(split - WIPE_KEY_STEP);
-        case 'ArrowRight':
-            return clampSplit(split + WIPE_KEY_STEP);
-        case 'Home':
-            return 0;
-        case 'End':
-            return 1;
-        default:
-            return null;
-    }
-};
+  switch (key) {
+    case 'ArrowLeft':
+      return clampSplit(split - WIPE_KEY_STEP);
+    case 'ArrowRight':
+      return clampSplit(split + WIPE_KEY_STEP);
+    case 'Home':
+      return 0;
+    case 'End':
+      return 1;
+    default:
+      return null;
+  }
+};

package/dist/workspace/DropPreview.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { dropPreviewPath } from './preview.js';
 /*
@@ -6,9 +6,62 @@ import { dropPreviewPath } from './preview.js';
  * fills its nearest positioned ancestor. One shape moves into the next as a transition of its path,
  * and the first shape after a null appears in place.
  */
-export function DropPreview({ shape, className, ref }) {
-    if (shape === null) {
-        return null;
-    }
-    return (_jsx("svg", { ref: ref, className: clsx('ade-drop-preview', className), width: "100%", height: "100%", "aria-hidden": "true", children: _jsx("path", { style: { d: `path("${dropPreviewPath(shape)}")` } }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DropPreview(t0) {
+  const $ = _c(10);
+  const {
+    shape,
+    className,
+    ref
+  } = t0;
+  if (shape === null) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== className) {
+    t1 = clsx("ade-drop-preview", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== shape) {
+    t2 = dropPreviewPath(shape);
+    $[2] = shape;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const t3 = `path("${t2}")`;
+  let t4;
+  if ($[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx("path", {
+      style: {
+        d: t3
+      }
+    });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== ref || $[7] !== t1 || $[8] !== t4) {
+    t5 = /*#__PURE__*/_jsx("svg", {
+      ref: ref,
+      className: t1,
+      width: "100%",
+      height: "100%",
+      "aria-hidden": "true",
+      children: t4
+    });
+    $[6] = ref;
+    $[7] = t1;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}