@replicated/portal-components 0.0.11 → 0.0.12

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.
Files changed (51) hide show
  1. package/components/metadata/registry.json +2 -2
  2. package/components/metadata/registry.md +2 -2
  3. package/datadog/tracer.d.ts +3 -0
  4. package/datadog/tracer.js +82 -0
  5. package/datadog/tracer.ts +101 -0
  6. package/dist/esm/index.js +91 -64
  7. package/dist/esm/index.js.map +1 -1
  8. package/dist/esm/install-card.js +8 -21
  9. package/dist/esm/install-card.js.map +1 -1
  10. package/dist/esm/license-card.js +8 -12
  11. package/dist/esm/license-card.js.map +1 -1
  12. package/dist/esm/license-details.js +1 -1
  13. package/dist/esm/license-details.js.map +1 -1
  14. package/dist/esm/support-card.js +4 -6
  15. package/dist/esm/support-card.js.map +1 -1
  16. package/dist/esm/team-settings-card.js +8 -13
  17. package/dist/esm/team-settings-card.js.map +1 -1
  18. package/dist/esm/top-nav.js +69 -29
  19. package/dist/esm/top-nav.js.map +1 -1
  20. package/dist/esm/update-layout.js +69 -29
  21. package/dist/esm/update-layout.js.map +1 -1
  22. package/dist/esm/updates-card.js +8 -14
  23. package/dist/esm/updates-card.js.map +1 -1
  24. package/dist/esm/utils/observability/index.js +193 -0
  25. package/dist/esm/utils/observability/index.js.map +1 -0
  26. package/dist/index.js +91 -64
  27. package/dist/index.js.map +1 -1
  28. package/dist/install-card.js +8 -21
  29. package/dist/install-card.js.map +1 -1
  30. package/dist/license-card.js +8 -12
  31. package/dist/license-card.js.map +1 -1
  32. package/dist/license-details.js +1 -1
  33. package/dist/license-details.js.map +1 -1
  34. package/dist/styles.css +2 -2
  35. package/dist/support-card.js +4 -6
  36. package/dist/support-card.js.map +1 -1
  37. package/dist/team-settings-card.js +8 -13
  38. package/dist/team-settings-card.js.map +1 -1
  39. package/dist/top-nav.js +69 -29
  40. package/dist/top-nav.js.map +1 -1
  41. package/dist/update-layout.js +69 -29
  42. package/dist/update-layout.js.map +1 -1
  43. package/dist/updates-card.js +8 -14
  44. package/dist/updates-card.js.map +1 -1
  45. package/dist/utils/observability/index.d.mts +13 -0
  46. package/dist/utils/observability/index.d.ts +13 -0
  47. package/dist/utils/observability/index.js +198 -0
  48. package/dist/utils/observability/index.js.map +1 -0
  49. package/instrumentation.d.ts +8 -0
  50. package/instrumentation.js +22 -0
  51. package/package.json +16 -3
package/dist/update-layout.js CHANGED
@@ -67,10 +67,14 @@ var defaultTopNavLinks = [
67
67
  className: "h-4 w-4",
68
68
  fill: "none",
69
69
  stroke: "currentColor",
70
- strokeWidth: "1.5",
70
+ strokeWidth: "2",
71
+ strokeLinecap: "round",
72
+ strokeLinejoin: "round",
71
73
  children: [
72
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 13h6V3H4z" }),
73
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 21h6V3h-6z" })
74
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
75
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
76
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
77
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
74
78
  ]
75
79
  }
76
80
  )
@@ -85,11 +89,13 @@ var defaultTopNavLinks = [
85
89
  className: "h-4 w-4",
86
90
  fill: "none",
87
91
  stroke: "currentColor",
88
- strokeWidth: "1.5",
92
+ strokeWidth: "2",
93
+ strokeLinecap: "round",
94
+ strokeLinejoin: "round",
89
95
  children: [
90
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v12" }),
91
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7 11 5 5 5-5" }),
92
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21h14" })
96
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
97
+ /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
98
+ /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
93
99
  ]
94
100
  }
95
101
  )
@@ -105,10 +111,13 @@ var defaultTopNavLinks = [
105
111
  className: "h-4 w-4",
106
112
  fill: "none",
107
113
  stroke: "currentColor",
108
- strokeWidth: "1.5",
114
+ strokeWidth: "2",
115
+ strokeLinecap: "round",
116
+ strokeLinejoin: "round",
109
117
  children: [
110
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14" }),
111
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" })
118
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
119
+ /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
120
+ /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
112
121
  ]
113
122
  }
114
123
  )
@@ -124,15 +133,34 @@ var defaultTopNavLinks = [
124
133
  className: "h-4 w-4",
125
134
  fill: "none",
126
135
  stroke: "currentColor",
127
- strokeWidth: "1.5",
136
+ strokeWidth: "2",
137
+ strokeLinecap: "round",
138
+ strokeLinejoin: "round",
128
139
  children: [
129
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4v6h6" }),
130
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 20v-6h-6" }),
131
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 10c1.5-4 6-6 10-4m6 4c-1.5 4-6 6-10 4" })
140
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
141
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v5h-5" })
132
142
  ]
133
143
  }
134
144
  )
135
145
  },
146
+ {
147
+ label: "Security",
148
+ href: "/security",
149
+ icon: /* @__PURE__ */ jsxRuntime.jsx(
150
+ "svg",
151
+ {
152
+ xmlns: "http://www.w3.org/2000/svg",
153
+ viewBox: "0 0 24 24",
154
+ className: "h-4 w-4",
155
+ fill: "none",
156
+ stroke: "currentColor",
157
+ strokeWidth: "2",
158
+ strokeLinecap: "round",
159
+ strokeLinejoin: "round",
160
+ children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
161
+ }
162
+ )
163
+ },
136
164
  {
137
165
  label: "Release History",
138
166
  href: "/release-history",
@@ -144,10 +172,15 @@ var defaultTopNavLinks = [
144
172
  className: "h-4 w-4",
145
173
  fill: "none",
146
174
  stroke: "currentColor",
147
- strokeWidth: "1.5",
175
+ strokeWidth: "2",
176
+ strokeLinecap: "round",
177
+ strokeLinejoin: "round",
148
178
  children: [
149
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v4l3 2" }),
150
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" })
179
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
180
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
181
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 9H8" }),
182
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 13H8" }),
183
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 17H8" })
151
184
  ]
152
185
  }
153
186
  )
@@ -163,12 +196,13 @@ var defaultTopNavLinks = [
163
196
  className: "h-4 w-4",
164
197
  fill: "none",
165
198
  stroke: "currentColor",
166
- strokeWidth: "1.5",
199
+ strokeWidth: "2",
200
+ strokeLinecap: "round",
201
+ strokeLinejoin: "round",
167
202
  children: [
168
- /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "14", height: "18", x: "5", y: "3", rx: "2" }),
169
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 7h6" }),
170
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 11h6" }),
171
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 15h6" })
203
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
204
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 2-9.6 9.6" }),
205
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
172
206
  ]
173
207
  }
174
208
  )
@@ -184,10 +218,16 @@ var defaultTopNavLinks = [
184
218
  className: "h-4 w-4",
185
219
  fill: "none",
186
220
  stroke: "currentColor",
187
- strokeWidth: "1.5",
221
+ strokeWidth: "2",
222
+ strokeLinecap: "round",
223
+ strokeLinejoin: "round",
188
224
  children: [
189
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 16a6 6 0 1 0-12 0v2h12Z" }),
190
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
225
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
226
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.93 4.93 4.24 4.24" }),
227
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14.83 9.17 4.24-4.24" }),
228
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14.83 14.83 4.24 4.24" }),
229
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9.17 14.83-4.24 4.24" }),
230
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" })
191
231
  ]
192
232
  }
193
233
  )
@@ -287,7 +327,7 @@ var TopNav = async ({
287
327
  return /* @__PURE__ */ jsxRuntime.jsx(
288
328
  "div",
289
329
  {
290
- className: "relative flex h-[165px] w-full items-start justify-center",
330
+ className: "relative flex h-[280px] w-full items-start justify-center",
291
331
  style: {
292
332
  backgroundImage: `linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 33%), linear-gradient(${gradientStart}, ${gradientEnd})`,
293
333
  backgroundRepeat: "no-repeat",
@@ -314,7 +354,7 @@ var TopNav = async ({
314
354
  brandTitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-gray-900", children: brandTitle }) : null
315
355
  ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
316
356
  /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group relative", children: [
317
- /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 list-none", children: [
357
+ /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-600 hover:text-gray-900 list-none", children: [
318
358
  /* @__PURE__ */ jsxRuntime.jsxs(
319
359
  "svg",
320
360
  {
@@ -386,12 +426,12 @@ var TopNav = async ({
386
426
  const className = `flex items-center gap-2 px-4 py-1 transition text-gray-500 ${isActive ? "underline underline-offset-8 decoration-2" : ""}`;
387
427
  if (href) {
388
428
  return /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href, className, children: [
389
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
429
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
390
430
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
391
431
  ] }, label);
392
432
  }
393
433
  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className, type: "button", children: [
394
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-rose-600" : "text-gray-500", children: icon }),
434
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: isActive ? "text-gray-900" : "text-gray-500", children: icon }),
395
435
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
396
436
  ] }, label);
397
437
  }) })