@localstack/appinspector-ui 1.0.113 → 1.0.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -15019,7 +15019,7 @@ var LoadSpansRow = ({ colSpan, fetching, label, onFetch }) => /* @__PURE__ */ (0
15019
15019
  fetching && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material6.CircularProgress, { size: 24, sx: { m: 2 } })
15020
15020
  ] }) });
15021
15021
  var SpansDataGridRow = (0, import_react42.memo)(
15022
- ({ row }) => {
15022
+ ({ onSpanClick, row }) => {
15023
15023
  const theme = (0, import_material6.useTheme)();
15024
15024
  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
15025
15025
  import_material6.TableRow,
@@ -15032,7 +15032,11 @@ var SpansDataGridRow = (0, import_react42.memo)(
15032
15032
  initial: {
15033
15033
  backgroundColor: theme.palette.mode === "light" ? newSpanBackgroundColor.light.from : newSpanBackgroundColor.dark.from
15034
15034
  },
15035
+ onClick: () => {
15036
+ onSpanClick(row.original);
15037
+ },
15035
15038
  sx: {
15039
+ cursor: "pointer",
15036
15040
  transition: "background-color 1200ms ease-in"
15037
15041
  },
15038
15042
  children: row.getVisibleCells().map((cell) => {
@@ -15149,7 +15153,8 @@ var SpansDataGrid = ({
15149
15153
  import_material6.Button,
15150
15154
  {
15151
15155
  "data-testid": VIEW_SPAN_DETAILS_TEST_ID,
15152
- onClick: () => {
15156
+ onClick: (event) => {
15157
+ event.stopPropagation();
15153
15158
  onSpanClick(props.row.original);
15154
15159
  },
15155
15160
  size: "small",
@@ -15310,7 +15315,7 @@ var SpansDataGrid = ({
15310
15315
  for (let index = rows.length - 1; index >= 0; index--) {
15311
15316
  const row = rows.at(index);
15312
15317
  reversed.push(
15313
- /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { row }, row.original.span_id)
15318
+ /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { onSpanClick, row }, row.original.span_id)
15314
15319
  );
15315
15320
  }
15316
15321
  return reversed;
@@ -15321,7 +15326,7 @@ var SpansDataGrid = ({
15321
15326
  !clearingSpans && order2 === "oldest_first" && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
15322
15327
  hasRows && !hasMoreBackward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(StreamBoundaryRow, { colSpan: columnCount, label: LABEL_BEGINNING_OF_STREAM }),
15323
15328
  hasRows && hasMoreBackward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LoadSpansRow, { colSpan: columnCount, fetching: fetchingBackward, label: LABEL_LOAD_OLDER, onFetch: onFetchBackward }),
15324
- hasRows && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AnimatePresence, { initial: false, children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { row }, row.original.span_id)) }),
15329
+ hasRows && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(AnimatePresence, { initial: false, children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(SpansDataGridRow, { onSpanClick, row }, row.original.span_id)) }),
15325
15330
  hasRows && hasMoreForward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(LoadSpansRow, { colSpan: columnCount, fetching: fetchingForward, label: LABEL_LOAD_NEWER, onFetch: onFetchForward }),
15326
15331
  hasRows && !hasMoreForward && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(StreamBoundaryRow, { colSpan: columnCount, label: LABEL_END_OF_STREAM })
15327
15332
  ] })