react-cheminfo 0.64.1 → 0.65.0

package/lib/pedagogy/ui/QuestionCard.d.ts

@@ -0,0 +1,64 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { AttemptStore } from '../core/attempts.ts';
+import type { Answers, SeriesTool } from '../core/series.ts';
+/** What a tool's own answer input is handed. */
+export interface AnswerInputProps<Question> {
+    /** The question being answered. */
+    question: Question;
+    /** What is typed so far, field by field. */
+    answers: Answers;
+    /** Change one field. */
+    onChange: (key: string, value: string) => void;
+    /** Check the answer, as Enter does in a box. */
+    onSubmit: () => void;
+}
+/** How one tool draws the parts of a question the card does not know. */
+export interface QuestionRendering<Question> {
+    /** The statement of the question. */
+    prompt: (question: Question) => ReactNode;
+    /**
+     * An input of the tool's own — a drawing canvas, a reaction to balance — in
+     * place of the typed boxes.
+     * @default undefined — one box per field of the tool
+     */
+    answer?: (props: AnswerInputProps<Question>) => ReactNode;
+    /**
+     * What the solution shows beyond its text, such as a drawn structure.
+     * @default undefined
+     */
+    solution?: (question: Question) => ReactNode;
+}
+/** What {@link QuestionCard} needs. */
+export interface QuestionCardProps<Question> extends QuestionRendering<Question> {
+    /** The tool the question belongs to. */
+    tool: SeriesTool<Question>;
+    /** The question on the card. */
+    question: Question;
+    /** Where the attempts are kept. */
+    store: AttemptStore;
+    /** The key this question's attempt is kept under, from `attemptKey`. */
+    storageKey: string;
+    /** Its position in the series, counted from 1. */
+    number: number;
+    /** How many questions the series holds. */
+    total: number;
+    /**
+     * Open the next question; left out on the last one.
+     * @default undefined
+     */
+    onNext?: () => void;
+}
+/**
+ * One question: its statement, the answer, the four actions, and — once
+ * checked — the verdict case by case, the hints taken and the solution.
+ *
+ * The answer is graded on every change, but the verdict is shown only for the
+ * answer as it was checked: a numeric answer that turned green as it was typed
+ * could be found by trying numbers. A link that hides the `solutions` part
+ * takes the solution button away.
+ * @param props - The tool, the question, where its attempt is kept, and how to
+ * draw it.
+ * @returns The card.
+ */
+export declare function QuestionCard<Question>(props: QuestionCardProps<Question>): ReactElement;
+//# sourceMappingURL=QuestionCard.d.ts.map

package/lib/pedagogy/ui/QuestionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/QuestionCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAK,EAAE,OAAO,EAAa,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAUxE,gDAAgD;AAChD,MAAM,WAAW,gBAAgB,CAAC,QAAQ;IACxC,mCAAmC;IACnC,QAAQ,EAAE,QAAQ,CAAC;IACnB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,yEAAyE;AACzE,MAAM,WAAW,iBAAiB,CAAC,QAAQ;IACzC,qCAAqC;IACrC,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC;IAC1C;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC;CAC9C;AAED,uCAAuC;AACvC,MAAM,WAAW,iBAAiB,CAChC,QAAQ,CACR,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IACnC,wCAAwC;IACxC,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,mCAAmC;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EACnC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GACjC,YAAY,CA2Id"}

package/lib/pedagogy/ui/QuestionCard.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Callout, Tag } from '@blueprintjs/core';
+import { useMemo } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { useIsHidden } from "../../share/ui/hiddenParts.js";
+import { emptyAttempt } from "../core/attempts.js";
+import { AnswerFields } from "./AnswerFields.js";
+import { ExerciseActions } from "./ExerciseActions.js";
+import { GlossaryText } from "./GlossaryText.js";
+import { HintLadder } from "./HintLadder.js";
+import { TestCaseList } from "./TestCaseList.js";
+import { LEVEL_INTENT } from "./exerciseMeta.js";
+import { useAttemptRecords } from "./useAttemptRecords.js";
+/**
+ * One question: its statement, the answer, the four actions, and — once
+ * checked — the verdict case by case, the hints taken and the solution.
+ *
+ * The answer is graded on every change, but the verdict is shown only for the
+ * answer as it was checked: a numeric answer that turned green as it was typed
+ * could be found by trying numbers. A link that hides the `solutions` part
+ * takes the solution button away.
+ * @param props - The tool, the question, where its attempt is kept, and how to
+ * draw it.
+ * @returns The card.
+ */
+export function QuestionCard(props) {
+    const { tool, question, store, storageKey, number, total, onNext, prompt, answer, solution, } = props;
+    const t = useChromeT();
+    const isHidden = useIsHidden();
+    const records = useAttemptRecords(store);
+    const { answers, checked: checkedAnswers, hintsRevealed, showSolution, } = records[storageKey] ?? emptyAttempt();
+    const check = useMemo(() => tool.grade(question, answers), [tool, question, answers]);
+    const hints = useMemo(() => tool.hints(question), [tool, question]);
+    const snapshot = JSON.stringify(answers);
+    const checked = checkedAnswers === snapshot;
+    const solutionsHidden = isHidden('solutions');
+    const level = tool.level?.(question);
+    function setAnswer(key, value) {
+        store.updateAttempt(storageKey, { answers: { ...answers, [key]: value } });
+    }
+    function commit() {
+        store.updateAttempt(storageKey, {
+            status: check.passed ? 'solved' : 'attempted',
+            checked: snapshot,
+        });
+    }
+    return (_jsxs("article", { className: "series-question", "aria-label": t('pedagogy.questionNumber', { number }), children: [_jsxs("div", { className: "series-question__meta", children: [_jsx("span", { children: t('pedagogy.questionOf', { number, total }) }), level === undefined ? null : (_jsx(Tag, { minimal: true, intent: LEVEL_INTENT[level], children: level }))] }), _jsx("div", { className: "series-question__prompt", children: prompt(question) }), answer ? (answer({ question, answers, onChange: setAnswer, onSubmit: commit })) : (_jsx(AnswerFields, { fields: tool.fields(question), answers: answers, onChange: setAnswer, onSubmit: commit })), _jsx(ExerciseActions, { onCheck: commit, checkDisabled: isBlank(answers), onRevealHint: () => {
+                    store.updateAttempt(storageKey, {
+                        hintsRevealed: Math.min(hintsRevealed + 1, hints.length),
+                    });
+                }, hintsRevealed: hintsRevealed, hintCount: hints.length, onToggleSolution: solutionsHidden
+                    ? undefined
+                    : () => {
+                        store.updateAttempt(storageKey, {
+                            showSolution: !showSolution,
+                        });
+                    }, showSolution: showSolution, onReset: () => {
+                    store.updateAttempt(storageKey, emptyAttempt());
+                } }), checked ? (_jsx(TestCaseList, { results: check.cases, label: (verdict) => verdict.label })) : null, checked && check.passed ? (_jsxs(Callout, { intent: "success", icon: "tick-circle", title: t('pedagogy.solved'), children: [hintsRevealed > 0
+                        ? t('pedagogy.solvedWithHintsOf', {
+                            revealed: hintsRevealed,
+                            total: hints.length,
+                        })
+                        : t('pedagogy.solvedWithoutHint'), onNext ? (_jsx(Button, { className: "series-question__next", intent: "success", endIcon: "arrow-right", text: t('pedagogy.nextQuestion'), onClick: onNext })) : null] })) : null, hintsRevealed > 0 ? (_jsx(HintLadder, { hints: hints, revealed: hintsRevealed })) : null, showSolution && !solutionsHidden ? (_jsxs(Callout, { intent: "warning", icon: "key", title: t('pedagogy.solution'), children: [_jsx("p", { className: "series-question__solution", children: _jsx(GlossaryText, { text: tool.solution(question) }) }), solution?.(question)] })) : null] }));
+}
+function isBlank(answers) {
+    for (const value of Object.values(answers)) {
+        if (value.trim() !== '')
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=QuestionCard.js.map

package/lib/pedagogy/ui/QuestionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/QuestionCard.tsx"],"names":[],"mappings":"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"}

package/lib/pedagogy/ui/index.d.ts

@@ -32,4 +32,14 @@ export type { TutorialStepStripProps, TutorialStripStep, } from './TutorialStepS
 export { TutorialStepStrip } from './TutorialStepStrip.tsx';
 export type { TutorialLevelColours } from './tutorialLevels.ts';
 export { TUTORIAL_LEVEL_COLOURS } from './tutorialLevels.ts';
+export type { AnswerFieldsProps } from './AnswerFields.tsx';
+export { AnswerFields } from './AnswerFields.tsx';
+export type { ExerciseListEntry, ExerciseListProgress, ExerciseListProps, } from './ExerciseList.tsx';
+export { ExerciseList } from './ExerciseList.tsx';
+export type { ExerciseSeriesProps } from './ExerciseSeries.tsx';
+export { ExerciseSeries } from './ExerciseSeries.tsx';
+export type { AnswerInputProps, QuestionCardProps, QuestionRendering, } from './QuestionCard.tsx';
+export { QuestionCard } from './QuestionCard.tsx';
+export { SERIES_COUNTS } from './seriesCounts.ts';
+export { useAttemptRecords } from './useAttemptRecords.ts';
 //# sourceMappingURL=index.d.ts.map

package/lib/pedagogy/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,YAAY,EACV,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,0BAA0B,GAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"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"}

package/lib/pedagogy/ui/index.js

@@ -15,4 +15,10 @@ export { SyntaxTooltip } from "./SyntaxTooltip.js";
 export { TestCaseList } from "./TestCaseList.js";
 export { TutorialStepStrip } from "./TutorialStepStrip.js";
 export { TUTORIAL_LEVEL_COLOURS } from "./tutorialLevels.js";
+export { AnswerFields } from "./AnswerFields.js";
+export { ExerciseList } from "./ExerciseList.js";
+export { ExerciseSeries } from "./ExerciseSeries.js";
+export { QuestionCard } from "./QuestionCard.js";
+export { SERIES_COUNTS } from "./seriesCounts.js";
+export { useAttemptRecords } from "./useAttemptRecords.js";
 //# sourceMappingURL=index.js.map

package/lib/pedagogy/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA8B,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAoB,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAMpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAMpE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAKlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA8B,CAAC;AAKtE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAoB,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAMpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAMpE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAKlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAMlD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAMtD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/pedagogy/ui/seriesCounts.d.ts

@@ -0,0 +1,17 @@
+import type { ChromeKey } from '../../i18n/core/chromeCatalog.ts';
+import type { Translate } from '../../i18n/core/translate.ts';
+/** The series lengths offered when a page names none. */
+export declare const SERIES_COUNTS: readonly number[];
+/**
+ * The series lengths a pool can fill, and the whole pool last, so a pool
+ * smaller than the longest length is offered whole rather than overpromised.
+ * @param poolSize - How many questions the pool holds.
+ * @param counts - The lengths offered, or the family's when none.
+ * @param t - The chrome's formatter.
+ * @returns The options of the picker.
+ */
+export declare function seriesCountOptions(poolSize: number, counts: readonly number[] | undefined, t: Translate<ChromeKey>): Array<{
+    value: number;
+    label: string;
+}>;
+//# sourceMappingURL=seriesCounts.d.ts.map

package/lib/pedagogy/ui/seriesCounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesCounts.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/seriesCounts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE9D,yDAAyD;AACzD,eAAO,MAAM,aAAa,EAAE,SAAS,MAAM,EAAoB,CAAC;AAEhE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EACrC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GACtB,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAezC"}

package/lib/pedagogy/ui/seriesCounts.js

@@ -0,0 +1,27 @@
+/** The series lengths offered when a page names none. */
+export const SERIES_COUNTS = [5, 10, 15, 20];
+/**
+ * The series lengths a pool can fill, and the whole pool last, so a pool
+ * smaller than the longest length is offered whole rather than overpromised.
+ * @param poolSize - How many questions the pool holds.
+ * @param counts - The lengths offered, or the family's when none.
+ * @param t - The chrome's formatter.
+ * @returns The options of the picker.
+ */
+export function seriesCountOptions(poolSize, counts, t) {
+    const options = [];
+    for (const count of counts ?? SERIES_COUNTS) {
+        if (count < poolSize) {
+            options.push({
+                value: count,
+                label: t('pedagogy.questionCount', { count }),
+            });
+        }
+    }
+    options.push({
+        value: poolSize,
+        label: t('pedagogy.allQuestions', { count: poolSize }),
+    });
+    return options;
+}
+//# sourceMappingURL=seriesCounts.js.map

package/lib/pedagogy/ui/seriesCounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesCounts.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/seriesCounts.ts"],"names":[],"mappings":"AAGA,yDAAyD;AACzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhE;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAAgB,EAChB,MAAqC,EACrC,CAAuB;IAEvB,MAAM,OAAO,GAA4C,EAAE,CAAC;IAC5D,KAAK,MAAM,KAAK,IAAI,MAAM,IAAI,aAAa,EAAE,CAAC;QAC5C,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACrB,OAAO,CAAC,IAAI,CAAC;gBACX,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,CAAC,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,CAAC;aAC9C,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IACD,OAAO,CAAC,IAAI,CAAC;QACX,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,CAAC,CAAC,uBAAuB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACvD,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/pedagogy/ui/seriesParts.d.ts

@@ -0,0 +1,55 @@
+/**
+ * The two pieces of `ExerciseSeries` that are only layout: the heading row
+ * with the length picker and the new-series button, and the numbered list of
+ * questions.
+ */
+import type { ReactElement, ReactNode, RefObject } from 'react';
+import type { Attempt } from '../core/attempts.ts';
+import type { ProgressRecords } from '../core/progress.ts';
+/** What {@link SeriesHead} needs. */
+export interface SeriesHeadProps {
+    /** The heading, or the chrome's word for it. */
+    title: ReactNode | undefined;
+    /** Id of the heading. */
+    headingId: string;
+    /** The length on screen. */
+    count: number;
+    /** The largest length the tool serves. */
+    poolSize: number;
+    /** The lengths offered beside the whole pool. */
+    counts: readonly number[] | undefined;
+    /** Change the length. */
+    onCount: (count: number) => void;
+    /** Draw another series. */
+    onNewSeries: () => void;
+}
+/**
+ * The heading row of a series.
+ * @param props - See {@link SeriesHeadProps}.
+ * @returns The row.
+ */
+export declare function SeriesHead(props: SeriesHeadProps): ReactElement;
+/** What {@link SeriesQuestionList} needs. */
+export interface SeriesQuestionListProps<Question> {
+    /** The questions of the series, in order. */
+    series: readonly Question[];
+    /** The attempt key of each, in the same order. */
+    keys: readonly string[];
+    /** Every attempt kept. */
+    records: ProgressRecords<Attempt>;
+    /** The open one. */
+    index: number;
+    /** Open one. */
+    onOpen: (index: number) => void;
+    /** How a question is named. */
+    label: (question: Question) => ReactNode;
+    /** The ref the arrow keys scroll inside. */
+    listRef: RefObject<HTMLElement | null>;
+}
+/**
+ * The numbered list of a series, each question with its status.
+ * @param props - See {@link SeriesQuestionListProps}.
+ * @returns The list.
+ */
+export declare function SeriesQuestionList<Question>(props: SeriesQuestionListProps<Question>): ReactElement;
+//# sourceMappingURL=seriesParts.d.ts.map

package/lib/pedagogy/ui/seriesParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesParts.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/seriesParts.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,2BAA2B;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA2B/D;AAED,6CAA6C;AAC7C,MAAM,WAAW,uBAAuB,CAAC,QAAQ;IAC/C,6CAA6C;IAC7C,MAAM,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC5B,kDAAkD;IAClD,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,0BAA0B;IAC1B,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAClC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC;IACzC,4CAA4C;IAC5C,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EACzC,KAAK,EAAE,uBAAuB,CAAC,QAAQ,CAAC,GACvC,YAAY,CAiCd"}

package/lib/pedagogy/ui/seriesParts.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The two pieces of `ExerciseSeries` that are only layout: the heading row
+ * with the length picker and the new-series button, and the numbered list of
+ * questions.
+ */
+import { Button, HTMLSelect } from '@blueprintjs/core';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { ExerciseStatusIcon } from "./ExerciseTags.js";
+import { seriesCountOptions } from "./seriesCounts.js";
+/**
+ * The heading row of a series.
+ * @param props - See {@link SeriesHeadProps}.
+ * @returns The row.
+ */
+export function SeriesHead(props) {
+    const { title, headingId, count, poolSize, counts, onCount, onNewSeries } = props;
+    const t = useChromeT();
+    return (_jsxs("div", { className: "exercise-series__head", children: [_jsx("h2", { className: "exercise-series__title", id: headingId, children: title ?? t('pedagogy.questions') }), _jsxs("div", { className: "exercise-series__controls", children: [_jsx(HTMLSelect, { "aria-label": t('pedagogy.questionsInSeries'), value: count, onChange: (event) => {
+                            onCount(Number(event.currentTarget.value));
+                        }, options: seriesCountOptions(poolSize, counts, t) }), _jsx(Button, { icon: "refresh", text: t('pedagogy.newSeries'), title: t('pedagogy.newSeriesTitle'), onClick: onNewSeries })] })] }));
+}
+/**
+ * The numbered list of a series, each question with its status.
+ * @param props - See {@link SeriesQuestionListProps}.
+ * @returns The list.
+ */
+export function SeriesQuestionList(props) {
+    const { series, keys, records, index, onOpen, label, listRef } = props;
+    const t = useChromeT();
+    return (_jsx("nav", { ref: listRef, className: "exercise-series__list", "aria-label": t('pedagogy.seriesQuestions'), children: series.map((entry, position) => {
+            const key = keys[position] ?? '';
+            return (_jsxs(Button, { variant: "minimal", alignText: "start", fill: true, active: position === index, "data-selected": position === index ? 'true' : undefined, icon: _jsx(ExerciseStatusIcon, { status: records[key]?.status ?? 'idle' }), onClick: () => {
+                    onOpen(position);
+                }, children: [_jsxs("span", { className: "exercise-series__number", children: [position + 1, "."] }), ' ', label(entry)] }, key));
+        }) }));
+}
+//# sourceMappingURL=seriesParts.js.map

package/lib/pedagogy/ui/seriesParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesParts.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/seriesParts.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAInD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAoB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAoBvD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GACvE,KAAK,CAAC;IACR,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,wBAAwB,EAAC,EAAE,EAAE,SAAS,YACjD,KAAK,IAAI,CAAC,CAAC,oBAAoB,CAAC,GAC9B,EACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,UAAU,kBACG,CAAC,CAAC,4BAA4B,CAAC,EAC3C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAClB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;wBAC7C,CAAC,EACD,OAAO,EAAE,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,GAChD,EACF,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAC7B,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACnC,OAAO,EAAE,WAAW,GACpB,IACE,IACF,CACP,CAAC;AACJ,CAAC;AAoBD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAwC;IAExC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACvE,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,OAAO,CACL,cACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,uBAAuB,gBACrB,CAAC,CAAC,0BAA0B,CAAC,YAExC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACjC,OAAO,CACL,MAAC,MAAM,IAEL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,OAAO,EACjB,IAAI,QACJ,MAAM,EAAE,QAAQ,KAAK,KAAK,mBACX,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EACF,KAAC,kBAAkB,IAAC,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,MAAM,IAAI,MAAM,GAAI,EAEhE,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,QAAQ,CAAC,CAAC;gBACnB,CAAC,aAED,gBAAM,SAAS,EAAC,yBAAyB,aAAE,QAAQ,GAAG,CAAC,SAAS,EAAC,GAAG,EACnE,KAAK,CAAC,KAAK,CAAC,KAdR,GAAG,CAeD,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/lib/pedagogy/ui/useAttemptRecords.d.ts

@@ -0,0 +1,10 @@
+import type { Attempt, AttemptStore } from '../core/attempts.ts';
+import type { ProgressRecords } from '../core/progress.ts';
+/**
+ * Every attempt a store holds, re-rendering the component whenever one
+ * changes.
+ * @param store - The site's attempt store.
+ * @returns The records, keyed by attempt key.
+ */
+export declare function useAttemptRecords(store: AttemptStore): ProgressRecords<Attempt>;
+//# sourceMappingURL=useAttemptRecords.d.ts.map

package/lib/pedagogy/ui/useAttemptRecords.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttemptRecords.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/useAttemptRecords.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,YAAY,GAClB,eAAe,CAAC,OAAO,CAAC,CAE1B"}

package/lib/pedagogy/ui/useAttemptRecords.js

@@ -0,0 +1,11 @@
+import { useSyncExternalStore } from 'react';
+/**
+ * Every attempt a store holds, re-rendering the component whenever one
+ * changes.
+ * @param store - The site's attempt store.
+ * @returns The records, keyed by attempt key.
+ */
+export function useAttemptRecords(store) {
+    return useSyncExternalStore(store.subscribe, store.records, store.records);
+}
+//# sourceMappingURL=useAttemptRecords.js.map

package/lib/pedagogy/ui/useAttemptRecords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttemptRecords.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/useAttemptRecords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK7C;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,KAAmB;IAEnB,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC7E,CAAC"}

package/lib/periodic/ui/PeriodicTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodicTable.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/PeriodicTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAwBzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CA8HrE"}
+{"version":3,"file":"PeriodicTable.d.ts","sourceRoot":"","sources":["../../../src/periodic/ui/PeriodicTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAwBzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAiIrE"}

package/lib/periodic/ui/PeriodicTable.js

@@ -29,11 +29,14 @@ export function PeriodicTable(props) {
     // otherwise re-render all 118 cells per frame, and the engine recomputes
     // every length from the custom property on its own. A width of zero is a
     // table in a tab nobody has opened; the last measurement stands until it is
-    // shown, and the observer fires again then.
+    // shown, and the observer fires again then. `data-measured` says the cells
+    // now follow a measured width rather than the `1cqw` fallback.
     useResizeObserver(rootRef, ({ width }) => {
-        if (width === 0)
+        const root = rootRef.current;
+        if (width === 0 || root === null)
             return;
-        rootRef.current?.style.setProperty(UNIT_PROPERTY, unitValue(width));
+        root.style.setProperty(UNIT_PROPERTY, unitValue(width));
+        root.dataset.measured = '';
     });
     useEffect(() => {
         if (!cameFromKeyRef.current)

package/lib/periodic/ui/PeriodicTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodicTable.js","sourceRoot":"","sources":["../../../src/periodic/ui/PeriodicTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PeriodicTable.js","sourceRoot":"","sources":["../../../src/periodic/ui/PeriodicTable.tsx"],"names":[],"mappings":"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"}

package/lib/property/core/copyableText.d.ts

@@ -0,0 +1,14 @@
+/**
+ * What a click on a value of a property table copies.
+ */
+/** What a cell shows when there is no value for it. */
+export declare const NOT_AVAILABLE = "\u2014";
+/**
+ * The text a reader pastes for a value the page shows, or `null` when there is
+ * nothing to take: a value the data does not hold, or one drawn from elements
+ * rather than written as text, which names its own copy text instead.
+ * @param value - What is on screen.
+ * @returns The clipboard text, or null.
+ */
+export declare function copyableText(value: unknown): string | null;
+//# sourceMappingURL=copyableText.d.ts.map

package/lib/property/core/copyableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyableText.d.ts","sourceRoot":"","sources":["../../../src/property/core/copyableText.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,uDAAuD;AACvD,eAAO,MAAM,aAAa,WAAM,CAAC;AAEjC;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAK1D"}

package/lib/property/core/copyableText.js

@@ -0,0 +1,21 @@
+/**
+ * What a click on a value of a property table copies.
+ */
+/** What a cell shows when there is no value for it. */
+export const NOT_AVAILABLE = '—';
+/**
+ * The text a reader pastes for a value the page shows, or `null` when there is
+ * nothing to take: a value the data does not hold, or one drawn from elements
+ * rather than written as text, which names its own copy text instead.
+ * @param value - What is on screen.
+ * @returns The clipboard text, or null.
+ */
+export function copyableText(value) {
+    if (typeof value === 'number')
+        return String(value);
+    if (typeof value !== 'string')
+        return null;
+    const text = value.trim();
+    return text === '' || text === NOT_AVAILABLE ? null : text;
+}
+//# sourceMappingURL=copyableText.js.map

package/lib/property/core/copyableText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyableText.js","sourceRoot":"","sources":["../../../src/property/core/copyableText.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,uDAAuD;AACvD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAc;IACzC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1B,OAAO,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7D,CAAC"}

package/lib/property/core/index.d.ts

@@ -0,0 +1,2 @@
+export { NOT_AVAILABLE, copyableText } from './copyableText.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/property/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/property/core/index.js

@@ -0,0 +1,2 @@
+export { NOT_AVAILABLE, copyableText } from "./copyableText.js";
+//# sourceMappingURL=index.js.map

package/lib/property/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/property/ui/PropertyTable.d.ts

@@ -0,0 +1,43 @@
+import type { ReactElement, ReactNode } from 'react';
+/** One row of a {@link PropertyTable}. */
+export interface PropertyRow {
+    /** What the row is called. */
+    label: string;
+    /** The value, already formatted: text, a number, or a drawn element. */
+    value: ReactNode;
+    /**
+     * What the number means, when the name alone does not say.
+     * @default undefined
+     */
+    note?: string;
+    /**
+     * What a click on the value copies, when the value is drawn rather than
+     * written: a formula drawn by `<MF>` copies its plain string.
+     * @default the value itself when it is text or a number, nothing otherwise
+     */
+    copy?: string;
+}
+/** What {@link PropertyTable} needs. */
+export interface PropertyTableProps {
+    /**
+     * The heading over the group.
+     * @default undefined — no heading
+     */
+    title?: string;
+    /** The rows, in the order they are read. */
+    rows: readonly PropertyRow[];
+    /**
+     * Class the group carries, in addition to `properties`.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * One group of properties as a two-column table, each value its own copy
+ * target: a mass, a formula or an identifier is taken away with one click, and
+ * a row with no value is drawn as a plain cell.
+ * @param props - The heading and the rows.
+ * @returns The group.
+ */
+export declare function PropertyTable(props: PropertyTableProps): ReactElement;
+//# sourceMappingURL=PropertyTable.d.ts.map

package/lib/property/ui/PropertyTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTable.d.ts","sourceRoot":"","sources":["../../../src/property/ui/PropertyTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,0CAA0C;AAC1C,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wCAAwC;AACxC,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAkCrE"}

package/lib/property/ui/PropertyTable.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClickToCopy } from "../../clipboard/ui/ClickToCopy.js";
+import { joinClassNames } from "../../shared/ui/joinClassNames.js";
+import { copyableText } from "../core/copyableText.js";
+/**
+ * One group of properties as a two-column table, each value its own copy
+ * target: a mass, a formula or an identifier is taken away with one click, and
+ * a row with no value is drawn as a plain cell.
+ * @param props - The heading and the rows.
+ * @returns The group.
+ */
+export function PropertyTable(props) {
+    const { title, rows, className } = props;
+    return (_jsxs("section", { className: joinClassNames('properties', className), children: [title === undefined ? null : (_jsx("h3", { className: "properties__title", children: title })), _jsx("table", { className: "properties__table", children: _jsx("tbody", { children: rows.map((row) => {
+                        const copy = row.copy ?? copyableText(row.value);
+                        return (_jsxs("tr", { children: [_jsxs("th", { scope: "row", children: [row.label, row.note === undefined ? null : (_jsx("span", { className: "properties__note", children: row.note }))] }), _jsx(ClickToCopy, { as: "td", value: copy ?? '', label: row.label, disabled: copy === null, children: row.value })] }, row.label));
+                    }) }) })] }));
+}
+//# sourceMappingURL=PropertyTable.js.map

package/lib/property/ui/PropertyTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyTable.js","sourceRoot":"","sources":["../../../src/property/ui/PropertyTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAoC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAqCvD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO,CACL,mBAAS,SAAS,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,CAAC,aACxD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,aAAI,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAM,CAC/C,EACD,gBAAO,SAAS,EAAC,mBAAmB,YAClC,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBAChB,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBACjD,OAAO,CACL,yBACE,cAAI,KAAK,EAAC,KAAK,aACZ,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,IAAI,GAAQ,CACrD,IACE,EACL,KAAC,WAAW,IACV,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,IAAI,KAAK,IAAI,YAEtB,GAAG,CAAC,KAAK,GACE,KAdP,GAAG,CAAC,KAAK,CAeb,CACN,CAAC;oBACJ,CAAC,CAAC,GACI,GACF,IACA,CACX,CAAC;AACJ,CAAC"}

package/lib/property/ui/index.d.ts

@@ -0,0 +1,3 @@
+export type { PropertyRow, PropertyTableProps } from './PropertyTable.tsx';
+export { PropertyTable } from './PropertyTable.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/property/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/property/ui/index.js

@@ -0,0 +1,2 @@
+export { PropertyTable } from "./PropertyTable.js";
+//# sourceMappingURL=index.js.map

package/lib/property/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC"}