@riboseinc/paneron-registry-kit 2.2.60 → 2.2.61

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

@@ -1,176 +0,0 @@
-/** @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

@@ -1,73 +0,0 @@
-/** @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

@@ -1,12 +0,0 @@
-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

@@ -1,117 +0,0 @@
-/** @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

@@ -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 !== 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

@@ -1,14 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

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