@contractspec/example.analytics-dashboard 3.9.9 → 3.9.10

package/dist/browser/ui/AnalyticsDashboard.widgets.js

@@ -1,94 +1 @@
-// src/ui/AnalyticsDashboard.widgets.tsx
-import {
-  ComparisonView,
-  TimelineView,
-  VisualizationCard,
-  VisualizationGrid
-} from "@contractspec/lib.design-system";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function AnalyticsWidgetBoard({
-  dashboardName,
-  widgets
-}) {
-  if (!widgets.length) {
-    return /* @__PURE__ */ jsxDEV("div", {
-      className: "rounded-lg border border-dashed p-10 text-center text-muted-foreground",
-      children: [
-        'No visualization widgets configured for "',
-        dashboardName,
-        '".'
-      ]
-    }, undefined, true, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    children: [
-      /* @__PURE__ */ jsxDEV("h3", {
-        className: "mb-4 font-semibold text-lg",
-        children: [
-          'Widgets in "',
-          dashboardName,
-          '"'
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(VisualizationGrid, {
-        children: widgets.map((widget) => /* @__PURE__ */ jsxDEV("div", {
-          className: gridSpanClass(widget.gridWidth),
-          children: renderVisualizationWidget(widget)
-        }, widget.id, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function renderVisualizationWidget(widget) {
-  const footer = /* @__PURE__ */ jsxDEV("span", {
-    className: "text-muted-foreground text-xs",
-    children: [
-      "Position: (",
-      widget.gridX,
-      ", ",
-      widget.gridY,
-      ") • ",
-      widget.gridWidth,
-      "x",
-      widget.gridHeight
-    ]
-  }, undefined, true, undefined, this);
-  if (widget.layout === "comparison") {
-    return /* @__PURE__ */ jsxDEV(ComparisonView, {
-      description: widget.description,
-      items: widget.bindings.map((binding2) => ({ ...binding2, footer })),
-      title: widget.name
-    }, undefined, false, undefined, this);
-  }
-  if (widget.layout === "timeline") {
-    return /* @__PURE__ */ jsxDEV(TimelineView, {
-      description: widget.description,
-      items: widget.bindings.map((binding2) => ({ ...binding2, footer })),
-      title: widget.name
-    }, undefined, false, undefined, this);
-  }
-  const binding = widget.bindings[0];
-  if (!binding)
-    return null;
-  return /* @__PURE__ */ jsxDEV(VisualizationCard, {
-    data: binding.data,
-    description: widget.description ?? binding.description,
-    footer,
-    height: binding.height,
-    spec: binding.spec,
-    title: widget.name
-  }, undefined, false, undefined, this);
-}
-function gridSpanClass(gridWidth) {
-  if (gridWidth >= 12)
-    return "md:col-span-2 xl:col-span-3";
-  if (gridWidth >= 8)
-    return "xl:col-span-2";
-  if (gridWidth >= 6)
-    return "md:col-span-2";
-  return "";
-}
-export {
-  AnalyticsWidgetBoard
-};
+import{ComparisonView as a,TimelineView as s,VisualizationCard as l,VisualizationGrid as d}from"@contractspec/lib.design-system";import{jsx as t,jsxs as r}from"react/jsx-runtime";function p({dashboardName:i,widgets:e}){if(!e.length)return r("div",{className:"rounded-lg border border-dashed p-10 text-center text-muted-foreground",children:['No visualization widgets configured for "',i,'".']});return r("div",{children:[r("h3",{className:"mb-4 font-semibold text-lg",children:['Widgets in "',i,'"']}),t(d,{children:e.map((n)=>t("div",{className:u(n.gridWidth),children:c(n)},n.id))})]})}function c(i){let e=r("span",{className:"text-muted-foreground text-xs",children:["Position: (",i.gridX,", ",i.gridY,") • ",i.gridWidth,"x",i.gridHeight]});if(i.layout==="comparison")return t(a,{description:i.description,items:i.bindings.map((o)=>({...o,footer:e})),title:i.name});if(i.layout==="timeline")return t(s,{description:i.description,items:i.bindings.map((o)=>({...o,footer:e})),title:i.name});let n=i.bindings[0];if(!n)return null;return t(l,{data:n.data,description:i.description??n.description,footer:e,height:n.height,spec:n.spec,title:i.name})}function u(i){if(i>=12)return"md:col-span-2 xl:col-span-3";if(i>=8)return"xl:col-span-2";if(i>=6)return"md:col-span-2";return""}export{p as AnalyticsWidgetBoard};

package/dist/browser/ui/AnalyticsQueriesTable.js

@@ -1,188 +1 @@
-// src/ui/AnalyticsQueriesTable.tsx
-import { DataTable } from "@contractspec/lib.design-system";
-import { useContractTable } from "@contractspec/lib.presentation-runtime-react";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Text } from "@contractspec/lib.ui-kit-web/ui/text";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var QUERY_TYPE_COLORS = {
-  SQL: "default",
-  METRIC: "secondary",
-  AGGREGATION: "secondary",
-  CUSTOM: "outline"
-};
-function formatJson(value) {
-  return JSON.stringify(value, null, 2);
-}
-function AnalyticsQueriesTable({ queries }) {
-  const controller = useContractTable({
-    data: queries,
-    columns: [
-      {
-        id: "query",
-        header: "Query",
-        label: "Query",
-        accessor: (query) => query.name,
-        cell: ({ item }) => /* @__PURE__ */ jsxDEV(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "font-medium text-sm",
-              children: item.name
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "text-muted-foreground text-xs",
-              children: [
-                "Updated ",
-                item.updatedAt.toLocaleDateString()
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        size: 240,
-        minSize: 180,
-        canSort: true,
-        canPin: true,
-        canResize: true
-      },
-      {
-        id: "description",
-        header: "Description",
-        label: "Description",
-        accessor: (query) => query.description ?? "",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV(Text, {
-          className: "line-clamp-2 text-muted-foreground text-sm",
-          children: String(value || "No description")
-        }, undefined, false, undefined, this),
-        size: 300,
-        minSize: 220,
-        canSort: false,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "type",
-        header: "Type",
-        label: "Type",
-        accessorKey: "type",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV(Badge, {
-          variant: QUERY_TYPE_COLORS[String(value)],
-          children: String(value)
-        }, undefined, false, undefined, this),
-        size: 150,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      },
-      {
-        id: "cacheTtlSeconds",
-        header: "Cache TTL",
-        label: "Cache TTL",
-        accessorKey: "cacheTtlSeconds",
-        cell: ({ value }) => `${String(value)}s`,
-        align: "right",
-        size: 140,
-        canSort: true,
-        canResize: true
-      },
-      {
-        id: "isShared",
-        header: "Shared",
-        label: "Shared",
-        accessorKey: "isShared",
-        cell: ({ value }) => /* @__PURE__ */ jsxDEV(Badge, {
-          variant: value ? "default" : "outline",
-          children: value ? "Shared" : "Private"
-        }, undefined, false, undefined, this),
-        size: 140,
-        canSort: true,
-        canHide: true,
-        canResize: true
-      }
-    ],
-    initialState: {
-      pagination: { pageIndex: 0, pageSize: 3 },
-      columnVisibility: { description: false },
-      columnPinning: { left: ["query"], right: [] }
-    },
-    renderExpandedContent: (query) => /* @__PURE__ */ jsxDEV(VStack, {
-      gap: "sm",
-      className: "py-2",
-      children: [
-        /* @__PURE__ */ jsxDEV(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "font-medium text-sm",
-              children: "Description"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "text-muted-foreground text-sm",
-              children: query.description ?? "No description"
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        query.sql ? /* @__PURE__ */ jsxDEV(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "font-medium text-sm",
-              children: "SQL"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV("pre", {
-              className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-              children: query.sql
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this) : null,
-        /* @__PURE__ */ jsxDEV(VStack, {
-          gap: "xs",
-          children: [
-            /* @__PURE__ */ jsxDEV(Text, {
-              className: "font-medium text-sm",
-              children: "Definition"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV("pre", {
-              className: "overflow-auto rounded-md bg-muted/40 p-3 text-xs",
-              children: formatJson(query.definition)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    getCanExpand: () => true
-  });
-  return /* @__PURE__ */ jsxDEV(DataTable, {
-    controller,
-    title: "Saved Queries",
-    description: "Client-mode table using the shared ContractSpec controller and renderer.",
-    toolbar: /* @__PURE__ */ jsxDEV(HStack, {
-      gap: "sm",
-      className: "flex-wrap",
-      children: [
-        /* @__PURE__ */ jsxDEV(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            queries.length,
-            " queries"
-          ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV(Text, {
-          className: "text-muted-foreground text-sm",
-          children: [
-            queries.filter((query) => query.isShared).length,
-            " shared"
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    emptyState: /* @__PURE__ */ jsxDEV("div", {
-      className: "rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",
-      children: "No queries saved"
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  AnalyticsQueriesTable
-};
+import{DataTable as N}from"@contractspec/lib.design-system";import{useContractTable as W}from"@contractspec/lib.presentation-runtime-react";import{Badge as K}from"@contractspec/lib.ui-kit-web/ui/badge";import{HStack as X,VStack as I}from"@contractspec/lib.ui-kit-web/ui/stack";import{Text as A}from"@contractspec/lib.ui-kit-web/ui/text";import{jsx as z,jsxs as F}from"react/jsx-runtime";var Z={SQL:"default",METRIC:"secondary",AGGREGATION:"secondary",CUSTOM:"outline"};function $(G){return JSON.stringify(G,null,2)}function J({queries:G}){let M=W({data:G,columns:[{id:"query",header:"Query",label:"Query",accessor:(h)=>h.name,cell:({item:h})=>F(I,{gap:"xs",children:[z(A,{className:"font-medium text-sm",children:h.name}),F(A,{className:"text-muted-foreground text-xs",children:["Updated ",h.updatedAt.toLocaleDateString()]})]}),size:240,minSize:180,canSort:!0,canPin:!0,canResize:!0},{id:"description",header:"Description",label:"Description",accessor:(h)=>h.description??"",cell:({value:h})=>z(A,{className:"line-clamp-2 text-muted-foreground text-sm",children:String(h||"No description")}),size:300,minSize:220,canSort:!1,canHide:!0,canResize:!0},{id:"type",header:"Type",label:"Type",accessorKey:"type",cell:({value:h})=>z(K,{variant:Z[String(h)],children:String(h)}),size:150,canSort:!0,canHide:!0,canResize:!0},{id:"cacheTtlSeconds",header:"Cache TTL",label:"Cache TTL",accessorKey:"cacheTtlSeconds",cell:({value:h})=>`${String(h)}s`,align:"right",size:140,canSort:!0,canResize:!0},{id:"isShared",header:"Shared",label:"Shared",accessorKey:"isShared",cell:({value:h})=>z(K,{variant:h?"default":"outline",children:h?"Shared":"Private"}),size:140,canSort:!0,canHide:!0,canResize:!0}],initialState:{pagination:{pageIndex:0,pageSize:3},columnVisibility:{description:!1},columnPinning:{left:["query"],right:[]}},renderExpandedContent:(h)=>F(I,{gap:"sm",className:"py-2",children:[F(I,{gap:"xs",children:[z(A,{className:"font-medium text-sm",children:"Description"}),z(A,{className:"text-muted-foreground text-sm",children:h.description??"No description"})]}),h.sql?F(I,{gap:"xs",children:[z(A,{className:"font-medium text-sm",children:"SQL"}),z("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:h.sql})]}):null,F(I,{gap:"xs",children:[z(A,{className:"font-medium text-sm",children:"Definition"}),z("pre",{className:"overflow-auto rounded-md bg-muted/40 p-3 text-xs",children:$(h.definition)})]})]}),getCanExpand:()=>!0});return z(N,{controller:M,title:"Saved Queries",description:"Client-mode table using the shared ContractSpec controller and renderer.",toolbar:F(X,{gap:"sm",className:"flex-wrap",children:[F(A,{className:"text-muted-foreground text-sm",children:[G.length," queries"]}),F(A,{className:"text-muted-foreground text-sm",children:[G.filter((h)=>h.isShared).length," shared"]})]}),emptyState:z("div",{className:"rounded-md border border-dashed p-8 text-center text-muted-foreground text-sm",children:"No queries saved"})})}export{J as AnalyticsQueriesTable};