@localstack/appinspector-ui 1.0.62 → 1.0.64

package/dist/index.js

@@ -12142,8 +12142,8 @@ ServiceCell.displayName = "ServiceCell";
 import { Fragment as Fragment3, jsx as jsx124, jsxs as jsxs120 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var newSpanBackgroundColor = {
-  dark: "#887b02",
-  light: "#ffde7b"
+  dark: { from: "rgba(136, 123, 2, 1)", to: "rgba(136, 123, 2, 0)" },
+  light: { from: "rgba(255, 222, 123, 1)", to: "rgba(255, 222, 123, 0)" }
 };
 var LABEL_BEGINNING_OF_STREAM = "This is the beginning of the stream";
 var LABEL_END_OF_STREAM = "This is the end of the stream";
@@ -12162,11 +12162,11 @@ var SpansDataGridRow = memo8(
       TableRow,
       {
         animate: {
-          backgroundColor: "transparent"
+          backgroundColor: theme.palette.mode === "light" ? newSpanBackgroundColor.light.to : newSpanBackgroundColor.dark.to
         },
         component: motion.tr,
         initial: {
-          backgroundColor: theme.palette.mode === "light" ? newSpanBackgroundColor.light : newSpanBackgroundColor.dark
+          backgroundColor: theme.palette.mode === "light" ? newSpanBackgroundColor.light.from : newSpanBackgroundColor.dark.from
         },
         sx: {
           transition: "background-color 1200ms ease-in"
@@ -13029,9 +13029,13 @@ var createPaginationBuffer = (options) => {
     },
     clear: () => {
       if (items !== void 0) {
-        items.length = 0;
-        reportDataChange();
+        items = [];
       }
+      hasMoreBackward = void 0;
+      nextBackwardToken = void 0;
+      hasMoreForward = void 0;
+      nextForwardToken = void 0;
+      reportDataChange();
     },
     fetchBackward: () => {
       if (fetchingForward || fetchingBackward) {
@@ -13390,6 +13394,9 @@ var useSpans = () => {
   const { checkStatus, error: statusError, status } = useStatus();
   const [clearingSpans, setClearingSpans] = useState7(false);
   const clearSpans = useCallback7(async () => {
+    if (clearingSpans) {
+      return;
+    }
     setClearingSpans(true);
     try {
       await api.deleteSpans();
@@ -13400,7 +13407,7 @@ var useSpans = () => {
     } finally {
       setClearingSpans(false);
     }
-  }, [paginationBuffer, api]);
+  }, [clearingSpans, api]);
   const [streamPaused, setStreamPaused] = useState7(false);
   const toggleStream = useCallback7(() => {
     setStreamPaused((previous) => !previous);