@vertebr/react 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,6 +1,7 @@
 export { VertebrAdmin } from "./components/admin/VertebrAdmin";
 export { MetricsBoard } from "./components/metrics/MetricsBoard";
 export { GalleryBoard } from "./components/gallery/GalleryBoard";
+export { EmailsBoard } from "./components/emails/EmailsBoard";
 export { ResourcePanel, ResourceTable } from "./components/resources/ResourceTable";
 export { ThemeToggle } from "./components/theme/ThemeToggle";
 export { ConfigForm } from "./components/config/ConfigForm";

package/dist/lib/metricsRanges.d.ts

@@ -0,0 +1,20 @@
+export declare const METRICS_RANGES: readonly [{
+    readonly id: "7d";
+    readonly label: "Last 7 days";
+}, {
+    readonly id: "14d";
+    readonly label: "Last 14 days";
+}, {
+    readonly id: "30d";
+    readonly label: "Last 30 days";
+}, {
+    readonly id: "this_month";
+    readonly label: "This month";
+}, {
+    readonly id: "last_month";
+    readonly label: "Last month";
+}];
+export type MetricsRangeId = (typeof METRICS_RANGES)[number]["id"];
+export declare const DEFAULT_METRICS_RANGE: MetricsRangeId;
+export declare function parseMetricsRangeId(raw: string | null | undefined): MetricsRangeId;
+//# sourceMappingURL=metricsRanges.d.ts.map

package/dist/lib/metricsRanges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricsRanges.d.ts","sourceRoot":"","sources":["../../src/lib/metricsRanges.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;EAMjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAEnE,eAAO,MAAM,qBAAqB,EAAE,cAAsB,CAAC;AAI3D,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC7B,cAAc,CAGhB"}

package/dist/lib/metricsRanges.js

@@ -0,0 +1,14 @@
+export const METRICS_RANGES = [
+    { id: "7d", label: "Last 7 days" },
+    { id: "14d", label: "Last 14 days" },
+    { id: "30d", label: "Last 30 days" },
+    { id: "this_month", label: "This month" },
+    { id: "last_month", label: "Last month" },
+];
+export const DEFAULT_METRICS_RANGE = "14d";
+const RANGE_IDS = new Set(METRICS_RANGES.map((item) => item.id));
+export function parseMetricsRangeId(raw) {
+    if (raw && RANGE_IDS.has(raw))
+        return raw;
+    return DEFAULT_METRICS_RANGE;
+}

package/dist/styles/cells.css

@@ -137,6 +137,11 @@
 }
 
 .vertebr-chip {
+  display: inline-block;
+  max-width: 12rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   border: 1px solid var(--vb-border);
   border-radius: 999px;
   padding: 0.1rem 0.45rem;
@@ -145,6 +150,43 @@
   background: var(--vb-surface-tint);
 }
 
+.vertebr-cell-thumbs {
+  display: flex;
+  align-items: center;
+}
+
+.vertebr-cell-thumbs img {
+  width: 36px;
+  height: 36px;
+  object-fit: cover;
+  border-radius: var(--vb-radius-sm);
+  border: 1px solid var(--vb-border);
+  background: var(--vb-bg-muted);
+  flex: none;
+}
+
+.vertebr-cell-thumbs img + img {
+  margin-left: -0.55rem;
+  box-shadow: -2px 0 0 var(--vb-bg-elevated);
+}
+
+.vertebr-cell-thumbs-more {
+  margin-left: 0.4rem;
+  font-size: 0.72rem;
+  font-weight: 600;
+  color: var(--vb-text-muted);
+}
+
+.vertebr-cell-thumbs-detail {
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}
+
+.vertebr-cell-thumbs-detail img + img {
+  margin-left: 0;
+  box-shadow: none;
+}
+
 .vertebr-empty {
   flex: 1 1 auto;
   display: grid;