@riboseinc/paneron-registry-kit 2.2.16 → 2.2.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riboseinc/paneron-registry-kit",
-  "version": "2.2.16",
+  "version": "2.2.17",
   "main": "index.js",
   "author": "Ribose Inc. <open.source@ribose.com>",
   "scripts": {

package/views/ItemDrawer.js

@@ -47,6 +47,7 @@ const ItemSearchDrawer = function ({
     isOpen: isOpen,
     onClose: onClose,
     enforceFocus: false,
+    size: "50vw",
     style: {
       padding: '0',
       width: 'unset'
@@ -54,9 +55,9 @@ const ItemSearchDrawer = function ({
   }, (0, _react.jsx)(_Search.default, {
     style: {
       height: '100vh',
-      width: '80vw',
+      width: '50vw',
       minWidth: '500px',
-      maxWidth: '100vw'
+      maxWidth: '90vw'
     },
     availableClassIDs: availableClassIDs,
     implicitCriteria: implicitCriteria,

package/views/ItemDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDrawer.js","sourceRoot":"","sources":["../../src/views/ItemDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAKjB,UAAU,EACb,MAAM,EAAE,OAAO,EAAE,YAAY,EAC7B,iBAAiB,GAClB;IACC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAgB,OAAO,CAAC,GAAG,EAAE,CAAC,CAC/C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,sBAAsB,KAAK,WAAW;KAC9C,CAAC,CAAC,CACJ,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,CAChE,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,aAAa;SACxB;QACH,CAAC,CAAC,SAAS,CACd,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9C,YAAY,CAAC,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtE,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC/E,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,kCAAkC,EAC5C,UAAU,EAAE,cAAc,GAC1B,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { Drawer } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport type { Criterion, CriteriaGroup } from './FilterCriteria/models';\nimport { BrowserCtx } from './BrowserCtx';\nimport Search from './sidebar/Search';\nimport { itemPathToItemRef } from './itemPathUtils';\n\n\nconst ItemSearchDrawer: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChooseItem: (itemRef: InternalItemReference) => void\n  availableClassIDs: string[]\n}> = function ({\n  isOpen, onClose, onChooseItem,\n  availableClassIDs,\n}) {\n  const { subregisters } = useContext(BrowserCtx);\n\n  const classCriteria: Criterion[] = useMemo(() => (\n    availableClassIDs.map(clsID => ({\n      key: 'item-class',\n      query: `objPath.indexOf(\\\"/${clsID}/\\\") >= 0`,\n    }))\n  ), [availableClassIDs.toString()]);\n\n  const implicitCriteria: CriteriaGroup | undefined = useMemo(() => (\n    classCriteria.length > 0\n      ? {\n          require: 'any',\n          criteria: classCriteria,\n        }\n      : undefined\n  ), [classCriteria]);\n\n  const handleOpenItem = useCallback((itemPath) => {\n    onChooseItem(itemPathToItemRef(subregisters !== undefined, itemPath));\n    onClose();\n  }, [onChooseItem, onClose]);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        onClose={onClose}\n        enforceFocus={false}\n        style={{ padding: '0', width: 'unset' }}>\n      <Search\n        style={{ height: '100vh', width: '80vw', minWidth: '500px', maxWidth: '100vw' }}\n        availableClassIDs={availableClassIDs}\n        implicitCriteria={implicitCriteria}\n        stateName=\"superseding-item-selector-search\"\n        onOpenItem={handleOpenItem}\n      />\n    </Drawer>\n  );\n};\n\n\nexport default ItemSearchDrawer;\n"]}
+{"version":3,"file":"ItemDrawer.js","sourceRoot":"","sources":["../../src/views/ItemDrawer.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,gBAAgB,GAKjB,UAAU,EACb,MAAM,EAAE,OAAO,EAAE,YAAY,EAC7B,iBAAiB,GAClB;IACC,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAgB,OAAO,CAAC,GAAG,EAAE,CAAC,CAC/C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,sBAAsB,KAAK,WAAW;KAC9C,CAAC,CAAC,CACJ,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,CAChE,aAAa,CAAC,MAAM,GAAG,CAAC;QACtB,CAAC,CAAC;YACE,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,aAAa;SACxB;QACH,CAAC,CAAC,SAAS,CACd,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9C,YAAY,CAAC,iBAAiB,CAAC,YAAY,KAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtE,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,IAAC,MAAM,IACH,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE;QACzC,IAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC9E,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAC,kCAAkC,EAC5C,UAAU,EAAE,cAAc,GAC1B,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAGF,eAAe,gBAAgB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { Drawer } from '@blueprintjs/core';\nimport type { InternalItemReference } from '../types';\nimport type { Criterion, CriteriaGroup } from './FilterCriteria/models';\nimport { BrowserCtx } from './BrowserCtx';\nimport Search from './sidebar/Search';\nimport { itemPathToItemRef } from './itemPathUtils';\n\n\nconst ItemSearchDrawer: React.FC<{\n  isOpen: boolean\n  onClose: () => void\n  onChooseItem: (itemRef: InternalItemReference) => void\n  availableClassIDs: string[]\n}> = function ({\n  isOpen, onClose, onChooseItem,\n  availableClassIDs,\n}) {\n  const { subregisters } = useContext(BrowserCtx);\n\n  const classCriteria: Criterion[] = useMemo(() => (\n    availableClassIDs.map(clsID => ({\n      key: 'item-class',\n      query: `objPath.indexOf(\\\"/${clsID}/\\\") >= 0`,\n    }))\n  ), [availableClassIDs.toString()]);\n\n  const implicitCriteria: CriteriaGroup | undefined = useMemo(() => (\n    classCriteria.length > 0\n      ? {\n          require: 'any',\n          criteria: classCriteria,\n        }\n      : undefined\n  ), [classCriteria]);\n\n  const handleOpenItem = useCallback((itemPath) => {\n    onChooseItem(itemPathToItemRef(subregisters !== undefined, itemPath));\n    onClose();\n  }, [onChooseItem, onClose]);\n\n  return (\n    <Drawer\n        isOpen={isOpen}\n        onClose={onClose}\n        enforceFocus={false}\n        size=\"50vw\"\n        style={{ padding: '0', width: 'unset' }}>\n      <Search\n        style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}\n        availableClassIDs={availableClassIDs}\n        implicitCriteria={implicitCriteria}\n        stateName=\"superseding-item-selector-search\"\n        onOpenItem={handleOpenItem}\n      />\n    </Drawer>\n  );\n};\n\n\nexport default ItemSearchDrawer;\n"]}

package/views/change-request/Proposals.d.ts

@@ -6,12 +6,13 @@ import type { ChangeProposal, Clarification, InternalItemReference, Payload, Reg
 import type { Drafted } from '../../types/cr';
 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;
-    className?: string;
 }
 /**
  * Shows a list of individual proposed changes as cards by default,
@@ -19,7 +20,7 @@ interface ProposalBrowserProps<CR extends Drafted> {
  *
  * If no proposals exist, returns null.
  */
-export declare function Proposals<CR extends Drafted>({ proposals, onDeleteProposalForItemAtPath, className }: ProposalBrowserProps<CR>): jsx.JSX.Element | null;
+export declare function Proposals<CR extends Drafted>({ proposals, onDeleteProposalForItemAtPath, selectedItem, onSelectItem: selectProposal }: ProposalBrowserProps<CR>): jsx.JSX.Element;
 interface ProposalProps<P extends ChangeProposal> {
     proposal: P;
     /** Highlight changes. */

package/views/change-request/Proposals.js

@@ -59,12 +59,13 @@ function stringifiedJSONEqual(i1, i2) {
 function Proposals({
   proposals,
   onDeleteProposalForItemAtPath,
-  className
+  selectedItem,
+  onSelectItem: selectProposal
 }) {
-  var _a, _b;
+  var _a;
 
-  const [selectedProposal, selectProposal] = (0, _react.useState)(null);
-  const [preferDiff, setPreferDiff] = (0, _react.useState)(false); // TODO: Temporarily unsupported
+  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);
 
@@ -150,156 +151,133 @@ function Proposals({
     };
   }), [proposals, getCurrentItem, getProposedItem]);
   const haveSelectedItem = selectedProposal && selectedItemRef && proposals[selectedProposal] && (selectedItemProposed || selectedItemCurrent);
-  const proposalCount = Object.keys(proposals).length;
-  const selectedProposalDetailRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    // if (!selectedProposal) {
-    //   const firstProposal = Object.keys(proposals)[0];
-    //   if (firstProposal) {
-    //     if (getCurrentItem(firstProposal) || getProposedItem(firstProposal)) {
-    //       selectProposal(firstProposal);
-    //     }
-    //   }
-    // }
-    if (selectedProposal) {
-      if (selectedProposalDetailRef.current) {
-        selectedProposalDetailRef.current.scrollIntoView({
-          block: 'center'
-        });
-      }
-    }
-  }, [selectedProposal === null]);
+  const proposalCount = Object.keys(proposals).length; //useEffect(() => {
+  //  // if (!selectedProposal) {
+  //  //   const firstProposal = Object.keys(proposals)[0];
+  //  //   if (firstProposal) {
+  //  //     if (getCurrentItem(firstProposal) || getProposedItem(firstProposal)) {
+  //  //       selectProposal(firstProposal);
+  //  //     }
+  //  //   }
+  //  // }
+  //  if (selectedProposal) {
+  //    if (selectedProposalDetailRef.current) {
+  //      selectedProposalDetailRef.current.scrollIntoView({ block: 'center' });
+  //    }
+  //  }
+  //}, [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, {
+    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 selectedItemDrawer = (0, _react.useMemo)(() => {
+    var _a;
 
-  if (!currentItemDataReq.isUpdating && !proposedItemDataReq.isUpdating) {
-    const selectedItemSummary = haveSelectedItem ? (0, _react2.jsx)(ProposalSummary, {
+    return (0, _react2.jsx)(_core.Drawer, {
+      isOpen: proposalCount > 0 && haveSelectedItem ? true : false,
+      onClose: () => selectProposal(null),
+      size: _core.DrawerSize.LARGE,
+      enforceFocus: false
+    }, proposalCount > 0 && haveSelectedItem ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
+      disabled: !jumpTo || ((_a = proposals[selectedProposal]) === null || _a === void 0 ? void 0 : _a.type) === 'addition',
+      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, {
+      filterable: false,
+      itemsEqual: stringifiedJSONEqual,
+      menuProps: {
+        className: css2(`max-height: 50vh; overflow-y: auto;`)
+      },
+      activeItem: activeItem,
+      items: allItems,
+      popoverProps: {
+        minimal: true,
+        matchTargetWidth: true
+      },
+      fill: true,
+      itemRenderer: ChangeProposalItemView,
+      onItemSelect: handleItemSelect
+    }, (0, _react2.jsx)(_core.Button, {
+      fill: true,
+      rightIcon: "chevron-down",
+      icon: icon,
+      css: (0, _react2.css)`white-space: nowrap;`
+    }, selectedItemSummary))), (0, _react2.jsx)(_core.Button, {
+      onClick: () => selectProposal(null),
+      icon: "minimize",
+      title: "Minimize proposed change view",
+      text: "Minimize"
+    })), (0, _react2.jsx)("div", {
+      css: (0, _react2.css)`position: relative; flex: 1;`
+    }, (0, _react2.jsx)(_BrowserCtx.BrowserCtx.Provider, {
+      value: proposalBrowserCtx
+    }, (0, _react2.jsx)(_ErrorBoundary.default, {
+      viewName: "Proposal detail"
+    }, (0, _react2.jsx)(ProposalDetail, {
       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]
-    }) : (0, _react2.jsx)(_react.default.Fragment, null, "Select item\u2026");
-    const icon = haveSelectedItem ? getProposalIcon(proposals[selectedProposal]) : undefined;
-
-    if (proposalCount > 0 && haveSelectedItem) {
-      return (0, _react2.jsx)(_core.Card, {
-        key: selectedProposal,
-        elevation: 0,
-        css: (0, _react2.css)`
-              flex: 100%;
-              background: ${_core.Colors.LIGHT_GRAY3};
-              padding: 0;
-              min-height: 70vh;
-
-              overflow: hidden;
-
-              border-radius: 5px;
-              display: flex;
-              flex-flow: column nowrap;
-              transition:
-                width .5s linear
-                height .5s linear;
-            `,
-        className: className
-      }, (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
-        disabled: !jumpTo || ((_b = proposals[selectedProposal]) === null || _b === void 0 ? void 0 : _b.type) === 'addition',
-        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, {
-        filterable: false,
-        itemsEqual: stringifiedJSONEqual,
-        menuProps: {
-          className: css2(`max-height: 50vh; overflow-y: auto;`)
-        },
-        activeItem: activeItem,
-        items: allItems,
-        popoverProps: {
-          minimal: true,
-          matchTargetWidth: true
-        },
-        fill: true,
-        itemRenderer: ChangeProposalItemView,
-        onItemSelect: handleItemSelect
-      }, (0, _react2.jsx)(_core.Button, {
-        fill: true,
-        rightIcon: "chevron-down",
-        icon: icon,
-        css: (0, _react2.css)`white-space: nowrap;`
-      }, selectedItemSummary))), (0, _react2.jsx)(_core.Button, {
-        onClick: () => selectProposal(null),
-        icon: "minimize",
-        title: "Minimize proposed change view",
-        text: "Minimize"
-      })), (0, _react2.jsx)("div", {
-        css: (0, _react2.css)`position: relative; flex: 1;`,
-        ref: selectedProposalDetailRef
-      }, (0, _react2.jsx)(_BrowserCtx.BrowserCtx.Provider, {
-        value: proposalBrowserCtx
-      }, (0, _react2.jsx)(_ErrorBoundary.default, {
-        viewName: "Proposal detail"
-      }, (0, _react2.jsx)(ProposalDetail, {
-        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]
-      })))));
-    } else {
-      return (0, _react2.jsx)(_react.default.Fragment, null, 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, {
-          item: cpi
-        }), (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);
-      }));
+    }))))) : 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'
+      });
     }
-  } else {
-    return null;
-  }
+
+    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, {
+      item: cpi
+    }), (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);
+  }));
 }
 
 ;

package/views/change-request/Proposals.js.map

@@ -1 +1 @@
-{"version":3,"file":"Proposals.js","sourceRoot":"","sources":["../../../src/views/change-request/Proposals.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useEffect, useRef, useContext, useState, useCallback, memo, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport {\n  Card,\n  ButtonGroup,\n  Button,\n  Classes,\n  Colors,\n  MenuItem, type MenuItemProps, type MenuDividerProps,\n  type IconName,\n  Tag,\n  H5,\n} from '@blueprintjs/core';\nimport { type ItemRenderer, Select2 as Select } from '@blueprintjs/select';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type {\n  Addition,\n  ChangeProposal,\n  Clarification,\n  InternalItemReference,\n  Retirement,\n  Supersession,\n  Invalidation,\n  Payload,\n  RegisterItem,\n} from '../../types';\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\nimport ErrorState from '@riboseinc/paneron-extension-kit/widgets/ErrorState';\nimport type { Drafted } from '../../types/cr';\nimport { Protocols, type Protocol } from '../protocolRegistry';\nimport { PROPOSAL_TYPES, AMENDMENT_TYPES } from '../../types/proposal';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../BrowserCtx';\nimport { useItemRef, itemPathToItemRef } from '../itemPathUtils';\nimport useItemClassConfig from '../hooks/useItemClassConfig';\nimport { InlineDiffGeneric } from '../diffing/InlineDiff';\nimport { proposalToTagProps } from './util';\nimport { HomeBlockCard, HomeBlockActions } from '../detail/RegisterHome/Block';\nimport { ItemDetail } from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload> | null\n  itemBefore: RegisterItem<Payload> | undefined\n}\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\n\ninterface ProposalBrowserProps<CR extends Drafted> {\n  proposals: CR['items']\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  className?: string\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 Proposals<CR extends Drafted>\n({ proposals, onDeleteProposalForItemAtPath, className }: ProposalBrowserProps<CR>) {\n  const [ selectedProposal, selectProposal ] = useState<string | null>(null);\n  const [ preferDiff, setPreferDiff ] = useState(false);\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]);\n\n  const haveSelectedItem =\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && (selectedItemProposed || selectedItemCurrent);\n\n  const proposalCount = Object.keys(proposals).length;\n\n  const selectedProposalDetailRef = useRef<HTMLDivElement | null>(null);\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 canShowDiff: boolean =\n    haveSelectedItem && proposals[selectedProposal]?.type === 'clarification'\n      ? true\n      : false;\n  const showDiff = canShowDiff && preferDiff;\n\n  if (!currentItemDataReq.isUpdating && !proposedItemDataReq.isUpdating) {\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    if (proposalCount > 0 && haveSelectedItem) {\n      return (\n        <Card\n            key={selectedProposal}\n            elevation={0}\n            css={css`\n              flex: 100%;\n              background: ${Colors.LIGHT_GRAY3};\n              padding: 0;\n              min-height: 70vh;\n\n              overflow: hidden;\n\n              border-radius: 5px;\n              display: flex;\n              flex-flow: column nowrap;\n              transition:\n                width .5s linear\n                height .5s linear;\n            `}\n            className={className}>\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            <Button\n              active={preferDiff}\n              onClick={() => setPreferDiff(v => !v)}\n              // Diffing only makes sense for clarifications.\n              // Additions are entire new items, and for amendments\n              // item data is unchanged.\n              disabled={!canShowDiff}\n              text=\"Compare\"\n              title=\"Annotate proposed clarifications for this item\"\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 fill rightIcon=\"chevron-down\" icon={icon} 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;`} ref={selectedProposalDetailRef}>\n            <BrowserCtx.Provider value={proposalBrowserCtx}>\n              <ErrorBoundary viewName=\"Proposal detail\">\n                <ProposalDetail\n                  itemRef={selectedItemRef}\n                  showDiff={showDiff}\n                  //showOnlyChanged={showOnlyChanged}\n                  item={(selectedItemProposed ?? selectedItemCurrent)!}\n                  itemBefore={selectedItemCurrent ?? undefined}\n                  proposal={proposals[selectedProposal]}\n                />\n              </ErrorBoundary>\n            </BrowserCtx.Provider>\n          </div>\n        </Card>\n      );\n    } else {\n      return (\n        <>\n          {allItems.map(cpi => {\n            const actions: (MenuItemProps | MenuDividerProps)[] = [{\n              onClick: () => selectProposal(cpi.itemPath),\n              text: \"Expand\",\n              title: \"Expand proposed change to see item details\",\n              icon: 'maximize',\n            }];\n            if (onDeleteProposalForItemAtPath) {\n              actions.push({\n                text: \"Delete this proposal\",\n                intent: 'danger',\n                onClick: () => onDeleteProposalForItemAtPath(cpi.itemPath),\n                icon: 'trash',\n              });\n            }\n            return <HomeBlockCard\n                css={css`\n                  flex-basis: calc(33.33% - 10px*2/3);\n                `}\n                description={`${cpi.proposal.type} proposal`}\n                key={cpi.itemPath}>\n              <ProposalType item={cpi as any} />\n              <div css={css`padding: 5px; flex-grow: 1;`}>\n                {cpi.item !== null\n                  ? <H5 css={css`margin: 0; overflow: hidden; text-overflow: ellipsis;`}>\n                      <ProposalSummary\n                        itemRef={cpi.itemRef}\n                        proposal={cpi.proposal}\n                        itemBefore={cpi.itemBefore}\n                        item={cpi.item}\n                      />\n                    </H5>\n                  : <>Problem reading proposed item data.</>}\n              </div>\n              {actions.length > 0\n                ? <HomeBlockActions actions={actions} />\n                : null}\n            </HomeBlockCard>\n          })}\n        </>\n      );\n    }\n  } else {\n    return null;\n  }\n};\n\n\nfunction ProposalType({ item }: { item: ChangeProposalItem & { item: RegisterItem<any> } }) {\n  const proposalConfig = \n    item.proposal.type === 'amendment'\n      ? PROPOSAL_VIEWS[item.proposal.amendmentType]\n      : PROPOSAL_VIEWS[item.proposal.type];\n  //const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;\n  const tagProps = proposalToTagProps(item.proposal);\n  return (\n    <Tag\n      minimal\n      {...tagProps}\n      rightIcon={<HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />}\n    />\n    \n  );\n}\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\n  if (item.item !== null) {\n    const i = item as ChangeProposalItem & { item: RegisterItem<any> };\n    return (\n      <MenuItem\n        active={modifiers.active}\n        disabled={modifiers.disabled}\n        labelElement={<ProposalType item={i} />}\n        key={item.itemPath}\n        onClick={handleClick}\n        icon={getProposalIcon(item.proposal)}\n        text={<ProposalSummary {...i} />} />\n    );\n  } else {\n    return <MenuItem\n      disabled\n      icon=\"heart-broken\"\n      onClick={handleClick}\n      text={`Broken proposal entry at path ${item.itemPath}`}\n    />\n  }\n};\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n\n  /** Highlight changes. */\n  showDiff?: boolean\n\n  /** In diff mode, only show changed data. (Provisional.) */\n  showOnlyChanged?: boolean\n\n  itemRef: InternalItemReference\n  item: RegisterItem<Payload>\n  itemBefore: P extends Clarification ? RegisterItem<Payload> : undefined\n  onChange?: (newProposal: P) => void\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        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});\nexport const ProposalSummary: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, itemRef, item, itemBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const cls = itemClasses[classID];\n  const ListItemView = cls?.views?.listItemView;\n\n  if (ListItemView) {\n    return <>\n      <ListItemView\n        itemRef={itemRef}\n        itemData={item.data}\n        css={css`text-overflow: ellipsis; overflow: hidden;`}\n      />\n      &emsp;\n      <small>{cls.meta.title}</small>\n    </>;\n  } else {\n    return <ErrorState\n      viewName=\"list item view\"\n      inline\n      error=\"unable to load list item view\"\n    />;\n  }\n};\n\n\ninterface ProposalViewConfig<P extends ChangeProposal> {\n  summary: React.FC<ProposalProps<P>>\n  hint: JSX.Element | string\n}\n\n\nconst clarification: ProposalViewConfig<Clarification> = {\n  hint: <>\n    altered to represent the same concept more clearly.\n  </>,\n  summary: memo(({ proposal, item, itemRef }) => <>Clarification</>, () => true),\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: memo(({ proposal, item, itemRef }) => <>Addition</>, () => true),\n};\n\n\nconst retirement: ProposalViewConfig<Retirement> = {\n  hint: <>\n    marked as no longer current.\n    (Note that this register is append-only, so the item cannot be removed altogether.)\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Retirement</>, () => true),\n};\n\n\nconst supersession: ProposalViewConfig<Supersession> = {\n  hint: <>\n    removed from the register with another item recommended for use in its place.\n    A relation between the superseding and superseded item will be created,\n    though the exact semantics of that relation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Supersession</>, () => true),\n};\n\n\nconst invalidation: ProposalViewConfig<Invalidation> = {\n  hint: <>\n    marked as invalid. The exact semantics of invalidation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Invalidation</>, () => true),\n}\n\n\ntype ProposalOrAmendmentType =\n  | Exclude<typeof PROPOSAL_TYPES[number], 'amendment'>\n  | typeof AMENDMENT_TYPES[number];\n\n\nconst PROPOSAL_VIEWS: { [type in ProposalOrAmendmentType]: ProposalViewConfig<any> } = {\n  clarification,\n  addition,\n  retirement,\n  supersession,\n  invalidation,\n} as const;\n\n\nfunction getProposalIcon(proposal: ChangeProposal): IconName {\n  return proposal.type === 'addition'\n      ? 'add'\n      : proposal.type === 'clarification'\n        ? 'edit'\n        : 'ban-circle';\n}\n\n\nexport default Proposals;\n"]}
+{"version":3,"file":"Proposals.js","sourceRoot":"","sources":["../../../src/views/change-request/Proposals.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useState, useCallback, memo, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport {\n  ButtonGroup,\n  Button,\n  Drawer, DrawerSize,\n  Classes,\n  Colors,\n  MenuItem, type MenuItemProps, type MenuDividerProps,\n  type IconName,\n  Tag,\n  H5,\n} from '@blueprintjs/core';\nimport { type ItemRenderer, Select2 as Select } from '@blueprintjs/select';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport type {\n  Addition,\n  ChangeProposal,\n  Clarification,\n  InternalItemReference,\n  Retirement,\n  Supersession,\n  Invalidation,\n  Payload,\n  RegisterItem,\n} from '../../types';\nimport ErrorBoundary from '@riboseinc/paneron-extension-kit/widgets/ErrorBoundary';\nimport ErrorState from '@riboseinc/paneron-extension-kit/widgets/ErrorState';\nimport type { Drafted } from '../../types/cr';\nimport { Protocols, type Protocol } from '../protocolRegistry';\nimport { PROPOSAL_TYPES, AMENDMENT_TYPES } from '../../types/proposal';\nimport { BrowserCtx, type BrowserCtx as BrowserCtxType } from '../BrowserCtx';\nimport { useItemRef, itemPathToItemRef } from '../itemPathUtils';\nimport useItemClassConfig from '../hooks/useItemClassConfig';\nimport { InlineDiffGeneric } from '../diffing/InlineDiff';\nimport { proposalToTagProps } from './util';\nimport { HomeBlockCard, HomeBlockActions } from '../detail/RegisterHome/Block';\nimport { ItemDetail } from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload> | null\n  itemBefore: RegisterItem<Payload> | undefined\n}\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\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 Proposals<CR extends Drafted>\n({ proposals, onDeleteProposalForItemAtPath, selectedItem, onSelectItem: selectProposal }:\nProposalBrowserProps<CR>) {\n  const [ preferDiff, setPreferDiff ] = useState(false);\n\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]);\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 canShowDiff: boolean =\n    haveSelectedItem && proposals[selectedProposal]?.type === 'clarification'\n      ? true\n      : false;\n  const showDiff = canShowDiff && preferDiff;\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              <Button\n                active={preferDiff}\n                onClick={() => setPreferDiff(v => !v)}\n                // Diffing only makes sense for clarifications.\n                // Additions are entire new items, and for amendments\n                // item data is unchanged.\n                disabled={!canShowDiff}\n                text=\"Compare\"\n                title=\"Annotate proposed clarifications for this item\"\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 fill rightIcon=\"chevron-down\" icon={icon} 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                    showDiff={showDiff}\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, preferDiff, jumpTo, handleItemSelect, selectedProposal && proposals[selectedProposal]]);\n\n  return (\n    <>\n      {selectedItemDrawer}\n      {allItems.map(cpi => {\n        const actions: (MenuItemProps | MenuDividerProps)[] = [{\n          onClick: () => selectProposal(cpi.itemPath),\n          text: \"Expand\",\n          title: \"Expand proposed change to see item details\",\n          icon: 'maximize',\n        }];\n        if (onDeleteProposalForItemAtPath) {\n          actions.push({\n            text: \"Delete this proposal\",\n            intent: 'danger',\n            onClick: () => onDeleteProposalForItemAtPath(cpi.itemPath),\n            icon: 'trash',\n          });\n        }\n        return <HomeBlockCard\n            css={css`\n              flex-basis: calc(33.33% - 10px*2/3);\n            `}\n            description={`${cpi.proposal.type} proposal`}\n            key={cpi.itemPath}>\n          <ProposalType item={cpi as any} />\n          <div css={css`padding: 5px; flex-grow: 1;`}>\n            {cpi.item !== null\n              ? <H5 css={css`margin: 0; overflow: hidden; text-overflow: ellipsis;`}>\n                  <ProposalSummary\n                    itemRef={cpi.itemRef}\n                    proposal={cpi.proposal}\n                    itemBefore={cpi.itemBefore}\n                    item={cpi.item}\n                  />\n                </H5>\n              : <>Problem reading proposed item data.</>}\n          </div>\n          {actions.length > 0\n            ? <HomeBlockActions actions={actions} />\n            : null}\n        </HomeBlockCard>\n      })}\n    </>\n  );\n};\n\n\nfunction ProposalType({ item }: { item: ChangeProposalItem & { item: RegisterItem<any> } }) {\n  const proposalConfig = \n    item.proposal.type === 'amendment'\n      ? PROPOSAL_VIEWS[item.proposal.amendmentType]\n      : PROPOSAL_VIEWS[item.proposal.type];\n  //const ProposalTypeLabel: React.FC<ProposalProps<any>> = proposalConfig.summary;\n  const tagProps = proposalToTagProps(item.proposal);\n  return (\n    <Tag\n      minimal\n      {...tagProps}\n      rightIcon={<HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />}\n    />\n    \n  );\n}\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\n  if (item.item !== null) {\n    const i = item as ChangeProposalItem & { item: RegisterItem<any> };\n    return (\n      <MenuItem\n        active={modifiers.active}\n        disabled={modifiers.disabled}\n        labelElement={<ProposalType item={i} />}\n        key={item.itemPath}\n        onClick={handleClick}\n        icon={getProposalIcon(item.proposal)}\n        text={<ProposalSummary {...i} />} />\n    );\n  } else {\n    return <MenuItem\n      disabled\n      icon=\"heart-broken\"\n      onClick={handleClick}\n      text={`Broken proposal entry at path ${item.itemPath}`}\n    />\n  }\n};\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n\n  /** Highlight changes. */\n  showDiff?: boolean\n\n  /** In diff mode, only show changed data. (Provisional.) */\n  showOnlyChanged?: boolean\n\n  itemRef: InternalItemReference\n  item: RegisterItem<Payload>\n  itemBefore: P extends Clarification ? RegisterItem<Payload> : undefined\n  onChange?: (newProposal: P) => void\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        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});\nexport const ProposalSummary: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, itemRef, item, itemBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const cls = itemClasses[classID];\n  const ListItemView = cls?.views?.listItemView;\n\n  if (ListItemView) {\n    return <>\n      <ListItemView\n        itemRef={itemRef}\n        itemData={item.data}\n        css={css`text-overflow: ellipsis; overflow: hidden;`}\n      />\n      &emsp;\n      <small>{cls.meta.title}</small>\n    </>;\n  } else {\n    return <ErrorState\n      viewName=\"list item view\"\n      inline\n      error=\"unable to load list item view\"\n    />;\n  }\n};\n\n\ninterface ProposalViewConfig<P extends ChangeProposal> {\n  summary: React.FC<ProposalProps<P>>\n  hint: JSX.Element | string\n}\n\n\nconst clarification: ProposalViewConfig<Clarification> = {\n  hint: <>\n    altered to represent the same concept more clearly.\n  </>,\n  summary: memo(({ proposal, item, itemRef }) => <>Clarification</>, () => true),\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: memo(({ proposal, item, itemRef }) => <>Addition</>, () => true),\n};\n\n\nconst retirement: ProposalViewConfig<Retirement> = {\n  hint: <>\n    marked as no longer current.\n    (Note that this register is append-only, so the item cannot be removed altogether.)\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Retirement</>, () => true),\n};\n\n\nconst supersession: ProposalViewConfig<Supersession> = {\n  hint: <>\n    removed from the register with another item recommended for use in its place.\n    A relation between the superseding and superseded item will be created,\n    though the exact semantics of that relation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Supersession</>, () => true),\n};\n\n\nconst invalidation: ProposalViewConfig<Invalidation> = {\n  hint: <>\n    marked as invalid. The exact semantics of invalidation depend on the register.\n  </>,\n  summary: memo(({ proposal, itemRef, item }) => <>Invalidation</>, () => true),\n}\n\n\ntype ProposalOrAmendmentType =\n  | Exclude<typeof PROPOSAL_TYPES[number], 'amendment'>\n  | typeof AMENDMENT_TYPES[number];\n\n\nconst PROPOSAL_VIEWS: { [type in ProposalOrAmendmentType]: ProposalViewConfig<any> } = {\n  clarification,\n  addition,\n  retirement,\n  supersession,\n  invalidation,\n} as const;\n\n\nfunction getProposalIcon(proposal: ChangeProposal): IconName {\n  return proposal.type === 'addition'\n      ? 'add'\n      : proposal.type === 'clarification'\n        ? 'edit'\n        : 'ban-circle';\n}\n\n\nexport default Proposals;\n"]}

package/views/detail/ChangeRequest/index.js

@@ -121,8 +121,11 @@ const ChangeRequestDetails = (0, _react.memo)(function ({
   const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;
   const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));
   const hasItems = crItemEntries.length > 0;
+  const [selectedProposal, selectProposal] = (0, _react.useState)(null);
   const proposals = (0, _react.useMemo)(() => hasItems ? (0, _react2.jsx)(_Proposals.default, {
     proposals: cr.items,
+    selectedItem: selectedProposal,
+    onSelectItem: selectProposal,
     onDeleteProposalForItemAtPath: onDeleteProposalForItemAtPath
   }) : (0, _react2.jsx)(_core.NonIdealState, {
     icon: "clean",
@@ -130,7 +133,7 @@ const ChangeRequestDetails = (0, _react.memo)(function ({
     description: onDelete ? (0, _react2.jsx)(_core.Button, {
       onClick: onDelete
     }, "Delete this CR draft") : undefined
-  }), [onDelete, onDeleteProposalForItemAtPath, hasItems]);
+  }), [onDelete, onDeleteProposalForItemAtPath, selectedProposal, selectProposal, hasItems]);
   const classification = (0, _react.useMemo)(() => {
     var _a;
 

package/views/detail/ChangeRequest/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\n  NonIdealState,\n  Spinner,\n  UL,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { toJSONNormalized } from '@riboseinc/paneron-extension-kit/util';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { crPathToCRID } from '../../itemPathUtils';\nimport {\n  ChangeRequestContextProvider,\n  ChangeRequestContext,\n} from '../../change-request/ChangeRequestContext';\nimport Proposals from '../../change-request/Proposals';\nimport TransitionOptions, { isFinalState, getTransitions } from '../../change-request/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\nimport Summary from '../../change-request/Summary';\nimport { type SomeCR, hadBeenProposed, isDisposed } from '../../../types/cr';\nimport { Protocols } from '../../protocolRegistry';\nimport {\n  TabContentsWithHeader,\n  type TabContentsWithHeaderProps,\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  Datestamp,\n} from '../../util';\n\n\nconst View: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const crID = crPathToCRID(uri);\n  return (\n    <ChangeRequestContextProvider changeRequestID={crID}>\n      <MaybeChangeRequest uri={uri} />\n    </ChangeRequestContextProvider>\n  );\n});\n\n\nconst MaybeChangeRequest: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const { closeTabWithURI } = useContext(TabbedWorkspaceContext);\n  const {\n    changeRequest: cr,\n    canTransition,\n    deleteCR,\n    updateItemProposal,\n  } = useContext(ChangeRequestContext);\n\n  const handleDelete = useCallback(\n    (async () => {\n      if (deleteCR) {\n        await deleteCR();\n        closeTabWithURI(`${Protocols.CHANGE_REQUEST}:${uri}`);\n      }\n    }),\n    [deleteCR, closeTabWithURI]);\n\n  const handleDeleteProposalAtItemPath = useCallback(\n    async function handleDeleteProposalAtItemPath(itemPath: string) {\n      return await updateItemProposal?.(\"remove proposed change from proposal draft\", null, itemPath);\n    },\n    [updateItemProposal],\n  );\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canTransition={canTransition}\n        onDelete={deleteCR\n          ? handleDelete\n          : undefined}\n        onDeleteProposalForItemAtPath={updateItemProposal\n          ? handleDeleteProposalAtItemPath\n          : undefined}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n      />\n    : <NonIdealState\n        icon={<Spinner />}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n        description={\"Unable to load proposal\"}\n      />\n  );\n});\n\n\nconst ChangeRequestDetails: React.VoidFunctionComponent<{\n  cr: SomeCR,\n  canTransition: boolean,\n  onDelete?: () => void,\n  onDeleteProposalForItemAtPath?: (itemPath: string) => void,\n  className?: string,\n}> = memo(function ({ cr, canTransition, onDelete, onDeleteProposalForItemAtPath, className }) {\n  const {\n    activeChangeRequestID,\n    setActiveChangeRequestID,\n    stakeholder,\n    registerMetadata,\n  } = useContext(BrowserCtx);\n\n  const helmet = useMemo((() =>\n    <Helmet>\n      <title>Viewing proposal: {cr.justification ?? \"N/A\"}</title>\n    </Helmet>\n  ), [cr.justification]);\n\n  const isActive = activeChangeRequestID === cr.id;\n  const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;\n\n  const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));\n  const hasItems = crItemEntries.length > 0;\n\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals\n          proposals={cr.items}\n          onDeleteProposalForItemAtPath={onDeleteProposalForItemAtPath}\n        />\n      : <NonIdealState\n          icon=\"clean\"\n          title=\"Nothing is proposed here yet.\"\n          description={onDelete\n            ? <Button onClick={onDelete}>\n                Delete this CR draft\n              </Button>\n            : undefined}\n        />\n  ), [onDelete, onDeleteProposalForItemAtPath, hasItems]);\n\n  const classification = useMemo(() => {\n    const classification: TabContentsWithHeaderProps[\"classification\"] = [];\n    classification.push({\n      icon: 'lightbulb',\n      children: \"Proposal\",\n      tooltip: {\n        icon: 'info-sign',\n        content: <UL css={css`margin: 0;`}><li>Proposal ID: {cr.id}</li></UL>,\n      },\n    });\n    classification.push({\n      children: cr.state?.replaceAll('-', ' ') || 'N/A',\n      tooltip: {\n        icon: 'history',\n        content: <UL css={css`margin: 0;`}>\n          <li>Edited: <Datestamp date={cr.timeEdited} /></li>\n          <li>Proposed: {hadBeenProposed(cr) ? <Datestamp date={cr.timeProposed} /> : 'not yet'}</li>\n          <li>Disposed: {isDisposed(cr) ? <Datestamp date={cr.timeDisposed} /> : 'not yet'}</li>\n        </UL>,\n      },\n      intent: cr.state === 'accepted'\n        ? 'success'\n        : cr.state === 'returned-for-clarification'\n          ? 'warning'\n          : cr.state === 'withdrawn' || cr.state === 'rejected'\n            ? 'danger'\n            : cr.state === 'draft'\n              ? undefined\n              : 'primary',\n    });\n    return classification;\n  }, [toJSONNormalized(cr)]);\n\n  const actions = useMemo(() => {\n    const actions: TabContentsWithHeaderProps[\"actions\"] = [];\n    const handleChangeActiveStatus = !anotherIsActive && setActiveChangeRequestID\n      ? ((active: boolean) => active\n          ? setActiveChangeRequestID?.(cr.id)\n          : setActiveChangeRequestID?.(null)\n        )\n      : undefined;\n    //const htmlTitle = anotherIsActive\n    //  ? \"You are in another proposal so you can’t enter this one. \"\n    //  : canEdit && !isActive\n    //    ? \"Enter proposal to preview or add to proposed changes. \"\n    //    : !isActive\n    //      ? \"Enter proposal to preview the register as proposed.\"\n    //      : \"You’re previewing the register with this proposal applied.\"\n    if (handleChangeActiveStatus && isActive) {\n      actions.push({\n        children: \"Exit proposal\",\n        intent: 'warning',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(false)\n        //title: htmlTitle,\n      });\n    } else {\n      actions.push({\n        children: \"Work on this proposal\",\n        intent: 'primary',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(true)\n        //title: htmlTitle,\n      });\n    }\n    return actions;\n  }, [isActive, anotherIsActive]);\n\n  return (\n    <TabContentsWithHeader\n        className={className}\n        title={maybeEllipsizeString(cr.justification, 70)}\n        classification={classification}\n        layout=\"card-grid\"\n        layoutOptions={{ stretch: true }}\n        actions={actions}>\n\n      {helmet}\n\n      {proposals}\n\n      <Card elevation={1} css={css`flex: 100%; padding: 11px;`}>\n        <DL>\n          <Summary\n            cr={cr}\n            currentStakeholder={stakeholder}\n            registerMetadata={registerMetadata ?? undefined}\n          />\n        </DL>\n      </Card>\n\n      <Card elevation={1} css={css`flex: calc(50% - 10px); flex-grow: 1; padding: 11px;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(cr)}\n          isFinal={isFinalState(cr.state)}\n        />\n      </Card>\n\n      {canTransition\n        ? <Card elevation={3} css={css`flex: calc(50% - 10px); flex-grow: 1; padding: 11px;`}>\n            <TransitionOptions\n              transitions={stakeholder ? getTransitions(cr, stakeholder) : []}\n              stakeholder={stakeholder}\n              cr={cr}\n            />\n          </Card>\n        : null}\n    </TabContentsWithHeader>\n  );\n});\n\n\nconst CRTitle: React.FC<{ uri: string }> = memo(function ({ uri }) {\n  const { useObjectData } = useContext(DatasetContext);\n  const justification = useObjectData({ objectPaths: [uri] }).value.data?.[uri]?.justification;\n  return <>Proposal “{maybeEllipsizeString(justification ?? uri)}”</>;\n});\n\nexport default { main: View, title: CRTitle };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useState, useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\n  NonIdealState,\n  Spinner,\n  UL,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { toJSONNormalized } from '@riboseinc/paneron-extension-kit/util';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { crPathToCRID } from '../../itemPathUtils';\nimport {\n  ChangeRequestContextProvider,\n  ChangeRequestContext,\n} from '../../change-request/ChangeRequestContext';\nimport Proposals from '../../change-request/Proposals';\nimport TransitionOptions, { isFinalState, getTransitions } from '../../change-request/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\nimport Summary from '../../change-request/Summary';\nimport { type SomeCR, hadBeenProposed, isDisposed } from '../../../types/cr';\nimport { Protocols } from '../../protocolRegistry';\nimport {\n  TabContentsWithHeader,\n  type TabContentsWithHeaderProps,\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  Datestamp,\n} from '../../util';\n\n\nconst View: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const crID = crPathToCRID(uri);\n  return (\n    <ChangeRequestContextProvider changeRequestID={crID}>\n      <MaybeChangeRequest uri={uri} />\n    </ChangeRequestContextProvider>\n  );\n});\n\n\nconst MaybeChangeRequest: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const { closeTabWithURI } = useContext(TabbedWorkspaceContext);\n  const {\n    changeRequest: cr,\n    canTransition,\n    deleteCR,\n    updateItemProposal,\n  } = useContext(ChangeRequestContext);\n\n  const handleDelete = useCallback(\n    (async () => {\n      if (deleteCR) {\n        await deleteCR();\n        closeTabWithURI(`${Protocols.CHANGE_REQUEST}:${uri}`);\n      }\n    }),\n    [deleteCR, closeTabWithURI]);\n\n  const handleDeleteProposalAtItemPath = useCallback(\n    async function handleDeleteProposalAtItemPath(itemPath: string) {\n      return await updateItemProposal?.(\"remove proposed change from proposal draft\", null, itemPath);\n    },\n    [updateItemProposal],\n  );\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canTransition={canTransition}\n        onDelete={deleteCR\n          ? handleDelete\n          : undefined}\n        onDeleteProposalForItemAtPath={updateItemProposal\n          ? handleDeleteProposalAtItemPath\n          : undefined}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n      />\n    : <NonIdealState\n        icon={<Spinner />}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n        description={\"Unable to load proposal\"}\n      />\n  );\n});\n\n\nconst ChangeRequestDetails: React.VoidFunctionComponent<{\n  cr: SomeCR,\n  canTransition: boolean,\n  onDelete?: () => void,\n  onDeleteProposalForItemAtPath?: (itemPath: string) => void,\n  className?: string,\n}> = memo(function ({ cr, canTransition, onDelete, onDeleteProposalForItemAtPath, className }) {\n  const {\n    activeChangeRequestID,\n    setActiveChangeRequestID,\n    stakeholder,\n    registerMetadata,\n  } = useContext(BrowserCtx);\n\n  const helmet = useMemo((() =>\n    <Helmet>\n      <title>Viewing proposal: {cr.justification ?? \"N/A\"}</title>\n    </Helmet>\n  ), [cr.justification]);\n\n  const isActive = activeChangeRequestID === cr.id;\n  const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;\n\n  const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));\n  const hasItems = crItemEntries.length > 0;\n\n  const [selectedProposal, selectProposal] = useState<string | null>(null);\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals\n          proposals={cr.items}\n          selectedItem={selectedProposal}\n          onSelectItem={selectProposal}\n          onDeleteProposalForItemAtPath={onDeleteProposalForItemAtPath}\n        />\n      : <NonIdealState\n          icon=\"clean\"\n          title=\"Nothing is proposed here yet.\"\n          description={onDelete\n            ? <Button onClick={onDelete}>\n                Delete this CR draft\n              </Button>\n            : undefined}\n        />\n  ), [onDelete, onDeleteProposalForItemAtPath, selectedProposal, selectProposal, hasItems]);\n\n  const classification = useMemo(() => {\n    const classification: TabContentsWithHeaderProps[\"classification\"] = [];\n    classification.push({\n      icon: 'lightbulb',\n      children: \"Proposal\",\n      tooltip: {\n        icon: 'info-sign',\n        content: <UL css={css`margin: 0;`}><li>Proposal ID: {cr.id}</li></UL>,\n      },\n    });\n    classification.push({\n      children: cr.state?.replaceAll('-', ' ') || 'N/A',\n      tooltip: {\n        icon: 'history',\n        content: <UL css={css`margin: 0;`}>\n          <li>Edited: <Datestamp date={cr.timeEdited} /></li>\n          <li>Proposed: {hadBeenProposed(cr) ? <Datestamp date={cr.timeProposed} /> : 'not yet'}</li>\n          <li>Disposed: {isDisposed(cr) ? <Datestamp date={cr.timeDisposed} /> : 'not yet'}</li>\n        </UL>,\n      },\n      intent: cr.state === 'accepted'\n        ? 'success'\n        : cr.state === 'returned-for-clarification'\n          ? 'warning'\n          : cr.state === 'withdrawn' || cr.state === 'rejected'\n            ? 'danger'\n            : cr.state === 'draft'\n              ? undefined\n              : 'primary',\n    });\n    return classification;\n  }, [toJSONNormalized(cr)]);\n\n  const actions = useMemo(() => {\n    const actions: TabContentsWithHeaderProps[\"actions\"] = [];\n    const handleChangeActiveStatus = !anotherIsActive && setActiveChangeRequestID\n      ? ((active: boolean) => active\n          ? setActiveChangeRequestID?.(cr.id)\n          : setActiveChangeRequestID?.(null)\n        )\n      : undefined;\n    //const htmlTitle = anotherIsActive\n    //  ? \"You are in another proposal so you can’t enter this one. \"\n    //  : canEdit && !isActive\n    //    ? \"Enter proposal to preview or add to proposed changes. \"\n    //    : !isActive\n    //      ? \"Enter proposal to preview the register as proposed.\"\n    //      : \"You’re previewing the register with this proposal applied.\"\n    if (handleChangeActiveStatus && isActive) {\n      actions.push({\n        children: \"Exit proposal\",\n        intent: 'warning',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(false)\n        //title: htmlTitle,\n      });\n    } else {\n      actions.push({\n        children: \"Work on this proposal\",\n        intent: 'primary',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(true)\n        //title: htmlTitle,\n      });\n    }\n    return actions;\n  }, [isActive, anotherIsActive]);\n\n  return (\n    <TabContentsWithHeader\n        className={className}\n        title={maybeEllipsizeString(cr.justification, 70)}\n        classification={classification}\n        layout=\"card-grid\"\n        layoutOptions={{ stretch: true }}\n        actions={actions}>\n\n      {helmet}\n\n      {proposals}\n\n      <Card elevation={1} css={css`flex: 100%; padding: 11px;`}>\n        <DL>\n          <Summary\n            cr={cr}\n            currentStakeholder={stakeholder}\n            registerMetadata={registerMetadata ?? undefined}\n          />\n        </DL>\n      </Card>\n\n      <Card elevation={1} css={css`flex: calc(50% - 10px); flex-grow: 1; padding: 11px;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(cr)}\n          isFinal={isFinalState(cr.state)}\n        />\n      </Card>\n\n      {canTransition\n        ? <Card elevation={3} css={css`flex: calc(50% - 10px); flex-grow: 1; padding: 11px;`}>\n            <TransitionOptions\n              transitions={stakeholder ? getTransitions(cr, stakeholder) : []}\n              stakeholder={stakeholder}\n              cr={cr}\n            />\n          </Card>\n        : null}\n    </TabContentsWithHeader>\n  );\n});\n\n\nconst CRTitle: React.FC<{ uri: string }> = memo(function ({ uri }) {\n  const { useObjectData } = useContext(DatasetContext);\n  const justification = useObjectData({ objectPaths: [uri] }).value.data?.[uri]?.justification;\n  return <>Proposal “{maybeEllipsizeString(justification ?? uri)}”</>;\n});\n\nexport default { main: View, title: CRTitle };\n"]}