@riboseinc/paneron-registry-kit 2.0.1 → 2.0.2

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

@@ -1,277 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React, { useContext, useState, useCallback } from 'react';
-import { jsx, css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { Button, ButtonGroup, Card, Classes, FormGroup as BaseFormGroup, ControlGroup, InputGroup, NonIdealState, UL, H5, } from '@blueprintjs/core';
-import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
-import HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
-import useItemRef from '../../hooks/useItemRef';
-import useSingleRegisterItemData from '../../hooks/useSingleRegisterItemData';
-import useItemClassConfig from '../../hooks/useItemClassConfig';
-import { Protocols } from '../../protocolRegistry';
-import { isRegisterItem, } from '../../../types';
-import { BrowserCtx } from '../../BrowserCtx';
-import { RegisterHelmet as Helmet, maybeEllipsizeString, TabContentsWithActions, } from '../../util';
-import { crIDToCRPath, getCRIDFromProposedItemPath } from '../../itemPathUtils';
-import { updateCRObjectChangeset, } from '../../change-request/objectChangeset';
-import { ChangeRequestContext } from '../../change-request/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 ItemDetail = function ({ uri, inProposalWithID }) {
-    const { value: ref } = useItemRef(uri);
-    const { value: clsConfig } = useItemClassConfig(ref?.classID ?? 'NONEXISTENT_CLASS_ID');
-    //const { value: itemData } = useSingleRegisterItemData(ref);
-    const { updateObjects, performOperation, operationKey } = useContext(DatasetContext);
-    const isBusy = operationKey !== undefined;
-    const { jumpTo, subregisters, useRegisterItemData, activeChangeRequestID: globallyActiveCRID, } = useContext(BrowserCtx);
-    const { changeRequest: activeCR, canEdit: activeCRIsEditable } = useContext(ChangeRequestContext);
-    const itemClass = clsConfig;
-    const itemClassID = itemClass?.meta?.id;
-    const itemRef = ref ?? dummyRef;
-    const { itemID, subregisterID } = itemRef;
-    const _itemPath = `${itemClassID ?? 'NONEXISTENT_CLASS'}/${itemID}.yaml`;
-    const itemPath = subregisterID ? `/subregisters/${subregisterID}/${_itemPath}` : `/${_itemPath}`;
-    const itemRequest = {
-        itemPaths: [itemPath],
-    };
-    const itemResponse = useRegisterItemData(itemRequest);
-    const itemData = itemResponse.value[itemPath];
-    const [editedClarification, setEditedClarification] = useState(null);
-    //const [ diffMode, setDiffMode ] = useState<boolean>(false);
-    // TODO: Implement diff mode
-    const diffMode = false;
-    const proposal = ((activeCR && activeCR.items[itemPath])
-        ? activeCR.items[itemPath]
-        : null) ?? null;
-    const handleClearProposal = () => performProposalOperation("draft: clear proposal", null);
-    const handleRetire = () => performProposalOperation("draft: propose retirement", {
-        type: 'amendment',
-        amendmentType: 'retirement',
-    });
-    const handleInvalidate = () => performProposalOperation("draft: propose invalidation", {
-        type: 'amendment',
-        amendmentType: 'invalidation',
-    });
-    const handleSupersedeWith = (items) => performProposalOperation("draft: propose supersession", {
-        type: 'amendment',
-        amendmentType: 'supersession',
-        supersedingItemIDs: items,
-    });
-    const handleClarify = async () => {
-        await performProposalOperation("draft: clarify item", {
-            type: 'clarification',
-        });
-        setEditedClarification(null);
-    };
-    const handleEditAddition = async () => {
-        await performProposalOperation("draft: edit added item", {
-            type: 'addition',
-        });
-        setEditedClarification(null);
-    };
-    async function performProposalOperation(summary, proposal) {
-        return await performOperation(summary, handleSetProposal)(summary, proposal);
-    }
-    const handleSetProposal = useCallback(async function _handleSetProposal(summary, proposal) {
-        if (!activeCRIsEditable || !updateObjects || !isRegisterItem(itemData)) {
-            throw new Error("Proposal isn’t editable");
-        }
-        if (proposal && proposal?.type !== 'amendment' && !editedClarification) {
-            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?.type !== 'amendment') && editedClarification)
-                ? { [itemPath]: { ...itemData, data: editedClarification } }
-                : {}),
-            // We need this because updateCRObjectChangeset
-            // omits oldValue for item data payloads.
-            _dangerouslySkipValidation: true,
-        });
-    }, [
-        updateObjects,
-        activeCRIsEditable,
-        JSON.stringify(activeCR),
-        JSON.stringify(itemData),
-        JSON.stringify(editedClarification),
-    ]);
-    if (!itemClass) {
-        return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item", description: `View for ${ref?.itemID ?? uri} cannot be retrieved from item class configuration` });
-    }
-    else if (isRegisterItem(itemData)) {
-        let details;
-        if (editedClarification !== null && activeCRIsEditable) {
-            const EditView = itemClass.views.editView;
-            details = (jsx(EditView, { itemData: editedClarification, itemRef: itemRef, onChange: !isBusy
-                    ? (newData) => {
-                        setEditedClarification(newData);
-                    }
-                    : undefined }));
-        }
-        else {
-            const DetailView = itemClass.views.detailView ?? itemClass.views.editView;
-            details = (jsx(DetailView, { itemRef: itemRef, itemData: itemData.data }));
-        }
-        //const canAmend = activeCR && itemData.status === 'valid';
-        const itemStatus = jsx(FormGroup, { inline: true, label: "status:", css: css `margin: 0;` },
-            jsx(ControlGroup, { fill: true },
-                jsx(InputGroup, { value: proposal?.type === 'amendment'
-                        ? `${proposal.amendmentType} proposed`
-                        : proposal?.type === 'addition'
-                            ? "addition proposed"
-                            : itemData.status, intent: proposal?.type === 'amendment'
-                        ? 'warning'
-                        : proposal?.type === 'addition'
-                            ? 'primary'
-                            : itemData.status === 'valid'
-                                ? 'success'
-                                : undefined, leftIcon: proposal && (proposal.type === 'amendment' || proposal.type === 'addition')
-                        ? 'asterisk'
-                        : itemData.status === 'valid'
-                            ? 'tick'
-                            : itemData.status === 'invalid'
-                                ? 'ban-circle'
-                                : 'warning-sign', readOnly: true }),
-                activeCRIsEditable && !editedClarification
-                    ? jsx(React.Fragment, null,
-                        proposal?.type === 'addition'
-                            ? jsx(Button, { intent: "warning", title: "Remove the proposal to add this new item.", disabled: isBusy, onClick: handleClearProposal }, "Remove proposed addition")
-                            : null,
-                        proposal?.type === 'amendment'
-                            ? jsx(Button, { intent: "warning", title: `Remove amendment (${proposal.amendmentType}) for this item from current proposal.`, disabled: isBusy, onClick: handleClearProposal }, "Clear proposed amendment")
-                            : !proposal && itemData.status === 'valid'
-                                ? jsx(ButtonGroup, null,
-                                    jsx(Button, { intent: "primary", disabled: isBusy, onClick: handleRetire }, "Retire"),
-                                    jsx(Button, { intent: "primary", disabled: isBusy, onClick: handleInvalidate }, "Invalidate"))
-                                : null)
-                    : null));
-        const supersedingItems = (
-        // It’s superseded (whether in current proposal or not)
-        itemData.status === 'superseded'
-            // Item is valid, proposal is editable, and no change to this item is proposed yet
-            || (activeCRIsEditable && !proposal && !editedClarification && itemData.status === 'valid')
-            // This item is being superseded in active proposal
-            // XXX: Redundant condition with the first one?
-            || (proposal?.type === 'amendment' && proposal.amendmentType === 'supersession'))
-            ? jsx(FormGroup, { inline: true, label: "superseded by: ", css: css `margin: 0;` },
-                jsx(RelatedItems, { availableClassIDs: [itemClass.meta.id], itemRefs: proposal?.type === 'amendment' && proposal.amendmentType === 'supersession'
-                        ? proposal.supersedingItemIDs.
-                            map(id => ({ itemID: id, classID: itemClass.meta.id, subregisterID }))
-                        : (itemData.supersededBy ?? []), onChange: !isBusy && activeCRIsEditable && ((proposal?.type === 'amendment' && proposal.amendmentType === 'supersession') ||
-                        (!proposal && itemData.status === 'valid'))
-                        ? (items) => items.length > 0
-                            ? handleSupersedeWith(items.map(ref => ref.itemID))
-                            : handleClearProposal()
-                        : undefined }))
-            : null;
-        const clarificationHasChanges = JSON.stringify(editedClarification) !== JSON.stringify(itemData.data);
-        const clarificationAction = ((proposal && proposal?.type !== 'amendment')
-            || (activeCRIsEditable && !proposal && itemData.status === 'valid'))
-            ? jsx(FormGroup, { inline: true, label: `${proposal?.type ?? "clarification"}: `, css: css `margin: 0;` }, activeCRIsEditable
-                ? jsx(ButtonGroup, null, editedClarification
-                    ? jsx(React.Fragment, null,
-                        jsx(Button, { intent: clarificationHasChanges ? "primary" : undefined, 
-                            // TODO(perf): this is expensive if renders are frequent…
-                            disabled: !clarificationHasChanges || isBusy, onClick: (!proposal || proposal?.type === 'clarification')
-                                ? handleClarify
-                                : handleEditAddition }, "Save"),
-                        jsx(Button, { onClick: () => setEditedClarification(null) }, "Do not save"))
-                    : jsx(React.Fragment, null,
-                        jsx(Button, { disabled: diffMode || isBusy, intent: "primary", outlined: true, onClick: () => setEditedClarification(itemData.data) }, !proposal ? "Clarify" : "Edit"),
-                        proposal?.type === 'clarification'
-                            ? jsx(React.Fragment, null,
-                                jsx(Button, { disabled: diffMode || isBusy || proposal?.type !== 'clarification', intent: "warning", onClick: handleClearProposal }, "Clear"))
-                            : null))
-                : jsx(Button, { disabled: true },
-                    proposal?.type === 'clarification' ? "Clarified" : "Added",
-                    " in active proposal"))
-            : null;
-        // 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)}…`
-            : `${itemClass.meta.title ?? 'register item'} #${itemData.id}`;
-        return (jsx(TabContentsWithActions, { actions: jsx(React.Fragment, null,
-                jsx(FormGroup, { inline: true, labelInfo: jsx(HelpTooltip, { icon: 'info-sign', content: jsx(React.Fragment, null,
-                            jsx(H5, null, itemClass.meta.title),
-                            itemClass.meta.description ?? "No description is provided for this register item class.",
-                            jsx(UL, null,
-                                jsx("li", null,
-                                    "Class ID: ",
-                                    itemClassID),
-                                jsx("li", null,
-                                    "Subregister ID: ",
-                                    subregisterID ?? 'N/A'),
-                                jsx("li", null,
-                                    "UUID: ",
-                                    itemID))) }), label: jsx(React.Fragment, null,
-                        jsx("strong", null, itemClass.meta.title),
-                        subregisterID
-                            ? jsx("span", { title: "Subregister" },
-                                " in ",
-                                subregisters?.[subregisterID]?.title ?? subregisterID)
-                            : null), css: css `margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }` },
-                    itemStatus,
-                    supersedingItems,
-                    clarificationAction)), main: jsx(Card, { css: css `position: absolute; inset: ${inProposalWithID ? '0' : '10px'}; overflow-y: auto;` },
-                jsx(Helmet, null,
-                    jsx("title", null, windowTitle)),
-                details) }));
-    }
-    else if (itemResponse.isUpdating) {
-        return jsx("div", { className: Classes.SKELETON }, "Loading\u2026");
-    }
-    else {
-        const inCRWithID = getCRIDFromProposedItemPath(uri);
-        if (inCRWithID !== null && 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?.(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(inCRWithID)}`) }, "Go to proposal")
-                        : null) });
-        }
-        else {
-            return jsx(NonIdealState, { icon: "heart-broken", title: "Unable to show item", description: "Item may not exist, or use unexpected data format." });
-        }
-    }
-};
-const ItemTitle = function ({ uri }) {
-    const { value: ref } = useItemRef(uri);
-    const { value: clsConfig } = useItemClassConfig(ref?.classID ?? 'NONEXISTENT_CLASS_ID');
-    const { value: itemData } = useSingleRegisterItemData(ref);
-    const fallbackView = (() => jsx(React.Fragment, null, ref?.itemID ?? uri));
-    const View = itemData ? (clsConfig?.views.listItemView ?? fallbackView) : fallbackView;
-    return jsx(View, { itemRef: ref ?? dummyRef, itemData: itemData });
-};
-export default {
-    main: ItemDetail,
-    title: ItemTitle,
-};
-const dummyRef = {
-    itemID: 'NONEXISTENT_ITEM_ID',
-    classID: 'NONEXISTENT_CLASS_ID',
-    subregisterID: undefined,
-};
-const FormGroup = styled(BaseFormGroup) `
-  margin: 0;
-  label.bp4-label {
-    white-space: nowrap;
-  }
-`;
-//# sourceMappingURL=index.js.map

package/compiled/views/detail/RegisterMeta/RegisterMetaForm.js

@@ -1,135 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import update from 'immutability-helper';
-import React from 'react';
-import { jsx, css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { FormGroup as BaseFormGroup, Classes, ControlGroup, InputGroup, TextArea, HTMLTable, HTMLSelect, Button, ButtonGroup, } from '@blueprintjs/core';
-import { DatePicker, TimePrecision } from '@blueprintjs/datetime';
-import HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';
-import { isStakeholderRole } from '../../../types';
-import { STAKEHOLDER_ROLES, StakeholderRole } from '../../../types/stakeholder';
-const DUMMY_VERSION = { id: '', timestamp: new Date() };
-const DUMMY_CONTACT = {
-    label: 'email',
-    value: ''
-};
-const DUMMY_PARTY = {
-    name: '',
-    contacts: [DUMMY_CONTACT],
-};
-const DUMMY_STAKEHOLDER = {
-    role: StakeholderRole.Submitter,
-    name: '',
-    gitServerUsername: undefined,
-    parties: [DUMMY_PARTY],
-};
-const RegisterMetaForm = function ({ value, onChange, className }) {
-    function handleOperatingLanguageChange(fieldName) {
-        return (evt) => {
-            const newValue = update(value, { operatingLanguage: op => update(op ?? {}, { [fieldName]: { $set: evt.currentTarget.value } }) });
-            onChange(newValue);
-        };
-    }
-    function makeFormEventHandler(func) {
-        return (evt) => {
-            const spec = func(evt.currentTarget.value);
-            if (spec) {
-                onChange(update(value, spec));
-            }
-        };
-    }
-    const stakeholders = value.stakeholders ?? [];
-    function makeStakeholderChangeHandler(idx, func) {
-        return makeFormEventHandler(val => ({ stakeholders: { [idx]: func(val) } }));
-    }
-    function handleStakeholderAdd() {
-        onChange({ ...value, stakeholders: [...stakeholders, DUMMY_STAKEHOLDER] });
-    }
-    return (jsx("div", { css: css `display: flex; flex-flow: row wrap; align-content: flex-start; align-items: flex-start; gap: 10px;`, className: className },
-        jsx(SuperFormGroup, { label: "Basics:" },
-            jsx(FormGroup, { label: "Name:" },
-                jsx(InputGroup, { fill: true, value: value.name || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ name: { $set: val } })) })),
-            jsx(FormGroup, { label: "Uniform resource identifier:" },
-                jsx(InputGroup, { fill: true, type: "url", value: value.uniformResourceIdentifier || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ uniformResourceIdentifier: { $set: val } })) })),
-            jsx(FormGroup, { label: "Content summary:" },
-                jsx(TextArea, { fill: true, value: value.contentSummary || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ contentSummary: { $set: val } })) })),
-            jsx(FormGroup, { label: "Operating language (locale):", helperText: "Name, country and ISO 639-2 language code." },
-                jsx(ControlGroup, { vertical: true },
-                    jsx(InputGroup, { readOnly: !onChange, placeholder: "E.g., Welsh", value: value.operatingLanguage?.name ?? '', onChange: handleOperatingLanguageChange('name') }),
-                    jsx(InputGroup, { readOnly: !onChange, placeholder: "3-character numerical country code from ISO 3166-1", value: value.operatingLanguage?.country ?? '', onChange: handleOperatingLanguageChange('country') }),
-                    jsx(InputGroup, { readOnly: !onChange, placeholder: "3-character language code from ISO 639-2", value: value.operatingLanguage?.languageCode ?? '', onChange: handleOperatingLanguageChange('languageCode') })))),
-        jsx(SuperFormGroup, { label: "Version: ", css: css `padding-bottom: 0;` },
-            jsx(FormGroup, { label: "Identifier: " },
-                jsx(InputGroup, { value: value.version?.id ?? '', readOnly: !onChange, placeholder: "E.g., 1.2", onChange: makeFormEventHandler(val => ({ version: v => update(v ?? DUMMY_VERSION, { id: { $set: val } }) })) })),
-            jsx(FormGroup, { label: "Published on: ", helperText: jsx(React.Fragment, null,
-                    "Date and time are",
-                    jsx("br", null),
-                    "in ",
-                    Intl.DateTimeFormat().resolvedOptions().timeZone,
-                    ".",
-                    " ",
-                    jsx(HelpTooltip, { content: jsx(React.Fragment, null,
-                            "Times are in your computer\u2019s current time zone.",
-                            onChange
-                                ? " When specifying, make sure to offset accordingly if it is different than register publication time zone."
-                                : null) })) },
-                jsx(DatePicker, { css: css `margin: 0 -${PADDING};`, timePrecision: TimePrecision.MINUTE, value: value.version?.timestamp ?? null, showActionsBar: onChange ? true : false, onChange: (val) => onChange(update(value, val !== null
-                        ? { version: v => update(v ?? DUMMY_VERSION, { timestamp: { $set: val } }) }
-                        : { $unset: ['version'] })) }))),
-        jsx(SuperFormGroup, { label: "Stakeholders:", helperText: onChange
-                ? jsx(Button, { onClick: handleStakeholderAdd, icon: "add" }, "Add")
-                : null }, stakeholders.length > 0
-            ? jsx(HTMLTable, { css: css `margin: 0 -${PADDING};` },
-                jsx("thead", null,
-                    jsx("tr", { css: css `& > * { white-space: nowrap }` },
-                        jsx("th", null, "Role"),
-                        jsx("th", null, "Name"),
-                        jsx("th", null, "Git server username"),
-                        jsx("th", null, "Parties"),
-                        jsx("th", null, "Name"),
-                        jsx("th", null, "Email"))),
-                jsx("tbody", null, [...stakeholders.entries()].map(([idx, s]) => jsx("tr", { key: idx },
-                    jsx("td", null,
-                        jsx(HTMLSelect, { options: STAKEHOLDER_ROLES.map(r => ({ value: r, label: r })), disabled: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => isStakeholderRole(val)
-                                ? { role: { $set: val } } // Why do we need to cast this
-                                : {}), value: s.role })),
-                    jsx("td", null,
-                        jsx(InputGroup, { readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ name: { $set: val } })), value: s.name })),
-                    jsx("td", null,
-                        jsx(InputGroup, { readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ gitServerUsername: { $set: val || undefined } })), value: s.gitServerUsername || '' })),
-                    jsx("td", null,
-                        jsx(ControlGroup, { vertical: s.parties.length > 1 }, s.parties.map((party, partyIdx) => jsx(ButtonGroup, { key: partyIdx },
-                            jsx(Button, { key: "delete", outlined: true, disabled: !onChange || s.parties.length < 2 || party.name !== '', title: "Delete this party", onClick: () => onChange(update(value, { stakeholders: { [idx]: { parties: { $splice: [[partyIdx, 1]] } } } })), icon: "cross" }),
-                            partyIdx === s.parties.length - 1
-                                ? jsx(Button, { key: "add", outlined: true, disabled: !onChange, onClick: () => onChange(update(value, { stakeholders: { [idx]: { parties: { $push: [DUMMY_PARTY] } } } })), title: "Append a party", icon: "plus" })
-                                : null)))),
-                    jsx("td", null,
-                        jsx(ControlGroup, { vertical: s.parties.length > 1 }, s.parties.map((party, partyIdx) => jsx(InputGroup, { key: partyIdx, readOnly: !onChange, placeholder: "Individual or organization", onChange: makeStakeholderChangeHandler(idx, (val) => ({ parties: { [partyIdx]: { name: { $set: val } } } })), value: party.name })))),
-                    jsx("td", null,
-                        jsx(ControlGroup, { vertical: s.parties.length > 1 }, s.parties.map((party, partyIdx) => jsx(InputGroup, { key: partyIdx, type: "email", placeholder: "Contact email", readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ parties: { [partyIdx]: { contacts: { 0: { value: { $set: val } } } } } })), value: party.contacts[0].value || '' }))))))))
-            : null)));
-};
-const PADDING = '11px';
-const FormGroup = styled(BaseFormGroup) `
-  margin: 0;
-`;
-const SuperFormGroup_ = styled(FormGroup) `
-  border-radius: 5px;
-  padding: ${PADDING};
-  background: white;
-  > label.bp4-label {
-    font-weight: bold;
-    margin-bottom: ${PADDING};
-  }
-  > .bp4-form-content {
-    display: flex;
-    flex-flow: column nowrap;
-    gap: ${PADDING};
-  }
-`;
-const SuperFormGroup = function (props) {
-    return jsx(SuperFormGroup_, { ...props, className: Classes.ELEVATION_3 });
-};
-export default RegisterMetaForm;
-//# sourceMappingURL=RegisterMetaForm.js.map

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

@@ -1,61 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import React, { useState, useContext } from 'react';
-import { jsx } from '@emotion/react';
-import { Button, ButtonGroup, NonIdealState, Spinner } from '@blueprintjs/core';
-import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
-import { BrowserCtx } from '../../BrowserCtx';
-import { isRegisterMetadata } from '../../../types';
-import { isOwner } from '../../../types/stakeholder';
-import { REGISTER_METADATA_FILENAME } from '../../../common';
-import { TabContentsWithActions } from '../../util';
-import RegisterMetaForm from './RegisterMetaForm';
-const RegisterMeta = function () {
-    const { updateObjects, performOperation } = useContext(DatasetContext);
-    const { registerMetadata, stakeholder } = useContext(BrowserCtx);
-    const [editedMetadata, setEditedMetadata] = useState(null);
-    const canChange = updateObjects ? true : false;
-    const didChange = registerMetadata && editedMetadata && JSON.stringify(editedMetadata) !== JSON.stringify(registerMetadata);
-    function handleClear() {
-        setEditedMetadata(null);
-    }
-    async function handleSave() {
-        if (!updateObjects) {
-            throw new Error("Dataset is read-only");
-        }
-        if (!stakeholder || !isOwner(stakeholder)) {
-            throw new Error("Register meta is only meant to be edited by owner");
-        }
-        if (!isRegisterMetadata(editedMetadata)) {
-            throw new Error("Invalid register metadata");
-        }
-        await performOperation('saving register meta', updateObjects)({
-            commitMessage: "edited register metadata",
-            objectChangeset: {
-                [REGISTER_METADATA_FILENAME]: {
-                    oldValue: registerMetadata,
-                    newValue: editedMetadata,
-                },
-            },
-        });
-        setEditedMetadata(null);
-    }
-    if (registerMetadata) {
-        return (jsx(TabContentsWithActions, { actions: jsx(React.Fragment, null,
-                jsx(ButtonGroup, null,
-                    jsx(Button, { onClick: handleSave, disabled: !didChange || !canChange, intent: didChange && canChange ? "primary" : undefined }, "Save"),
-                    jsx(Button, { onClick: handleClear, disabled: !didChange || !canChange }, "Clear changes"))), main: jsx(RegisterMetaForm, { value: editedMetadata ?? registerMetadata, onChange: updateObjects ? setEditedMetadata : undefined }) }));
-    }
-    else if (registerMetadata === undefined) {
-        return jsx(NonIdealState, { icon: jsx(Spinner, null) });
-    }
-    else {
-        return jsx(NonIdealState, { icon: "heart-broken", description: "Failed to read registry metadata." });
-    }
-};
-export default {
-    main: RegisterMeta,
-    title: () => jsx(React.Fragment, null, "Register Metadata"),
-    plainTitle: async () => "register metadata",
-};
-//# sourceMappingURL=index.js.map

package/compiled/views/detail/index.js

@@ -1,11 +0,0 @@
-import protocolRegistry, { isValidProtocol } from '../protocolRegistry';
-export async function getPlainTitle(uri) {
-    const [proto, _path] = uri.split(':');
-    if (isValidProtocol(proto)) {
-        return await protocolRegistry[proto].plainTitle?.(_path) ?? 'N/A';
-    }
-    else {
-        throw new Error("Invalid protocol");
-    }
-}
-//# sourceMappingURL=index.js.map

package/compiled/views/diffing/InlineDiff.js

@@ -1,20 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import { jsx } from '@emotion/react';
-import React from 'react';
-import ReactDOM from 'react-dom/server';
-import VisualDiff from 'react-visual-diff';
-import AnnotatedChange from '../AnnotatedChange';
-const InlineDiff = React.memo(({ DetailView, sharedRefComponents, item1, item2 }) => {
-    // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.
-    // Which is often. Either make item views hook-free
-    // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching
-    // related item data), or work out another way to diff two React elements.
-    console.debug(item1.description, item2.description);
-    const left = jsx("div", { dangerouslySetInnerHTML: { __html: ReactDOM.renderToString(jsx(DetailView, { itemRef: sharedRefComponents, itemData: item1 })) } });
-    const right = jsx("div", { dangerouslySetInnerHTML: { __html: ReactDOM.renderToString(jsx(DetailView, { itemRef: sharedRefComponents, itemData: item2 })) } });
-    return jsx(VisualDiff, { left: left, right: right, renderChange: AnnotatedChange });
-}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&
-    JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1));
-export default InlineDiff;
-//# sourceMappingURL=InlineDiff.js.map

package/compiled/views/diffing/StructuredDiff.js

@@ -1,38 +0,0 @@
-/** @jsx jsx */
-/** @jsxFrag React.Fragment */
-import { diff, formatters } from 'jsondiffpatch';
-import { jsx, css } from '@emotion/react';
-import React, { useEffect, useRef, useState } from 'react';
-import { Switch } from '@blueprintjs/core';
-const StructuredDiff = React.memo(({ item1, item2, showUnchanged, className }) => {
-    const diffContainerRef = useRef(null);
-    // Is ignored if managed via prop.
-    const [_showUnchanged, setShowUnchanged] = useState(false);
-    const item1json = JSON.stringify(item1);
-    const item2json = JSON.stringify(item2);
-    useEffect(() => {
-        if (diffContainerRef.current) {
-            const delta = diff(item1, item2);
-            formatters.html.showUnchanged(showUnchanged ?? _showUnchanged);
-            if (delta) {
-                diffContainerRef.current.innerHTML = formatters.html.format(delta, item1);
-            }
-            else {
-                diffContainerRef.current.innerHTML = formatters.html.format({}, item1);
-            }
-        }
-    }, [item1json, item2json, diffContainerRef.current, showUnchanged, _showUnchanged]);
-    // TODO: Make VisualDiff work. Currently, it doesn’t apparently when item detail views use hooks.
-    // Which is often. Either make item views hook-free
-    // (which means primarily eliminating useRegisterItemData() by inferring and pre-fetching
-    // related item data), or work out another way to diff two React elements.
-    return jsx("div", { css: css `display: flex; flex-flow: column nowrap;`, className: className },
-        showUnchanged === undefined
-            ? jsx(Switch, { checked: _showUnchanged, onChange: evt => setShowUnchanged(evt.currentTarget.checked), label: "Show unchanged properties" })
-            : null,
-        jsx("div", { ref: diffContainerRef, css: css `flex: 1; overflow: auto;` }));
-}, (prevProps, nextProps) => JSON.stringify(prevProps.item2) === JSON.stringify(nextProps.item2) &&
-    JSON.stringify(prevProps.item1) === JSON.stringify(nextProps.item1) &&
-    prevProps.showUnchanged === nextProps.showUnchanged);
-export default StructuredDiff;
-//# sourceMappingURL=StructuredDiff.js.map

package/compiled/views/hooks/useCustomView.js

@@ -1,14 +0,0 @@
-import { useContext } from 'react';
-import { BrowserCtx } from '../BrowserCtx';
-export default function useCustomView(viewID) {
-    const { customViews } = useContext(BrowserCtx);
-    const view = customViews.find(v => v.id === viewID);
-    return {
-        value: view,
-        errors: [],
-        refresh: () => void 0,
-        isUpdating: false,
-        _reqCounter: 0,
-    };
-}
-//# sourceMappingURL=useCustomView.js.map

package/compiled/views/hooks/useItemClassConfig.js

@@ -1,14 +0,0 @@
-import { useContext } from 'react';
-import { BrowserCtx } from '../BrowserCtx';
-export default function useItemClassConfig(clsID) {
-    const { itemClasses } = useContext(BrowserCtx);
-    const clsConfig = itemClasses[clsID];
-    return {
-        value: clsConfig,
-        errors: [],
-        refresh: () => void 0,
-        isUpdating: false,
-        _reqCounter: 0,
-    };
-}
-//# sourceMappingURL=useItemClassConfig.js.map

package/compiled/views/hooks/useItemRef.js

@@ -1,26 +0,0 @@
-import { useContext } from 'react';
-import { BrowserCtx } from '../BrowserCtx';
-import { itemPathToItemRef } from '../itemPathUtils';
-export default function useItemRef(itemPath) {
-    const { subregisters } = useContext(BrowserCtx);
-    try {
-        const value = itemPathToItemRef(subregisters !== undefined, itemPath);
-        return {
-            value,
-            isUpdating: false,
-            refresh: () => void 0,
-            _reqCounter: 0,
-            errors: [],
-        };
-    }
-    catch (e) {
-        return {
-            value: undefined,
-            isUpdating: false,
-            refresh: () => void 0,
-            _reqCounter: 0,
-            errors: [`${e.toString?.() ?? e}`],
-        };
-    }
-}
-//# sourceMappingURL=useItemRef.js.map

package/compiled/views/hooks/useSingleRegisterItemData.js

@@ -1,21 +0,0 @@
-import { useContext } from 'react';
-import { BrowserCtx } from '../BrowserCtx';
-import { itemRefToItemPath } from '../itemPathUtils';
-export default function useSingleRegisterItemData(ref) {
-    const { useRegisterItemData } = useContext(BrowserCtx);
-    const itemPath = ref ? itemRefToItemPath(ref) : 'NONEXISTENT_ITEM';
-    const itemResponse = useRegisterItemData({ itemPaths: [itemPath] });
-    const itemResponseValue = itemResponse.value[itemPath];
-    const itemData = itemResponseValue?.data ?? null;
-    const errMsg = "Item data cannot be loaded";
-    return {
-        value: itemData,
-        errors: itemData === null
-            ? [errMsg, ...itemResponse.errors]
-            : itemResponse.errors,
-        isUpdating: itemResponse.isUpdating,
-        _reqCounter: itemResponse._reqCounter,
-        refresh: itemResponse.refresh,
-    };
-}
-//# sourceMappingURL=useSingleRegisterItemData.js.map