@localstack/appinspector-ui 1.0.20 → 1.0.22
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 +20 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -12
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2568,7 +2568,6 @@ var PillCell = ({
|
|
|
2568
2568
|
|
|
2569
2569
|
// src/components/cells/service-cell.tsx
|
|
2570
2570
|
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
2571
|
-
var truncateName = (inputString, truncateLength = 15) => inputString.length > truncateLength ? `${inputString.slice(0, truncateLength - 3)}...` : inputString;
|
|
2572
2571
|
var ServiceCell = ({
|
|
2573
2572
|
borderColor,
|
|
2574
2573
|
borderWidth,
|
|
@@ -2576,7 +2575,6 @@ var ServiceCell = ({
|
|
|
2576
2575
|
resource,
|
|
2577
2576
|
service,
|
|
2578
2577
|
showIcon = true,
|
|
2579
|
-
truncateLength,
|
|
2580
2578
|
width = "32px"
|
|
2581
2579
|
}) => {
|
|
2582
2580
|
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material4.Box, { sx: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(PillCell, { borderColor, borderWidth, height, children: [
|
|
@@ -2602,6 +2600,7 @@ var ServiceCell = ({
|
|
|
2602
2600
|
import_material4.Typography,
|
|
2603
2601
|
{
|
|
2604
2602
|
sx: {
|
|
2603
|
+
flexShrink: 0,
|
|
2605
2604
|
fontWeight: "bold",
|
|
2606
2605
|
overflow: "hidden",
|
|
2607
2606
|
padding: "1px 8px",
|
|
@@ -2634,7 +2633,7 @@ var ServiceCell = ({
|
|
|
2634
2633
|
whiteSpace: "nowrap"
|
|
2635
2634
|
},
|
|
2636
2635
|
variant: "body2",
|
|
2637
|
-
children:
|
|
2636
|
+
children: resource
|
|
2638
2637
|
}
|
|
2639
2638
|
)
|
|
2640
2639
|
] }) : void 0
|
|
@@ -2727,16 +2726,28 @@ var columns = [
|
|
|
2727
2726
|
field: "trace_id",
|
|
2728
2727
|
headerName: "Trace",
|
|
2729
2728
|
renderCell: (parameters) => {
|
|
2730
|
-
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
2729
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material5.Tooltip, { arrow: true, title: String(parameters.value), children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
2730
|
+
"span",
|
|
2731
|
+
{
|
|
2732
|
+
style: {
|
|
2733
|
+
maxWidth: "100%",
|
|
2734
|
+
overflow: "hidden",
|
|
2735
|
+
textOverflow: "ellipsis",
|
|
2736
|
+
whiteSpace: "nowrap"
|
|
2737
|
+
},
|
|
2738
|
+
children: parameters.value
|
|
2739
|
+
}
|
|
2740
|
+
) });
|
|
2731
2741
|
},
|
|
2732
|
-
|
|
2742
|
+
type: "string",
|
|
2743
|
+
width: 120
|
|
2733
2744
|
},
|
|
2734
2745
|
{
|
|
2735
2746
|
field: "start_time_unix_nano",
|
|
2736
2747
|
headerName: "Time",
|
|
2737
2748
|
renderCell: (parameters) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ResponsiveTimestampCell, { value: parameters.value }),
|
|
2738
2749
|
type: "string",
|
|
2739
|
-
width:
|
|
2750
|
+
width: 180
|
|
2740
2751
|
},
|
|
2741
2752
|
{
|
|
2742
2753
|
field: "producer",
|
|
@@ -2749,19 +2760,19 @@ var columns = [
|
|
|
2749
2760
|
},
|
|
2750
2761
|
sortable: true,
|
|
2751
2762
|
sortComparator: resourceNameComparator,
|
|
2752
|
-
width:
|
|
2763
|
+
width: 260
|
|
2753
2764
|
},
|
|
2754
2765
|
{
|
|
2755
2766
|
field: "operation_name",
|
|
2756
2767
|
headerName: "Action",
|
|
2757
2768
|
type: "string",
|
|
2758
|
-
width:
|
|
2769
|
+
width: 130
|
|
2759
2770
|
},
|
|
2760
2771
|
{
|
|
2761
2772
|
field: "consumer",
|
|
2762
2773
|
flex: 1,
|
|
2763
2774
|
headerName: "Consumer",
|
|
2764
|
-
|
|
2775
|
+
maxWidth: 260,
|
|
2765
2776
|
renderCell: (parameters) => {
|
|
2766
2777
|
return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ServiceCell, { resource: parameters.row.resource_name, service: parameters.row.service_name });
|
|
2767
2778
|
},
|