@riboseinc/paneron-registry-kit 2.2.60 → 2.2.61

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

@@ -1,576 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React, { useContext, useState, useMemo, useRef, useLayoutEffect, memo, useCallback } from 'react';
-import { jsx, css } from '@emotion/react';
-import { Button, Card, Classes, NonIdealState, UL, Colors, } from '@blueprintjs/core';
-import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
-import { normalizeObject } from '@riboseinc/paneron-extension-kit/util';
-import useSingleRegisterItemData from '../../hooks/useSingleRegisterItemData';
-import useItemClassConfig from '../../hooks/useItemClassConfig';
-import { Protocols } from '../../protocolRegistry';
-import { isRegisterItem, DUMMY_REF, } from '../../../types';
-import { InlineDiffGeneric } from '../../diffing/InlineDiff';
-import { BrowserCtx } from '../../BrowserCtx';
-import { RegisterHelmet as Helmet, maybeEllipsizeString, TabContentsWithHeader, } from '../../util';
-import { proposalToTagProps } from '../../../proposals/ProposalType';
-import ProposalHistoryDrawer from '../../../proposals/HistoryDrawer';
-import { useItemRef, itemRefToItemPath, crIDToCRPath, getCRIDFromProposedItemPath } from '../../itemPathUtils';
-import { updateCRObjectChangeset, } from '../../../proposals/objectChangeset';
-import { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';
-import { RelatedItems } from './RelatedItems';
-/**
- * Main register item view.
- *
- * NOTE: while generally intended as tab content handler,
- * is also reused within change request view.
- */
-const MaybeItemDetail = memo(function ({ uri }) {
-    var _a, _b, _c, _d;
-    //const { value: itemData } = useSingleRegisterItemData(ref);
-    const { jumpTo, subregisters, useRegisterItemData } = useContext(BrowserCtx);
-    const { changeRequest: activeCR } = useContext(ChangeRequestContext);
-    const ref = useItemRef(subregisters !== undefined, uri);
-    const itemClass = useItemClassConfig((_a = ref === null || ref === void 0 ? void 0 : ref.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
-    const itemClassID = (_b = itemClass === null || itemClass === void 0 ? void 0 : itemClass.meta) === null || _b === void 0 ? void 0 : _b.id;
-    const itemRef = ref !== null && ref !== void 0 ? ref : DUMMY_REF;
-    const { itemID, subregisterID } = itemRef;
-    const _itemPath = `${itemClassID !== null && itemClassID !== void 0 ? itemClassID : 'NONEXISTENT_CLASS'}/${itemID}.yaml`;
-    const itemPath = subregisterID
-        ? `/subregisters/${subregisterID}/${_itemPath}`
-        : `/${_itemPath}`;
-    const itemRequest = useMemo(() => ({
-        itemPaths: [itemPath],
-    }), [itemPath]);
-    const itemResponse = useRegisterItemData(itemRequest);
-    const itemData = itemResponse.value[itemPath];
-    const previousItemResponse = useRegisterItemData({
-        itemPaths: [itemPath],
-        ignoreActiveCR: true,
-    });
-    const itemDataBefore = (_c = previousItemResponse.value[itemPath]) !== null && _c !== void 0 ? _c : undefined;
-    if (!itemClass) {
-        return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item", description: `View for ${(_d = ref === null || ref === void 0 ? void 0 : ref.itemID) !== null && _d !== void 0 ? _d : uri} cannot be retrieved from item class configuration` });
-    }
-    else if (isRegisterItem(itemData)) {
-        return jsx(ItemDetail, { item: itemData, itemBefore: itemDataBefore, itemRef: itemRef, itemClass: itemClass });
-    }
-    else if (itemResponse.isUpdating) {
-        return jsx("div", { className: Classes.SKELETON }, "Loading");
-    }
-    else {
-        // Opened using URI that points within a proposal.
-        // The item may or may not have been accepted.
-        const inCRWithID = getCRIDFromProposedItemPath(uri);
-        if (inCRWithID !== null && (activeCR === null || activeCR === void 0 ? void 0 : activeCR.id) !== inCRWithID) {
-            return jsx(NonIdealState, { icon: "help", title: "This item does not exist\u2026", description: jsx(React.Fragment, null,
-                    "\u2026but it might be proposed.",
-                    jsx("br", null),
-                    jumpTo
-                        ? jsx(Button, { css: css `margin: 10px;`, intent: "primary", onClick: () => jumpTo === null || jumpTo === void 0 ? void 0 : jumpTo(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(inCRWithID)}`) }, "Go to proposal")
-                        : null) });
-        }
-        else {
-            const desc = itemData === null || itemData === undefined
-                ? "does not exist or could not be deserialized"
-                : "may use unexpected data format";
-            return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item", description: `Item at ${itemPath} ${desc}` });
-        }
-    }
-});
-const EMPTY_OBJECT = {};
-export const ItemDetail = memo(function ({ item, itemBefore, itemRef, itemClass, className, compactHeader }) {
-    var _a, _b, _c, _d, _e, _f;
-    const { subregisters, useRegisterItemData, activeChangeRequestID: globallyActiveCRID } = useContext(BrowserCtx);
-    const { changeRequest: activeCR, canEdit: activeCRIsEditable } = useContext(ChangeRequestContext);
-    const { updateObjects, makeRandomID, performOperation, isBusy } = useContext(DatasetContext);
-    const [editedItemData, setEditedItemData] = useState(null);
-    const itemDataHasChanges = JSON.stringify(editedItemData) !== JSON.stringify(item.data);
-    const [isEditingProposal, setIsEditingProposal] = useState(false);
-    //const [ diffMode, setDiffMode ] = useState<boolean>(false);
-    // TODO: Implement diff mode
-    const diffMode = false;
-    const itemPath = itemRefToItemPath(itemRef);
-    /** Proposal for the current item. */
-    const proposal = (_a = ((activeCR && activeCR.items[itemPath])
-        ? activeCR.items[itemPath]
-        : null)) !== null && _a !== void 0 ? _a : null;
-    const [preferredComparison, setPreferredComparison] = useState(null);
-    const canCompare = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'clarification' && itemBefore;
-    const showDiff = preferredComparison === 'diff' && canCompare;
-    const showBefore = preferredComparison === 'prior' && canCompare;
-    // Gather views
-    const ListItemView = itemClass.views.listItemView;
-    let details;
-    if (editedItemData !== null && activeCRIsEditable) {
-        const EditView = itemClass.views.editView;
-        details = (jsx(EditView, { itemData: editedItemData, itemRef: itemRef, onChange: !isBusy ? setEditedItemData : undefined, 
-            // TODO: make importing context from registry-kit work in new-style extension
-            useRegisterItemData: useRegisterItemData }));
-    }
-    else if (showDiff) {
-        details = jsx(InlineDiffGeneric, { item1: itemBefore !== null && itemBefore !== void 0 ? itemBefore : EMPTY_OBJECT, item2: item, css: css `
-        position: absolute; inset: 0; padding: 10px; overflow: auto;
-        background-color: white;
-        .bp4-dark & {
-          background-color: ${Colors.DARK_GRAY2};
-        }
-      `, className: `${Classes.ELEVATION_2} ${Classes.RUNNING_TEXT}` });
-    }
-    else {
-        const DetailView = (_b = itemClass.views.detailView) !== null && _b !== void 0 ? _b : itemClass.views.editView;
-        details = (jsx(DetailView, { itemRef: itemRef, itemData: showBefore ? itemBefore.data : item.data, 
-            // TODO: make importing context from registry-kit work in new-style extension
-            useRegisterItemData: useRegisterItemData }));
-    }
-    const proposedSupersedingItemRefs = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession'
-        ? proposal.supersedingItemIDs.
-            map(id => ({
-            itemID: id,
-            // Superseding items are always of the same class
-            classID: itemClass.meta.id,
-            // Superseding items are always in the same subregister
-            subregisterID: itemRef.subregisterID,
-        }))
-        : undefined;
-    const supersedingItemRefs = (_c = proposedSupersedingItemRefs !== null && proposedSupersedingItemRefs !== void 0 ? proposedSupersedingItemRefs : item.supersededBy) !== null && _c !== void 0 ? _c : [];
-    const supersedingItemRefsCacheKey = supersedingItemRefs.map(i => JSON.stringify(i)).toString();
-    // It’s superseded (whether in current proposal or not)
-    const isSuperseded = /* item.status === 'superseded'; nuh-uh */ supersedingItemRefs.length > 0;
-    // Item is valid, proposal is editable, and no change to this item is proposed yet
-    const canBeSuperseded = (activeCRIsEditable && !proposal && !editedItemData && item.status === 'valid');
-    // This item is being superseded in active proposal
-    // XXX: May be redundant with `isSuperseded`?
-    const isBeingSuperseded = ((proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession');
-    // Editing is possible for additions and clarifications.
-    //const itemDataCanBeEdited = activeCRIsEditable && proposal && proposal.type !== 'amendment';
-    const handleClearProposal = () => performProposalOperation('clearing draft proposal', null);
-    const handleRetire = () => performProposalOperation('proposing retirement of an item', {
-        type: 'amendment',
-        amendmentType: 'retirement',
-    });
-    const handleInvalidate = () => performProposalOperation('proposing invalidation', {
-        type: 'amendment',
-        amendmentType: 'invalidation',
-    });
-    const handleSupersedeWith = (items) => performProposalOperation('proposing supersession', {
-        type: 'amendment',
-        amendmentType: 'supersession',
-        supersedingItemIDs: items,
-    });
-    const handleClarify = async () => {
-        await performProposalOperation('proposing clarification', {
-            type: 'clarification',
-        });
-        setEditedItemData(null); // XXX: Redundant?
-    };
-    const handleEditAddition = async () => {
-        await performProposalOperation('editing proposed addition', {
-            type: 'addition',
-        });
-        setEditedItemData(null); // XXX: Redundant?
-    };
-    async function performProposalOperation(summary, proposal) {
-        return await performOperation(summary, handleSetProposal)(summary, proposal);
-    }
-    const handleSetProposal = useCallback(async function _handleSetProposal(summary, proposal) {
-        if (!activeCRIsEditable || !updateObjects || !isRegisterItem(item)) {
-            throw new Error("Proposal isn’t editable");
-        }
-        if (proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment' && !editedItemData) {
-            throw new Error("Missing item data");
-        }
-        await updateObjects({
-            commitMessage: `${summary} for ${itemPath}`,
-            objectChangeset: updateCRObjectChangeset(
-            // TODO: We are sure it’s editable already, but casting should be avoided
-            activeCR, { [itemPath]: proposal }, ((proposal && (proposal === null || proposal === void 0 ? void 0 : proposal.type) !== 'amendment') && editedItemData)
-                ? { [itemPath]: { ...item, data: editedItemData } }
-                : {}),
-            // We need this because updateCRObjectChangeset
-            // omits oldValue for item data payloads.
-            _dangerouslySkipValidation: true,
-        });
-        setEditedItemData(null);
-        setIsEditingProposal(false);
-    }, [
-        editedItemData,
-        activeCRIsEditable,
-        itemPath,
-        item,
-        activeCR,
-        updateObjects,
-    ]);
-    // TODO: Very similar to `handleAdd()` in Browse sidebar menu; refactor?
-    const handleProposeLikeThis = useCallback(async function _handleProposeLikeThis() {
-        if (!updateObjects || !makeRandomID || !activeCRIsEditable || !activeCR) {
-            throw new Error("Unable to create item: likely current proposal is not editable or dataset is read-only");
-        }
-        const { classID, subregisterID } = itemRef;
-        const itemID = await makeRandomID();
-        const newRef = { classID, subregisterID, itemID };
-        const newItem = {
-            id: itemID,
-            dateAccepted: new Date(),
-            status: 'valid',
-            data: { ...item.data },
-        };
-        if (isRegisterItem(newItem)) {
-            const newPath = itemRefToItemPath(newRef);
-            await updateObjects({
-                commitMessage: `clone ${itemRef.itemID} to propose a new item`,
-                objectChangeset: updateCRObjectChangeset(activeCR, { [newPath]: { type: 'addition' } }, { [newPath]: newItem }),
-                _dangerouslySkipValidation: true,
-            });
-        }
-        else {
-            throw new Error("Newly created item did not pass validation (this is likely a bug in RegistryKit)");
-        }
-    }, [
-        updateObjects,
-        activeCRIsEditable,
-        itemPath,
-        activeCR === null || activeCR === void 0 ? void 0 : activeCR.id,
-        activeCR === null || activeCR === void 0 ? void 0 : activeCR.state,
-        Object.entries((_d = activeCR === null || activeCR === void 0 ? void 0 : activeCR.items) !== null && _d !== void 0 ? _d : {}).flat().map(i => JSON.stringify(i)).toString(),
-        item ? JSON.stringify(normalizeObject(item)) : item,
-    ]);
-    const supersedingItemsTooltip = useMemo(() => ({
-        icon: 'info-sign',
-        content: jsx(RelatedItems, { css: css `background-color: ${Colors.LIGHT_GRAY3}; padding: 5px;`, availableClassIDs: [itemClass.meta.id], itemRefs: supersedingItemRefs }),
-    }), [supersedingItemRefsCacheKey, itemClass.meta.id]);
-    const classification = useMemo(() => {
-        var _a, _b, _c, _d;
-        const classification = [{
-                icon: 'document',
-                children: jsx(React.Fragment, null,
-                    "Register item",
-                    itemRef.subregisterID
-                        ? jsx("span", { title: "Subregister" },
-                            " in ", (_b = (_a = subregisters === null || subregisters === void 0 ? void 0 : subregisters[itemRef.subregisterID]) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : itemRef.subregisterID)
-                        : null),
-                tooltip: {
-                    icon: 'info-sign',
-                    content: jsx(React.Fragment, null,
-                        jsx(UL, { css: css `margin: 0;` },
-                            jsx("li", null,
-                                "Class ID: ",
-                                itemClass.meta.id),
-                            jsx("li", null,
-                                "Subregister ID: ", (_c = itemRef.subregisterID) !== null && _c !== void 0 ? _c : 'N/A'),
-                            jsx("li", null,
-                                "UUID: ",
-                                itemRef.itemID))),
-                },
-            }, {
-                children: itemClass.meta.title,
-                tooltip: {
-                    icon: 'info-sign',
-                    content: jsx(React.Fragment, null, (_d = itemClass.meta.description) !== null && _d !== void 0 ? _d : "No description is provided for this register item class."),
-                },
-            }];
-        classification.push({
-            children: item.status,
-            intent: item.status === 'valid'
-                ? 'success'
-                : undefined,
-            icon: item.status === 'invalid'
-                ? 'ban-circle'
-                : item.status === 'retired'
-                    ? 'warning-sign'
-                    : 'tick',
-            tooltip: undefined,
-        });
-        if (proposal) {
-            const tagProps = proposalToTagProps(proposal);
-            classification.push({
-                ...tagProps,
-                children: jsx(React.Fragment, null,
-                    tagProps.children,
-                    " proposed"),
-                icon: 'lightbulb',
-                minimal: false,
-                tooltip: canBeSuperseded || isBeingSuperseded
-                    ? supersedingItemsTooltip
-                    : undefined,
-            });
-        }
-        return classification;
-    }, [
-        proposal === null || proposal === void 0 ? void 0 : proposal.type,
-        itemClass.meta.id,
-        item.status,
-        isSuperseded, canBeSuperseded, isBeingSuperseded,
-        supersedingItemsTooltip,
-    ]);
-    const [historyDrawerOpenState, setHistoryDrawerOpenState] = useState(false);
-    const actions = useMemo(() => {
-        const actions = [{
-                children: "View history",
-                active: historyDrawerOpenState,
-                icon: 'history',
-                disabled: isBusy,
-                onClick: () => setHistoryDrawerOpenState(true),
-            }];
-        const isEditingItemData = editedItemData !== null;
-        const itemHasProposal = proposal !== null;
-        //const canPropose = activeCRIsEditable && item.status === 'valid' && !isBusy;
-        const itemIsProposable = item.status === 'valid';
-        if (activeCRIsEditable) {
-            actions.push({
-                children: "Propose another item like this",
-                icon: 'duplicate',
-                disabled: isBusy,
-                onClick: performOperation('adding duplicate item to current propposal', handleProposeLikeThis),
-                //title="Propose a new item in current proposal, using this item as template."
-            });
-            const saveEditedItemDataButton = {
-                intent: 'primary',
-                disabled: isBusy || !itemDataHasChanges,
-                onClick: (!proposal || proposal.type === 'clarification')
-                    ? handleClarify
-                    : handleEditAddition,
-                children: "Save changes",
-            };
-            const supersedingItemRefs = (proposal === null || proposal === void 0 ? void 0 : proposal.type) === 'amendment' && proposal.amendmentType === 'supersession'
-                ? proposal.supersedingItemIDs.
-                    map(id => ({
-                    itemID: id,
-                    // Superseding items are always of the same class
-                    classID: itemClass.meta.id,
-                    // Superseding items are always in the same subregister
-                    subregisterID: itemRef.subregisterID,
-                }))
-                : [];
-            const supersedingItems = (jsx(RelatedItems, { availableClassIDs: [itemClass.meta.id], itemRefs: supersedingItemRefs, onChange: !isBusy
-                    ? (items) => items.length > 0
-                        ? handleSupersedeWith(items.map(ref => ref.itemID))
-                        : handleClearProposal()
-                    : undefined }));
-            if (itemIsProposable) {
-                if (itemHasProposal) {
-                    const proposeBtn = {
-                        children: `Edit ${proposal.type === 'amendment' ? proposal.amendmentType : proposal.type} proposal for this item`,
-                        icon: 'edit',
-                        active: isEditingProposal,
-                        disabled: isBusy,
-                        onClick: () => {
-                            if (isEditingProposal) {
-                                setIsEditingProposal(false);
-                                setEditedItemData(null);
-                                if (proposal && proposal.type !== 'amendment') {
-                                }
-                            }
-                            else {
-                                setIsEditingProposal(true);
-                                if (proposal && proposal.type !== 'amendment') {
-                                    setEditedItemData(item.data);
-                                }
-                            }
-                        },
-                    };
-                    if (isEditingProposal) {
-                        const editActions = [{
-                                disabled: isBusy || (itemDataHasChanges && proposal.type !== 'amendment'),
-                                onClick: handleClearProposal,
-                                icon: 'trash',
-                                children: "Remove",
-                                tooltip: [
-                                    `NOTE: Discarding this proposal `,
-                                    `will discard ${proposal.type === 'addition' ? "new" : "changes to"} item’s data `,
-                                    'you provided as part of the proposal.',
-                                ].join(''),
-                                intent: proposal.type !== 'amendment' ? 'danger' : 'warning',
-                            }];
-                        if (isEditingItemData) {
-                            editActions.push(saveEditedItemDataButton);
-                        }
-                        else if (proposal.type === 'amendment' && proposal.amendmentType === 'supersession') {
-                            editActions.push({
-                                disabled: isBusy,
-                                children: "Specify superseding items",
-                                popup: jsx("div", { css: css `padding: 10px;` }, supersedingItems),
-                            });
-                        }
-                        actions.push([proposeBtn, ...editActions]);
-                    }
-                    else {
-                        actions.push(proposeBtn);
-                        if (canCompare) {
-                            actions.push([{
-                                    disabled: isBusy,
-                                    children: "Prior version",
-                                    active: preferredComparison === 'prior',
-                                    onClick: preferredComparison === 'prior'
-                                        ? () => setPreferredComparison(null)
-                                        : () => setPreferredComparison('prior'),
-                                }, {
-                                    disabled: isBusy,
-                                    children: "Diff",
-                                    active: preferredComparison === 'diff',
-                                    onClick: preferredComparison === 'diff'
-                                        ? () => setPreferredComparison(null)
-                                        : () => setPreferredComparison('diff'),
-                                }]);
-                        }
-                    }
-                }
-                else {
-                    const proposeBtn = {
-                        children: "Propose to change this item",
-                        icon: 'lightbulb',
-                        active: isEditingProposal,
-                        disabled: isBusy,
-                        onClick: () => setIsEditingProposal(v => !v),
-                    };
-                    if (isEditingProposal) {
-                        const proposalGroup = [proposeBtn, {
-                                disabled: isBusy || itemHasProposal,
-                                onClick: handleRetire,
-                                children: "Retire",
-                            }, {
-                                disabled: isBusy || itemHasProposal,
-                                onClick: handleInvalidate,
-                                children: "Invalidate",
-                            }, {
-                                disabled: isBusy || itemHasProposal || isEditingItemData,
-                                popup: supersedingItems,
-                                children: "Supersede",
-                            }, {
-                                disabled: isBusy || diffMode,
-                                active: isEditingItemData,
-                                onClick: () => setEditedItemData(d => d === null ? item.data : null),
-                                children: "Clarify",
-                            }];
-                        if (isEditingItemData && itemDataHasChanges) {
-                            proposalGroup.push(saveEditedItemDataButton);
-                        }
-                        actions.push(proposalGroup);
-                    }
-                    else {
-                        actions.push(proposeBtn);
-                    }
-                }
-            }
-        }
-        // TODO: diff view
-        return actions;
-    }, [
-        isBusy,
-        itemClass.meta.id,
-        proposal === null,
-        proposal === null || proposal === void 0 ? void 0 : proposal.type,
-        (_e = proposal === null || proposal === void 0 ? void 0 : proposal.supersedingItemIDs) === null || _e === void 0 ? void 0 : _e.toString(),
-        activeCRIsEditable,
-        editedItemData === null,
-        itemDataHasChanges,
-        isEditingProposal,
-        performOperation, handleSetProposal,
-        historyDrawerOpenState,
-        canCompare, preferredComparison, setPreferredComparison,
-    ]);
-    // If there’s a CR context without active CR,
-    // or active CR isn’t the same as the one in CR context,
-    // then we can assume that the item is shown in proposal window
-    // and we’d set window title to proposal’s title rather than item’s.
-    // If there’s a CR context and active CR and they’re the same
-    // then it *could* be that the item is shown in its own tab;
-    // we will render proposal’s title if the item appears in the change request
-    // (makes sense because the user *is* technically viewing a proposal then).
-    const windowTitle = (activeCR && (!globallyActiveCRID
-        || activeCR.id !== globallyActiveCRID
-        || activeCR.items[itemPath])) ? `Proposal ${maybeEllipsizeString(activeCR.justification, 20)}…`
-        : `${(_f = itemClass.meta.title) !== null && _f !== void 0 ? _f : 'register item'} #${item.id}`;
-    const detailsDivRef = useRef(null);
-    useLayoutEffect(() => {
-        if ((itemBefore === null || itemBefore === void 0 ? void 0 : itemBefore.data) && detailsDivRef.current && proposal !== null) {
-            //console.debug("observing", detailsDivRef.current, observer, itemBefore.data);
-            OBSERVER.observe(detailsDivRef.current, {
-                attributeFilter: ['value'],
-                attributes: true,
-                subtree: true,
-                childList: true,
-            });
-        }
-        return function cleanUp() {
-            //console.debug("disconnecting observer");
-            OBSERVER.disconnect();
-        };
-    }, [detailsDivRef.current, itemBefore === null || itemBefore === void 0 ? void 0 : itemBefore.data, proposal === null]);
-    return (jsx(TabContentsWithHeader, { smallTitle: compactHeader, title: jsx(ListItemView, { itemRef: itemRef, itemData: item.data }), classification: classification, actions: actions },
-        jsx(Card, { css: css `position: absolute; border-radius: 0; inset: ${compactHeader ? '0' : '10px'}; overflow-y: auto;` },
-            jsx(Helmet, null,
-                jsx("title", null, windowTitle)),
-            jsx(ProposalHistoryDrawer, { isOpen: historyDrawerOpenState, onClose: () => setHistoryDrawerOpenState(false), itemPath: itemPath }),
-            jsx("div", { id: "detailsDiv", ref: detailsDivRef, "data-observer-root": "true" }, details))));
-});
-const ItemTitle = function ({ uri }) {
-    var _a, _b;
-    const { subregisters } = useContext(BrowserCtx);
-    const ref = useItemRef(subregisters !== undefined, uri);
-    const clsConfig = useItemClassConfig((_a = ref === null || ref === void 0 ? void 0 : ref.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
-    const { value: itemData } = useSingleRegisterItemData(ref);
-    const fallbackView = useCallback((() => { var _a; return jsx(React.Fragment, null, (_a = ref === null || ref === void 0 ? void 0 : ref.itemID) !== null && _a !== void 0 ? _a : uri); }), [uri]);
-    const View = itemData
-        ? ((_b = clsConfig === null || clsConfig === void 0 ? void 0 : clsConfig.views.listItemView) !== null && _b !== void 0 ? _b : fallbackView)
-        : fallbackView;
-    return jsx(View, { itemRef: ref !== null && ref !== void 0 ? ref : DUMMY_REF, itemData: itemData });
-};
-export default {
-    main: MaybeItemDetail,
-    title: ItemTitle,
-};
-const CHANGED_ITEM_HIGHLIGHT_MS = 1000;
-const OBSERVER = new MutationObserver((mutationList) => {
-    const changed = [];
-    function maybeAddChanged(el, changeType) {
-        var _a;
-        if (!((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.getAttribute('data-observer-root'))) {
-            changed.push([el, changeType]);
-        }
-    }
-    mutationList.forEach((mutation) => {
-        switch (mutation.type) {
-            case 'childList':
-                mutation.addedNodes.forEach((node) => {
-                    maybeAddChanged(node, 'added');
-                });
-                //mutation.removedNodes.forEach((node) => {
-                //  //changedNodes.push([node as HTMLElement, 'removed']);
-                //  console.log('node removed', node);
-                //});
-                break;
-            case 'attributes':
-                maybeAddChanged(mutation.target, 'changed');
-                break;
-        }
-    });
-    const nodesWithBackground = [];
-    for (const [_el, change] of changed) {
-        // FIXME: Walk parent elements until one that actually exists?
-        const el = change === 'removed' ? _el.parentElement : _el;
-        nodesWithBackground.push([el, el.style.transition, el.style.backgroundColor, el.style.color]);
-        el.style.transition = 'none';
-        el.style.color = 'white';
-        if (change === 'removed') {
-            el.style.backgroundColor = Colors.RED2;
-        }
-        else {
-            el.style.backgroundColor = change === 'added'
-                ? Colors.GREEN2
-                : Colors.INDIGO2;
-        }
-    }
-    setTimeout(() => {
-        for (const [el, , bgc, tc] of nodesWithBackground) {
-            el.style.transition = 'background-color linear 1s, color linear 1s';
-            el.style.backgroundColor = bgc;
-            el.style.color = tc;
-        }
-        setTimeout(() => {
-            for (const [el, tr] of nodesWithBackground) {
-                el.style.transition = tr;
-            }
-        }, CHANGED_ITEM_HIGHLIGHT_MS);
-    }, 1);
-});
-//# sourceMappingURL=index.js.map

package/compiled/views/detail/RegisterItemClass.js

@@ -1,59 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React, { useMemo, memo } from 'react';
-import { jsx, css } from '@emotion/react';
-import { Card, NonIdealState, UL, } from '@blueprintjs/core';
-import useItemClassConfig from '../hooks/useItemClassConfig';
-import Search from '../sidebar/Search';
-import { RegisterHelmet as Helmet } from '../util';
-import { TabContentsWithHeader } from '../util';
-const MaybeItemClass = memo(function ({ uri }) {
-    const itemClass = useItemClassConfig(uri);
-    if (!itemClass) {
-        return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item class", description: `Item class ${uri} cannot be found in item class configuration for this register` });
-    }
-    return jsx(ItemClass, { itemClass: itemClass });
-});
-const ItemClassTitle = function ({ uri }) {
-    var _a;
-    const itemClass = useItemClassConfig(uri);
-    return jsx(React.Fragment, null, (_a = itemClass === null || itemClass === void 0 ? void 0 : itemClass.meta.title) !== null && _a !== void 0 ? _a : uri);
-};
-export default {
-    main: MaybeItemClass,
-    title: ItemClassTitle,
-};
-const ItemClass = function ({ itemClass }) {
-    var _a, _b;
-    const availableClassIDs = [itemClass.meta.id];
-    const classCriteria = useMemo(() => (availableClassIDs.map(clsID => ({
-        key: 'item-class',
-        query: `objPath.indexOf(\"/${clsID}/\") >= 0`,
-    }))), [availableClassIDs.toString()]);
-    const implicitCriteria = useMemo(() => (classCriteria.length > 0
-        ? {
-            require: 'any',
-            criteria: classCriteria,
-        }
-        : undefined), [classCriteria]);
-    const classification = useMemo(() => [{
-            icon: 'folder-close',
-            children: jsx(React.Fragment, null, "Register item class"),
-            tooltip: {
-                icon: 'info-sign',
-                content: jsx(UL, { css: css `margin: 0;` },
-                    jsx("li", null,
-                        "Class ID: ",
-                        itemClass.meta.id)),
-            },
-        }], [itemClass.meta.id]);
-    return (jsx(TabContentsWithHeader, { title: jsx(React.Fragment, null, itemClass.meta.title), classification: classification },
-        jsx(Card, { css: css `flex: 1; box-shadow: none !important; position: absolute; border-radius: 0; display: flex; flex-flow: column nowrap; padding: 10px;` },
-            jsx("p", null, (_a = itemClass.meta.description) !== null && _a !== void 0 ? _a : '(no class description available)'),
-            jsx(Helmet, null,
-                jsx("title", null, itemClass.meta.title)),
-            jsx(Search, { css: css `flex: 1;`, scope: (_b = itemClass.meta.title) !== null && _b !== void 0 ? _b : "this register item class", 
-                //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}
-                availableClassIDs: availableClassIDs, implicitCriteria: implicitCriteria, stateName: `item-class-${itemClass.meta.id}-search` }))));
-};
-//# sourceMappingURL=RegisterItemClass.js.map