forgebook 0.1.3 → 0.1.5

package/dist/src/shell/Toolbar.js

@@ -1,70 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * The catalogue's toolbar: the colour scheme and the contrast switches, the View menu (every other declared switch,
- * the background, the style sheets, the text size), the stage's width, the panel, and Compare; every value kept in the
- * address.
+ * The catalogue's toolbar: the View menu first, then the controls the person pinned, in their order, then the panel
+ * and Compare; every value kept in the address, the arrangement in the person's browser.
+ *
+ * @remarks
+ * The controls are the catalogue's switches and Forgebook's own (the background, the style sheets, the text size, the
+ * stage's width); which start pinned is the catalogue's choice, where each sits is the person's (`toolbarLayout.ts`).
+ * The panel and Compare belong to the page, not to the view: they stay at the end.
  *
  * @module
  */
-import { useId } from "react";
+import { useId, useRef } from "react";
 import { NOT_FIXED, withFixed, withOwnFixed } from "../storyGlobals.js";
-import { switchControl, switchWithRole } from "../switches.js";
-import { DEFAULT_VIEW, hasViewChanges, isComparing, isMenuSwitch, PLAIN_BACKDROP, SHEETS_CHOICES } from "../viewState.js";
+import { switchWithRole } from "../switches.js";
+import { hasViewChanges, isComparing } from "../viewState.js";
 import { useCatalogue } from "./catalogueContext.js";
 import { Icon } from "./icons.js";
-import { SchemeSwitches } from "./SchemeSwitches.js";
-import { Segmented } from "./Segmented.js";
+import { PinnedControl } from "./PinnedControl.js";
 import { STRINGS } from "./strings.js";
-import { switchValueIn, withSwitch } from "./switchView.js";
+import { useControlKeys } from "./useControlKeys.js";
 import { usePopover } from "./usePopover.js";
-import { WidthField } from "./WidthField.js";
-/**
- * One switch's row in the View menu: segments, or a list for many values.
- *
- * @param props - the switch, the view and its setter.
- */
-const SwitchRow = ({ each, view, onViewChange, isFixed }) => {
-    const listId = useId();
-    const isCompared = view.compare.includes(each.id) || isFixed;
-    if (switchControl(each) === "list") {
-        return (_jsxs("div", { className: "forgebook-popover__row", children: [_jsx("label", { className: "forgebook-popover__label", htmlFor: listId, children: each.label }), _jsx("select", { id: listId, className: "forgebook-select", value: switchValueIn(view, each), disabled: isCompared, title: isFixed ? STRINGS.setByStory : undefined, onChange: (event) => onViewChange(withSwitch(view, each, event.currentTarget.value)), children: each.values.map((value) => (_jsx("option", { value: value.value, children: value.label }, value.value))) })] }));
-    }
-    return (_jsxs("div", { className: "forgebook-popover__row", children: [_jsx("span", { className: "forgebook-popover__label", children: each.label }), _jsx(Segmented, { label: each.label, options: each.values.map((value) => ({ value: value.value, label: value.label })), value: switchValueIn(view, each), isDisabled: isCompared, disabledNote: isFixed ? STRINGS.setByStory : undefined, onValueChange: (value) => onViewChange(withSwitch(view, each, value)) })] }));
-};
-/**
- * The View menu: every declared switch the toolbar does not show itself, the background, the style sheets and the
- * text size, with a dot on its button when one is changed. The background is a list: its six names are too long for
- * a row of segments.
- *
- * @param props - the view and its setter.
- */
-const ViewMenu = ({ view, onViewChange, fixed = NOT_FIXED, hasOwnChanges }) => {
-    const { isOpen, setIsOpen, buttonRef, panelRef, panelId } = usePopover();
-    const catalogue = useCatalogue();
-    const { switches } = catalogue;
-    const backdropId = useId();
-    const menuSwitches = switches.filter(isMenuSwitch);
-    return (_jsxs("div", { className: "forgebook-view-menu", children: [_jsxs("button", { ref: buttonRef, type: "button", className: "forgebook-button", "aria-expanded": isOpen, "aria-controls": panelId, onClick: () => setIsOpen(!isOpen), children: [_jsx(Icon, { name: "sliders", size: 14 }), STRINGS.view, hasOwnChanges ? (_jsx("span", { className: "forgebook-dot", role: "img", "aria-label": STRINGS.viewChanged })) : null, _jsx(Icon, { name: "chevronDown", size: 12 })] }), isOpen ? (_jsxs("div", { ref: panelRef, id: panelId, className: "forgebook-popover", role: "dialog", "aria-label": STRINGS.view, children: [menuSwitches.map((each) => (_jsx(SwitchRow, { each: each, view: view, onViewChange: onViewChange, isFixed: fixed.switches[each.id] !== undefined }, each.id))), _jsxs("div", { className: "forgebook-popover__row", children: [_jsx("label", { className: "forgebook-popover__label", htmlFor: backdropId, children: STRINGS.backdrop }), _jsxs("select", { id: backdropId, className: "forgebook-select", value: view.backdrop, disabled: fixed.backdrop !== undefined, title: fixed.backdrop === undefined ? undefined : STRINGS.setByStory, onChange: (event) => onViewChange({ ...view, backdrop: event.currentTarget.value }), children: [_jsx("option", { value: PLAIN_BACKDROP, children: STRINGS.backdropPlain }), catalogue.backdrops.map((backdrop) => (_jsx("option", { value: backdrop.id, children: backdrop.label }, backdrop.id)))] })] }), _jsxs("div", { className: "forgebook-popover__row", children: [_jsx("span", { className: "forgebook-popover__label", children: STRINGS.sheets }), _jsx(Segmented, { label: STRINGS.sheets, options: SHEETS_CHOICES.map((sheets) => ({
-                                    value: sheets,
-                                    label: STRINGS.sheetChoices[sheets]
-                                })), value: view.sheets, isDisabled: view.compare.includes("sheets"), onValueChange: (sheets) => onViewChange({ ...view, sheets }) })] }), _jsxs("div", { className: "forgebook-popover__row", children: [_jsx("span", { className: "forgebook-popover__label", children: STRINGS.text }), _jsx(Segmented, { label: STRINGS.text, options: catalogue.textSizes.map((text) => ({ value: text, label: STRINGS.textScale(text) })), value: view.text, isDisabled: view.compare.includes("text"), onValueChange: (text) => onViewChange({ ...view, text }) })] }), _jsxs("div", { className: "forgebook-popover__foot", children: [_jsx("button", { type: "button", className: "forgebook-text-button", onClick: () => onViewChange({
-                                    ...view,
-                                    switches: {
-                                        ...view.switches,
-                                        ...Object.fromEntries(menuSwitches.map((each) => [each.id, each.default]))
-                                    },
-                                    backdrop: DEFAULT_VIEW.backdrop,
-                                    sheets: DEFAULT_VIEW.sheets,
-                                    text: DEFAULT_VIEW.text
-                                }), children: STRINGS.resetView }), _jsx("span", { className: "forgebook-popover__note", children: STRINGS.viewInAddress })] })] })) : null] }));
-};
+import { useToolbarLayout } from "./useToolbarLayout.js";
+import { useToolbarOverflow } from "./useToolbarOverflow.js";
+import { ViewMenu } from "./ViewMenu.js";
 /**
- * The Compare menu's choices: Off, the colour scheme at both contrasts when the catalogue has both, each switch of
- * the View menu, the text sizes and the style sheets.
+ * The Compare menu's choices: Off, the colour scheme at both contrasts when the catalogue has both, each other switch,
+ * and the text sizes and the style sheets when the catalogue shows them.
  *
- * @param switches - the catalogue's switches.
+ * @param catalogue - the catalogue's switches and controls.
  */
-const compareChoices = (switches) => {
+const compareChoices = (catalogue) => {
+    const { switches, ownControls } = catalogue;
     const scheme = switchWithRole(switches, "colorScheme");
     const contrast = switchWithRole(switches, "contrast");
     const schemes = scheme === undefined
@@ -77,9 +43,11 @@ const compareChoices = (switches) => {
     return [
         { axes: [], label: STRINGS.compareOff },
         ...schemes,
-        ...switches.filter(isMenuSwitch).map((each) => ({ axes: [each.id], label: each.label })),
-        { axes: ["text"], label: STRINGS.compareText },
-        { axes: ["sheets"], label: STRINGS.compareSheets }
+        ...switches
+            .filter((each) => each !== scheme && each !== contrast)
+            .map((each) => ({ axes: [each.id], label: each.label })),
+        ...(ownControls.includes("text") ? [{ axes: ["text"], label: STRINGS.compareText }] : []),
+        ...(ownControls.includes("sheets") ? [{ axes: ["sheets"], label: STRINGS.compareSheets }] : [])
     ];
 };
 /**
@@ -88,10 +56,10 @@ const compareChoices = (switches) => {
  * @param props - the view, its setter, and whether the page compares at all.
  */
 const CompareMenu = ({ view, onViewChange, isDisabled, fixed = NOT_FIXED }) => {
-    const { isOpen, setIsOpen, buttonRef, panelRef, panelId } = usePopover();
-    const switches = useCatalogue().switches;
+    const { isOpen, isDrawn, setIsOpen, buttonRef, panelRef, panelId } = usePopover();
+    const catalogue = useCatalogue();
     const name = useId();
-    return (_jsxs("div", { className: "forgebook-view-menu", children: [_jsxs("button", { ref: buttonRef, type: "button", className: "forgebook-button", title: STRINGS.compare, "aria-pressed": isComparing(view), "aria-expanded": isOpen, "aria-controls": panelId, disabled: isDisabled, onClick: () => setIsOpen(!isOpen), children: [_jsx(Icon, { name: "compare", size: 14 }), _jsx("span", { className: "forgebook-button__label", children: STRINGS.compare }), _jsx(Icon, { name: "chevronDown", size: 12 })] }), isOpen ? (_jsx("div", { ref: panelRef, id: panelId, className: "forgebook-popover forgebook-popover--end", role: "dialog", "aria-label": STRINGS.compare, children: _jsxs("fieldset", { className: "forgebook-choices", children: [_jsx("legend", { className: "forgebook-visually-hidden", children: STRINGS.compare }), compareChoices(switches).map((choice) => (_jsxs("label", { className: "forgebook-choice", children: [_jsx("input", { type: "radio", name: name, 
+    return (_jsxs("div", { className: "forgebook-view-menu", children: [_jsxs("button", { ref: buttonRef, type: "button", className: "forgebook-button", title: STRINGS.compare, "aria-pressed": isComparing(view), "aria-expanded": isOpen, "aria-controls": panelId, disabled: isDisabled, onClick: (event) => setIsOpen(!isOpen, event), children: [_jsx(Icon, { name: "compare", size: 14 }), _jsx("span", { className: "forgebook-button__label", children: STRINGS.compare }), _jsx(Icon, { name: "chevronDown", size: 12 })] }), isDrawn ? (_jsx("div", { ref: panelRef, id: panelId, className: "forgebook-popover forgebook-popover--end", role: "dialog", "aria-label": STRINGS.compare, children: _jsxs("fieldset", { className: "forgebook-choices", children: [_jsx("legend", { className: "forgebook-visually-hidden", children: STRINGS.compare }), compareChoices(catalogue).map((choice) => (_jsxs("label", { className: "forgebook-choice", children: [_jsx("input", { type: "radio", name: name, 
                                     // a switch the story fixes would draw the same story in every cell
                                     disabled: choice.axes.some((axis) => fixed.switches[axis] !== undefined), checked: view.compare.join(",") === choice.axes.join(","), onChange: () => {
                                         onViewChange({ ...view, compare: choice.axes });
@@ -110,16 +78,18 @@ export const ShowSidebarButton = ({ onShowSidebar }) => (_jsx("button", { type:
  * @param props - the view, its setter, the page shown and the story's width.
  */
 export const Toolbar = ({ view: ownView, onViewChange: onOwnViewChange, isStoryPage = true, onShowSidebar, shownWidth, fixed = NOT_FIXED }) => {
-    const { widths, switches } = useCatalogue();
+    const layout = useToolbarLayout();
+    const catalogue = useCatalogue();
     // the story's fixed values are shown, and a change of anything else keeps the user's own in the address
     const view = withFixed(ownView, fixed);
     const onViewChange = (changed) => onOwnViewChange(withOwnFixed(changed, ownView, fixed));
-    return (_jsxs("div", { className: "forgebook-toolbar", children: [onShowSidebar === undefined ? null : _jsx(ShowSidebarButton, { onShowSidebar: onShowSidebar }), _jsx(SchemeSwitches, { view: view, onViewChange: onViewChange, isStoryPage: isStoryPage, fixed: fixed }), _jsx("span", { className: "forgebook-toolbar__divider" }), _jsx(ViewMenu, { view: view, onViewChange: onViewChange, fixed: fixed, hasOwnChanges: hasViewChanges(ownView, switches) }), _jsx("span", { className: "forgebook-toolbar__divider" }), _jsxs("div", { className: "forgebook-toolbar__width", children: [_jsx("span", { className: "forgebook-toolbar__icon", title: STRINGS.width, children: _jsx(Icon, { name: "width", size: 14 }) }), _jsx(Segmented, { label: STRINGS.width, isDisabled: (isStoryPage && isComparing(view)) || fixed.width !== undefined, disabledNote: fixed.width === undefined ? undefined : STRINGS.setByStory, options: [
-                            { value: "fill", label: STRINGS.widthFill },
-                            ...widths.map((preset) => ({
-                                value: preset.width,
-                                label: preset.label ?? STRINGS.widthPx(preset.width)
-                            }))
-                        ], value: view.width, onValueChange: (width) => onViewChange({ ...view, width }), after: _jsx(WidthField, { width: view.width, shownWidth: shownWidth, onWidthChange: (width) => onViewChange({ ...view, width }) }) })] }), _jsx("span", { className: "forgebook-toolbar__spacer" }), _jsxs("button", { type: "button", className: "forgebook-button", title: STRINGS.panel, "aria-pressed": view.isPanelOpen, disabled: !isStoryPage, onClick: () => onViewChange({ ...view, isPanelOpen: !view.isPanelOpen }), children: [_jsx(Icon, { name: "panel", size: 14 }), _jsx("span", { className: "forgebook-button__label", children: STRINGS.panel })] }), _jsx(CompareMenu, { view: view, onViewChange: onViewChange, isDisabled: !isStoryPage, fixed: fixed })] }));
+    const context = { view, onViewChange, isStoryPage, fixed, shownWidth };
+    useControlKeys({ keys: layout.keys, view, onViewChange, fixed, isStoryPage });
+    const pinnedRef = useRef(null);
+    const pinned = layout.placed.filter((each) => each.isPinned);
+    const moved = useToolbarOverflow(pinnedRef, pinned.map((each) => each.control.id));
+    // a bar that wraps has room for every pinned control
+    const onBar = layout.isWrapped ? pinned : pinned.filter((each) => !moved.includes(each.control.id));
+    return (_jsxs("div", { className: layout.isWrapped ? "forgebook-toolbar forgebook-toolbar--wrap" : "forgebook-toolbar", children: [onShowSidebar === undefined ? null : _jsx(ShowSidebarButton, { onShowSidebar: onShowSidebar }), _jsx(ViewMenu, { layout: layout, ownView: ownView, movedIds: layout.isWrapped ? [] : moved, ...context }), onBar.length === 0 ? null : _jsx("span", { className: "forgebook-toolbar__divider" }), _jsx("div", { ref: pinnedRef, className: "forgebook-toolbar__pinned-list", children: onBar.map((each) => (_jsx(PinnedControl, { control: each.control, isHidden: each.isHidden, isChanged: hasViewChanges(ownView, catalogue.switches, [each.control.id]), layout: layout, ...context }, each.control.id))) }), _jsxs("button", { type: "button", className: "forgebook-button", title: STRINGS.panel, "aria-pressed": view.isPanelOpen, disabled: !isStoryPage, onClick: () => onViewChange({ ...view, isPanelOpen: !view.isPanelOpen }), children: [_jsx(Icon, { name: "panel", size: 14 }), _jsx("span", { className: "forgebook-button__label", children: STRINGS.panel })] }), _jsx(CompareMenu, { view: view, onViewChange: onViewChange, isDisabled: !isStoryPage, fixed: fixed })] }));
 };
 //# sourceMappingURL=Toolbar.js.map

package/dist/src/shell/Toolbar.js.map

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

package/dist/src/shell/ToolbarControl.d.ts

@@ -0,0 +1,47 @@
+/**
+ * One control of the toolbar or the View menu, wherever the person placed it: a switch the catalogue declares, or one
+ * of Forgebook's own (the background, the style sheets, the text size, the stage's width), drawn for the toolbar or for
+ * a row of the View menu; off while the compare view sets it or the story fixes it.
+ *
+ * @remarks
+ * On the toolbar a control takes its compact form: the colour scheme as segments with icons, a two-value contrast as a
+ * toggle, a few short values as segments after the control's name, anything longer as a list after it. In the View
+ * menu the row shows the name, so the control is the segments or the list alone.
+ *
+ * @module
+ */
+import { type ReactNode } from "react";
+import type { FixedView } from "../storyGlobals.ts";
+import type { ToolbarControl as Control } from "../toolbarLayout.ts";
+import { type ViewState } from "../viewState.ts";
+/** Where a control is drawn: on the toolbar, or in a row of the View menu. */
+export type ControlForm = "bar" | "row";
+/** What every control reads and sets. */
+export type ControlContext = {
+    /** The view shown. */
+    readonly view: ViewState;
+    /** Called with the changed view. */
+    readonly onViewChange: (view: ViewState) => void;
+    /** Whether a story's page is shown: the compare view sets values there, never on a component's page. */
+    readonly isStoryPage: boolean;
+    /** What the shown story fixes of the view. */
+    readonly fixed: FixedView;
+    /** The width the shown story really has, in CSS px, for the width field; none on a component's page. */
+    readonly shownWidth: number | undefined;
+};
+/**
+ * A control's name, as its row, its menu and its buttons' names write it.
+ *
+ * @param control - the control.
+ */
+export declare const controlLabel: (control: Control) => string;
+/**
+ * One control, drawn for where it sits.
+ *
+ * @param props - the control, its form, and what every control shares.
+ */
+export declare const ToolbarControl: ({ control, form, ...context }: ControlContext & {
+    readonly control: Control;
+    readonly form: ControlForm;
+}) => ReactNode;
+//# sourceMappingURL=ToolbarControl.d.ts.map

package/dist/src/shell/ToolbarControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarControl.d.ts","sourceRoot":"","sources":["../../../src/shell/ToolbarControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAoB,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAML,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAC;AAQzB,8EAA8E;AAC9E,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,CAAC;AAExC,yCAAyC;AACzC,MAAM,MAAM,cAAc,GAAG;IAC3B,sBAAsB;IACtB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,oCAAoC;IACpC,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACjD,wGAAwG;IACxG,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,8CAA8C;IAC9C,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,wGAAwG;IACxG,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC,CAAC;AA+BF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,OAAO,KAAG,MAC6B,CAAC;AA2P9E;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,+BAI5B,cAAc,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;CAAE,KAAG,SAK7E,CAAC"}

package/dist/src/shell/ToolbarControl.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One control of the toolbar or the View menu, wherever the person placed it: a switch the catalogue declares, or one
+ * of Forgebook's own (the background, the style sheets, the text size, the stage's width), drawn for the toolbar or for
+ * a row of the View menu; off while the compare view sets it or the story fixes it.
+ *
+ * @remarks
+ * On the toolbar a control takes its compact form: the colour scheme as segments with icons, a two-value contrast as a
+ * toggle, a few short values as segments after the control's name, anything longer as a list after it. In the View
+ * menu the row shows the name, so the control is the segments or the list alone.
+ *
+ * @module
+ */
+import { useId } from "react";
+import { switchControl } from "../switches.js";
+import { isComparing, PLAIN_BACKDROP, SHEETS_CHOICES } from "../viewState.js";
+import { useCatalogue } from "./catalogueContext.js";
+import { Icon } from "./icons.js";
+import { Segmented } from "./Segmented.js";
+import { STRINGS } from "./strings.js";
+import { switchValueIn, withSwitch } from "./switchView.js";
+import { WidthField } from "./WidthField.js";
+/** The icon of each scheme a colour scheme switch's values draw in. */
+const SCHEME_ICONS = {
+    light: "sun",
+    dark: "moon",
+    system: "monitor"
+};
+/** The most characters a control's values may take together to sit on the toolbar as segments. */
+const COMPACT_LETTERS = 20;
+/** The most values a control may have to sit on the toolbar as segments. */
+const COMPACT_VALUES = 3;
+/**
+ * Whether values fit on the toolbar as segments: few, and short together.
+ *
+ * @param labels - the values' names.
+ */
+const isCompact = (labels) => labels.length <= COMPACT_VALUES && labels.join("").length <= COMPACT_LETTERS;
+/** The name of each of Forgebook's own controls. */
+const OWN_LABELS = {
+    backdrop: () => STRINGS.backdrop,
+    sheets: () => STRINGS.sheets,
+    text: () => STRINGS.text,
+    width: () => STRINGS.width
+};
+/**
+ * A control's name, as its row, its menu and its buttons' names write it.
+ *
+ * @param control - the control.
+ */
+export const controlLabel = (control) => control.kind === "switch" ? control.switch.label : OWN_LABELS[control.id]();
+/**
+ * A choice as a native list: the platform's keys and screen reader support, for values too many or too long for
+ * segments.
+ *
+ * @param props - the choice, and the list's id for its label.
+ */
+const ChoiceList = ({ id, label, options, value, onValueChange, isDisabled, disabledNote }) => (_jsx("select", { id: id, className: "forgebook-select", "aria-label": label, value: String(value), disabled: isDisabled, title: isDisabled ? disabledNote : undefined, onChange: (event) => {
+        const chosen = options.find((option) => String(option.value) === event.currentTarget.value);
+        if (chosen !== undefined)
+            onValueChange(chosen.value);
+    }, children: options.map((option) => (_jsx("option", { value: String(option.value), children: option.label }, String(option.value)))) }));
+/**
+ * A choice in its form: in a row, segments (or a list when asked); on the toolbar, segments after its name when the
+ * values are few and short, else a list after its name.
+ *
+ * @param props - the choice, its form, and whether it is a list wherever it is.
+ */
+const FormChoice = ({ form, isList, ...choice }) => {
+    const id = useId();
+    const isSegments = !isList && (form === "row" || isCompact(choice.options.map((option) => option.label)));
+    const drawn = isSegments ? _jsx(Segmented, { ...choice }) : _jsx(ChoiceList, { ...choice, id: id });
+    if (form === "row")
+        return drawn;
+    return (_jsxs("div", { className: "forgebook-toolbar__control", children: [isSegments ? (_jsx("span", { className: "forgebook-toolbar__label", "aria-hidden": "true", children: choice.label })) : (_jsx("label", { className: "forgebook-toolbar__label", htmlFor: id, children: choice.label })), drawn] }));
+};
+/**
+ * A switch: the colour scheme with icons and a two-value contrast as a toggle on the toolbar, any other as a choice.
+ *
+ * @param props - the switch, its form, and what every control shares.
+ */
+const SwitchControl = ({ each, form, view, onViewChange, isStoryPage, fixed }) => {
+    const isFixed = fixed.switches[each.id] !== undefined;
+    const isDisabled = (isStoryPage && view.compare.includes(each.id)) || isFixed;
+    const disabledNote = isFixed ? STRINGS.setByStory : undefined;
+    const value = switchValueIn(view, each);
+    const choose = (chosen) => onViewChange(withSwitch(view, each, chosen));
+    const more = each.values.find((option) => option.isMore === true);
+    const standard = each.values.find((option) => option.isMore !== true);
+    if (form === "bar" && each.role === "colorScheme") {
+        return (_jsx(Segmented, { label: each.label, isDisabled: isDisabled, disabledNote: disabledNote, options: each.values.map((option) => ({
+                value: option.value,
+                label: option.label,
+                icon: SCHEME_ICONS[option.scheme ?? "light"]
+            })), value: value, onValueChange: choose }));
+    }
+    if (form === "bar" && each.role === "contrast" && more !== undefined && standard !== undefined) {
+        return (_jsxs("button", { type: "button", className: "forgebook-button", title: isFixed ? STRINGS.setByStory : each.label, "aria-pressed": value === more.value, disabled: isDisabled, onClick: () => choose(value === more.value ? standard.value : more.value), children: [_jsx(Icon, { name: "contrast", size: 14 }), _jsx("span", { className: "forgebook-button__label", children: each.label })] }));
+    }
+    return (_jsx(FormChoice, { form: form, isList: switchControl(each) === "list", label: each.label, options: each.values.map((option) => ({ value: option.value, label: option.label })), value: value, onValueChange: choose, isDisabled: isDisabled, disabledNote: disabledNote }));
+};
+/**
+ * The stage's width: its presets as segments, closed by the field that takes any width.
+ *
+ * @param props - its form and what every control shares.
+ */
+const WidthControl = ({ form, view, onViewChange, isStoryPage, fixed, shownWidth }) => {
+    const { widths } = useCatalogue();
+    const setWidth = (width) => onViewChange({ ...view, width });
+    const presets = (_jsx(Segmented, { label: STRINGS.width, isDisabled: (isStoryPage && isComparing(view)) || fixed.width !== undefined, disabledNote: fixed.width === undefined ? undefined : STRINGS.setByStory, options: [
+            { value: "fill", label: STRINGS.widthFill },
+            ...widths.map((preset) => ({
+                value: preset.width,
+                label: preset.label ?? STRINGS.widthPx(preset.width)
+            }))
+        ], value: view.width, onValueChange: setWidth, after: _jsx(WidthField, { width: view.width, shownWidth: shownWidth, onWidthChange: setWidth }) }));
+    if (form === "row")
+        return presets;
+    return (_jsxs("div", { className: "forgebook-toolbar__width", children: [_jsx("span", { className: "forgebook-toolbar__icon", title: STRINGS.width, children: _jsx(Icon, { name: "width", size: 14 }) }), presets] }));
+};
+/**
+ * One of Forgebook's own controls.
+ *
+ * @param props - the control, its form, and what every control shares.
+ */
+const OwnControl = ({ id, form, ...context }) => {
+    const catalogue = useCatalogue();
+    const { view, onViewChange, isStoryPage, fixed } = context;
+    if (id === "width")
+        return _jsx(WidthControl, { form: form, ...context });
+    if (id === "backdrop") {
+        return (_jsx(FormChoice, { form: form, 
+            // its names are too long for segments
+            isList: true, label: STRINGS.backdrop, options: [
+                { value: PLAIN_BACKDROP, label: STRINGS.backdropPlain },
+                ...catalogue.backdrops.map((backdrop) => ({ value: backdrop.id, label: backdrop.label }))
+            ], value: view.backdrop, onValueChange: (backdrop) => onViewChange({ ...view, backdrop }), isDisabled: fixed.backdrop !== undefined, disabledNote: fixed.backdrop === undefined ? undefined : STRINGS.setByStory }));
+    }
+    if (id === "sheets") {
+        return (_jsx(FormChoice, { form: form, isList: false, label: STRINGS.sheets, options: SHEETS_CHOICES.map((sheets) => ({ value: sheets, label: STRINGS.sheetChoices[sheets] })), value: view.sheets, onValueChange: (sheets) => onViewChange({ ...view, sheets }), isDisabled: isStoryPage && view.compare.includes("sheets"), disabledNote: undefined }));
+    }
+    return (_jsx(FormChoice, { form: form, isList: false, label: STRINGS.text, options: catalogue.textSizes.map((text) => ({ value: text, label: STRINGS.textScale(text) })), value: view.text, onValueChange: (text) => onViewChange({ ...view, text }), isDisabled: isStoryPage && view.compare.includes("text"), disabledNote: undefined }));
+};
+/**
+ * One control, drawn for where it sits.
+ *
+ * @param props - the control, its form, and what every control shares.
+ */
+export const ToolbarControl = ({ control, form, ...context }) => control.kind === "switch" ? (_jsx(SwitchControl, { each: control.switch, form: form, ...context })) : (_jsx(OwnControl, { id: control.id, form: form, ...context }));
+//# sourceMappingURL=ToolbarControl.js.map

package/dist/src/shell/ToolbarControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarControl.js","sourceRoot":"","sources":["../../../src/shell/ToolbarControl.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAoC,KAAK,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,aAAa,EAAmB,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EAIf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAiB,MAAM,YAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAsB,MAAM,gBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAmB9C,uEAAuE;AACvE,MAAM,YAAY,GAA4D;IAC5E,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,SAAS;CAClB,CAAC;AAEF,kGAAkG;AAClG,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,4EAA4E;AAC5E,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,MAAyB,EAAW,EAAE,CACvD,MAAM,CAAC,MAAM,IAAI,cAAc,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,eAAe,CAAC;AAE/E,oDAAoD;AACpD,MAAM,UAAU,GAAiD;IAC/D,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI;IACxB,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK;CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAU,EAAE,CACvD,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAkB9E;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAiC,EAClD,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,EACL,aAAa,EACb,UAAU,EACV,YAAY,EAC6B,EAAa,EAAE,CAAC,CACzD,iBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,kBAAkB,gBAChB,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5C,QAAQ,EAAE,CAAC,KAAqC,EAAQ,EAAE;QACxD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5F,IAAI,MAAM,KAAK,SAAS;YAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAmC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC3D,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACV,CAAC,GACK,CACV,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAiC,EAClD,IAAI,EACJ,MAAM,EACN,GAAG,MAAM,EACiE,EAAa,EAAE;IACzF,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1G,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,KAAC,SAAS,OAAK,MAAM,GAAI,CAAC,CAAC,CAAC,KAAC,UAAU,OAAK,MAAM,EAAE,EAAE,EAAE,EAAE,GAAI,CAAC;IAC1F,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC;IACjC,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACxC,UAAU,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAC,0BAA0B,iBAAa,MAAM,YAC1D,MAAM,CAAC,KAAK,GACR,CACR,CAAC,CAAC,CAAC,CACF,gBAAO,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,EAAE,YACpD,MAAM,CAAC,KAAK,GACP,CACT,EACA,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACsE,EAAa,EAAE;IAC1F,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IACtD,MAAM,UAAU,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC;IAC9E,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,CAAC,MAAc,EAAQ,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACtF,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;IACtE,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;QAClD,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,IAAI,OAAO,CAAC;aAC7C,CAAC,CAAC,EACH,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,GACrB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC/F,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,kBAClC,KAAK,KAAK,IAAI,CAAC,KAAK,EAClC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAS,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAE/E,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,EAAE,GAAI,EAClC,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,IACtD,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,MAAM,EACtC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EACpF,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,UAAU,EACsC,EAAa,EAAE;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/E,MAAM,OAAO,GAAG,CACd,KAAC,SAAS,IACR,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,UAAU,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAC3E,YAAY,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,EACxE,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE;YAC3C,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACzB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;aACrD,CAAC,CAAC;SACJ,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,QAAQ,EACvB,KAAK,EAAE,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,GAAI,GACzF,CACH,CAAC;IACF,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,OAAO,CAAC;IACnC,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAM,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,OAAO,CAAC,KAAK,YAC5D,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,EACN,OAAO,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,IAAI,EACJ,GAAG,OAAO,EACiE,EAAa,EAAE;IAC1F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC3D,IAAI,EAAE,KAAK,OAAO;QAAE,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,KAAM,OAAO,GAAI,CAAC;IACrE,IAAI,EAAE,KAAK,UAAU,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI;YACV,sCAAsC;YACtC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,OAAO,CAAC,QAAQ,EACvB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE;gBACvD,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;aAC1F,EACD,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,aAAa,EAAE,CAAC,QAAgB,EAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC9E,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,EACxC,YAAY,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,GAC3E,CACH,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,KAAK,QAAQ,EAAE,CAAC;QACpB,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,OAAO,CAAC,MAAM,EACrB,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EACjG,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,aAAa,EAAE,CAAC,MAAoB,EAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,CAAC,EAChF,UAAU,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAC1D,YAAY,EAAE,SAAS,GACvB,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAC7F,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,aAAa,EAAE,CAAC,IAAY,EAAQ,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC,EACtE,UAAU,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EACxD,YAAY,EAAE,SAAS,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,GAAG,OAAO,EACiE,EAAa,EAAE,CAC1F,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,KAAM,OAAO,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,KAAM,OAAO,GAAI,CACxD,CAAC"}

package/dist/src/shell/UsedIn.d.ts

@@ -0,0 +1,38 @@
+/**
+ * "Used in" on a component's page: the other components of its source whose stories use it, each linking to its page
+ * with the stories that use it, direct users first; a reader folds it away and their browser keeps that.
+ *
+ * @remarks
+ * The usage is loaded only while the block is open, so a reader who keeps it shut never makes the catalogue read its
+ * import graph. Twelve components show at first, then "and N more" shows the rest. A component used only through
+ * another (Tree renders Row, Row renders it) says so.
+ *
+ * @module
+ */
+import { type ReactNode } from "react";
+import type { TreeComponent, TreeStory } from "../storyTree.ts";
+import { type UsageIndex } from "../usedIn.ts";
+/** What the block reads and opens. */
+export type UsedInProps = {
+    /** The page's component's title. */
+    readonly title: string;
+    /** Loads the source's usage. */
+    readonly load: () => Promise<UsageIndex | string>;
+    /** A component of the source, by its title; none when the tree no longer has it. */
+    readonly componentOf: (title: string) => TreeComponent | undefined;
+    /** The address of a component's page. */
+    readonly componentHrefOf: (component: TreeComponent) => string;
+    /** Opens a component's page. */
+    readonly onOpenComponent: (component: TreeComponent) => void;
+    /** The address of a story's page. */
+    readonly storyHrefOf: (story: TreeStory) => string;
+    /** Opens a story's page. */
+    readonly onOpenStory: (story: TreeStory) => void;
+};
+/**
+ * The block.
+ *
+ * @param props - the page's component, the usage's loader and how pages open.
+ */
+export declare const UsedIn: ({ title, load, componentOf, ...links }: UsedInProps) => ReactNode;
+//# sourceMappingURL=UsedIn.d.ts.map

package/dist/src/shell/UsedIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsedIn.d.ts","sourceRoot":"","sources":["../../../src/shell/UsedIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAmB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAA+B,KAAK,UAAU,EAAuB,MAAM,cAAc,CAAC;AAOjG,sCAAsC;AACtC,MAAM,MAAM,WAAW,GAAG;IACxB,oCAAoC;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC;IAClD,oFAAoF;IACpF,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IACnE,yCAAyC;IACzC,QAAQ,CAAC,eAAe,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,MAAM,CAAC;IAC/D,gCAAgC;IAChC,QAAQ,CAAC,eAAe,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7D,qCAAqC;IACrC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IACnD,4BAA4B;IAC5B,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAClD,CAAC;AAyHF;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,wCAAwC,WAAW,KAAG,SAyC5E,CAAC"}

package/dist/src/shell/UsedIn.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * "Used in" on a component's page: the other components of its source whose stories use it, each linking to its page
+ * with the stories that use it, direct users first; a reader folds it away and their browser keeps that.
+ *
+ * @remarks
+ * The usage is loaded only while the block is open, so a reader who keeps it shut never makes the catalogue read its
+ * import graph. Twelve components show at first, then "and N more" shows the rest. A component used only through
+ * another (Tree renders Row, Row renders it) says so.
+ *
+ * @module
+ */
+import { useId, useState } from "react";
+import { isUsageIndex, USED_IN_SHOWN } from "../usedIn.js";
+import { Icon } from "./icons.js";
+import { STRINGS } from "./strings.js";
+import { useFold } from "./useFold.js";
+import { useLoaded } from "./useLoaded.js";
+import { useStored } from "./useStored.js";
+/**
+ * The using components the tree still has, with their stories.
+ *
+ * @param users - the using components, by title.
+ * @param componentOf - a component by its title.
+ */
+const shownUsers = (users, componentOf) => users.flatMap((user) => {
+    const component = componentOf(user.title);
+    if (component === undefined)
+        return [];
+    const stories = user.stories.flatMap((exportName) => component.stories.filter((story) => story.exportName === exportName));
+    return [{ component, isDirect: user.isDirect, stories }];
+});
+/**
+ * A link that opens a page in place, keeping a real address for a new tab.
+ *
+ * @param props - the address, what opening does, its class and its text.
+ */
+const PageLink = ({ href, onOpen, className, children }) => (_jsx("a", { className: className, href: href, onClick: (event) => {
+        if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+            return;
+        event.preventDefault();
+        onOpen();
+    }, children: children }));
+/**
+ * The list of using components, twelve first and the rest on request.
+ *
+ * @param props - the using components and how their pages open.
+ */
+const UserList = ({ users, ...links }) => {
+    const [isAll, setIsAll] = useState(false);
+    if (users.length === 0)
+        return _jsx("p", { className: "forgebook-used-in__note", children: STRINGS.usedInNone });
+    const shown = isAll ? users : users.slice(0, USED_IN_SHOWN);
+    return (_jsxs(_Fragment, { children: [_jsx("ul", { className: "forgebook-used-in__list", children: shown.map((user) => (_jsxs("li", { className: "forgebook-used-in__user", children: [_jsx(PageLink, { href: links.componentHrefOf(user.component), onOpen: () => links.onOpenComponent(user.component), className: "forgebook-link forgebook-used-in__component", children: user.component.name }), _jsx("span", { className: "forgebook-used-in__note", children: user.isDirect ? STRINGS.usedInStories(user.stories.length) : STRINGS.usedInThrough }), _jsx("span", { className: "forgebook-used-in__stories", children: user.stories.map((story) => (_jsx(PageLink, { href: links.storyHrefOf(story), onOpen: () => links.onOpenStory(story), className: "forgebook-used-in__story", children: story.name }, story.id))) })] }, user.component.title))) }), isAll || users.length <= USED_IN_SHOWN ? null : (_jsx("button", { type: "button", className: "forgebook-text-button", onClick: () => setIsAll(true), children: STRINGS.usedInMore(users.length - USED_IN_SHOWN) }))] }));
+};
+/** What the source's usage answered, as a state. */
+const usageState = (value) => {
+    if (typeof value === "string")
+        return { status: "error", message: value };
+    return isUsageIndex(value)
+        ? { status: "ready", value }
+        : { status: "error", message: "The usage has an unexpected shape" };
+};
+/**
+ * The block.
+ *
+ * @param props - the page's component, the usage's loader and how pages open.
+ */
+export const UsedIn = ({ title, load, componentOf, ...links }) => {
+    const [isOpen, setIsOpen] = useStored("used-in", (stored) => stored !== "closed", (open) => (open ? "open" : "closed"));
+    const usage = useLoaded(isOpen ? load : undefined, usageState);
+    const fold = useFold(isOpen, false);
+    const headingId = useId();
+    const bodyId = useId();
+    return (_jsxs("section", { className: "forgebook-doc__section forgebook-used-in", "aria-labelledby": headingId, children: [_jsx("h2", { id: headingId, className: "forgebook-used-in__heading", children: _jsxs("button", { type: "button", className: "forgebook-used-in__toggle", "aria-expanded": isOpen, "aria-controls": bodyId, onClick: () => setIsOpen(!isOpen), children: [_jsx("span", { className: "forgebook-tree__chevron", "data-open": isOpen ? "" : undefined, children: _jsx(Icon, { name: "chevronRight", size: 14 }) }), STRINGS.usedIn] }) }), _jsx("div", { ref: fold.ref, id: bodyId, className: "forgebook-used-in__body", children: fold.isDrawn ? (_jsxs(_Fragment, { children: [usage.status === "loading" ? (_jsx("p", { className: "forgebook-used-in__note", children: STRINGS.usedInLoading })) : null, usage.status === "error" ? _jsx("p", { className: "forgebook-used-in__note", children: usage.message }) : null, usage.status === "ready" ? (_jsx(UserList, { users: shownUsers(usage.value[title] ?? [], componentOf), ...links })) : null] })) : null })] }));
+};
+//# sourceMappingURL=UsedIn.js.map

package/dist/src/shell/UsedIn.js.map

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

package/dist/src/shell/ViewMenu.d.ts

@@ -0,0 +1,37 @@
+/**
+ * The View menu: every control the person did not hide in it, in their order, each with its value, a handle to move
+ * it, a pin that puts it on the toolbar and a button that hides it here (a pinned one stays on the toolbar); at its
+ * foot the hidden controls, the wrap choice, the values' reset and the toolbar's reset.
+ *
+ * @remarks
+ * The order is set here only, and the toolbar shows the pinned controls in it: nothing is dragged on the toolbar. A row
+ * follows the pointer one to one while it is dragged, and the others move out of its way animated; with the keyboard,
+ * the handle moves its row with the arrow keys and the new position is announced.
+ *
+ * @module
+ */
+import { type ReactNode } from "react";
+import type { PlacedControl } from "../toolbarLayout.ts";
+import { type ViewState } from "../viewState.ts";
+import { type ControlContext } from "./ToolbarControl.tsx";
+import type { ToolbarLayout } from "./useToolbarLayout.ts";
+/**
+ * The ids of the controls whose values the View menu answers for: those not on the toolbar (in it, or hidden, whose
+ * value still applies), the stage's width aside, which is not a view setting.
+ *
+ * @param placed - the placed controls.
+ */
+export declare const menuControlIds: (placed: readonly PlacedControl[]) => string[];
+/**
+ * The View menu.
+ *
+ * @param props - the arrangement, whether the person changed one of the menu's values, and what every control shares.
+ */
+export declare const ViewMenu: ({ layout, ownView, movedIds, ...context }: ControlContext & {
+    readonly layout: ToolbarLayout;
+    /** The pinned controls the bar has no room for now: listed here as pinned, shown here until there is room. */
+    readonly movedIds: readonly string[];
+    /** The person's own view, without what the story fixes: a value the story fixes is not a change of theirs. */
+    readonly ownView: ViewState;
+}) => ReactNode;
+//# sourceMappingURL=ViewMenu.d.ts.map

package/dist/src/shell/ViewMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewMenu.d.ts","sourceRoot":"","sources":["../../../src/shell/ViewMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAM/E,OAAO,EAAE,KAAK,cAAc,EAAgC,MAAM,sBAAsB,CAAC;AAEzF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAW3D;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,aAAa,EAAE,KAAG,MAAM,EAC+B,CAAC;AA4IxG;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,2CAKtB,cAAc,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,8GAA8G;IAC9G,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,8GAA8G;IAC9G,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B,KAAG,SAyMH,CAAC"}