@localstack/appinspector-ui 1.0.62 → 1.0.64

package/dist/index.cjs

@@ -12145,8 +12145,8 @@ ServiceCell.displayName = "ServiceCell";
 var import_jsx_runtime124 = require("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";
@@ -12165,11 +12165,11 @@ var SpansDataGridRow = (0, import_react40.memo)(
       import_material4.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"
@@ -13032,9 +13032,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) {
@@ -13393,6 +13397,9 @@ var useSpans = () => {
   const { checkStatus, error: statusError, status } = useStatus();
   const [clearingSpans, setClearingSpans] = (0, import_react47.useState)(false);
   const clearSpans = (0, import_react47.useCallback)(async () => {
+    if (clearingSpans) {
+      return;
+    }
     setClearingSpans(true);
     try {
       await api.deleteSpans();
@@ -13403,7 +13410,7 @@ var useSpans = () => {
     } finally {
       setClearingSpans(false);
     }
-  }, [paginationBuffer, api]);
+  }, [clearingSpans, api]);
   const [streamPaused, setStreamPaused] = (0, import_react47.useState)(false);
   const toggleStream = (0, import_react47.useCallback)(() => {
     setStreamPaused((previous) => !previous);