@lssm-tech/lib.ui-kit-web 3.13.4 → 9.0.2

package/dist/ui/usecases/index.d.ts

@@ -1,2 +0,0 @@
-export { UseCaseCard } from './UseCaseCard';
-export { UserStoryCard } from './UserStoryCard';

package/dist/ui/usecases/index.js

@@ -1,2 +0,0 @@
-// @bun
-var r=import.meta.require;export{C as UserStoryCard,s as UseCaseCard};

package/dist/ui/utils.d.ts

@@ -1,2 +0,0 @@
-import { type ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;

package/dist/ui/utils.js

@@ -1,2 +0,0 @@
-// @bun
-var o=import.meta.require;import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function m(...r){return t(e(r))}export{m as cn};

package/dist/ui/visualization/Visualization.d.ts

@@ -1,7 +0,0 @@
-import { type ContractVisualizationRenderModel } from '@contractspec/lib.presentation-runtime-core';
-import type { SharedVisualizationInteractionHandler, SharedVisualizationProps } from '@contractspec/lib.ui-kit-core/interfaces';
-export type VisualizationInteractionHandler = SharedVisualizationInteractionHandler;
-export interface VisualizationProps extends Omit<SharedVisualizationProps, 'model'> {
-    model: ContractVisualizationRenderModel;
-}
-export declare function Visualization({ model, className, height, onDataPointPress, }: VisualizationProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/visualization/Visualization.js

@@ -1,2 +0,0 @@
-// @bun
-var F=import.meta.require;import*as M from"react";import J,{NavigationControl as O,ScaleControl as G}from"react-map-gl/maplibre";import{jsx as H,jsxs as U,Fragment as D}from"react/jsx-runtime";var V="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";function X(f){let{initialViewState:b={longitude:2.3522,latitude:48.8566,zoom:5},styleUrl:t=V,style:y,showControls:k=!0,showCssLink:w=!0,onMapRef:R,children:g}=f,p=M.useRef(null);return M.useEffect(()=>{R?.(p.current)},[p.current]),U("div",{style:{position:"relative",width:"100%",height:"100%",...y||{}},children:[w&&H("link",{href:"https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css",rel:"stylesheet"}),U(J,{ref:p,mapLib:import("maplibre-gl"),initialViewState:b,style:{width:"100%",height:"100%"},mapStyle:t,maplibreLogo:!1,children:[k&&U(D,{children:[H(G,{position:"bottom-left"}),H(O,{position:"bottom-left"})]}),g]})]})}import{Layer as I,Source as N}from"react-map-gl/maplibre";import{jsx as K,jsxs as h}from"react/jsx-runtime";function Y(f){let{id:b="geojson-overlay",data:t,fillColor:y="#2563eb",fillOpacity:k=0.25,lineColor:w="#1e40af",lineWidth:R=1.5,lineOpacity:g=0.8}=f,p={id:`${b}-fill`,type:"fill",paint:{"fill-color":y,"fill-opacity":k}},A={id:`${b}-outline`,type:"line",paint:{"line-color":w,"line-width":R,"line-opacity":g}};return h(N,{id:b,type:"geojson",data:t,children:[K(I,{...p}),K(I,{...A})]})}import{Marker as P}from"react-map-gl/maplibre";import{jsx as n,Fragment as c}from"react/jsx-runtime";function _({points:f}){return n(c,{children:f.map((b)=>n(P,{longitude:b.lng,latitude:b.lat,anchor:"bottom",children:n("button",{role:b.onClick?"button":void 0,tabIndex:b.onClick?0:-1,"aria-label":b.ariaLabel||"marker",onClick:b.onClick,onKeyDown:(t)=>{if(t.key==="Enter"||t.key===" ")t.preventDefault(),b.onClick?.()},style:{width:b.size??14,height:b.size??14,background:b.color??"#2563eb",border:"2px solid white",borderRadius:9999,boxShadow:"0 1px 3px rgba(0,0,0,0.35)",cursor:b.onClick?"pointer":"default"}})},b.id))})}import{formatVisualizationValue as q}from"@contractspec/lib.presentation-runtime-core";import{cn as Q}from"@contractspec/lib.ui-kit-core/utils";import*as T from"echarts/core";import{jsx as S,jsxs as L}from"react/jsx-runtime";function Z({className:f,model:b}){return L("div",{className:Q("space-y-2",f),children:[S("div",{className:"text-muted-foreground text-sm",children:b.metric?.label??b.title}),S("div",{className:"font-semibold text-3xl",children:q(b.metric?.value,b.metric?.format)}),b.metric?.comparisonValue!=null?L("div",{className:"text-muted-foreground text-sm",children:["Comparison:"," ",q(b.metric.comparisonValue,b.metric.format)]}):null,S(E,{model:b})]})}function E({model:f}){if(!f.table.columns.length||!f.table.rows.length)return null;return L("details",{className:"rounded-md border p-3 text-sm",children:[S("summary",{className:"cursor-pointer font-medium",children:"Data summary"}),S("div",{className:"mt-3 overflow-x-auto",children:L("table",{className:"w-full text-left",children:[S("thead",{children:S("tr",{children:f.table.columns.map((b)=>S("th",{className:"px-2 py-1 font-medium",children:b.label},b.key))})}),S("tbody",{children:f.table.rows.slice(0,8).map((b,t)=>S("tr",{children:f.table.columns.map((y)=>S("td",{className:"px-2 py-1",children:String(b[y.key]??"\u2014")},y.key))},`summary-row-${t}`))})]})})]})}function $({className:f,model:b,reason:t}){return L("div",{className:Q("space-y-3",f),children:[S("p",{className:"text-muted-foreground text-sm",children:t}),S(E,{model:b})]})}function W(f){if(f.kind==="metric")return!1;if(f.kind==="geo"&&f.geo?.mode==="slippy-map")return!1;if(f.kind==="geo"&&f.geo?.geoJson?.type==="url")return!1;return!0}function z(f){if(f.kind!=="geo"||f.geo?.geoJson?.type!=="inline")return;x(f.geo.geoJson)}function x(f){if(f.type!=="inline")return;T.registerMap("contractspec-visualization-geo",f.data)}import{jsx as d}from"react/jsx-runtime";var j={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function C({as:f="span",style:b,children:t,ref:y,...k}){return d(f,{ref:y,style:{...j,...b},...k,children:t})}import{buildVisualizationEChartsOption as e}from"@contractspec/lib.presentation-runtime-core";import{cn as v}from"@contractspec/lib.ui-kit-core/utils";import{BarChart as a,FunnelChart as o,HeatmapChart as l,LineChart as m,MapChart as s,PieChart as ff,ScatterChart as bf}from"echarts/charts";import{AriaComponent as tf,GeoComponent as yf,GridComponent as wf,LegendComponent as Sf,TitleComponent as kf,TooltipComponent as uf,VisualMapComponent as Rf}from"echarts/components";import*as r from"echarts/core";import{CanvasRenderer as gf}from"echarts/renderers";import*as i from"react";import{jsx as u,jsxs as B}from"react/jsx-runtime";r.use([tf,kf,uf,wf,Sf,Rf,yf,gf,m,a,ff,bf,l,o,s]);function pf(){if(typeof document>"u")return!1;let f=document.createElement("canvas");return typeof f.getContext==="function"&&f.getContext("2d")!==null}function Vf({model:f,className:b,height:t=280,onDataPointPress:y}){let k=i.useRef(null),w=i.useMemo(()=>e(f),[f]);if(i.useEffect(()=>{if(!W(f)||!k.current||!pf())return;z(f);let R=r.init(k.current,void 0,{renderer:"canvas"});if(R.setOption(w),y)R.on("click",y);let g=new ResizeObserver(()=>R.resize());return g.observe(k.current),()=>{if(g.disconnect(),y)R.off("click",y);R.dispose()}},[f,y,w]),f.kind==="metric")return u(Z,{className:b,model:f});if(f.kind==="geo"&&f.geo?.mode==="slippy-map")return u(Lf,{className:b,height:t,model:f});if(f.kind==="geo"&&f.geo?.geoJson?.type==="url")return u($,{className:b,model:f,reason:"Geo URL sources currently fall back to the summary table."});return B("div",{className:v("space-y-3",b),children:[u(C,{children:f.summary}),u("div",{ref:k,"aria-label":f.summary,className:"w-full rounded-md",style:{height:t}}),u(E,{model:f})]})}function Lf({className:f,height:b,model:t}){let y=t.series.flatMap((k)=>k.points.filter((w)=>w.latitude!=null&&w.longitude!=null).map((w)=>({id:w.id,lat:w.latitude,lng:w.longitude,ariaLabel:w.name})));return B("div",{className:v("space-y-3",f),children:[u("div",{style:{height:b},children:B(X,{children:[y.length>0?u(_,{points:y}):null,t.geo?.geoJson?.type==="inline"?u(Y,{data:t.geo.geoJson.data}):null]})}),u(E,{model:t})]})}export{Vf as Visualization};

package/dist/ui/visualization/Visualization.support.d.ts

@@ -1,15 +0,0 @@
-import { type ContractVisualizationRenderModel } from '@contractspec/lib.presentation-runtime-core';
-export declare function MetricVisualization({ className, model, }: {
-    className?: string;
-    model: ContractVisualizationRenderModel;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TableAlternative({ model, }: {
-    model: ContractVisualizationRenderModel;
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare function FallbackVisualization({ className, model, reason, }: {
-    className?: string;
-    model: ContractVisualizationRenderModel;
-    reason: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function shouldRenderEChart(model: ContractVisualizationRenderModel): boolean;
-export declare function registerGeoMap(model: ContractVisualizationRenderModel): void;

package/dist/ui/visualization/Visualization.support.js

@@ -1,2 +0,0 @@
-// @bun
-var O=import.meta.require;import{formatVisualizationValue as F}from"@contractspec/lib.presentation-runtime-core";import{cn as G}from"@contractspec/lib.ui-kit-core/utils";import*as H from"echarts/core";import{jsx as B,jsxs as C}from"react/jsx-runtime";function S({className:q,model:y}){return C("div",{className:G("space-y-2",q),children:[B("div",{className:"text-muted-foreground text-sm",children:y.metric?.label??y.title}),B("div",{className:"font-semibold text-3xl",children:F(y.metric?.value,y.metric?.format)}),y.metric?.comparisonValue!=null?C("div",{className:"text-muted-foreground text-sm",children:["Comparison:"," ",F(y.metric.comparisonValue,y.metric.format)]}):null,B(K,{model:y})]})}function K({model:q}){if(!q.table.columns.length||!q.table.rows.length)return null;return C("details",{className:"rounded-md border p-3 text-sm",children:[B("summary",{className:"cursor-pointer font-medium",children:"Data summary"}),B("div",{className:"mt-3 overflow-x-auto",children:C("table",{className:"w-full text-left",children:[B("thead",{children:B("tr",{children:q.table.columns.map((y)=>B("th",{className:"px-2 py-1 font-medium",children:y.label},y.key))})}),B("tbody",{children:q.table.rows.slice(0,8).map((y,D)=>B("tr",{children:q.table.columns.map((E)=>B("td",{className:"px-2 py-1",children:String(y[E.key]??"\u2014")},E.key))},`summary-row-${D}`))})]})})]})}function U({className:q,model:y,reason:D}){return C("div",{className:G("space-y-3",q),children:[B("p",{className:"text-muted-foreground text-sm",children:D}),B(K,{model:y})]})}function W(q){if(q.kind==="metric")return!1;if(q.kind==="geo"&&q.geo?.mode==="slippy-map")return!1;if(q.kind==="geo"&&q.geo?.geoJson?.type==="url")return!1;return!0}function X(q){if(q.kind!=="geo"||q.geo?.geoJson?.type!=="inline")return;L(q.geo.geoJson)}function L(q){if(q.type!=="inline")return;H.registerMap("contractspec-visualization-geo",q.data)}export{W as shouldRenderEChart,X as registerGeoMap,K as TableAlternative,S as MetricVisualization,U as FallbackVisualization};

package/dist/ui/visualization/index.d.ts

@@ -1 +0,0 @@
-export { Visualization, type VisualizationInteractionHandler, type VisualizationProps, } from './Visualization';

package/dist/ui/visualization/index.js

@@ -1,2 +0,0 @@
-// @bun
-var i=import.meta.require;export{n as Visualization};

package/dist/ui/visually-hidden.d.ts

@@ -1,8 +0,0 @@
-import type { JSX } from 'react';
-import * as React from 'react';
-type VisuallyHiddenProps = React.HTMLAttributes<HTMLElement> & {
-    as?: keyof JSX.IntrinsicElements;
-    ref?: React.Ref<HTMLElement>;
-};
-declare function VisuallyHidden({ as, style, children, ref, ...props }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
-export { VisuallyHidden };

package/dist/ui/visually-hidden.js

@@ -1,2 +0,0 @@
-// @bun
-var s=import.meta.require;import{jsx as n}from"react/jsx-runtime";var r={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function c({as:e="span",style:t,children:o,ref:i,...p}){return n(e,{ref:i,style:{...r,...t},...p,children:o})}export{c as VisuallyHidden};