@captiveorigins/onepedigree-react 0.1.0-alpha.12 → 0.1.0-alpha.15

package/dist/PedigreeExplorer.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { REORDERABLE_VIEWS } from '@captiveorigins/onepedigree-core';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { AhnentafelList } from './AhnentafelList.js';
-import { DEFAULT_TERMS, describeStructure, labelOf } from './describe.js';
+import { DEFAULT_TERMS, describeStructure, labelOf, sexWord } from './describe.js';
 import { nearestNode, useOccurrenceHighlighting, usePedigreeSelection } from './hooks.js';
 import { PedigreeView } from './PedigreeView.js';
 import { GeneLegend, GenotypeKey } from './genetics.js';
@@ -240,5 +240,5 @@ export function PedigreeExplorer(props) {
                 suppressClick.current = false;
                 e.stopPropagation();
             }
-        }, "data-reorderable": reorderable ? '' : undefined, children: [_jsxs("div", { className: "op-toolbar", role: "toolbar", "aria-label": labels.controls, children: [_jsx("button", { type: "button", onClick: () => zoom(0.8), "aria-label": labels.zoomIn, "data-tip": labels.zoomIn, children: _jsx(Icon, { name: "zoomIn" }) }), _jsx("button", { type: "button", onClick: () => zoom(1.25), "aria-label": labels.zoomOut, "data-tip": labels.zoomOut, children: _jsx(Icon, { name: "zoomOut" }) }), _jsx("button", { type: "button", onClick: () => setBox(full), "aria-label": labels.fit, "data-tip": labels.fit, children: _jsx(Icon, { name: "fit" }) }), _jsx("button", { type: "button", onClick: download, "aria-label": labels.download, "data-tip": labels.download, children: _jsx(Icon, { name: "download" }) }), _jsx("button", { type: "button", onClick: () => (props.onPrint ? props.onPrint() : printChart(root.current)), "aria-label": labels.print, "data-tip": labels.print, children: _jsx(Icon, { name: "print" }) }), props.themeEditor && (_jsx("button", { type: "button", onClick: () => setEditing((v) => !v), "aria-label": labels.colors, "data-tip": labels.colors, "aria-expanded": editing, children: _jsx(Icon, { name: "palette" }) })), props.toolbar] }), props.themeEditor && editing && (_jsx("div", { className: "op-theme-panel", children: _jsx(ThemeEditor, { value: theme ?? structuredClone(THEME_PRESETS[0]), view: projection.view, onChange: changeTheme }) })), projection.view === 'ahnentafel' ? (_jsx(AhnentafelList, { projection: projection, terminology: props.terminology, parentWords: props.parentWords, getIndividualHref: props.getIndividualHref, selectedIndividualId: selectedId, onSelect: (individualId) => choose(projection.occurrences.find((o) => o.individualId === individualId) ?? null) })) : (_jsx(PedigreeView, { ...props, theme: theme, interactive: true, viewBox: box, selectedIndividualId: selectedId, highlightedOccurrenceIds: highlighted, onNodeClick: (occ) => choose(selectedOccurrence === occ.occurrenceId ? null : occ), onNodeKeyDown: onNodeKeyDown, svgProps: { ...props.svgProps, width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid meet' } })), occurrence && (_jsx("div", { className: "op-quick-view", role: "dialog", "aria-label": labelOf(individual, terms), children: props.renderQuickView ? (props.renderQuickView({ individual, occurrence, href, close })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "op-quick-view-title", children: labelOf(individual, terms) }), individual?.sex && _jsx("p", { children: individual.sex }), _jsx("p", { children: describeStructure(projection.structures[occurrence.individualId]) }), occurrence.repeated && _jsx("p", { children: terms.repeated }), _jsxs("div", { className: "op-quick-view-actions", children: [href && (_jsxs("a", { href: href, children: [_jsx(Icon, { name: "open" }), labels.open] })), _jsxs("button", { type: "button", onClick: close, children: [_jsx(Icon, { name: "close" }), labels.close] })] })] })) })), (props.geneOverlay || props.genotypes) && (_jsxs("div", { className: "op-gene-legends", children: [props.genotypes && _jsx(GenotypeKey, { display: props.genotypes }), props.geneOverlay && _jsx(GeneLegend, { overlay: props.geneOverlay })] }))] }));
+        }, "data-reorderable": reorderable ? '' : undefined, children: [_jsxs("div", { className: "op-toolbar", role: "toolbar", "aria-label": labels.controls, children: [_jsx("button", { type: "button", onClick: () => zoom(0.8), "aria-label": labels.zoomIn, "data-tip": labels.zoomIn, children: _jsx(Icon, { name: "zoomIn" }) }), _jsx("button", { type: "button", onClick: () => zoom(1.25), "aria-label": labels.zoomOut, "data-tip": labels.zoomOut, children: _jsx(Icon, { name: "zoomOut" }) }), _jsx("button", { type: "button", onClick: () => setBox(full), "aria-label": labels.fit, "data-tip": labels.fit, children: _jsx(Icon, { name: "fit" }) }), _jsx("button", { type: "button", onClick: download, "aria-label": labels.download, "data-tip": labels.download, children: _jsx(Icon, { name: "download" }) }), _jsx("button", { type: "button", onClick: () => (props.onPrint ? props.onPrint() : printChart(root.current)), "aria-label": labels.print, "data-tip": labels.print, children: _jsx(Icon, { name: "print" }) }), props.themeEditor && (_jsx("button", { type: "button", onClick: () => setEditing((v) => !v), "aria-label": labels.colors, "data-tip": labels.colors, "aria-expanded": editing, children: _jsx(Icon, { name: "palette" }) })), props.toolbar] }), props.themeEditor && editing && (_jsx("div", { className: "op-theme-panel", children: _jsx(ThemeEditor, { value: theme ?? structuredClone(THEME_PRESETS[0]), view: projection.view, onChange: changeTheme }) })), projection.view === 'ahnentafel' ? (_jsx(AhnentafelList, { projection: projection, terminology: props.terminology, parentWords: props.parentWords, getIndividualHref: props.getIndividualHref, selectedIndividualId: selectedId, onSelect: (individualId) => choose(projection.occurrences.find((o) => o.individualId === individualId) ?? null) })) : (_jsx(PedigreeView, { ...props, theme: theme, interactive: true, viewBox: box, selectedIndividualId: selectedId, highlightedOccurrenceIds: highlighted, onNodeClick: (occ) => choose(selectedOccurrence === occ.occurrenceId ? null : occ), onNodeKeyDown: onNodeKeyDown, svgProps: { ...props.svgProps, width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid meet' } })), occurrence && (_jsx("div", { className: "op-quick-view", role: "dialog", "aria-label": labelOf(individual, terms), children: props.renderQuickView ? (props.renderQuickView({ individual, occurrence, href, close })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "op-quick-view-title", children: labelOf(individual, terms) }), individual?.sex && _jsx("p", { children: sexWord(individual.sex, terms) }), _jsx("p", { children: describeStructure(projection.structures[occurrence.individualId]) }), occurrence.repeated && _jsx("p", { children: terms.repeated }), _jsxs("div", { className: "op-quick-view-actions", children: [href && (_jsxs("a", { href: href, children: [_jsx(Icon, { name: "open" }), labels.open] })), _jsxs("button", { type: "button", onClick: close, children: [_jsx(Icon, { name: "close" }), labels.close] })] })] })) })), (props.geneOverlay || props.genotypes) && (_jsxs("div", { className: "op-gene-legends", children: [props.genotypes && _jsx(GenotypeKey, { display: props.genotypes }), props.geneOverlay && _jsx(GeneLegend, { overlay: props.geneOverlay })] }))] }));
 }

package/dist/PedigreeView.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { estimateNodeWidth, lifeLabel, lifeSpan, nodeSublabel } from '@captiveorigins/onepedigree-core';
-import { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, VIEW_LABELS } from './describe.js';
+import { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, sexWord, VIEW_LABELS } from './describe.js';
 import { themeStyle } from './themes.js';
 import { GenotypeGlyph, GenotypeStrip, genotypeText, genotypeWord } from './genetics.js';
 const cx = (...c) => c.filter(Boolean).join(' ');
@@ -120,7 +120,7 @@ export function PedigreeView(props) {
                     const label = labelOf(individual, terms);
                     const aria = [
                         label,
-                        individual?.sex,
+                        sexWord(individual?.sex, terms),
                         lifeLabel(lifeSpan(individual)) || null,
                         occurrence.ahnentafel !== undefined ? `Ahnentafel ${occurrence.ahnentafel}` : null,
                         occurrence.repeated ? terms.repeated : null,

package/dist/describe.d.ts

@@ -8,8 +8,19 @@ export type Terminology = {
     repeated: string;
     unknown: string;
     privateRecord: string;
+    /** Spoken in place of ♂. */
+    male: string;
+    /** Spoken in place of ♀. */
+    female: string;
+    /** Spoken when no sex is recorded. */
+    sexUnknown: string;
 };
 export declare const DEFAULT_TERMS: Terminology;
+/**
+ * The sex in words, for the spoken name: the node shows only ♂ or ♀. Any other
+ * host label is spoken as written; a missing one says so instead of staying silent.
+ */
+export declare function sexWord(sex: string | null | undefined, terms?: Terminology): string;
 /** Display name: the label, else the ID; anonymous placeholders (`data.private`) never show their ID. */
 export declare const labelOf: (individual: Individual | undefined, terms?: Terminology) => string;
 /** Words for an individual's origin, so color or shape is never the only signal. */

package/dist/describe.js

@@ -21,7 +21,19 @@ export const DEFAULT_TERMS = {
     repeated: 'appears more than once',
     unknown: 'Unknown',
     privateRecord: 'Private record',
+    male: 'male',
+    female: 'female',
+    sexUnknown: 'sex unknown',
 };
+const SEX_TERM = { male: 'male', m: 'male', female: 'female', f: 'female', '': 'sexUnknown', unknown: 'sexUnknown', u: 'sexUnknown' };
+/**
+ * The sex in words, for the spoken name: the node shows only ♂ or ♀. Any other
+ * host label is spoken as written; a missing one says so instead of staying silent.
+ */
+export function sexWord(sex, terms = DEFAULT_TERMS) {
+    const key = SEX_TERM[(sex ?? '').trim().toLowerCase()];
+    return key ? terms[key] : sex.trim();
+}
 /** Display name: the label, else the ID; anonymous placeholders (`data.private`) never show their ID. */
 export const labelOf = (individual, terms = DEFAULT_TERMS) => individual?.data?.private ? terms.privateRecord : individual?.label || individual?.id || terms.unknown;
 const MODE_TEXT = {

package/dist/headless.d.ts

@@ -1,3 +1,3 @@
 export { usePedigreeLayout, usePedigreeNavigation, usePedigreeProjection, usePedigreeSelection, useOccurrenceHighlighting, nearestNode, type Direction } from './hooks.js';
-export { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, VIEW_LABELS, type Terminology } from './describe.js';
+export { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, sexWord, VIEW_LABELS, type Terminology } from './describe.js';
 export { contrastRatio, isHexColor, presetTheme, resolveThemeColors, THEME_PRESETS, THEME_TOKENS, themeStyle, TOKEN_LABELS, type PedigreeTheme, type ThemeColors, type ThemeToken, } from './themes.js';

package/dist/headless.js

@@ -1,3 +1,3 @@
 export { usePedigreeLayout, usePedigreeNavigation, usePedigreeProjection, usePedigreeSelection, useOccurrenceHighlighting, nearestNode } from './hooks.js';
-export { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, VIEW_LABELS } from './describe.js';
+export { arcPath, DEFAULT_TERMS, describeProjection, describeStructure, labelOf, sexWord, VIEW_LABELS } from './describe.js';
 export { contrastRatio, isHexColor, presetTheme, resolveThemeColors, THEME_PRESETS, THEME_TOKENS, themeStyle, TOKEN_LABELS, } from './themes.js';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@captiveorigins/onepedigree-react",
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.15",
   "description": "OnePedigree for React: server-renderable SVG pedigree views (all 13), an interactive explorer, headless hooks and CSS-variable styling.",
-  "homepage": "https://github.com/mgilardi/onepedigree#readme",
+  "homepage": "https://github.com/CaptiveOrigins/onepedigree#readme",
   "bugs": {
-    "url": "https://github.com/mgilardi/onepedigree/issues"
+    "url": "https://github.com/CaptiveOrigins/onepedigree/issues"
   },
   "keywords": [
     "pedigree",
@@ -17,7 +17,7 @@
   "license": "PolyForm-Noncommercial-1.0.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/mgilardi/onepedigree.git",
+    "url": "git+https://github.com/CaptiveOrigins/onepedigree.git",
     "directory": "packages/react"
   },
   "type": "module",
@@ -47,7 +47,7 @@
     "node": ">=22"
   },
   "dependencies": {
-    "@captiveorigins/onepedigree-core": "^0.1.0-alpha.12"
+    "@captiveorigins/onepedigree-core": "^0.1.0-alpha.15"
   },
   "peerDependencies": {
     "react": ">=18.2"