@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

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

@@ -0,0 +1,176 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import update from 'immutability-helper';
+import React from 'react';
+import { jsx, css } from '@emotion/react';
+import { ControlGroup, InputGroup, FormGroup, TextArea, HTMLTable, HTMLSelect, Button, ButtonGroup, MenuItem, } from '@blueprintjs/core';
+import { MultiSelect2 as Select } from '@blueprintjs/select';
+import { FormGroupAsCardInGrid } from '../../../views/util';
+import { STAKEHOLDER_ROLES, StakeholderRole, StakeholderRoleLabels, } from '../../../types/stakeholder';
+const DUMMY_CONTACT = {
+    label: 'email',
+    value: 'example@example.com',
+};
+const DUMMY_ORG = {
+    name: 'New organization',
+    logoURL: '',
+};
+// const DUMMY_PARTY: Register["stakeholders"][number]["parties"][number] = {
+//   name: '',
+//   contacts: [DUMMY_CONTACT],
+// };
+const DUMMY_STAKEHOLDER = {
+    roles: [StakeholderRole.Submitter],
+    name: 'New stakeholder',
+    gitServerUsername: undefined,
+    affiliations: {},
+    contacts: [DUMMY_CONTACT],
+    //parties: [DUMMY_PARTY],
+};
+const RegisterMetaForm = function ({ value, onChange, className }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    function handleOperatingLanguageChange(fieldName) {
+        return (evt) => {
+            const newValue = update(value, { operatingLanguage: op => update(op !== null && op !== void 0 ? 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 = (_a = value.stakeholders) !== null && _a !== void 0 ? _a : [];
+    const orgs = (_b = value.organizations) !== null && _b !== void 0 ? _b : {};
+    const organizationIDs = Object.keys(orgs);
+    function makeStakeholderChangeHandler(idx, func) {
+        return makeFormEventHandler(val => ({ stakeholders: { [idx]: func(val) } }));
+    }
+    function handleStakeholderAdd() {
+        onChange({ ...value, stakeholders: [...stakeholders, DUMMY_STAKEHOLDER] });
+    }
+    function handleStakeholderDelete(idx) {
+        onChange(update(value, { stakeholders: { $splice: [[idx, 1]] } }));
+    }
+    function makeOrgChangeHandler(orgID, func) {
+        return makeFormEventHandler(val => ({ organizations: { [orgID]: func(val) } }));
+    }
+    function handleOrgAdd() {
+        const newID = crypto.randomUUID();
+        onChange({ ...value, organizations: { ...orgs, [newID]: DUMMY_ORG } });
+    }
+    function handleOrgDelete(orgID) {
+        onChange(update(value, { organizations: { $unset: [orgID] } }));
+    }
+    function findAffiliations(orgID) {
+        return stakeholders.
+            filter(s => { var _a; return ((_a = s.affiliations) === null || _a === void 0 ? void 0 : _a[orgID]) !== undefined; }).
+            flatMap(s => { var _a; return Object.values((_a = s.affiliations) !== null && _a !== void 0 ? _a : {}); });
+    }
+    function findAffiliationOptions(s) {
+        return Object.entries(orgs).
+            filter(([orgID]) => { var _a; return ((_a = s.affiliations) === null || _a === void 0 ? void 0 : _a[orgID]) === undefined; }).
+            map(([orgID, org]) => ({
+            value: orgID,
+            label: org.name,
+        }));
+    }
+    return (jsx(React.Fragment, null,
+        jsx(FormGroupAsCardInGrid, { label: "Basics:", paddingPx: PADDING_PX, css: css `
+            min-width: 100%;
+            > .bp4-form-content {
+              flex-flow: row wrap;
+              justify-content: stretch;
+              align-items: stretch;
+            }
+          ` },
+            jsx(FormGroup, { label: "Name:", css: css `flex-grow: 1;` },
+                jsx(InputGroup, { fill: true, value: value.name || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ name: { $set: val } })) })),
+            jsx(FormGroup, { label: "Uniform resource identifier:", css: css `flex-grow: 1;` },
+                jsx(InputGroup, { fill: true, type: "url", value: value.uniformResourceIdentifier || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ uniformResourceIdentifier: { $set: val } })) })),
+            jsx(FormGroup, { label: "Operating language (locale):", helperText: "Name, country and ISO 639-2 language code." },
+                jsx(ControlGroup, null,
+                    jsx(InputGroup, { readOnly: !onChange, placeholder: "E.g., Welsh", value: (_d = (_c = value.operatingLanguage) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '', onChange: handleOperatingLanguageChange('name') }),
+                    jsx(InputGroup, { readOnly: !onChange, placeholder: "3-character numerical country code from ISO 3166-1", value: (_f = (_e = value.operatingLanguage) === null || _e === void 0 ? void 0 : _e.country) !== null && _f !== void 0 ? _f : '', onChange: handleOperatingLanguageChange('country') }),
+                    jsx(InputGroup, { css: css `width: 4em;`, readOnly: !onChange, placeholder: "3-character language code from ISO 639-2", value: (_h = (_g = value.operatingLanguage) === null || _g === void 0 ? void 0 : _g.languageCode) !== null && _h !== void 0 ? _h : '', onChange: handleOperatingLanguageChange('languageCode') })))),
+        jsx(FormGroupAsCardInGrid, { label: "Content summary:", paddingPx: PADDING_PX, css: css `min-width: 100%;` },
+            jsx(FormGroup, { helperText: "HTML is allowed." },
+                jsx(TextArea, { fill: true, css: css `height: 8em !important;`, value: value.contentSummary || '', readOnly: !onChange, onChange: makeFormEventHandler(val => ({ contentSummary: { $set: val } })) }))),
+        jsx(FormGroupAsCardInGrid, { paddingPx: PADDING_PX, label: "Organizations:", css: css `min-width: 100%`, helperText: onChange
+                ? jsx(Button, { onClick: handleOrgAdd, icon: "add" }, "Add")
+                : null }, organizationIDs.length > 0
+            ? jsx(HTMLTable, { css: css `margin: 0 -${PADDING_PX}px;` },
+                jsx("thead", null,
+                    jsx("tr", { css: css `& > * { white-space: nowrap }` },
+                        jsx("th", null, "Name"),
+                        jsx("th", null, "Logo URL"))),
+                jsx("tbody", null, [...Object.entries(value.organizations)].map(([orgID, s]) => jsx("tr", { key: orgID },
+                    jsx("td", null,
+                        jsx(InputGroup, { readOnly: !onChange, rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange || findAffiliations(orgID).length > 0, title: "Delete this organization", onClick: () => handleOrgDelete(orgID), icon: "cross", intent: "warning" }), onChange: makeOrgChangeHandler(orgID, (val) => ({ name: { $set: val } })), value: s.name })),
+                    jsx("td", null,
+                        jsx(InputGroup, { readOnly: !onChange, onChange: makeOrgChangeHandler(orgID, (val) => ({ logoURL: { $set: val } })), value: s.logoURL }))))))
+            : null),
+        jsx(FormGroupAsCardInGrid, { paddingPx: PADDING_PX, label: "Users:", css: css `min-width: 100%`, helperText: onChange
+                ? jsx(Button, { onClick: handleStakeholderAdd, icon: "add" }, "Add")
+                : null }, stakeholders.length > 0
+            ? jsx(HTMLTable, { css: css `margin: 0 -${PADDING_PX}px;` },
+                jsx("thead", null,
+                    jsx("tr", { css: css `& > * { white-space: nowrap }` },
+                        jsx("th", null, "Name"),
+                        jsx("th", null, "Git server username"),
+                        jsx("th", null, "Role"),
+                        jsx("th", null, "Affiliations"),
+                        jsx("th", null, "Contact email"))),
+                jsx("tbody", null, [...stakeholders.entries()].map(([idx, s]) => {
+                    var _a, _b, _c, _d;
+                    return jsx("tr", { key: idx },
+                        jsx("td", null,
+                            jsx(InputGroup, { readOnly: !onChange, onChange: makeStakeholderChangeHandler(idx, (val) => ({ name: { $set: val } })), rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange, title: "Delete this stakeholder", onClick: () => handleStakeholderDelete(idx), icon: "cross", intent: "warning" }), 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(Select, { items: STAKEHOLDER_ROLES, popoverProps: {
+                                    minimal: true,
+                                    matchTargetWidth: true,
+                                }, itemPredicate: (query, roleID) => 
+                                // Match can be in both role ID and role label
+                                `${roleID} ${StakeholderRoleLabels[roleID]}`.
+                                    toLowerCase().
+                                    indexOf(query.toLowerCase()) >= 0, resetOnSelect: true, css: css `max-width: 300px;`, selectedItems: [...((_a = s.roles) !== null && _a !== void 0 ? _a : [s.role])], disabled: !onChange || !s.roles, itemDisabled: roleID => { var _a; return (_a = s.roles) === null || _a === void 0 ? void 0 : _a.includes(roleID); }, tagRenderer: roleID => StakeholderRoleLabels[roleID], 
+                                // Make each role take full width & so stak them vertically
+                                tagInputProps: { tagProps: { className: 'bp4-fill' } }, onRemove: roleID => onChange(update(value, { stakeholders: { [idx]: { roles: { $splice: [[s.roles.indexOf(roleID), 1]] } } } })), itemRenderer: (roleID, { handleClick, modifiers: { active, disabled } }) => jsx(MenuItem, { text: StakeholderRoleLabels[roleID], active: active, disabled: disabled, onClick: handleClick }), onItemSelect: roleID => onChange(update(value, { stakeholders: { [idx]: { roles: { $push: [roleID] } } } })) })),
+                        jsx("td", null,
+                            jsx(ControlGroup, { vertical: true },
+                                Object.entries((_b = s.affiliations) !== null && _b !== void 0 ? _b : {}).
+                                    sort(([, aff], [, aff2]) => aff2.role.localeCompare(aff.role)).
+                                    map(([orgID, affiliation], _affiliationIdx) => {
+                                    var _a, _b;
+                                    return jsx(ButtonGroup, { key: orgID },
+                                        jsx(InputGroup, { key: "org", readOnly: true, value: (_b = (_a = orgs[orgID]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : orgID, rightElement: jsx(Button, { key: "delete", outlined: true, disabled: !onChange, title: "Delete this affiliation", onClick: () => onChange(update(value, { stakeholders: { [idx]: { affiliations: { $unset: [orgID] } } } })), icon: "cross" }) }),
+                                        jsx(HTMLSelect, { key: "set-role", disabled: !onChange, value: affiliation.role, options: [
+                                                { value: 'pointOfContact', label: 'point of contact' },
+                                                { value: 'member', label: 'member' },
+                                            ], onChange: (evt) => onChange(update(value, { stakeholders: { [idx]: { affiliations: { [orgID]: { role: { $set: evt.currentTarget.value } } } } } })), title: "Specify role in organization" }));
+                                }),
+                                findAffiliationOptions(s).length > 0 && onChange
+                                    ? jsx(HTMLSelect, { key: "add", options: [
+                                            { label: "Append affiliation…", value: '' },
+                                            ...findAffiliationOptions(s),
+                                        ], value: "", onChange: (evt) => {
+                                            var _a;
+                                            return ((_a = evt.currentTarget.value) === null || _a === void 0 ? void 0 : _a.trim()) !== ''
+                                                ? onChange(update(value, { stakeholders: { [idx]: { affiliations: { [evt.currentTarget.value]: { $set: { role: 'member' } } } } } }))
+                                                : void 0;
+                                        }, title: "Append affiliation\u2026" })
+                                    : null)),
+                        jsx("td", null,
+                            jsx(InputGroup, { readOnly: !onChange, type: "email", onChange: makeStakeholderChangeHandler(idx, (val) => ({ contacts: { $set: [{ label: 'email', value: val }] } })), value: ((_d = (_c = s.contacts) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value) || '' })));
+                })))
+            : null)));
+};
+const PADDING_PX = 11;
+export default RegisterMetaForm;
+//# sourceMappingURL=RegisterMetaForm.js.map

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

@@ -0,0 +1,73 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useState, useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { 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 { TabContentsWithHeader } from '../../util';
+import RegisterMetaForm from './RegisterMetaForm';
+const RegisterMeta = function () {
+    var _a;
+    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);
+    const owner = ((_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) !== null && _a !== void 0 ? _a : []).find(isOwner);
+    const stakeholderCanEdit = !owner || (stakeholder && isOwner(stakeholder));
+    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(TabContentsWithHeader, { title: "Register metadata", layout: "card-grid", actions: [[{
+                        onClick: handleSave,
+                        disabled: !didChange || !canChange,
+                        intent: didChange && canChange ? "primary" : undefined,
+                        children: "Save",
+                    }, {
+                        onClick: handleClear,
+                        disabled: !didChange || !canChange,
+                        children: "Clear changes",
+                    }]] },
+            jsx(RegisterMetaForm, { value: editedMetadata !== null && editedMetadata !== void 0 ? editedMetadata : registerMetadata, onChange: (updateObjects && stakeholderCanEdit)
+                    ? 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

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

package/compiled/views/diffing/InlineDiff.js

@@ -0,0 +1,117 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import styled from '@emotion/styled';
+import React from 'react';
+import ReactDOM from 'react-dom/server';
+import VisualDiff from 'react-visual-diff';
+import { OL } from '@blueprintjs/core';
+import DL from '@riboseinc/paneron-extension-kit/widgets/DL';
+import { objectsHaveSameShape, normalizeObjectRecursively, isObject } from '@riboseinc/paneron-extension-kit/util';
+import AnnotatedChange from '../AnnotatedChange';
+const UnstyledOL = styled(OL) `
+  margin: 0 !important;
+  > li {
+    margin: 0 !important;
+  }
+  ::marker {
+    font-weight: bold;
+  }
+`;
+const ComplexDL = styled(DL) `
+  /* Within Blueprint’s running text container, we can get away with zero vertical padding. */
+  padding: 0 4px;
+  border: 1px solid rgba(125, 125, 125, 0.5);
+  border-radius: 0 0 15px 0;
+  margin: -1px -5px;
+`;
+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));
+// /** Returns true if a value or any nested value within, recursively, is considered “not empty”. */
+// function isNonEmptyRecursive(val: any): boolean {
+//   if (Array.isArray(val)) {
+//     // TODO: Should really do this on arrays?
+//     return val.find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else if (isObject(val)) {
+//     return Object.values(val).find(item => isNonEmptyRecursive(item)) !== undefined;
+//   } else {
+//     return isNonEmpty(val);
+//   }
+// }
+/** Returns true if a value is considered “not empty”. */
+function isNonEmpty(val) {
+    var _a, _b;
+    return val && (typeof val === 'string'
+        ? val.trim() !== ''
+        : ((_b = (_a = val === null || val === void 0 ? void 0 : val.toString()) === null || _a === void 0 ? void 0 : _a.trim) === null || _b === void 0 ? void 0 : _b.call(_a)) || `${val}`);
+}
+/** Renders given value in a recursive way. */
+export const Val = function ({ val, hideEmpty }) {
+    var _a;
+    if (Array.isArray(val)) {
+        return (jsx(UnstyledOL, null, val.map((v, idx) => jsx("li", { key: idx },
+            isObject(val) ? jsx(React.Fragment, null, "\u2192") : null,
+            jsx(Val, { val: v, hideEmpty: hideEmpty })))));
+    }
+    else if (isObject(val)) {
+        const allEntries = Object.entries(val);
+        const entries = hideEmpty
+            ? allEntries.filter(([, v]) => isNonEmpty(v))
+            : allEntries;
+        const omittedCount = hideEmpty
+            ? allEntries.length - entries.length
+            : 0;
+        const Comp = entries.length > 1
+            ? ComplexDL
+            : DL;
+        return (jsx(Comp, null,
+            (omittedCount > 1 ? entries : allEntries).sort().map(([key, val]) => jsx("div", { key: key },
+                jsx("dt", null,
+                    key,
+                    isObject(val) ? jsx(React.Fragment, null, " \u2192") : ': '),
+                jsx("dd", null,
+                    jsx(Val, { val: val, hideEmpty: hideEmpty })))),
+            omittedCount > 1
+                ? jsx(MetaDLRow, null,
+                    jsx("dt", null, "empty properties omitted:"),
+                    jsx("dd", null,
+                        jsx("code", null, omittedCount)))
+                : null));
+    }
+    else {
+        const valString = typeof val === 'string'
+            ? val
+            : (_a = val === null || val === void 0 ? void 0 : val.toString()) !== null && _a !== void 0 ? _a : '';
+        return typeof val === 'string'
+            ? jsx(React.Fragment, null, valString)
+            : jsx("code", null, valString.trim() || `${val}`);
+    }
+};
+const MetaDLRow = styled.div `
+  opacity: 0.7;
+  > dt {
+    font-weight: normal;
+    font-style: italic;
+  }
+`;
+export const InlineDiffGeneric = React.memo(function ({ item1, item2, omitEmpty, className }) {
+    const left = jsx(Val, { val: normalizeObjectRecursively(item1), hideEmpty: omitEmpty });
+    const right = jsx(Val, { val: normalizeObjectRecursively(item2), hideEmpty: omitEmpty });
+    return (jsx("div", { className: className },
+        jsx(VisualDiff, { left: left, right: right, 
+            //left={<Val val={normalizeObjectRecursively(item1)} />}
+            //right={<Val val={normalizeObjectRecursively(item2)} />}
+            renderChange: AnnotatedChange })));
+}, (prevProps, nextProps) => objectsHaveSameShape(prevProps.item2, nextProps.item2) &&
+    objectsHaveSameShape(prevProps.item1, nextProps.item1));
+export default InlineDiff;
+//# sourceMappingURL=InlineDiff.js.map

package/compiled/views/diffing/StructuredDiff.js

@@ -0,0 +1,38 @@
+/** @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 !== null && showUnchanged !== void 0 ? 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

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import { BrowserCtx } from '../BrowserCtx';
+export default function useCustomView(viewID) {
+    const { customViews } = useContext(BrowserCtx);
+    const view = (customViews !== null && customViews !== void 0 ? 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

@@ -0,0 +1,8 @@
+import { useContext, useMemo } from 'react';
+import { BrowserCtx } from '../BrowserCtx';
+export default function useItemClassConfig(clsID) {
+    const { itemClasses } = useContext(BrowserCtx);
+    const clsConfig = itemClasses[clsID];
+    return useMemo((() => clsConfig), [clsID, itemClasses]);
+}
+//# sourceMappingURL=useItemClassConfig.js.map

package/compiled/views/hooks/useItemRef.js

@@ -0,0 +1,27 @@
+import { useContext } from 'react';
+import { BrowserCtx } from '../BrowserCtx';
+import { itemPathToItemRef } from '../itemPathUtils';
+export default function useItemRef(itemPath) {
+    var _a, _b;
+    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: [`${(_b = (_a = e.toString) === null || _a === void 0 ? void 0 : _a.call(e)) !== null && _b !== void 0 ? _b : e}`],
+        };
+    }
+}
+//# sourceMappingURL=useItemRef.js.map

package/compiled/views/hooks/useLatestAcceptedProposal.js

@@ -0,0 +1,39 @@
+import { useContext } from 'react';
+import { isObject } from '@riboseinc/paneron-extension-kit/util';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { CR_BASE_QUERY } from '../../proposals/queries';
+import { State, isAccepted, isAcceptedOnAppeal, } from '../../proposals/types';
+export default function useLatestAcceptedProposal() {
+    const { useMapReducedData } = useContext(DatasetContext);
+    const latestAcceptedProposalDisposedTimestamp = useMapReducedData({
+        chains: {
+            unnamedChain: {
+                predicateFunc: `
+          const objPath = key, obj = value;
+          return (${CR_BASE_QUERY} && obj.timeDisposed && ['${State.ACCEPTED}', '${State.ACCEPTED_ON_APPEAL}'].indexOf(obj.state) >= 0);
+	`,
+                mapFunc: `emit({ ...value, timeDisposed: new Date(value.timeDisposed) });`,
+                reduceFunc: `
+	  if (!accumulator.timeDisposed || value.timeDisposed > accumulator.timeDisposed) {
+	    return value;
+	  }
+	  else { return accumulator; }
+	`,
+            },
+        },
+    });
+    const result = latestAcceptedProposalDisposedTimestamp.value.unnamedChain;
+    if (result && isObject(result) && Object.keys(result).length > 0) {
+        if (isAccepted(result) || isAcceptedOnAppeal(result)) {
+            return result;
+        }
+        else {
+            throw new Error("Failed to obtain latest accepted proposal: invalid proposal shape");
+        }
+    }
+    else {
+        return null;
+        //throw new Error("Failed to obtain latest accepted proposal: possibly none exist")
+    }
+}
+//# sourceMappingURL=useLatestAcceptedProposal.js.map

package/compiled/views/hooks/useRegisterVersion.js

@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { CR_BASE_QUERY } from '../../proposals/queries';
+import { State } from '../../proposals/types';
+/**
+ * By “register version” in this case
+ * the date of latest accepted proposal is meant.
+ */
+export default function useRegisterVersion() {
+    const { useMapReducedData } = useContext(DatasetContext);
+    const latestAcceptedProposalDisposedTimestamp = useMapReducedData({
+        chains: {
+            unnamedChain: {
+                predicateFunc: `
+          const objPath = key, obj = value;
+          return (${CR_BASE_QUERY} && ['${State.ACCEPTED}', '${State.ACCEPTED_ON_APPEAL}'].indexOf(obj.state) >= 0);
+	`,
+                mapFunc: `if (value?.timeDisposed) emit(new Date(value.timeDisposed));`,
+                reduceFunc: `
+	  if (!accumulator || value > accumulator) { return value; }
+	  else { return accumulator; }
+	`,
+            },
+        },
+    });
+    const result = latestAcceptedProposalDisposedTimestamp.value.unnamedChain;
+    if (result && result.getSeconds !== undefined) {
+        return result;
+    }
+    else {
+        //console.error("Invalid register version value", result);
+        throw new Error("Failed to obtain register version (obtained value is not a timestamp)");
+    }
+}
+//# sourceMappingURL=useRegisterVersion.js.map

package/compiled/views/hooks/useSingleRegisterItemData.js

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

package/compiled/views/hooks/useStakeholder.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=useStakeholder.js.map