@nesso-how/graph 0.1.0-alpha.31 → 0.1.0-alpha.33

package/dist/ConceptNode.js

@@ -14,6 +14,6 @@ const HIDDEN_HANDLE = {
     pointerEvents: 'none',
 };
 export function ConceptNode({ data, selected }) {
-    const { showHeatmap, showConfidence } = useGraphDisplay();
-    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(ConceptNodeBody, { text: data.text, selected: selected, showHeatmap: showHeatmap, showConfidence: showConfidence, lastRating: data.lastRating ?? 0, reps: data.reps, due: data.due }), _jsx(Handle, { id: "out", type: "source", position: Position.Right, style: HIDDEN_HANDLE }), _jsx(Handle, { id: "in", type: "target", position: Position.Left, style: HIDDEN_HANDLE })] }));
+    const { showHeatmap } = useGraphDisplay();
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(ConceptNodeBody, { text: data.text, selected: selected, showHeatmap: showHeatmap, lastRating: data.lastRating ?? 0 }), _jsx(Handle, { id: "out", type: "source", position: Position.Right, style: HIDDEN_HANDLE }), _jsx(Handle, { id: "in", type: "target", position: Position.Left, style: HIDDEN_HANDLE })] }));
 }

package/dist/ConceptNodeBody.d.ts

@@ -3,18 +3,14 @@ export interface ConceptNodeBodyProps {
     text: string;
     selected: boolean;
     showHeatmap: boolean;
-    showConfidence: boolean;
     lastRating: number;
-    reps: number;
-    due: number;
     cursor?: CSSProperties['cursor'];
     userSelect?: CSSProperties['userSelect'];
     className?: string;
     connectionTarget?: boolean;
-    hideUnderline?: boolean;
     rootRef?: Ref<HTMLDivElement>;
     onDoubleClick?: MouseEventHandler<HTMLDivElement>;
     /** Replaces the default label span (e.g. inline edit overlay). */
     children?: ReactNode;
 }
-export declare function ConceptNodeBody({ text, selected, showHeatmap, showConfidence, lastRating, reps, due, cursor, userSelect, className, connectionTarget, hideUnderline, rootRef, onDoubleClick, children, }: ConceptNodeBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConceptNodeBody({ text, selected, showHeatmap, lastRating, cursor, userSelect, className, connectionTarget, rootRef, onDoubleClick, children, }: ConceptNodeBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/ConceptNodeBody.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ratingColor } from './ratingColor.js';
-export function ConceptNodeBody({ text, selected, showHeatmap, showConfidence, lastRating, reps, due, cursor = 'default', userSelect = 'none', className, connectionTarget = false, hideUnderline = false, rootRef, onDoubleClick, children, }) {
+export function ConceptNodeBody({ text, selected, showHeatmap, lastRating, cursor = 'default', userSelect = 'none', className, connectionTarget = false, rootRef, onDoubleClick, children, }) {
     const heatTint = ratingColor(lastRating);
-    const confColor = showConfidence ? heatTint : 'var(--ink, #1a1a1a)';
-    const isStale = reps > 0 && due <= Date.now();
     return (_jsxs("div", { ref: rootRef, className: className, onDoubleClick: onDoubleClick, style: {
             position: 'relative',
             padding: '6px 14px',
@@ -39,15 +37,5 @@ export function ConceptNodeBody({ text, selected, showHeatmap, showConfidence, l
                     color: 'var(--ink, #1a1a1a)',
                     display: 'block',
                     whiteSpace: 'pre',
-                }, children: text })), !hideUnderline && (_jsx("div", { style: {
-                    position: 'absolute',
-                    bottom: 5,
-                    left: 16,
-                    right: 16,
-                    height: selected ? 1.4 : 0.8,
-                    background: isStale && showConfidence
-                        ? `repeating-linear-gradient(90deg, ${confColor} 0, ${confColor} 4px, transparent 4px, transparent 8px)`
-                        : confColor,
-                    opacity: selected ? 0.9 : 0.55,
-                } }))] }));
+                }, children: text }))] }));
 }

package/dist/NessoGraph.d.ts

@@ -12,7 +12,6 @@ export interface NessoGraphProps {
     defaultEdges?: Edge[];
     display?: Partial<GraphDisplaySettings>;
     palette?: CategoryPalette;
-    showConfidence?: boolean;
     /** `palette` (default) for embeds; `css` when `--cat-*` vars are set on the page. */
     categoryColorMode?: CategoryColorMode;
     getRelationLabel?: (type: EdgeTypeName) => string;
@@ -43,5 +42,5 @@ export interface NessoGraphProps {
     onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
     children?: React.ReactNode;
 }
-export declare function NessoGraph({ graph, nodes: nodesProp, defaultNodes, edges: edgesProp, defaultEdges, display, palette, showConfidence, categoryColorMode, getRelationLabel, isItemSelected, nodeTypes, edgeTypes, nodesDraggable, nodesConnectable, elementsSelectable, panOnDrag, zoomOnScroll, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onSelectionChange, onMoveEnd, onNodeClick, onEdgeClick, fitView, defaultViewport, minZoom, maxZoom, reactFlowProps, style, className, onDoubleClick, children, }: NessoGraphProps): import("react/jsx-runtime").JSX.Element;
+export declare function NessoGraph({ graph, nodes: nodesProp, defaultNodes, edges: edgesProp, defaultEdges, display, palette, categoryColorMode, getRelationLabel, isItemSelected, nodeTypes, edgeTypes, nodesDraggable, nodesConnectable, elementsSelectable, panOnDrag, zoomOnScroll, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onSelectionChange, onMoveEnd, onNodeClick, onEdgeClick, fitView, defaultViewport, minZoom, maxZoom, reactFlowProps, style, className, onDoubleClick, children, }: NessoGraphProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/NessoGraph.js

@@ -7,7 +7,7 @@ import { ConceptNode } from './ConceptNode.js';
 import { NessoEdge } from './NessoEdge.js';
 const DEFAULT_NODE_TYPES = { concept: ConceptNode };
 const DEFAULT_EDGE_TYPES = { nesso: NessoEdge };
-export function NessoGraph({ graph, nodes: nodesProp, defaultNodes, edges: edgesProp, defaultEdges, display, palette = 'default', showConfidence = false, categoryColorMode = 'palette', getRelationLabel, isItemSelected, nodeTypes = DEFAULT_NODE_TYPES, edgeTypes = DEFAULT_EDGE_TYPES, nodesDraggable = false, nodesConnectable = false, elementsSelectable = true, panOnDrag = true, zoomOnScroll = true, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onSelectionChange, onMoveEnd, onNodeClick, onEdgeClick, fitView = true, defaultViewport, minZoom, maxZoom, reactFlowProps, style, className, onDoubleClick, children, }) {
+export function NessoGraph({ graph, nodes: nodesProp, defaultNodes, edges: edgesProp, defaultEdges, display, palette = 'default', categoryColorMode = 'palette', getRelationLabel, isItemSelected, nodeTypes = DEFAULT_NODE_TYPES, edgeTypes = DEFAULT_EDGE_TYPES, nodesDraggable = false, nodesConnectable = false, elementsSelectable = true, panOnDrag = true, zoomOnScroll = true, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onSelectionChange, onMoveEnd, onNodeClick, onEdgeClick, fitView = true, defaultViewport, minZoom, maxZoom, reactFlowProps, style, className, onDoubleClick, children, }) {
     const controlledNodes = nodesProp ?? graph?.nodes;
     const controlledEdges = (edgesProp ?? graph?.edges);
     // Controlled (`nodes`/`graph`) takes precedence; otherwise fall back to ReactFlow's
@@ -24,19 +24,10 @@ export function NessoGraph({ graph, nodes: nodesProp, defaultNodes, edges: edges
         curveStyle: display?.curveStyle ?? graph?.display?.curveStyle ?? 'arc',
         autoCurveFlip: display?.autoCurveFlip ?? graph?.display?.autoCurveFlip ?? true,
         palette,
-        showConfidence,
         categoryColorMode,
         getRelationLabel,
         isItemSelected,
-    }), [
-        display,
-        graph?.display,
-        palette,
-        showConfidence,
-        categoryColorMode,
-        getRelationLabel,
-        isItemSelected,
-    ]);
+    }), [display, graph?.display, palette, categoryColorMode, getRelationLabel, isItemSelected]);
     return (_jsx("div", { style: { width: '100%', height: '100%', ...style }, className: className, onDoubleClick: onDoubleClick, children: _jsx(GraphDisplayContext.Provider, { value: ctx, children: _jsx(ReactFlow, { ...nodesProps, ...edgesProps, nodeTypes: nodeTypes, edgeTypes: edgeTypes, nodesDraggable: nodesDraggable, nodesConnectable: nodesConnectable, elementsSelectable: elementsSelectable, panOnDrag: panOnDrag, zoomOnScroll: zoomOnScroll, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, onConnectStart: onConnectStart, onConnectEnd: onConnectEnd, onSelectionChange: onSelectionChange, onMoveEnd: onMoveEnd, fitView: fitView, defaultViewport: defaultViewport, minZoom: minZoom, maxZoom: maxZoom, onNodeClick: onNodeClick
                     ? (_, node) => onNodeClick(node.id, node.data)
                     : undefined, onEdgeClick: onEdgeClick ? (_, edge) => onEdgeClick(edge.id, edge.data) : undefined, ...reactFlowProps, children: children ?? (_jsxs(_Fragment, { children: [_jsx(Background, {}), _jsx(Controls, {})] })) }) }) }));

package/dist/context.d.ts

@@ -7,7 +7,6 @@ export interface NessoGraphDisplayContext {
     curveStyle: CurveStyle;
     autoCurveFlip: boolean;
     palette: CategoryPalette;
-    showConfidence: boolean;
     /** `palette` uses hex from PALETTES; `css` uses `var(--cat-*)` (app with live palette switching). */
     categoryColorMode: CategoryColorMode;
     getRelationLabel?: (type: EdgeTypeName) => string;

package/dist/context.js

@@ -6,7 +6,6 @@ const defaultContext = {
     curveStyle: 'arc',
     autoCurveFlip: true,
     palette: 'default',
-    showConfidence: false,
     categoryColorMode: 'palette',
 };
 export const GraphDisplayContext = createContext(defaultContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nesso-how/graph",
-  "version": "0.1.0-alpha.31",
+  "version": "0.1.0-alpha.33",
   "description": "Embeddable read-only Nesso knowledge graph React component",
   "license": "MIT",
   "repository": {
@@ -22,9 +22,9 @@
     }
   },
   "dependencies": {
-    "@nesso-how/relation-types": "0.1.0-alpha.31",
-    "@nesso-how/formats": "0.1.0-alpha.31",
-    "@nesso-how/types": "0.1.0-alpha.31"
+    "@nesso-how/formats": "0.1.0-alpha.33",
+    "@nesso-how/relation-types": "0.1.0-alpha.33",
+    "@nesso-how/types": "0.1.0-alpha.33"
   },
   "peerDependencies": {
     "@xyflow/react": "^12.6.4",