@riboseinc/paneron-registry-kit 2.2.32 → 2.2.34

package/proposals/NewProposalMenu.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const NewProposalMenu = function ({
+  previousVersion,
+  onCreateBlank,
+  onImport,
+  className
+}) {
+  const [createMode, setCreateMode] = (0, _react.useState)(false);
+  const creatingBlank = onCreateBlank && createMode;
+  const stack = (0, _react.useMemo)(() => {
+    const stack = [];
+    const createMenu = (0, _react2.jsx)(_core.Menu, {
+      css: (0, _react2.css)`overflow-y: auto; background: none !important;`
+    }, (0, _react2.jsx)(_core.MenuItem, {
+      text: "Start blank proposal",
+      onClick: onCreateBlank && !createMode ? () => setCreateMode(true) : undefined,
+      disabled: !onCreateBlank,
+      active: creatingBlank,
+      selected: creatingBlank,
+      icon: "add"
+    }), (0, _react2.jsx)(_core.MenuItem, {
+      text: "Import proposal",
+      onClick: onImport,
+      disabled: !onImport || creatingBlank,
+      icon: "import"
+    }));
+    stack.push({
+      title: "Add new proposal",
+      renderPanel: () => createMenu
+    });
+
+    if (creatingBlank) {
+      stack.push({
+        title: "Start blank proposal",
+        renderPanel: () => (0, _react2.jsx)(NewProposal, {
+          previousVersion: previousVersion,
+          onCreateBlank: onCreateBlank,
+          css: (0, _react2.css)`padding: 5px;`
+        })
+      });
+    }
+
+    return stack;
+  }, [onCreateBlank, onImport, creatingBlank, previousVersion]);
+  return (0, _react2.jsx)(_core.PanelStack2, {
+    css: (0, _react2.css)`flex: 1; overflow: unset; .bp4-panel-stack-view { background: none; border: none; }`,
+    className: className,
+    onClose: () => setCreateMode(false),
+    stack: stack.length > 0 ? stack : [{
+      title: '',
+      renderPanel: () => (0, _react2.jsx)(_core.NonIdealState, {
+        title: "Nothing to show"
+      })
+    }]
+  });
+};
+
+var _default = NewProposalMenu;
+exports.default = _default;
+
+const NewProposal = function ({
+  previousVersion,
+  onCreateBlank,
+  className
+}) {
+  const [newProposalIdea, setNewProposalIdea] = (0, _react.useState)('');
+  const handleNewProposal = (0, _react.useCallback)(async function handleNewProposal() {
+    if (newProposalIdea.trim()) {
+      await (onCreateBlank === null || onCreateBlank === void 0 ? void 0 : onCreateBlank(newProposalIdea));
+      setNewProposalIdea('');
+    } else {
+      throw new Error("Cannot create proposal: need some initial motivation for the change");
+    }
+  }, [newProposalIdea, onCreateBlank]);
+  return (0, _react2.jsx)(_core.FormGroup, {
+    className: className,
+    css: (0, _react2.css)`overflow-y: auto;`,
+    label: (0, _react2.jsx)(_react.default.Fragment, null, "Propose", previousVersion ? ` a change to version ${previousVersion}:` : ` the first change:`)
+  }, (0, _react2.jsx)(_core.ControlGroup, {
+    vertical: true
+  }, (0, _react2.jsx)(_core.TextArea, {
+    value: newProposalIdea !== null && newProposalIdea !== void 0 ? newProposalIdea : '',
+    placeholder: "Your idea\u2026",
+    title: "Justification draft (you can change this later)",
+    onChange: evt => setNewProposalIdea(evt.currentTarget.value)
+  }), (0, _react2.jsx)(_core.Button, {
+    fill: true,
+    intent: newProposalIdea ? 'primary' : undefined,
+    disabled: !newProposalIdea.trim() || !onCreateBlank,
+    title: "A blank proposal will be created and opened in a new tab.",
+    onClick: handleNewProposal,
+    icon: "tick"
+  }, "Create")));
+};

package/proposals/NewProposalMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewProposalMenu.js","sourceRoot":"","sources":["../../src/proposals/NewProposalMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, {\n  useState,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  FormGroup,\n  ControlGroup,\n  TextArea,\n  PanelStack2 as PanelStack, type Panel,\n  Menu, MenuItem,\n  NonIdealState,\n} from '@blueprintjs/core';\n\n\nconst NewProposalMenu: React.FC<{\n  className?: string\n  previousVersion: string | null\n  onCreateBlank?: (idea: string) => Promise<void>\n  onImport?: () => Promise<void>\n}> = function ({ previousVersion, onCreateBlank, onImport, className }) {\n  const [ createMode, setCreateMode ] = useState(false);\n  const creatingBlank = onCreateBlank && createMode;\n\n  const stack: Panel<any>[] = useMemo(() => {\n    const stack = [];\n    const createMenu = (\n      <Menu css={css`overflow-y: auto; background: none !important;`}>\n        <MenuItem \n          text=\"Start blank proposal\"\n          onClick={(onCreateBlank && !createMode)\n            ? (() => setCreateMode(true))\n            : undefined}\n          disabled={!onCreateBlank}\n          active={creatingBlank}\n          selected={creatingBlank}\n          icon=\"add\"\n        />\n        <MenuItem\n          text=\"Import proposal\"\n          onClick={onImport}\n          disabled={!onImport || creatingBlank}\n          icon=\"import\"\n        />\n      </Menu>\n    );\n\n    stack.push({\n      title: \"Add new proposal\",\n      renderPanel: () => createMenu,\n    });\n\n    if (creatingBlank) {\n      stack.push({\n        title: \"Start blank proposal\",\n        renderPanel: () =>\n          <NewProposal\n            previousVersion={previousVersion}\n            onCreateBlank={onCreateBlank}\n            css={css`padding: 5px;`}\n          />,\n      });\n    }\n    return stack;\n  }, [onCreateBlank, onImport, creatingBlank, previousVersion]);\n\n  return <PanelStack\n    css={css`flex: 1; overflow: unset; .bp4-panel-stack-view { background: none; border: none; }`}\n    className={className}\n    onClose={() => setCreateMode(false)}\n    stack={stack.length > 0\n      ? stack\n      : [{ title: '', renderPanel: () => <NonIdealState title=\"Nothing to show\" /> }]}\n  />;\n};\n\nexport default NewProposalMenu;\n\n\nconst NewProposal: React.VoidFunctionComponent<{\n  previousVersion: string | null\n  onCreateBlank?: (idea: string) => Promise<void>\n  className?: string\n}> = function ({ previousVersion, onCreateBlank, className }) {\n  const [ newProposalIdea, setNewProposalIdea ] = useState('');\n\n  const handleNewProposal = useCallback(async function handleNewProposal () {\n    if (newProposalIdea.trim()) {\n      await onCreateBlank?.(newProposalIdea);\n      setNewProposalIdea('');\n    } else {\n      throw new Error(\"Cannot create proposal: need some initial motivation for the change\");\n    }\n  }, [newProposalIdea, onCreateBlank]);\n\n  return (\n    <FormGroup\n        className={className}\n        css={css`overflow-y: auto;`}\n        label={<>\n          Propose\n          {previousVersion\n            ? ` a change to version ${previousVersion}:`\n            : ` the first change:`}\n        </>}>\n      <ControlGroup vertical>\n        <TextArea\n          value={newProposalIdea ?? ''}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n        />\n        <Button\n            fill\n            intent={newProposalIdea ? 'primary': undefined}\n            disabled={!newProposalIdea.trim() || !onCreateBlank}\n            title=\"A blank proposal will be created and opened in a new tab.\"\n            onClick={handleNewProposal}\n            icon=\"tick\">\n          Create\n        </Button>\n      </ControlGroup>\n    </FormGroup>\n  );\n};\n"]}

package/proposals/ProposalBrowser.d.ts

@@ -0,0 +1,22 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import type { Drafted } from './types';
+interface ProposalBrowserProps<CR extends Drafted> {
+    proposals: CR['items'];
+    selectedItem?: (string & keyof CR['items']) | null;
+    onSelectItem: (selectedItem: (string & keyof CR['items']) | null) => void;
+    /**
+     * If provided, button to delete each proposed change
+     * is shown in change card list mode.
+     */
+    onDeleteProposalForItemAtPath?: (itemPath: string) => void;
+}
+/**
+ * Shows a list of individual proposed changes as cards by default,
+ * allowing to expand a proposal and view item details.
+ *
+ * If no proposals exist, returns null.
+ */
+export declare function ProposalBrowser<CR extends Drafted>({ proposals, onDeleteProposalForItemAtPath, selectedItem, onSelectItem: selectProposal }: ProposalBrowserProps<CR>): jsx.JSX.Element;
+export default ProposalBrowser;

package/{views/change-request/Proposals.js → proposals/ProposalBrowser.js}

@@ -3,39 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Proposals = Proposals;
-exports.ProposalType = ProposalType;
-exports.default = exports.ProposalSummary = exports.ProposalDetail = void 0;
+exports.ProposalBrowser = ProposalBrowser;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
 
-var _core = require("@blueprintjs/core");
-
 var _select = require("@blueprintjs/select");
 
-var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+var _core = require("@blueprintjs/core");
 
 var _ErrorBoundary = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorBoundary"));
 
-var _ErrorState = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorState"));
-
-var _protocolRegistry = require("../protocolRegistry");
+var _itemPathUtils = require("../views/itemPathUtils");
 
-var _BrowserCtx = require("../BrowserCtx");
+var _BrowserCtx = require("../views/BrowserCtx");
 
-var _itemPathUtils = require("../itemPathUtils");
+var _protocolRegistry = require("../views/protocolRegistry");
 
-var _useItemClassConfig = _interopRequireDefault(require("../hooks/useItemClassConfig"));
+var _ProposalItem = require("./ProposalItem");
 
-var _InlineDiff = require("../diffing/InlineDiff");
+var _ProposalSummary = _interopRequireDefault(require("./ProposalSummary"));
 
-var _util = require("./util");
-
-var _Block = require("../detail/RegisterHome/Block");
-
-var _RegisterItem = require("../detail/RegisterItem");
+var _ProposalDetail = _interopRequireDefault(require("./ProposalDetail"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -46,26 +37,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
-function stringifiedJSONEqual(i1, i2) {
-  return JSON.stringify(i1) === JSON.stringify(i2);
-}
+
 /**
  * Shows a list of individual proposed changes as cards by default,
  * allowing to expand a proposal and view item details.
  *
  * If no proposals exist, returns null.
  */
-
-
-function Proposals({
+function ProposalBrowser({
   proposals,
   onDeleteProposalForItemAtPath,
   selectedItem,
   onSelectItem: selectProposal
 }) {
-  var _a;
-
-  const [preferDiff, setPreferDiff] = (0, _react.useState)(false);
   const selectedProposal = selectedItem !== null && selectedItem !== void 0 ? selectedItem : null; // TODO: Temporarily unsupported
   // (limitations of current change annotation implementation)
   //const [ showOnlyChanged, setShowOnlyChanged ] = useState(true);
@@ -168,15 +152,13 @@ function Proposals({
   //  }
   //}, [selectedProposal === null]);
 
-  const canShowDiff = haveSelectedItem && ((_a = proposals[selectedProposal]) === null || _a === void 0 ? void 0 : _a.type) === 'clarification' ? true : false;
-  const showDiff = canShowDiff && preferDiff;
-  const selectedItemSummary = haveSelectedItem ? (0, _react2.jsx)(ProposalSummary, {
+  const selectedItemSummary = haveSelectedItem ? (0, _react2.jsx)(_ProposalSummary.default, {
     itemRef: selectedItemRef,
     item: selectedItemProposed !== null && selectedItemProposed !== void 0 ? selectedItemProposed : selectedItemCurrent,
     itemBefore: selectedItemCurrent !== null && selectedItemCurrent !== void 0 ? selectedItemCurrent : undefined,
     proposal: proposals[selectedProposal]
   }) : (0, _react2.jsx)(_react.default.Fragment, null, "Select item\u2026");
-  const icon = haveSelectedItem ? getProposalIcon(proposals[selectedProposal]) : undefined;
+  const icon = haveSelectedItem ? (0, _ProposalItem.getProposalIcon)(proposals[selectedProposal]) : undefined;
   const selectedItemDrawer = (0, _react.useMemo)(() => {
     var _a;
 
@@ -190,15 +172,6 @@ function Proposals({
       icon: 'open-application',
       onClick: () => jumpTo === null || jumpTo === void 0 ? void 0 : jumpTo(`${_protocolRegistry.Protocols.ITEM_DETAILS}:${selectedProposal}`),
       title: "Open selected item in a new tab (not applicable to proposed additions)"
-    }), (0, _react2.jsx)(_core.Button, {
-      active: preferDiff,
-      onClick: () => setPreferDiff(v => !v),
-      // Diffing only makes sense for clarifications.
-      // Additions are entire new items, and for amendments
-      // item data is unchanged.
-      disabled: !canShowDiff,
-      text: "Compare",
-      title: "Annotate proposed clarifications for this item"
     }), (0, _react2.jsx)(_react2.ClassNames, null, ({
       css: css2
     }) => (0, _react2.jsx)(_select.Select2, {
@@ -214,7 +187,7 @@ function Proposals({
         matchTargetWidth: true
       },
       fill: true,
-      itemRenderer: ChangeProposalItemView,
+      itemRenderer: _ProposalItem.ChangeProposalItemView,
       onItemSelect: handleItemSelect
     }, (0, _react2.jsx)(_core.Button, {
       fill: true,
@@ -233,233 +206,22 @@ function Proposals({
       value: proposalBrowserCtx
     }, (0, _react2.jsx)(_ErrorBoundary.default, {
       viewName: "Proposal detail"
-    }, (0, _react2.jsx)(ProposalDetail, {
+    }, (0, _react2.jsx)(_ProposalDetail.default, {
       itemRef: selectedItemRef,
-      showDiff: showDiff,
       //showOnlyChanged={showOnlyChanged}
       item: selectedItemProposed !== null && selectedItemProposed !== void 0 ? selectedItemProposed : selectedItemCurrent,
       itemBefore: selectedItemCurrent !== null && selectedItemCurrent !== void 0 ? selectedItemCurrent : undefined,
       proposal: proposals[selectedProposal]
     }))))) : null);
-  }, [proposalCount > 0, haveSelectedItem, selectedItemProposed, selectedItemCurrent, preferDiff, jumpTo, handleItemSelect, selectedProposal && proposals[selectedProposal]]);
-  return (0, _react2.jsx)(_react.default.Fragment, null, selectedItemDrawer, allItems.map(cpi => {
-    const actions = [{
-      onClick: () => selectProposal(cpi.itemPath),
-      text: "Expand",
-      title: "Expand proposed change to see item details",
-      icon: 'maximize'
-    }];
-
-    if (onDeleteProposalForItemAtPath) {
-      actions.push({
-        text: "Delete this proposal",
-        intent: 'danger',
-        onClick: () => onDeleteProposalForItemAtPath(cpi.itemPath),
-        icon: 'trash'
-      });
-    }
-
-    return (0, _react2.jsx)(_Block.HomeBlockCard, {
-      css: (0, _react2.css)`
-              flex-basis: calc(33.33% - 10px*2/3);
-            `,
-      description: `${cpi.proposal.type} proposal`,
-      key: cpi.itemPath
-    }, (0, _react2.jsx)(ProposalType, {
-      proposal: cpi.proposal
-    }), (0, _react2.jsx)("div", {
-      css: (0, _react2.css)`padding: 5px; flex-grow: 1;`
-    }, cpi.item !== null ? (0, _react2.jsx)(_core.H5, {
-      css: (0, _react2.css)`margin: 0; overflow: hidden; text-overflow: ellipsis;`
-    }, (0, _react2.jsx)(ProposalSummary, {
-      itemRef: cpi.itemRef,
-      proposal: cpi.proposal,
-      itemBefore: cpi.itemBefore,
-      item: cpi.item
-    })) : (0, _react2.jsx)(_react.default.Fragment, null, "Problem reading proposed item data.")), actions.length > 0 ? (0, _react2.jsx)(_Block.HomeBlockActions, {
-      actions: actions
-    }) : null);
-  }));
+  }, [proposalCount > 0, haveSelectedItem, selectedItemProposed, selectedItemCurrent, jumpTo, handleItemSelect, selectedProposal && proposals[selectedProposal]]);
+  return (0, _react2.jsx)(_react.default.Fragment, null, selectedItemDrawer);
 }
 
 ;
 
-function ProposalType({
-  proposal
-}) {
-  const proposalConfig = proposal.type === 'amendment' ? PROPOSAL_VIEWS[proposal.amendmentType] : PROPOSAL_VIEWS[proposal.type]; //const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;
-
-  const tagProps = (0, _util.proposalToTagProps)(proposal);
-  return (0, _react2.jsx)(_core.Tag, {
-    minimal: true,
-    ...tagProps,
-    rightIcon: (0, _react2.jsx)(_HelpTooltip.default, {
-      content: (0, _react2.jsx)(_react.default.Fragment, null, "Proposed to be ", proposalConfig.hint)
-    })
-  });
-}
-
-const ChangeProposalItemView = (item, {
-  handleClick,
-  modifiers,
-  query
-}) => {
-  if (item.item !== null) {
-    const i = item;
-    return (0, _react2.jsx)(_core.MenuItem, {
-      active: modifiers.active,
-      disabled: modifiers.disabled,
-      labelElement: (0, _react2.jsx)(ProposalType, {
-        proposal: i.proposal
-      }),
-      key: item.itemPath,
-      onClick: handleClick,
-      icon: getProposalIcon(item.proposal),
-      text: (0, _react2.jsx)(ProposalSummary, { ...i
-      })
-    });
-  } else {
-    return (0, _react2.jsx)(_core.MenuItem, {
-      disabled: true,
-      icon: "heart-broken",
-      onClick: handleClick,
-      text: `Broken proposal entry at path ${item.itemPath}`
-    });
-  }
-};
-
-const ProposalDetail = (0, _react.memo)(function ({
-  proposal,
-  showDiff,
-  showOnlyChanged,
-  itemRef,
-  item,
-  itemBefore,
-  onChange
-}) {
-  var _a;
-
-  const itemClass = (0, _useItemClassConfig.default)((_a = itemRef.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
-
-  if (!itemClass) {
-    throw new Error(`Unknown item class “${itemRef.classID}”!`);
-  }
-
-  const view = showDiff ? (0, _react2.jsx)(_InlineDiff.InlineDiffGeneric, {
-    item1: itemBefore !== null && itemBefore !== void 0 ? itemBefore : {},
-    item2: item,
-    css: (0, _react2.css)`
-          position: absolute; inset: 0; padding: 10px; overflow: auto;
-          background-color: white;
-          .bp4-dark & {
-            background-color: ${_core.Colors.DARK_GRAY2};
-          }
-        `,
-    className: `${_core.Classes.ELEVATION_2} ${_core.Classes.RUNNING_TEXT}`
-  }) : (0, _react2.jsx)(_RegisterItem.ItemDetail, {
-    itemRef: itemRef,
-    item: item,
-    itemClass: itemClass,
-    key: JSON.stringify(itemRef),
-    compactHeader: true
-  });
-  return (0, _react2.jsx)("div", {
-    css: (0, _react2.css)`position: absolute; inset: 0; display: flex; flex-flow: column;`
-  }, view);
-});
-exports.ProposalDetail = ProposalDetail;
-
-const ProposalSummary = function ({
-  proposal,
-  itemRef,
-  item,
-  itemBefore,
-  onChange
-}) {
-  var _a;
-
-  const {
-    itemClasses
-  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
-  const {
-    classID
-  } = itemRef;
-  const cls = itemClasses[classID];
-  const ListItemView = (_a = cls === null || cls === void 0 ? void 0 : cls.views) === null || _a === void 0 ? void 0 : _a.listItemView;
-
-  if (ListItemView) {
-    return (0, _react2.jsx)("span", {
-      css: (0, _react2.css)`
-      display: inline-flex;
-      flex-flow: row nowrap;
-      align-items: baseline;
-    `
-    }, (0, _react2.jsx)(ListItemView, {
-      itemRef: itemRef,
-      itemData: item.data,
-      css: (0, _react2.css)`text-overflow: ellipsis; overflow: hidden;`
-    }), "\u2003", (0, _react2.jsx)("small", null, cls.meta.title));
-  } else {
-    return (0, _react2.jsx)(_ErrorState.default, {
-      viewName: "list item view",
-      inline: true,
-      error: "unable to load list item view"
-    });
-  }
-};
-
-exports.ProposalSummary = ProposalSummary;
-const clarification = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "altered to represent the same concept more clearly."),
-  summary: (0, _react.memo)(({
-    proposal,
-    item,
-    itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Clarification"), () => true)
-};
-const addition = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "added to this register."),
-  summary: (0, _react.memo)(({
-    proposal,
-    item,
-    itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Addition"), () => true)
-};
-const retirement = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "marked as no longer current. (Note that this register is append-only, so the item cannot be removed altogether.)"),
-  summary: (0, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Retirement"), () => true)
-};
-const supersession = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "removed from the register with another item recommended for use in its place. A relation between the superseding and superseded item will be created, though the exact semantics of that relation depend on the register."),
-  summary: (0, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Supersession"), () => true)
-};
-const invalidation = {
-  hint: (0, _react2.jsx)(_react.default.Fragment, null, "marked as invalid. The exact semantics of invalidation depend on the register."),
-  summary: (0, _react.memo)(({
-    proposal,
-    itemRef,
-    item
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Invalidation"), () => true)
-};
-const PROPOSAL_VIEWS = {
-  clarification,
-  addition,
-  retirement,
-  supersession,
-  invalidation
-};
-
-function getProposalIcon(proposal) {
-  return proposal.type === 'addition' ? 'add' : proposal.type === 'clarification' ? 'edit' : 'ban-circle';
+function stringifiedJSONEqual(i1, i2) {
+  return JSON.stringify(i1) === JSON.stringify(i2);
 }
 
-var _default = Proposals;
+var _default = ProposalBrowser;
 exports.default = _default;

package/proposals/ProposalBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalBrowser.js","sourceRoot":"","sources":["../../src/proposals/ProposalBrowser.tsx"],"names":[],"mappings":"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","sourcesContent":["\n/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport { Select2 as Select } from '@blueprintjs/select';\nimport { ButtonGroup, Button, Drawer, DrawerSize } from '@blueprintjs/core';\n\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\n\nimport { useItemRef, itemPathToItemRef } from '../views/itemPathUtils';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../views/BrowserCtx';\nimport { Protocols, type Protocol } from '../views/protocolRegistry';\n\nimport type { Drafted } from './types';\nimport { type ChangeProposalItem, ChangeProposalItemView, getProposalIcon } from './ProposalItem';\nimport ProposalSummary from './ProposalSummary';\nimport ProposalDetail from './ProposalDetail';\n\n\ninterface ProposalBrowserProps<CR extends Drafted> {\n  proposals: CR['items']\n\n  selectedItem?: (string & keyof CR['items']) | null\n  onSelectItem: (selectedItem: (string & keyof CR['items']) | null) => void\n\n  /**\n   * If provided, button to delete each proposed change\n   * is shown in change card list mode.\n   */\n  onDeleteProposalForItemAtPath?: (itemPath: string) => void\n}\n/**\n * Shows a list of individual proposed changes as cards by default,\n * allowing to expand a proposal and view item details.\n *\n * If no proposals exist, returns null.\n */\nexport function ProposalBrowser<CR extends Drafted>\n({ proposals, onDeleteProposalForItemAtPath, selectedItem, onSelectItem: selectProposal }:\nProposalBrowserProps<CR>) {\n  const selectedProposal = selectedItem ?? null;\n\n  // TODO: Temporarily unsupported\n  // (limitations of current change annotation implementation)\n  //const [ showOnlyChanged, setShowOnlyChanged ] = useState(true);\n\n  const outerBrowserCtx = useContext(BrowserCtx);\n  const { jumpTo, subregisters, useRegisterItemData } = outerBrowserCtx;\n\n  /**\n   * When jumping to an item affected by current CR,\n   * jump in-CR instead of spawning tab.\n   */\n  const handleCRJump = useCallback(function _handleCRJump(uri: `${Protocol}:${string}`): void {\n    if (uri.startsWith(Protocols.ITEM_DETAILS)) {\n      const itemPath = uri.split(':')[1];\n      if (proposals[itemPath]) {\n        selectProposal(itemPath);\n      } else {\n        jumpTo?.(uri);\n      }\n    }\n  }, [Object.keys(proposals), jumpTo]);\n\n  const proposalBrowserCtx: BrowserCtxType = useMemo((() => ({\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  })), [handleCRJump, outerBrowserCtx]);\n\n  /** Paths of register items in proposal. */\n  const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {\n    if (proposal.type === 'clarification' || proposal.type === 'addition') {\n      return itemPath;\n    } else {\n      return undefined;\n    }\n  }).filter(s => s !== undefined) as string[];\n\n  /** Proposed data of register items in proposal. */\n  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  /** Pre-existing data of register items in proposal. */\n  const currentItemDataReq = useRegisterItemData({\n    itemPaths: Object.keys(proposals),\n    ignoreActiveCR: true,\n  });\n\n  const getCurrentItem = useCallback(\n    ((itemPath: string) => currentItemDataReq.value[itemPath] ?? null),\n    [currentItemDataReq.value]);\n  const getProposedItem = useCallback(\n    ((itemPath: string) => proposedItemDataReq.value[itemPath] ?? null),\n    [proposedItemDataReq.value]);\n\n  /** Current register item (if any) corresponding to selected proposal. */\n  const selectedItemCurrent = selectedProposal ? getCurrentItem(selectedProposal) : null;\n\n  /** Proposed register item corresponding to selected proposal. */\n  const selectedItemProposed = selectedProposal ? getProposedItem(selectedProposal) : null;\n\n  const selectedItemRef = useItemRef(subregisters !== undefined, selectedProposal);\n\n  const handleItemSelect = useCallback(\n    ((item: ChangeProposalItem) => selectProposal(item.itemPath)),\n    [selectProposal]);\n\n  const activeItem: ChangeProposalItem | null = useMemo((() =>\n    selectedProposal\n      ? ({\n          itemPath: selectedProposal,\n          proposal: proposals[selectedProposal],\n          item: (selectedItemProposed ?? selectedItemCurrent)!,\n          itemBefore: selectedItemCurrent ?? undefined,\n          itemRef: itemPathToItemRef(subregisters !== undefined, selectedProposal),\n        })\n      : null\n  ), [selectedProposal, proposals, subregisters]);\n\n  const allItems: ChangeProposalItem[] = useMemo((() =>\n    Object.entries(proposals).map(([itemPath, proposal]) => ({\n      itemPath,\n      proposal,\n      item: (getProposedItem(itemPath) ?? getCurrentItem(itemPath))! ?? null,\n      itemBefore: undefined,\n      itemRef: itemPathToItemRef(subregisters !== undefined, itemPath),\n    }))\n  ), [proposals, getCurrentItem, getProposedItem, subregisters !== undefined]);\n\n  const haveSelectedItem =\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && (selectedItemProposed || selectedItemCurrent);\n\n  const proposalCount = Object.keys(proposals).length;\n\n  //useEffect(() => {\n  //  // if (!selectedProposal) {\n  //  //   const firstProposal = Object.keys(proposals)[0];\n  //  //   if (firstProposal) {\n  //  //     if (getCurrentItem(firstProposal) || getProposedItem(firstProposal)) {\n  //  //       selectProposal(firstProposal);\n  //  //     }\n  //  //   }\n  //  // }\n  //  if (selectedProposal) {\n  //    if (selectedProposalDetailRef.current) {\n  //      selectedProposalDetailRef.current.scrollIntoView({ block: 'center' });\n  //    }\n  //  }\n  //}, [selectedProposal === null]);\n\n  const selectedItemSummary = haveSelectedItem\n    ? <ProposalSummary\n        itemRef={selectedItemRef}\n        item={(selectedItemProposed ?? selectedItemCurrent)!}\n        itemBefore={selectedItemCurrent ?? undefined}\n        proposal={proposals[selectedProposal]}\n      />\n    : <>Select item…</>;\n  const icon = haveSelectedItem\n    ? getProposalIcon(proposals[selectedProposal])\n    : undefined;\n\n  const selectedItemDrawer = useMemo((() =>\n    <Drawer\n        isOpen={proposalCount > 0 && haveSelectedItem ? true : false}\n        onClose={() => selectProposal(null)}\n        size={DrawerSize.LARGE}\n        enforceFocus={false}>\n      {proposalCount > 0 && haveSelectedItem\n        ? <>\n            <ButtonGroup>\n              <Button\n                disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                icon='open-application'\n                onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                title=\"Open selected item in a new tab (not applicable to proposed additions)\"\n              />\n              <ClassNames>\n                {(({ css: css2 }) =>\n                  <Select<ChangeProposalItem>\n                      filterable={false}\n                      itemsEqual={stringifiedJSONEqual}\n                      menuProps={{ className: css2(`max-height: 50vh; overflow-y: auto;`) }}\n                      activeItem={activeItem}\n                      items={allItems}\n                      popoverProps={{ minimal: true, matchTargetWidth: true }}\n                      fill\n                      itemRenderer={ChangeProposalItemView}\n                      onItemSelect={handleItemSelect}>\n                    <Button\n                        fill\n                        rightIcon=\"chevron-down\"\n                        icon={icon}\n                        title=\"Switch between items in this proposal\"\n                        css={css`white-space: nowrap;`}>\n                      {selectedItemSummary}\n                    </Button>\n                  </Select>\n                )}\n              </ClassNames>\n              <Button\n                onClick={() => selectProposal(null)}\n                icon=\"minimize\"\n                title=\"Minimize proposed change view\"\n                text=\"Minimize\"\n              />\n            </ButtonGroup>\n            <div css={css`position: relative; flex: 1;`}>\n              <BrowserCtx.Provider value={proposalBrowserCtx}>\n                <ErrorBoundary viewName=\"Proposal detail\">\n                  <ProposalDetail\n                    itemRef={selectedItemRef}\n                    //showOnlyChanged={showOnlyChanged}\n                    item={(selectedItemProposed ?? selectedItemCurrent)!}\n                    itemBefore={selectedItemCurrent ?? undefined}\n                    proposal={proposals[selectedProposal]}\n                  />\n                </ErrorBoundary>\n              </BrowserCtx.Provider>\n            </div>\n          </>\n        : null}\n    </Drawer>\n  ), [proposalCount > 0, haveSelectedItem, selectedItemProposed, selectedItemCurrent, jumpTo, handleItemSelect, selectedProposal && proposals[selectedProposal]]);\n\n  return (\n    <>\n      {selectedItemDrawer}\n    </>\n  );\n};\n\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\nexport default ProposalBrowser;\n"]}

package/proposals/ProposalDetail.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { ProposalProps, ChangeProposal } from './types';
+export declare const ProposalDetail: React.FC<ProposalProps<ChangeProposal>>;
+export default ProposalDetail;

package/proposals/ProposalDetail.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProposalDetail = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _InlineDiff = require("../views/diffing/InlineDiff");
+
+var _useItemClassConfig = _interopRequireDefault(require("../views/hooks/useItemClassConfig"));
+
+var _RegisterItem = require("../views/detail/RegisterItem");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ProposalDetail = (0, _react.memo)(function ({
+  proposal,
+  showDiff,
+  showOnlyChanged,
+  itemRef,
+  item,
+  itemBefore,
+  onChange
+}) {
+  var _a;
+
+  const itemClass = (0, _useItemClassConfig.default)((_a = itemRef.classID) !== null && _a !== void 0 ? _a : 'NONEXISTENT_CLASS_ID');
+
+  if (!itemClass) {
+    throw new Error(`Unknown item class “${itemRef.classID}”!`);
+  }
+
+  const view = showDiff ? (0, _react2.jsx)(_InlineDiff.InlineDiffGeneric, {
+    item1: itemBefore !== null && itemBefore !== void 0 ? itemBefore : {},
+    item2: item,
+    css: (0, _react2.css)`
+          position: absolute; inset: 0; padding: 10px; overflow: auto;
+          background-color: white;
+          .bp4-dark & {
+            background-color: ${_core.Colors.DARK_GRAY2};
+          }
+        `,
+    className: `${_core.Classes.ELEVATION_2} ${_core.Classes.RUNNING_TEXT}`
+  }) : (0, _react2.jsx)(_RegisterItem.ItemDetail, {
+    itemRef: itemRef,
+    item: item,
+    itemBefore: itemBefore,
+    itemClass: itemClass,
+    key: JSON.stringify(itemRef),
+    compactHeader: true
+  });
+  return (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`position: absolute; inset: 0; display: flex; flex-flow: column;`
+  }, view);
+});
+exports.ProposalDetail = ProposalDetail;
+var _default = ProposalDetail;
+exports.default = _default;

package/proposals/ProposalDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalDetail.js","sourceRoot":"","sources":["../../src/proposals/ProposalDetail.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,kBAAkB,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAK1D,MAAM,CAAC,MAAM,cAAc,GAC3B,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE;;IACzF,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAA,OAAO,CAAC,OAAO,mCAAI,sBAAsB,CAAC,CAAC;IAEhF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC;KAC7D;IAED,MAAM,IAAI,GAAgB,QAAQ;QAChC,CAAC,CAAC,IAAC,iBAAiB,IAChB,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,GAAG,CAAA;;;;gCAIgB,MAAM,CAAC,UAAU;;SAExC,EACD,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,YAAY,EAAE,GAC3D;QACJ,CAAC,CAAC,IAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAC5B,aAAa,SACb,CAAC;IAEP,OAAO,aAAK,GAAG,EAAE,GAAG,CAAA,iEAAiE,IAClF,IAAI,CACD,CAAC;AACT,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { memo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Classes, Colors } from '@blueprintjs/core';\n\nimport { InlineDiffGeneric } from '../views/diffing/InlineDiff';\nimport useItemClassConfig from '../views/hooks/useItemClassConfig';\nimport { ItemDetail } from '../views/detail/RegisterItem';\n\nimport type { ProposalProps, ChangeProposal } from './types';\n\n\nexport const ProposalDetail: React.FC<ProposalProps<ChangeProposal>> =\nmemo(function ({ proposal, showDiff, showOnlyChanged, itemRef, item, itemBefore, onChange }) {\n  const itemClass = useItemClassConfig(itemRef.classID ?? 'NONEXISTENT_CLASS_ID');\n\n  if (!itemClass) {\n    throw new Error(`Unknown item class “${itemRef.classID}”!`);\n  }\n\n  const view: JSX.Element = showDiff\n    ? <InlineDiffGeneric\n        item1={itemBefore ?? {}}\n        item2={item}\n        css={css`\n          position: absolute; inset: 0; padding: 10px; overflow: auto;\n          background-color: white;\n          .bp4-dark & {\n            background-color: ${Colors.DARK_GRAY2};\n          }\n        `}\n        className={`${Classes.ELEVATION_2} ${Classes.RUNNING_TEXT}`}\n      />\n    : <ItemDetail\n        itemRef={itemRef}\n        item={item}\n        itemBefore={itemBefore}\n        itemClass={itemClass}\n        key={JSON.stringify(itemRef)}\n        compactHeader\n      />;\n\n  return <div css={css`position: absolute; inset: 0; display: flex; flex-flow: column;`}>\n    {view}\n  </div>;\n});\n\nexport default ProposalDetail;\n"]}

package/proposals/ProposalItem.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { type ItemRenderer } from '@blueprintjs/select';
+import { type IconName } from '@blueprintjs/core';
+import type { InternalItemReference, Payload, RegisterItem } from '../types';
+import type { ChangeProposal } from './types';
+export interface ChangeProposalItem {
+    itemPath: string;
+    itemRef: InternalItemReference;
+    proposal: ChangeProposal;
+    item: RegisterItem<Payload> | null;
+    itemBefore: RegisterItem<Payload> | undefined;
+}
+export declare const ChangeProposalItemView: ItemRenderer<ChangeProposalItem>;
+export default ChangeProposalItemView;
+export declare function getProposalIcon(proposal: ChangeProposal): IconName;