@riboseinc/paneron-registry-kit 2.2.59 → 2.2.60

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

@@ -0,0 +1,381 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useMemo, useContext, useState, } from 'react';
+//import { Helmet } from 'react-helmet';
+import styled from '@emotion/styled';
+import { jsx, css } from '@emotion/react';
+import { H5, H4, Colors, Tag } from '@blueprintjs/core';
+import { DatasetContext } from '@riboseinc/paneron-extension-kit/context';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';
+import { BrowserCtx } from '../../BrowserCtx';
+import { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';
+import { newCRObjectChangeset, importedProposalToCRObjectChangeset, ProposalBrowser, getActionableProposalGroupsForRole, CR_BASE_QUERY, } from '../../../proposals';
+import { isImportableCR } from '../../../proposals/types';
+import { crIDToCRPath } from '../../itemPathUtils';
+import { canImportCR, canCreateCR } from '../../../types/stakeholder';
+import { itemPathToItemRef, itemRefToItemPath } from '../../itemPathUtils';
+import { Protocols } from '../../protocolRegistry';
+import MetaSummary from './MetaSummary';
+import { TabContentsWithHeader } from '../../util';
+import { Proposals as ProposalsBlock } from './Proposal';
+import HomeBlock, { HomeBlockCard, HomeBlockActions } from './Block';
+import CurrentProposalBlock from './ActiveProposalDetails';
+import ItemSearchDrawer from '../../ItemSearchDrawer';
+const RegisterHome = function () {
+    var _a;
+    const { spawnTab } = useContext(TabbedWorkspaceContext);
+    const { registerMetadata, stakeholder, itemClasses, itemClassGroups, setActiveChangeRequestID, jumpTo, } = useContext(BrowserCtx);
+    const { changeRequest: activeCR, canEdit: activeCRIsEditable, proposeBlankItem, canDelete, deleteCR, updateItemProposal, } = useContext(ChangeRequestContext);
+    const { requestFileFromFilesystem, makeRandomID, getObjectData, updateObjects, performOperation, isBusy, getMapReducedData, useMapReducedData, } = useContext(DatasetContext);
+    const registerVersion = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version;
+    const getNewEmptyCRChangeset = useMemo(() => {
+        if (makeRandomID && stakeholder && canCreateCR(stakeholder) && (registerVersion === null || registerVersion === void 0 ? void 0 : registerVersion.id)) {
+            return async function getNewEmptyCRChangeset(newIdea) {
+                const crID = await makeRandomID();
+                return [newCRObjectChangeset(crID, newIdea, registerVersion.id, stakeholder.gitServerUsername), crID];
+            };
+        }
+        else {
+            return undefined;
+        }
+    }, [makeRandomID, stakeholder, registerVersion === null || registerVersion === void 0 ? void 0 : registerVersion.id]);
+    const getImportedCRChangeset = useMemo(() => {
+        if (requestFileFromFilesystem && stakeholder && canImportCR(stakeholder)) {
+            return async function getImportedCRChangeset() {
+                const data = await requestFileFromFilesystem({
+                    prompt: "Select one register proposal JSON file",
+                    filters: [
+                        { name: "JSON files", extensions: ['.json'] },
+                    ],
+                });
+                const fileData = Object.values(data)[0];
+                if (!fileData) {
+                    throw new Error("No file was selected");
+                }
+                if (isImportableCR(fileData)) {
+                    try {
+                        const [changeset, crID] = await importedProposalToCRObjectChangeset(fileData, itemClasses, stakeholder.gitServerUsername, getObjectData, async function resolvePredicates(predicates) {
+                            const mapReduceChains = [...predicates.values()].map(predicate => ({
+                                [predicate]: {
+                                    mapFunc: `
+                      const data = value.data;
+                      if (!key.startsWith('/proposals/') && data && (${predicate})) {
+                        emit({ objectPath: key, objectData: value });
+                      }
+                    `,
+                                },
+                            })).reduce((prev, curr) => ({ ...prev, ...curr }), {});
+                            const result = await getMapReducedData({
+                                chains: mapReduceChains,
+                            });
+                            return Object.entries(result).map(([chainLabel, chainResult]) => {
+                                const objects = 
+                                // Map returns an empty object if there’re no items,
+                                // but we promise to return a list.
+                                (Array.isArray(chainResult) ? chainResult : []);
+                                if (objects.length < 1) {
+                                    throw new Error(`Unable to resolve predicate to item UUID: no item found matching predicate ${chainLabel}`);
+                                }
+                                else if (objects.length > 1) {
+                                    const objectOverview = objects.map((o) => JSON.stringify(o)).join(', ');
+                                    throw new Error(`Unable to resolve predicate to item UUID: more than one item matches predicate ${chainLabel}: ${objectOverview}`);
+                                }
+                                else {
+                                    return {
+                                        // There’s just one item anyway, hence `objects[0]`.
+                                        [chainLabel]: itemPathToItemRef(false, objects[0].objectPath),
+                                    };
+                                }
+                            }).reduce((prev, curr) => ({ ...prev, ...curr }), {});
+                        });
+                        return [changeset, crID];
+                    }
+                    catch (e) {
+                        console.error("Error reading proposal data", e);
+                        throw new Error("Error reading proposal data");
+                    }
+                }
+                else {
+                    throw new Error("Invalid proposal format");
+                }
+            };
+        }
+        else {
+            return undefined;
+        }
+    }, [getMapReducedData, requestFileFromFilesystem, getObjectData, stakeholder]);
+    const [importCR, createCR] = useMemo(() => {
+        if (updateObjects && setActiveChangeRequestID && !isBusy) {
+            return [
+                getImportedCRChangeset
+                    ? performOperation('importing proposal', async function () {
+                        const [objectChangeset, crID] = await getImportedCRChangeset();
+                        await updateObjects({
+                            commitMessage: 'import proposal',
+                            objectChangeset,
+                        });
+                        setActiveChangeRequestID(crID);
+                    })
+                    : undefined,
+                getNewEmptyCRChangeset
+                    ? performOperation('creating blank proposal', async function (newIdea) {
+                        const [objectChangeset, crID] = await getNewEmptyCRChangeset(newIdea);
+                        await updateObjects({
+                            commitMessage: `start new empty proposal ${newIdea}`,
+                            objectChangeset,
+                        });
+                        setActiveChangeRequestID(crID);
+                    })
+                    : undefined,
+            ];
+        }
+        else {
+            return [undefined, undefined];
+        }
+    }, [isBusy, performOperation, updateObjects, getImportedCRChangeset, getNewEmptyCRChangeset]);
+    // Actionable proposals v2
+    const proposalGroups = useMemo((() => (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles[0])
+        ? stakeholder.roles.flatMap(getActionableProposalGroupsForRole)
+        : null), [stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles.join(',')]);
+    const actionableProposalsResult = useMapReducedData({
+        chains: (proposalGroups !== null && proposalGroups !== void 0 ? proposalGroups : []).
+            map(([label, , queryGetter]) => {
+            const query = queryGetter(stakeholder);
+            const predicateFunc = `
+          const objPath = key, obj = value;
+          return ((${CR_BASE_QUERY}) && (${query}));
+        `;
+            const mapFunc = `emit(value);`;
+            return { [label]: { mapFunc, predicateFunc } };
+        }).reduce((prev, curr) => ({ ...prev, ...curr }), {}),
+    });
+    const actionableProposals = useMemo((() => Object.entries(actionableProposalsResult.value).
+        map(([chainID, chainResult]) => [
+        chainID,
+        (Array.isArray(chainResult)
+            ? chainResult
+            : undefined) || undefined
+    ])), [actionableProposalsResult.value]);
+    const handleRefreshProposals = actionableProposalsResult.refresh;
+    // TODO: Move to action bar
+    // const customActions = useMemo(() => customViews.map(cv => ({
+    //   key: cv.id,
+    //   text: cv.label,
+    //   title: cv.description,
+    //   icon: cv.icon,
+    //   onClick: () => spawnTab(`${Protocols.CUSTOM_VIEW}:${cv.id}/index`),
+    // })), [spawnTab, customViews]);
+    const [createMode, setCreateMode] = useState(false);
+    //const canStakeholderCreateCRs = stakeholder && canCreateCR(stakeholder);
+    const handleSelectProposal = useMemo(() => {
+        return (setActiveChangeRequestID && !isBusy
+            ? function (crid) { setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(crid); }
+            : undefined);
+    }, [setActiveChangeRequestID, isBusy]);
+    const proposalBlockActions = useMemo(() => {
+        const actions = [];
+        if (activeCR) {
+            actions.push({
+                text: "Export proposal",
+                onClick: () => void 0,
+                icon: 'export',
+                disabled: true,
+            });
+            actions.push({
+                text: "Exit proposal",
+                icon: 'log-out',
+                intent: 'danger',
+                disabled: isBusy,
+                onClick: setActiveChangeRequestID
+                    ? () => setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(null)
+                    : undefined,
+            });
+        }
+        else {
+            if (stakeholder && canCreateCR(stakeholder)) {
+                actions.push({
+                    text: "Create blank proposal",
+                    onClick: !createMode ? (() => setCreateMode(true)) : undefined,
+                    disabled: !createCR,
+                    active: createMode,
+                    selected: createMode,
+                    icon: 'add',
+                    intent: actionableProposals.length < 1
+                        ? 'primary'
+                        : undefined,
+                });
+            }
+            if (stakeholder && canImportCR(stakeholder)) {
+                actions.push({
+                    text: "Import proposal",
+                    onClick: importCR,
+                    disabled: !importCR || createMode,
+                    icon: 'import',
+                    intent: actionableProposals.length < 1
+                        ? 'primary'
+                        : undefined,
+                });
+            }
+        }
+        return actions;
+    }, [!activeCR, createMode, importCR, createCR, isBusy, actionableProposals.length < 1]);
+    const handleCreate = useMemo((() => createCR && createMode
+        ? async function (idea) {
+            if (idea && createCR) {
+                await createCR(idea);
+            }
+            setCreateMode(false);
+        }
+        : undefined), [createMode, createCR]);
+    const proposalBlock = useMemo(() => {
+        if (registerMetadata && (createCR || (actionableProposals !== null && actionableProposals !== void 0 ? actionableProposals : []).find(p => p[1] && p[1].length > 0))) {
+            return (jsx(HomeBlock, { View: ProposalsBlock, key: "proposal dashboard", description: "Actionable proposals", css: css `
+            height: 300px;
+            flex-basis: calc(50% - 10px);
+            flex-grow: 1;
+          `, props: {
+                    register: registerMetadata,
+                    actionableProposals,
+                    createMode,
+                    onCreate: handleCreate,
+                    onRefreshProposals: handleRefreshProposals,
+                    onSelectProposal: handleSelectProposal,
+                }, actions: proposalBlockActions }));
+        }
+        else {
+            return null;
+        }
+    }, [
+        createMode, registerMetadata,
+        proposalBlockActions,
+        handleSelectProposal,
+        handleCreate,
+        createCR,
+        handleRefreshProposals,
+        actionableProposals,
+    ]);
+    const handleOpenProposal = useMemo(() => {
+        return activeCR
+            ? (async () => spawnTab(`${Protocols.CHANGE_REQUEST}:${crIDToCRPath(activeCR.id)}`))
+            : undefined;
+    }, [spawnTab, activeCR === null || activeCR === void 0 ? void 0 : activeCR.id]);
+    const activeCRBlock = useMemo(() => {
+        if (activeCR && registerMetadata) {
+            return jsx(CurrentProposalBlock, { proposal: activeCR, stakeholder: stakeholder, register: registerMetadata, onOpen: handleOpenProposal, onDelete: deleteCR, canDelete: canDelete, css: css `
+          height: 300px;
+          flex-basis: calc(50% - ${itemGapPx}px);
+          flex-grow: 1;
+        ` });
+        }
+        else {
+            return null;
+        }
+    }, [activeCR, registerMetadata, canDelete, deleteCR, handleOpenProposal, stakeholder]);
+    const registerMetaBlock = useMemo(() => {
+        if (!activeCRBlock) {
+            return (jsx(HomeBlock, { View: MetaSummary, description: "Register summary", props: registerMetadata
+                    ? {
+                        register: registerMetadata,
+                        style: { padding: '10px 12px 0 12px', flexGrow: 1, overflowY: 'auto' },
+                    }
+                    : registerMetadata, error: registerMetadata === null
+                    ? "Failed to load register metadata"
+                    : undefined, css: css `
+            height: 300px;
+            flex-basis: calc(50% - ${itemGapPx}px);
+            flex-grow: 1;
+          `, actions: [{
+                        text: "View or edit register metadata",
+                        onClick: () => spawnTab(Protocols.REGISTER_META),
+                        icon: 'properties',
+                    }] }));
+        }
+        else {
+            return null;
+        }
+    }, [!activeCRBlock, registerMetadata]);
+    const [selectedProposal, selectProposal] = useState(null);
+    const proposedChangeBlocks = useMemo(() => {
+        if (activeCR) {
+            return (jsx(ProposalBrowser, { proposals: activeCR.items, selectedItem: selectedProposal, onSelectItem: selectProposal, onDeleteProposalForItemAtPath: updateItemProposal
+                    ? (path) => updateItemProposal("delete item from proposal draft", null, path)
+                    : undefined }));
+        }
+        else {
+            return null;
+        }
+    }, [activeCR, selectedProposal, selectProposal, updateItemProposal]);
+    const [activeItemSelector, activateItemSelector] = useState(null);
+    const handleProposeNew = proposeBlankItem
+        ? async function handleProposeNew(clsID) {
+            const itemRef = await proposeBlankItem(clsID);
+            selectProposal(itemRefToItemPath(itemRef));
+        }
+        : null;
+    const itemSelectorBlocks = useMemo(() => {
+        const groups = itemClassGroups
+            ? itemClassGroups
+            : { '': Object.keys(itemClasses) };
+        return (jsx(React.Fragment, null,
+            Object.entries(groups).map(([groupLabel, clsIDs]) => jsx(React.Fragment, null,
+                groupLabel
+                    ? jsx(GridHeader, null,
+                        groupLabel,
+                        ":")
+                    : null,
+                clsIDs.map((clsID) => {
+                    var _a, _b;
+                    const cls = itemClasses[clsID];
+                    const actions = [{
+                            onClick: () => spawnTab(`${Protocols.ITEM_CLASS}:${clsID}`),
+                            icon: 'search',
+                            text: "Find item…",
+                            selected: activeItemSelector === clsID,
+                        }];
+                    if (activeCRIsEditable && handleProposeNew) {
+                        actions.push({
+                            onClick: () => handleProposeNew(clsID),
+                            icon: 'add',
+                            text: "Propose new",
+                            intent: 'primary',
+                        });
+                    }
+                    return jsx(HomeBlockCard, { key: clsID, css: css `flex-basis: calc(25% - 10px*3/4); flex-shrink: 0;`, description: `Search items of class ${(_a = cls === null || cls === void 0 ? void 0 : cls.meta.title) !== null && _a !== void 0 ? _a : clsID}` },
+                        jsx(Tag, { minimal: true }, "Class"),
+                        jsx("div", { css: css `padding: 5px; flex-grow: 1;` },
+                            jsx(H5, { css: css `margin: 0;` }, cls.meta.title),
+                            cls
+                                ? cls.meta.description && cls.meta.description !== cls.meta.title
+                                    ? jsx("p", { css: css `margin: 10px 0 0 0;` }, (_b = cls.meta.description) !== null && _b !== void 0 ? _b : "(no description)")
+                                    : null
+                                : "(no class information available)"),
+                        jsx(HomeBlockActions, { actions: actions }));
+                }))),
+            jsx(ItemSearchDrawer, { isOpen: jumpTo && activeItemSelector ? true : false, onClose: () => activateItemSelector(null), availableClassIDs: typeof activeItemSelector === 'string' ? [activeItemSelector] : [], onChooseItem: (itemRef) => jumpTo === null || jumpTo === void 0 ? void 0 : jumpTo(`itemdetails:${itemRefToItemPath(itemRef)}`) })));
+    }, [itemClasses, activeItemSelector, activeCRIsEditable, jumpTo]);
+    return (jsx(TabContentsWithHeader, { title: jsx(React.Fragment, null), layoutOptions: { gapPx: itemGapPx, stretch: true }, layout: "card-grid" }, activeCRBlock !== null && activeCRBlock !== void 0 ? activeCRBlock : registerMetaBlock,
+        proposalBlock,
+        proposedChangeBlocks
+            ? jsx(GridHeader, null,
+                "Proposed Changes: (",
+                Object.keys((_a = activeCR === null || activeCR === void 0 ? void 0 : activeCR.items) !== null && _a !== void 0 ? _a : []).length,
+                " total)")
+            : null,
+        proposedChangeBlocks,
+        !itemClassGroups
+            ? jsx(GridHeader, null, "Register Items:")
+            : null,
+        itemSelectorBlocks));
+};
+const GridHeader = styled(H4) `
+  flex: 100%;
+  margin-top: 10px;
+  padding-left: 10px;
+  color: ${Colors.GRAY2};
+  .bp4-dark & {
+    color: ${Colors.GRAY2};
+  }
+`;
+const itemGapPx = 10;
+export default RegisterHome;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,36 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { useContext } from 'react';
+import { jsx, css } from '@emotion/react';
+import { NonIdealState, Button, Card } from '@blueprintjs/core';
+import { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';
+import { TabContentsWithHeader } from '../../util';
+import { BrowserCtx } from '../../BrowserCtx';
+import Search from '../../sidebar/Search';
+import { Protocols } from '../../protocolRegistry';
+const RegisterHome2 = function () {
+    var _a, _b;
+    const { registerMetadata, stakeholder } = useContext(BrowserCtx);
+    const { spawnTab } = useContext(TabbedWorkspaceContext);
+    return (jsx(TabContentsWithHeader, { title: jsx(React.Fragment, null,
+            "Welcome to ", (_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.name) !== null && _a !== void 0 ? _a : 'this register') },
+        jsx(Card, { css: css `
+            flex: 1;
+            box-shadow: none !important;
+            position: absolute;
+            border-radius: 0;
+            display: flex;
+            flex-flow: column nowrap;
+            padding: 10px;
+          ` },
+            jsx(Search, { css: css `flex: 1; overflow: hidden;`, 
+                //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}
+                stateName: "item-search-home", scope: "all items", initialView: jsx(React.Fragment, null,
+                    jsx("div", { dangerouslySetInnerHTML: { __html: (_b = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.contentSummary) !== null && _b !== void 0 ? _b : "There is no content summary of this registry yet."
+                        } }),
+                    stakeholder
+                        ? jsx(Button, { css: css `vertical-align: baseline; margin-top: .5em;`, onClick: () => spawnTab(Protocols.REGISTER_META) }, "View register metadata")
+                        : null), zeroResultsView: jsx(NonIdealState, { icon: "clean", title: "No results matching query" }) }))));
+};
+export default RegisterHome2;
+//# sourceMappingURL=index.js.map

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

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

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

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