@localstack/appinspector-ui 1.0.70 → 1.0.71

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
@@ -12649,7 +12649,17 @@ var SpansDataGrid = ({
12649
12649
  }),
12650
12650
  columnHelper.accessor("startTime", {
12651
12651
  cell: (props) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ResponsiveTimestampCell, { date: props.getValue() }),
12652
- header: "Time",
12652
+ header: () => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
12653
+ import_material4.TableSortLabel,
12654
+ {
12655
+ active: true,
12656
+ direction: order2 === "newest_first" ? "asc" : "desc",
12657
+ onClick: () => {
12658
+ onOrderChange(order2 === "newest_first" ? "oldest_first" : "newest_first");
12659
+ },
12660
+ children: "Time"
12661
+ }
12662
+ ),
12653
12663
  id: "startTime",
12654
12664
  size: 120
12655
12665
  }),
@@ -12706,7 +12716,7 @@ var SpansDataGrid = ({
12706
12716
  // The actions column doesn't need more space
12707
12717
  size: 96
12708
12718
  })
12709
- ], [onSpanClick]);
12719
+ ], [onSpanClick, onOrderChange, order2]);
12710
12720
  const table = useReactTable({
12711
12721
  columns,
12712
12722
  data: spans ?? [],
@@ -12733,23 +12743,6 @@ var SpansDataGrid = ({
12733
12743
  label: ""
12734
12744
  }
12735
12745
  ),
12736
- /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
12737
- import_material4.FormControlLabel,
12738
- {
12739
- control: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
12740
- import_material4.Button,
12741
- {
12742
- onClick: () => {
12743
- onOrderChange(order2 === "newest_first" ? "oldest_first" : "newest_first");
12744
- },
12745
- startIcon: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_icons_material.SwapVertOutlined, {}),
12746
- variant: "text",
12747
- children: order2 === "newest_first" ? "Newest First" : "Oldest First"
12748
- }
12749
- ),
12750
- label: ""
12751
- }
12752
- ),
12753
12746
  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
12754
12747
  import_material4.FormControlLabel,
12755
12748
  {