@riboseinc/paneron-registry-kit 2.0.0 → 2.0.1

package/compiled/views/detail/ChangeRequest/transitions.js

@@ -0,0 +1,418 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useContext, useEffect, useMemo, useCallback } from 'react';
+import { jsx, css } from '@emotion/react';
+import { Button, RadioGroup, Radio, FormGroup, TextArea } from '@blueprintjs/core';
+import { Tooltip2 as Tooltip } from '@blueprintjs/popover2';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { BrowserCtx } from '../../BrowserCtx';
+import { itemPathInCR, crIDToCRPath } from '../../itemPathUtils';
+import * as CR from '../../../types/cr';
+import { proposalsToObjectChangeset } from '../../change-request/objectChangeset';
+//export const TransitionOptions: C extends CR.Base ? C["state"] extends keyof CR.Transitions ? React.FC<{ cr: CR.Base }> : never : never = function ({ cr }) {
+export const TransitionOptions = function ({ cr, className }) {
+    const { stakeholder, subregisters } = useContext(BrowserCtx);
+    const { getObjectData, updateObjects, performOperation, operationKey, usePersistentDatasetStateReducer, } = useContext(DatasetContext);
+    const isBusy = operationKey !== undefined;
+    const transitions = useMemo((() => stakeholder
+        ? getTransitions(cr, stakeholder)
+        : []), [JSON.stringify(stakeholder), cr?.id, cr?.state]);
+    const initialState = {
+        // Pre-select next state to first available transition
+        chosenNextState: transitions.length > 0
+            ? transitions[0][0]
+            : undefined,
+        stateInput: {},
+    };
+    const [state, dispatch, stateRecalled] = usePersistentDatasetStateReducer(`${cr.id}-${cr.state}`, undefined, undefined, (prevState, action) => {
+        switch (action.type) {
+            case 'unset-next-state':
+                return {
+                    ...prevState,
+                    chosenNextState: undefined,
+                };
+            case 'choose-next-state':
+                return {
+                    ...prevState,
+                    chosenNextState: action.payload.state,
+                };
+            case 'update-next-state-input':
+                return {
+                    ...prevState,
+                    stateInput: action.payload,
+                };
+            default:
+                throw new Error("Unexpected state");
+        }
+    }, initialState, null);
+    const selectedTransitionCfg = (stateRecalled && state.chosenNextState
+        ? transitions.find(([t,]) => t === state.chosenNextState)?.[1]
+        : undefined) ?? undefined;
+    useEffect(() => {
+        if (stateRecalled && state.chosenNextState) {
+            if (!selectedTransitionCfg) {
+                dispatch({ type: 'unset-next-state' });
+            }
+        }
+    }, [
+        stateRecalled,
+        state.chosenNextState,
+        JSON.stringify(selectedTransitionCfg),
+    ]);
+    const [validatedStateInput, stateInputValidationErrors] = useMemo(() => {
+        if (cr && selectedTransitionCfg) {
+            try {
+                selectedTransitionCfg.func(cr, state.stateInput);
+            }
+            catch (e) {
+                return [undefined, e.message ?? `${e}`];
+            }
+            return [state.stateInput, undefined];
+        }
+        else {
+            return [undefined, "no CR or no transition selected"];
+        }
+    }, [JSON.stringify(cr), JSON.stringify(selectedTransitionCfg), JSON.stringify(state.stateInput)]);
+    const getItemChangesetAsApproved = useCallback(async function (cr) {
+        const origItemData = (await getObjectData({
+            objectPaths: [
+                ...Object.entries(cr.items).
+                    filter(([, prop]) => prop.type !== 'addition').
+                    map(([itemPath,]) => itemPath),
+                ...Object.values(cr.items).
+                    filter(prop => prop.type === 'amendment' && prop.amendmentType === 'supersession').
+                    flatMap(prop => prop.supersedingItemIDs),
+            ],
+        })).data;
+        console.debug("Got orig item data", origItemData);
+        const newItemData = (await getObjectData({
+            objectPaths: Object.entries(cr.items).
+                filter(([, prop]) => prop.type === 'clarification' || prop.type === 'addition').
+                map(([itemPath,]) => itemPathInCR(itemPath, cr.id)),
+        })).data;
+        console.debug("Got new item data", newItemData);
+        return await proposalsToObjectChangeset(cr.id, subregisters !== undefined, cr.items, origItemData, newItemData);
+    }, [JSON.stringify(cr), JSON.stringify(subregisters)]);
+    const handleTransition = useCallback(async function (transitionCfg, stateInput) {
+        if (transitionCfg && updateObjects && stakeholder && transitionCfg.canBeTransitionedBy(stakeholder, cr)) {
+            const newCR = {
+                ...transitionCfg.func(cr, stateInput),
+                state: transitionCfg.targetState,
+            };
+            //console.debug("Transitioning CR", JSON.stringify(cr), JSON.stringify(newCR));
+            const changeset = {
+                [crIDToCRPath(cr.id)]: {
+                    oldValue: cr,
+                    newValue: newCR,
+                },
+            };
+            if (CR.isAccepted(newCR) || CR.isAcceptedOnAppeal(newCR)) {
+                Object.assign(changeset, await getItemChangesetAsApproved(newCR));
+            }
+            await updateObjects({
+                commitMessage: `${transitionCfg.title} CR`,
+                objectChangeset: changeset,
+            });
+        }
+        else {
+            throw new Error("Either transition is not specified or dataset is read-only");
+        }
+    }, [updateObjects, JSON.stringify(stakeholder), JSON.stringify(cr)]);
+    const canTransition = selectedTransitionCfg !== undefined && !isBusy && validatedStateInput !== undefined;
+    return (jsx("div", { css: css `display: flex; flex-flow: column nowrap;`, className: className },
+        transitions.length > 0
+            ? jsx(RadioGroup, { selectedValue: state.chosenNextState, onChange: (evt) => CR.isState(evt.currentTarget.value)
+                    ? dispatch({
+                        type: 'choose-next-state',
+                        payload: { state: evt.currentTarget.value },
+                    })
+                    : void 0 }, transitions.map(([state, cfg]) => jsx(Radio, { key: state, label: cfg.title, value: state, disabled: isBusy, large: true })))
+            : null,
+        selectedTransitionCfg?.Widget
+            ? jsx(Tooltip, { isOpen: stateInputValidationErrors !== undefined, placement: 'bottom', targetTagName: 'div', intent: 'warning', content: jsx(React.Fragment, null, stateInputValidationErrors) },
+                jsx(selectedTransitionCfg.Widget, { value: Object.keys(state.stateInput).length > 0
+                        ? state.stateInput
+                        : cr, onChange: !isBusy
+                        ? (payload) => dispatch({
+                            type: 'update-next-state-input',
+                            payload,
+                        })
+                        : undefined }))
+            : null,
+        selectedTransitionCfg
+            ? jsx(Button, { disabled: !canTransition, intent: canTransition ? 'primary' : undefined, onClick: () => validatedStateInput
+                    ? performOperation('transitioning CR state', handleTransition)(selectedTransitionCfg, validatedStateInput)
+                    : void 0 }, selectedTransitionCfg.title)
+            : null));
+};
+export function getPastTransitions(cr) {
+    const els = [];
+    if (CR.hasSubmitterInput(cr)) {
+        els.push(['Submitter input', jsx(React.Fragment, null, cr.justification)]);
+    }
+    if (CR.hasRegisterManagerInput(cr)) {
+        els.push(['Register manager notes', jsx(React.Fragment, null, cr.registerManagerNotes)]);
+    }
+    if (CR.hasControlBodyInput(cr)) {
+        els.push([
+            'Control body input',
+            jsx(React.Fragment, null,
+                cr.controlBodyNotes,
+                jsx("br", null),
+                jsx("em", { css: css `display: block;` },
+                    "Decision event: ",
+                    cr.controlBodyDecisionEvent))
+        ]);
+    }
+    if (CR.hasAppealRequest(cr)) {
+        els.push(['Reason for appeal', jsx(React.Fragment, null, cr.appealReason)]);
+    }
+    if (CR.hasRegisterOwnerInput(cr)) {
+        els.push(['Register owner notes', jsx(React.Fragment, null, cr.registerOwnerNotes)]);
+    }
+    return els;
+}
+/**
+ * Returns a list of transitions
+ * that can be performed on given CR by given stakeholder.
+ */
+export function getTransitions(cr, stakeholder) {
+    const possibleTransitions = TRANSITIONS[cr.state];
+    if (possibleTransitions) {
+        return (Object.entries(possibleTransitions).
+            filter(([, t]) => t.canBeTransitionedBy(stakeholder, cr)));
+    }
+    else {
+        return [];
+    }
+}
+/**
+ * Returns True if there is no possible transition for given state.
+ */
+export function isFinalState(state) {
+    return (Object.keys(TRANSITIONS[state] ?? {})).length < 1;
+}
+// Transition runtime implementation
+// const draft: CR.Transition<
+// | CR.ReturnedForClarificationByControlBody
+// | CR.ReturnedForClarificationByManager
+// | CR.Drafted,
+//   CR.Drafted,
+//   CR.SubmitterInput> =
+// function (cr, { justification, items }) {
+//   return {
+//     ...cr,
+//     justification,
+//     timeEdited: new Date(),
+//     items,
+//   };
+// }
+// 
+// const withdraw: CR.Transition<
+//   CR.Proposed
+// | CR.SubmittedForControlBodyReview
+// | CR.ReturnedForClarificationByControlBody
+// | CR.ReturnedForClarificationByManager,
+//   CR.Withdrawn> =
+// function withdraw (cr) {
+//   return {
+//     ...cr,
+//     timeDisposed: new Date(),
+//   };
+// }
+const applyRegisterManagerDecision = function applyRegisterManagerDecision(cr, { registerManagerNotes }) {
+    if (!registerManagerNotes?.trim()) {
+        throw new Error("Register manager note is required.");
+    }
+    return {
+        ...cr,
+        registerManagerNotes,
+    };
+};
+const applyControlBodyDecision = function applyControlBodyDecision(cr, { controlBodyNotes, controlBodyDecisionEvent }) {
+    if (!controlBodyNotes?.trim() || !controlBodyDecisionEvent?.trim()) {
+        throw new Error("Control body notes and decision event are required.");
+    }
+    return {
+        ...cr,
+        controlBodyNotes,
+        controlBodyDecisionEvent,
+    };
+};
+const applyAppeal = function applyRegisterManagerDecision(cr, { appealReason }) {
+    if (!appealReason?.trim()) {
+        throw new Error("Appeal reason is required.");
+    }
+    return {
+        ...cr,
+        appealReason,
+        timeDisposed: undefined,
+    };
+};
+const applyRegisterOwnerDecision = function applyRegisterManagerDecision(cr, { registerOwnerNotes }) {
+    if (!registerOwnerNotes?.trim()) {
+        throw new Error("Register owner note is required.");
+    }
+    return {
+        ...cr,
+        registerOwnerNotes,
+        timeDisposed: new Date(),
+    };
+};
+const WITHDRAWAL_TRANSITION = {
+    title: "Withdraw",
+    targetState: CR.State.WITHDRAWN,
+    Widget: null,
+    canBeTransitionedBy: CR.isSubmittedBy,
+    func: (cr) => ({
+        ...cr,
+        timeDisposed: new Date(),
+    }),
+};
+const SubmitterInputWidget = function ({ value, onChange }) {
+    return (jsx(FormGroup, { label: "Justification:" },
+        jsx(TransitionInputTextArea, { required: true, value: value.justification, onChange: (evt) => onChange?.({ justification: evt.currentTarget.value }) })));
+};
+const TransitionInputTextArea = function (props) {
+    return jsx(TextArea, { fill: true, css: css `resize: vertical;`, readOnly: !props.onChange, ...props });
+};
+const PROPOSAL_TRANSITION = {
+    title: "Propose",
+    targetState: CR.State.PROPOSED,
+    canBeTransitionedBy: ((stakeholder, cr) => CR.isSubmittedBy(stakeholder, cr) && Object.keys(cr.items).length > 0),
+    Widget: SubmitterInputWidget,
+    func: (cr, submitterInput) => {
+        if (!submitterInput?.justification?.trim()) {
+            throw new Error("Justification is required.");
+        }
+        return {
+            ...cr,
+            ...submitterInput,
+            timeProposed: new Date(),
+        };
+    },
+};
+const RegisterManagerNotesWidget = function ({ value, onChange }) {
+    return (jsx(FormGroup, { label: "Register manager notes:" },
+        jsx(TransitionInputTextArea, { value: value.registerManagerNotes, required: true, onChange: evt => onChange?.({ registerManagerNotes: evt.currentTarget.value }) })));
+};
+const ControlBodyNotesWidget = function ({ value, onChange }) {
+    return (jsx(React.Fragment, null,
+        jsx(FormGroup, { label: "Control body notes:" },
+            jsx(TransitionInputTextArea, { value: value.controlBodyNotes, required: true, onChange: evt => onChange?.({
+                    controlBodyNotes: evt.currentTarget.value,
+                    controlBodyDecisionEvent: value.controlBodyDecisionEvent,
+                }) })),
+        jsx(FormGroup, { label: "Control body decision event:" },
+            jsx(TransitionInputTextArea, { value: value.controlBodyDecisionEvent, required: true, onChange: evt => onChange?.({
+                    controlBodyNotes: value.controlBodyNotes,
+                    controlBodyDecisionEvent: evt.currentTarget.value,
+                }) }))));
+};
+const AppealRequestWidget = function ({ value, onChange }) {
+    return (jsx(FormGroup, { label: "Appeal reasoning:" },
+        jsx(TransitionInputTextArea, { value: value.appealReason, required: true, onChange: evt => onChange?.({ appealReason: evt.currentTarget.value }) })));
+};
+const RegisterOwnerNotesWidget = function ({ value, onChange }) {
+    return (jsx(FormGroup, { label: "Register owner notes:" },
+        jsx(TransitionInputTextArea, { value: value.registerOwnerNotes, required: true, onChange: evt => onChange?.({ registerOwnerNotes: evt.currentTarget.value }) })));
+};
+export const STATE_INTENT = {
+    [CR.State.PROPOSED]: 'primary',
+    [CR.State.RETURNED_FOR_CLARIFICATION]: 'primary',
+    [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: 'primary',
+    [CR.State.APPEALED]: 'warning',
+};
+/** Associates transition implementation with source/target states. */
+const TRANSITIONS = {
+    [CR.State.DRAFT]: {
+        [CR.State.PROPOSED]: PROPOSAL_TRANSITION,
+    },
+    [CR.State.PROPOSED]: {
+        [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,
+        [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: {
+            title: "Submit for control body review",
+            targetState: CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW,
+            canBeTransitionedBy: (stakeholder) => ['owner', 'manager'].indexOf(stakeholder.role) >= 0,
+            Widget: RegisterManagerNotesWidget,
+            func: applyRegisterManagerDecision,
+        },
+        [CR.State.RETURNED_FOR_CLARIFICATION]: {
+            title: "Return for clarification",
+            targetState: CR.State.RETURNED_FOR_CLARIFICATION,
+            canBeTransitionedBy: (stakeholder) => ['owner', 'manager'].indexOf(stakeholder.role) >= 0,
+            Widget: RegisterManagerNotesWidget,
+            func: applyRegisterManagerDecision,
+        },
+    },
+    [CR.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW]: {
+        [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,
+        [CR.State.RETURNED_FOR_CLARIFICATION]: {
+            title: "Return for clarification",
+            targetState: CR.State.RETURNED_FOR_CLARIFICATION,
+            canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,
+            Widget: ControlBodyNotesWidget,
+            func: applyControlBodyDecision,
+        },
+        [CR.State.ACCEPTED]: {
+            title: "Accept",
+            targetState: CR.State.ACCEPTED,
+            canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,
+            Widget: ControlBodyNotesWidget,
+            func: (cr, controlBodyInput) => ({
+                ...applyControlBodyDecision(cr, controlBodyInput),
+                timeDisposed: new Date(),
+            }),
+        },
+        [CR.State.REJECTED]: {
+            title: "Reject",
+            targetState: CR.State.REJECTED,
+            canBeTransitionedBy: (stakeholder) => ['owner', 'control-body'].indexOf(stakeholder.role) >= 0,
+            Widget: ControlBodyNotesWidget,
+            func: (cr, controlBodyInput) => ({
+                ...applyControlBodyDecision(cr, controlBodyInput),
+                timeDisposed: new Date(),
+            }),
+        },
+    },
+    [CR.State.RETURNED_FOR_CLARIFICATION]: {
+        [CR.State.PROPOSED]: PROPOSAL_TRANSITION,
+        [CR.State.WITHDRAWN]: WITHDRAWAL_TRANSITION,
+    },
+    [CR.State.REJECTED]: {
+        [CR.State.APPEALED]: {
+            title: "Appeal",
+            targetState: CR.State.APPEALED,
+            canBeTransitionedBy: CR.isSubmittedBy,
+            Widget: AppealRequestWidget,
+            func: applyAppeal,
+        },
+    },
+    [CR.State.APPEALED]: {
+        [CR.State.APPEAL_WITHDRAWN]: {
+            title: "Withdraw appeal",
+            targetState: CR.State.APPEAL_WITHDRAWN,
+            canBeTransitionedBy: CR.isSubmittedBy,
+            Widget: null,
+            func: (cr) => ({
+                ...cr,
+                timeDisposed: new Date(),
+            }),
+        },
+        [CR.State.ACCEPTED_ON_APPEAL]: {
+            title: "Accept on appeal",
+            targetState: CR.State.ACCEPTED_ON_APPEAL,
+            canBeTransitionedBy: (stakeholder) => stakeholder.role === 'owner',
+            Widget: RegisterOwnerNotesWidget,
+            func: applyRegisterOwnerDecision,
+        },
+        [CR.State.REJECTION_UPHELD_ON_APPEAL]: {
+            title: "Uphold rejection",
+            targetState: CR.State.REJECTION_UPHELD_ON_APPEAL,
+            canBeTransitionedBy: (stakeholder) => stakeholder.role === 'owner',
+            Widget: RegisterOwnerNotesWidget,
+            func: applyRegisterOwnerDecision,
+        },
+    },
+};
+//# sourceMappingURL=transitions.js.map

package/compiled/views/detail/CustomView/index.js

@@ -0,0 +1,32 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { NonIdealState } from '@blueprintjs/core';
+import useCustomView from '../../hooks/useCustomView';
+const CustomViewMain = function ({ uri }) {
+    const [viewID, ...pathComponents] = uri.split('/');
+    const { value: view } = useCustomView(viewID);
+    const fallbackView = (() => jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show this view", description: `Custom view ${uri} cannot be displayed (not found in registry configuration)` }));
+    const View = view?.view ?? fallbackView;
+    return jsx(View, { path: pathComponents.join('/') });
+};
+const CustomViewTitle = function ({ uri }) {
+    const { value: view } = useCustomView(uri);
+    return jsx(React.Fragment, null, view?.label ?? 'unknown view');
+};
+export default { main: CustomViewMain, title: CustomViewTitle, plainTitle: async () => "custom view" };
+// function useCRData(id: string | undefined): ValueHook<ChangeRequest | undefined> {
+//   const { useObjectData } = useContext(DatasetContext);
+//   const objectPath = `change-requests/${id ?? 'NONEXISTENT_CR_ID'}.yaml`;
+//   const crDataResp = useObjectData({ objectPaths: [objectPath] });
+//   const crData = crDataResp.value.data?.[objectPath] as ChangeRequest | null;
+//   return {
+//     value: crData ?? undefined,
+//     isUpdating: crDataResp.isUpdating,
+//     errors: crDataResp.errors,
+//     refresh: crDataResp.refresh,
+//     _reqCounter: crDataResp._reqCounter,
+//   };
+// }
+//# sourceMappingURL=index.js.map

package/compiled/views/detail/RegisterHome/index.js

@@ -0,0 +1,70 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useContext, useState } from 'react';
+//import { Helmet } from 'react-helmet';
+import { jsx, css } from '@emotion/react';
+import { Menu, MenuDivider, MenuItem, InputGroup, Button, NonIdealState, Spinner, Callout } from '@blueprintjs/core';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';
+import { BrowserCtx } from '../../BrowserCtx';
+import { registerStakeholderPlain } from '../../RegisterStakeholder';
+import { newCRObjectChangeset } from '../../change-request/objectChangeset';
+import { Protocols } from '../../protocolRegistry';
+import { crIDToCRPath } from '../../itemPathUtils';
+const RegisterHome = function () {
+    const { spawnTab } = useContext(TabbedWorkspaceContext);
+    const { customViews, registerMetadata, stakeholder } = useContext(BrowserCtx);
+    const { makeRandomID, updateObjects, performOperation } = useContext(DatasetContext);
+    const [newProposalIdea, setNewProposalIdea] = useState('');
+    const registerVersion = registerMetadata?.version;
+    const canCreateCR = (stakeholder &&
+        stakeholder.role &&
+        stakeholder.gitServerUsername?.trim() !== '' &&
+        makeRandomID &&
+        updateObjects &&
+        (registerVersion?.id ?? '').trim() !== '');
+    async function createCR(justification) {
+        if (canCreateCR) {
+            const id = await makeRandomID();
+            await updateObjects({
+                commitMessage: "start new proposal",
+                objectChangeset: newCRObjectChangeset(id, justification, registerVersion, stakeholder.gitServerUsername),
+            });
+            return id;
+        }
+        else {
+            throw new Error("Unable to create proposal: read-only dataset");
+        }
+    }
+    async function handleNewProposal() {
+        if (newProposalIdea) {
+            const crID = await performOperation("creating proposal", createCR)(newProposalIdea);
+            setNewProposalIdea('');
+            spawnTab(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(crID)}`);
+        }
+    }
+    const menu = (jsx(Menu, { css: css `margin: 10px;` },
+        jsx(MenuDivider, { title: "Quick links" }),
+        customViews.map((cv, _) => jsx(MenuItem, { key: cv.id, text: cv.label, title: cv.description, icon: cv.icon, onClick: () => spawnTab(`${Protocols.CUSTOM_VIEW}:${cv.id}/index`) })),
+        customViews.length > 0 ? jsx(MenuDivider, null) : null,
+        jsx(MenuItem, { text: `Propose a change to version ${registerMetadata?.version?.id ?? '(missing)'}`, disabled: !canCreateCR, icon: "lightbulb", title: canCreateCR
+                ? "A blank proposal will be created and opened in a new tab."
+                : undefined },
+            jsx(InputGroup, { value: newProposalIdea || undefined, placeholder: "Your idea\u2026", title: "Justification draft (you can change this later)", onChange: evt => setNewProposalIdea(evt.currentTarget.value), rightElement: jsx(Button, { small: true, intent: newProposalIdea ? 'primary' : undefined, disabled: !newProposalIdea, onClick: handleNewProposal, icon: "tick" }) })),
+        jsx(MenuItem, { text: "View register metadata", icon: "properties", onClick: () => spawnTab(Protocols.REGISTER_META) })));
+    const intro = jsx(Callout, { intent: "primary", css: css `text-align: left;` }, stakeholder
+        ? jsx(React.Fragment, null,
+            "You are working as ",
+            registerStakeholderPlain(stakeholder))
+        : jsx(React.Fragment, null, "Your remote username is not in the list of stakeholders"));
+    const greeting = registerMetadata
+        ? jsx(NonIdealState, { title: `Welcome to ${registerMetadata.name}`, description: jsx(React.Fragment, null,
+                intro,
+                menu) })
+        : registerMetadata === undefined
+            ? jsx(NonIdealState, { icon: jsx(Spinner, null), description: "Loading register information\u2026" })
+            : jsx(NonIdealState, { icon: "heart-broken", title: "Register metadata is missing or invalid.", description: jsx(React.Fragment, null, menu) });
+    return greeting;
+};
+export default RegisterHome;
+//# sourceMappingURL=index.js.map

package/compiled/views/detail/RegisterItem/RelatedItems.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { InternalItemReference } from '../../../types';
+/**
+ * Shows a list of related items, optionally editable.
+ */
+export declare const RelatedItems: React.FC<{
+    itemRefs: InternalItemReference[];
+    availableClassIDs?: string[];
+    onChange?: (newItemRefs: InternalItemReference[]) => void;
+    className?: string;
+}>;
+export default RelatedItems;

package/compiled/views/detail/RegisterItem/RelatedItems.js

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import update from 'immutability-helper';
+import { jsx } from '@emotion/react';
+import { ControlGroup } from '@blueprintjs/core';
+import GenericRelatedItemView from '../../GenericRelatedItemView';
+/**
+ * Shows a list of related items, optionally editable.
+ */
+export const RelatedItems = function ({ itemRefs, availableClassIDs, onChange, className }) {
+    function handleRemoveItemAtIdx(idx) {
+        onChange?.(update(itemRefs, { $splice: [[idx, 1]] }));
+    }
+    function handleUpdateItemAtIdx(idx, ref) {
+        onChange?.(update(itemRefs, { $splice: [[idx, 0, ref]] }));
+    }
+    return (jsx(ControlGroup, { vertical: true, className: className },
+        itemRefs.map((itemRef, idx) => jsx(GenericRelatedItemView, { itemRef: itemRef, key: idx, onClear: onChange
+                ? () => handleRemoveItemAtIdx(idx)
+                : undefined, onChange: onChange
+                ? (newRef) => handleUpdateItemAtIdx(idx, newRef)
+                : undefined })),
+        onChange
+            ? jsx(GenericRelatedItemView, { availableClassIDs: availableClassIDs, onChange: newRef => onChange(update(itemRefs, { $push: [newRef] })) })
+            : null));
+};
+export default RelatedItems;
+//# sourceMappingURL=RelatedItems.js.map

package/compiled/views/detail/RegisterItem/RelatedItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedItems.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterItem/RelatedItems.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAGlE;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAKpB,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE;IACjE,SAAS,qBAAqB,CAAC,GAAW;QACxC,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,SAAS,qBAAqB,CAAC,GAAW,EAAE,GAA0B;QACpE,QAAQ,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,CACL,IAAC,YAAY,IAAC,QAAQ,QAAC,SAAS,EAAE,SAAS;QACxC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE,CAC7B,IAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;gBAClC,CAAC,CAAC,SAAS,EACb,QAAQ,EAAE,QAAQ;gBAChB,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,MAAM,CAAC;gBAChD,CAAC,CAAC,SAAS,GACb,CACH;QAGA,QAAQ;YACP,CAAC,CAAC,IAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,QAAS,CAAC,MAAM,CAClC,QAAQ,EACR,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,CACpB,CAAC,GACF;YACJ,CAAC,CAAC,IAAI,CACK,CAChB,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,YAAY,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport update from 'immutability-helper';\nimport React from 'react';\nimport { jsx } from '@emotion/react';\nimport { ControlGroup } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../../../types';\nimport GenericRelatedItemView from '../../GenericRelatedItemView';\n\n\n/**\n * Shows a list of related items, optionally editable.\n */\nexport const RelatedItems: React.FC<{\n  itemRefs: InternalItemReference[],\n  availableClassIDs?: string[],\n  onChange?: (newItemRefs: InternalItemReference[]) => void,\n  className?: string,\n}> = function ({ itemRefs, availableClassIDs, onChange, className }) {\n  function handleRemoveItemAtIdx(idx: number) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 1]] }));\n  }\n  function handleUpdateItemAtIdx(idx: number, ref: InternalItemReference) {\n    onChange?.(update(itemRefs, { $splice: [[idx, 0, ref]] }));\n  }\n  return (\n    <ControlGroup vertical className={className}>\n      {itemRefs.map((itemRef, idx) =>\n        <GenericRelatedItemView\n          itemRef={itemRef}\n          key={idx}\n          onClear={onChange\n            ? () => handleRemoveItemAtIdx(idx)\n            : undefined}\n          onChange={onChange\n            ? (newRef) => handleUpdateItemAtIdx(idx, newRef)\n            : undefined}\n        />\n      )}\n\n      {/* New item placeholder */}\n      {onChange\n        ? <GenericRelatedItemView\n            availableClassIDs={availableClassIDs}\n            onChange={newRef => onChange!(update(\n              itemRefs,\n              { $push: [newRef] },\n            ))}\n          />\n        : null}\n    </ControlGroup>\n  );\n};\n\n\nexport default RelatedItems;\n"]}

package/compiled/views/detail/RegisterItem/SupersedingItemMenu.js

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import update from 'immutability-helper';
+import { jsx } from '@emotion/react';
+import GenericRelatedItemView from '../../GenericRelatedItemView';
+/**
+ * Shows a list of related items .
+ */
+export const RelatedItems = function ({ itemRefs, onChange, className }) {
+    function handleRemoveItemAtIdx(idx) {
+        onChange?.(update(itemRefs, { $splice: [[idx, 1]] }));
+    }
+    function handleUpdateItemAtIdx(idx, ref) {
+        onChange?.(update(itemRefs, { $splice: [[idx, 0, ref]] }));
+    }
+    return jsx("div", { className: className },
+        itemRefs.map((itemRef, idx) => jsx(GenericRelatedItemView, { itemRef: itemRef, key: idx, onClear: onChange
+                ? () => handleRemoveItemAtIdx(idx)
+                : undefined, onChange: onChange
+                ? (newRef) => handleUpdateItemAtIdx(idx, newRef)
+                : undefined })),
+        onChange
+            ? jsx(GenericRelatedItemView, { onChange: newRef => onChange(update(itemRefs, { $push: [newRef] })) })
+            : null);
+};
+export default RelatedItems;
+//# sourceMappingURL=SupersedingItemMenu.js.map