@riboseinc/paneron-registry-kit 2.2.5 → 2.2.7

package/views/change-request/Proposals.js

@@ -17,15 +17,19 @@ var _select = require("@blueprintjs/select");
 
 var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
 
+var _ErrorBoundary = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/ErrorBoundary"));
+
 var _protocolRegistry = require("../protocolRegistry");
 
 var _BrowserCtx = require("../BrowserCtx");
 
 var _itemPathUtils = require("../itemPathUtils");
 
+var _useItemClassConfig = _interopRequireDefault(require("../hooks/useItemClassConfig"));
+
 var _StructuredDiff = _interopRequireDefault(require("../diffing/StructuredDiff"));
 
-var _RegisterItem = _interopRequireDefault(require("../detail/RegisterItem"));
+var _RegisterItem = require("../detail/RegisterItem");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -36,6 +40,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
+function stringifiedJSONEqual(i1, i2) {
+  return JSON.stringify(i1) === JSON.stringify(i2);
+}
+
 const Proposals = function ({
   proposals,
   className
@@ -67,9 +75,9 @@ const Proposals = function ({
       }
     }
   }, [Object.keys(proposals), jumpTo]);
-  const proposalBrowserCtx = { ...outerBrowserCtx,
+  const proposalBrowserCtx = (0, _react.useMemo)(() => ({ ...outerBrowserCtx,
     jumpTo: handleCRJump
-  };
+  }), [handleCRJump, outerBrowserCtx]);
   const firstProposal = Object.keys(proposals)[0]; // Effective selected proposal
 
   const selectedProposal = (_b = (_a = _selectedProposal && proposals[_selectedProposal] ? _selectedProposal : null) !== null && _a !== void 0 ? _a : firstProposal) !== null && _b !== void 0 ? _b : undefined; // Force select available proposal
@@ -78,8 +86,8 @@ const Proposals = function ({
     if (firstProposal && (_selectedProposal === null || !proposals[_selectedProposal])) {
       selectProposal(firstProposal !== null && firstProposal !== void 0 ? firstProposal : null);
     }
-  }, [firstProposal, _selectedProposal, JSON.stringify(proposals)]);
-  const selectedItemRef = selectedProposal ? (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, selectedProposal) : null; // Data for proposed items
+  }, [firstProposal, _selectedProposal, proposals]);
+  const selectedItemRef = (0, _itemPathUtils.useItemRef)(subregisters !== undefined, selectedProposal); // Data for proposed items
 
   const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {
     if (proposal.type === 'clarification' || proposal.type === 'addition') {
@@ -96,116 +104,101 @@ const Proposals = function ({
     itemPaths: Object.keys(proposals),
     ignoreActiveCR: true
   });
-
-  const getCurrentItemData = itemPath => {
+  const getCurrentItem = (0, _react.useCallback)(itemPath => {
+    var _a;
+
+    return (_a = currentItemDataReq.value[itemPath]) !== null && _a !== void 0 ? _a : null;
+  }, [currentItemDataReq.value]);
+  const getProposedItem = (0, _react.useCallback)(itemPath => {
+    var _a;
+
+    return (_a = proposedItemDataReq.value[itemPath]) !== null && _a !== void 0 ? _a : null;
+  }, [proposedItemDataReq.value]);
+  const selectedItemCurrent = getCurrentItem(selectedProposal);
+  const selectedItemProposed = getProposedItem(selectedProposal);
+  const handleItemSelect = (0, _react.useCallback)(item => selectProposal(item.itemPath), [selectProposal]);
+  const activeItem = (0, _react.useMemo)(() => selectedProposal ? {
+    itemPath: selectedProposal,
+    proposal: proposals[selectedProposal],
+    item: selectedItemProposed !== null && selectedItemProposed !== void 0 ? selectedItemProposed : selectedItemCurrent,
+    itemBefore: selectedItemCurrent !== null && selectedItemCurrent !== void 0 ? selectedItemCurrent : undefined,
+    itemRef: (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, selectedProposal)
+  } : null, [selectedProposal, proposals, subregisters]);
+  const allItems = (0, _react.useMemo)(() => Object.entries(proposals).map(([itemPath, proposal]) => {
     var _a, _b;
 
-    return (_b = (_a = currentItemDataReq.value[itemPath]) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
-  };
-
-  const getProposedItemData = itemPath => {
-    var _a, _b;
-
-    return (_b = (_a = proposedItemDataReq.value[itemPath]) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
-  };
-
-  const selectedItemCurrentData = getCurrentItemData(selectedProposal);
-  const selectedItemProposedData = getProposedItemData(selectedProposal);
+    return {
+      itemPath,
+      proposal,
+      item: (_b = (_a = getProposedItem(itemPath)) !== null && _a !== void 0 ? _a : getCurrentItem(itemPath)) !== null && _b !== void 0 ? _b : null,
+      itemBefore: undefined,
+      itemRef: (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, itemPath)
+    };
+  }).filter(cpi => cpi.item !== null), [proposals, getCurrentItem, getProposedItem]);
 
   if (selectedProposal && selectedItemRef && proposals[selectedProposal] && !currentItemDataReq.isUpdating && !proposedItemDataReq.isUpdating) {
-    if (selectedItemCurrentData || selectedItemProposedData || true) {
-      const selectedItemSummary = (0, _react2.jsx)(ProposalSummary, {
-        itemRef: selectedItemRef,
-        itemData: selectedItemProposedData !== null && selectedItemProposedData !== void 0 ? selectedItemProposedData : selectedItemCurrentData,
-        itemDataBefore: selectedItemCurrentData !== null && selectedItemCurrentData !== void 0 ? selectedItemCurrentData : undefined,
-        proposal: proposals[selectedProposal]
-      });
-      return (0, _react2.jsx)("div", {
-        css: (0, _react2.css)`display: flex; flex-flow: column nowrap;`,
-        className: className
-      }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_core.ControlGroup, null, (0, _react2.jsx)(_core.Switch, {
-        checked: showDiff,
-        onChange: evt => setShowDiff(evt.currentTarget.checked),
-        label: "View source",
-        css: (0, _react2.css)`margin-right: 1em !important`
-      }), (0, _react2.jsx)(_core.Switch, {
-        checked: showDiff && showOnlyChanged,
-        disabled: !showDiff,
-        onChange: evt => setShowOnlyChanged(evt.currentTarget.checked),
-        label: "Show clarified properties only"
-      })), (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
-        disabled: !jumpTo || ((_c = proposals[selectedProposal]) === null || _c === void 0 ? void 0 : _c.type) === 'addition',
-        icon: 'locate',
-        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)"
-      }, "Reveal in registry"), Object.keys(proposals).length > 1 ? (0, _react2.jsx)(_react2.ClassNames, null, ({
-        css: css2
-      }) => (0, _react2.jsx)(_select.Select2, {
-        filterable: false,
-        itemsEqual: (i1, i2) => JSON.stringify(i1) === JSON.stringify(i2),
-        menuProps: {
-          className: css2(`height: 50vh; overflow-y: auto;`)
-        },
-        activeItem: {
-          itemPath: selectedProposal,
-          proposal: proposals[selectedProposal],
-          itemData: selectedItemProposedData !== null && selectedItemProposedData !== void 0 ? selectedItemProposedData : selectedItemCurrentData,
-          itemDataBefore: selectedItemCurrentData !== null && selectedItemCurrentData !== void 0 ? selectedItemCurrentData : undefined,
-          itemRef: (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, selectedProposal)
-        },
-        items: Object.entries(proposals).map(([itemPath, proposal]) => {
-          var _a, _b;
-
-          return {
-            itemPath,
-            proposal,
-            itemData: (_b = (_a = getProposedItemData(itemPath)) !== null && _a !== void 0 ? _a : getCurrentItemData(itemPath)) !== null && _b !== void 0 ? _b : null,
-            itemDataBefore: undefined,
-            itemRef: (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, itemPath)
-          };
-        }).filter(item => item.itemData !== null),
-        popoverProps: {
-          minimal: true
-        },
-        fill: true,
-        itemRenderer: ChangeProposalItemView,
-        onItemSelect: item => selectProposal(item.itemPath)
-      }, (0, _react2.jsx)(_core.Button, {
-        rightIcon: "chevron-down",
-        icon: getProposalIcon(proposals[selectedProposal])
-      }, selectedItemSummary))) : (0, _react2.jsx)(_core.Button, {
-        fill: true,
-        alignText: "left",
-        icon: getProposalIcon(proposals[selectedProposal]),
-        rightIcon: "chevron-down"
-      }, selectedItemSummary))), (0, _react2.jsx)("div", {
-        css: (0, _react2.css)`position: relative; flex: 1;`
-      }, (0, _react2.jsx)(_BrowserCtx.BrowserCtx.Provider, {
-        value: proposalBrowserCtx
-      }, (0, _react2.jsx)(ProposalDetail, {
-        itemRef: selectedItemRef,
-        showDiff: showDiff,
-        showOnlyChanged: showOnlyChanged,
-        itemData: selectedItemProposedData !== null && selectedItemProposedData !== void 0 ? selectedItemProposedData : selectedItemCurrentData,
-        itemDataBefore: selectedItemCurrentData !== null && selectedItemCurrentData !== void 0 ? selectedItemCurrentData : undefined,
-        proposal: proposals[selectedProposal]
-      }))));
-    } else {
-      return (0, _react2.jsx)(_core.NonIdealState, {
-        icon: 'warning-sign',
-        className: className,
-        title: "Unable to retrieve proposed item data",
-        description: (0, _react2.jsx)("div", {
-          css: (0, _react2.css)`text-align: left;`
-        }, "Attempted to retrieve data for ", (0, _react2.jsx)("code", null, selectedProposal), ", but failed.", (0, _react2.jsx)("br", null), "Perhaps selected item was removed, or there is a data integrity issue.", (0, _react2.jsx)("br", null), "This might be caused by a problem in the application, or repository contents having been edited outside of the application.", (0, _react2.jsx)("br", null), "The data should be recoverable by inspecting version control system commit history.", (0, _react2.jsx)("br", null), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
-          onClick: () => selectProposal(firstProposal !== null && firstProposal !== void 0 ? firstProposal : null)
-        }, firstProposal ? "Go to first proposed item" : "Unselect proposal"), (0, _react2.jsx)(_core.Button, {
-          intent: "danger",
-          onClick: () => selectProposal(firstProposal !== null && firstProposal !== void 0 ? firstProposal : null),
-          title: "This should help if there\u2019s an addition or clarification proposal with missing proposed item data. NOTE: It removes the proposal, so you may need to create it again."
-        }, "Delete phantom proposal item")))
-      });
-    }
+    const selectedItemSummary = (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]
+    });
+    return (0, _react2.jsx)("div", {
+      css: (0, _react2.css)`display: flex; flex-flow: column nowrap;`,
+      className: className
+    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_core.ControlGroup, null, (0, _react2.jsx)(_core.Switch, {
+      checked: showDiff,
+      onChange: evt => setShowDiff(evt.currentTarget.checked),
+      label: "View source",
+      css: (0, _react2.css)`margin-right: 1em !important`
+    }), (0, _react2.jsx)(_core.Switch, {
+      checked: showDiff && showOnlyChanged,
+      disabled: !showDiff,
+      onChange: evt => setShowOnlyChanged(evt.currentTarget.checked),
+      label: "Show clarified properties only"
+    })), (0, _react2.jsx)(_core.ButtonGroup, null, (0, _react2.jsx)(_core.Button, {
+      disabled: !jumpTo || ((_c = proposals[selectedProposal]) === null || _c === void 0 ? void 0 : _c.type) === 'addition',
+      icon: 'locate',
+      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)"
+    }, "Reveal in registry"), Object.keys(proposals).length > 1 ? (0, _react2.jsx)(_react2.ClassNames, null, ({
+      css: css2
+    }) => (0, _react2.jsx)(_select.Select2, {
+      filterable: false,
+      itemsEqual: stringifiedJSONEqual,
+      menuProps: {
+        className: css2(`height: 50vh; overflow-y: auto;`)
+      },
+      activeItem: activeItem,
+      items: allItems,
+      popoverProps: {
+        minimal: true
+      },
+      fill: true,
+      itemRenderer: ChangeProposalItemView,
+      onItemSelect: handleItemSelect
+    }, (0, _react2.jsx)(_core.Button, {
+      rightIcon: "chevron-down",
+      icon: getProposalIcon(proposals[selectedProposal])
+    }, selectedItemSummary))) : (0, _react2.jsx)(_core.Button, {
+      fill: true,
+      alignText: "left",
+      icon: getProposalIcon(proposals[selectedProposal]),
+      rightIcon: "chevron-down"
+    }, selectedItemSummary))), (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]
+    })))));
   } else {
     return (0, _react2.jsx)(_core.NonIdealState, {
       icon: 'clean',
@@ -237,38 +230,46 @@ const ChangeProposalItemView = (item, {
   });
 };
 
-const ProposalDetail = function ({
+const ProposalDetail = (0, _react.memo)(function ({
   proposal,
   showDiff,
   showOnlyChanged,
   itemRef,
-  itemData,
-  itemDataBefore,
+  item,
+  itemBefore,
   onChange
 }) {
-  const ItemView = _RegisterItem.default.main;
+  var _a, _b;
+
+  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)(MaximizedStructuredDiff, {
-    item1: itemDataBefore !== null && itemDataBefore !== void 0 ? itemDataBefore : {},
-    item2: itemData,
+    item1: (_b = itemBefore === null || itemBefore === void 0 ? void 0 : itemBefore.data) !== null && _b !== void 0 ? _b : ITEM_DATA_PLACEHOLDER,
+    item2: item.data,
     showUnchanged: !showOnlyChanged,
     css: (0, _react2.css)`background: white; border-radius: 2.5px; padding: 10px 0; margin: 10px 0;`,
     className: _core.Classes.ELEVATION_2
-  }) : (0, _react2.jsx)(ItemView, {
-    uri: (0, _itemPathUtils.itemRefToItemPath)(itemRef),
+  }) : (0, _react2.jsx)(_RegisterItem.ItemDetail, {
+    itemRef: itemRef,
+    item: item,
+    itemClass: itemClass,
     key: JSON.stringify(itemRef)
   });
   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,
-  itemData,
-  itemDataBefore,
+  item,
+  itemBefore,
   onChange
 }) {
   const {
@@ -280,50 +281,50 @@ const ProposalSummary = function ({
   const ListItemView = itemClasses[classID].views.listItemView;
   return (0, _react2.jsx)(ListItemView, {
     itemRef: itemRef,
-    itemData: itemData
+    itemData: item.data
   });
 };
 
 exports.ProposalSummary = ProposalSummary;
 const clarification = {
   hint: (0, _react2.jsx)(_react.default.Fragment, null, "altered to represent the same concept more clearly."),
-  summary: ({
+  summary: (0, _react.memo)(({
     proposal,
-    itemData,
+    item,
     itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Clarification")
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Clarification"), () => true)
 };
 const addition = {
   hint: (0, _react2.jsx)(_react.default.Fragment, null, "added to this register."),
-  summary: ({
+  summary: (0, _react.memo)(({
     proposal,
-    itemData,
+    item,
     itemRef
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Addition")
+  }) => (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: ({
+  summary: (0, _react.memo)(({
     proposal,
     itemRef,
-    itemData
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Retirement")
+    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: ({
+  summary: (0, _react.memo)(({
     proposal,
     itemRef,
-    itemData
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Supersession")
+    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: ({
+  summary: (0, _react.memo)(({
     proposal,
     itemRef,
-    itemData
-  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Invalidation")
+    item
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Invalidation"), () => true)
 };
 const MaximizedStructuredDiff = (0, _styled.default)(_StructuredDiff.default)`
   position: absolute;
@@ -342,4 +343,5 @@ function getProposalIcon(proposal) {
 }
 
 var _default = Proposals;
-exports.default = _default;
+exports.default = _default;
+const ITEM_DATA_PLACEHOLDER = {};

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, { useContext, useEffect, useState, useCallback } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  ControlGroup,\n  ButtonGroup,\n  Switch,\n  Button,\n  Classes,\n  MenuItem,\n  NonIdealState,\n  IconName,\n} from '@blueprintjs/core';\nimport { 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} from '../../types';\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 { itemPathToItemRef, itemRefToItemPath } from '../itemPathUtils';\nimport StructuredDiff from '../diffing/StructuredDiff';\nimport registerItemDetailView from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  itemData: Payload\n  itemDataBefore: Payload | undefined\n}\n\n\nconst Proposals: React.FC<{\n  proposals: Drafted['items']\n  className?: string\n}> = function ({ proposals, className }) {\n  const [ _selectedProposal, selectProposal ] = useState<string | null>(null);\n  const [ showDiff, setShowDiff ] = useState(false);\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 = {\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  };\n\n  const firstProposal: string | undefined = Object.keys(proposals)[0];\n\n  // Effective selected proposal\n  const selectedProposal: string | undefined =\n    ((_selectedProposal && proposals[_selectedProposal]) ? _selectedProposal : null)\n    ?? firstProposal\n    ?? undefined;\n\n  // Force select available proposal\n  useEffect(() => {\n    if (firstProposal && (_selectedProposal === null || !proposals[_selectedProposal])) {\n      selectProposal(firstProposal ?? null);\n    }\n  }, [firstProposal, _selectedProposal, JSON.stringify(proposals)]);\n\n  const selectedItemRef = selectedProposal\n    ? itemPathToItemRef(subregisters !== undefined, selectedProposal)\n    : null;\n\n\n  // Data for proposed items\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  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  // Data for pre-existing items\n  const currentItemDataReq = useRegisterItemData({\n    itemPaths: Object.keys(proposals),\n    ignoreActiveCR: true,\n  });\n\n  const getCurrentItemData = (itemPath: string) => currentItemDataReq.value[itemPath]?.data ?? null;\n  const getProposedItemData = (itemPath: string) => proposedItemDataReq.value[itemPath]?.data ?? null;\n\n  const selectedItemCurrentData = getCurrentItemData(selectedProposal);\n  const selectedItemProposedData = getProposedItemData(selectedProposal);\n\n  if (\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && !currentItemDataReq.isUpdating\n    && !proposedItemDataReq.isUpdating\n  ) {\n    if (selectedItemCurrentData || selectedItemProposedData || true) {\n      const selectedItemSummary = <ProposalSummary\n        itemRef={selectedItemRef}\n        itemData={(selectedItemProposedData ?? selectedItemCurrentData)!}\n        itemDataBefore={selectedItemCurrentData ?? undefined}\n        proposal={proposals[selectedProposal]}\n      />\n\n      return (\n        <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n          <div>\n            <ControlGroup>\n              <Switch\n                checked={showDiff}\n                onChange={evt => setShowDiff(evt.currentTarget.checked)}\n                label=\"View source\"\n                css={css`margin-right: 1em !important`}\n              />\n              <Switch\n                checked={showDiff && showOnlyChanged}\n                disabled={!showDiff}\n                onChange={evt => setShowOnlyChanged(evt.currentTarget.checked)}\n                label=\"Show clarified properties only\"\n              />\n            </ControlGroup>\n            <ButtonGroup>\n              <Button\n                  disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                  icon='locate'\n                  onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                  title=\"Open selected item in a new tab (not applicable to proposed additions)\">\n                Reveal in registry\n              </Button>\n              {Object.keys(proposals).length > 1\n                ? <ClassNames>\n                    {(({ css: css2 }) =>\n                      <Select<ChangeProposalItem>\n                          filterable={false}\n                          itemsEqual={(i1, i2) => JSON.stringify(i1) === JSON.stringify(i2)}\n                          menuProps={{ className: css2(`height: 50vh; overflow-y: auto;`) }}\n                          activeItem={{\n                              itemPath: selectedProposal,\n                              proposal: proposals[selectedProposal],\n                              itemData: (selectedItemProposedData ?? selectedItemCurrentData)!,\n                              itemDataBefore: selectedItemCurrentData ?? undefined,\n                              itemRef: itemPathToItemRef(subregisters !== undefined, selectedProposal),\n                            }} // TODO: First time selection is broken\n                          items={\n                            Object.entries(proposals).map(([itemPath, proposal]) => ({\n                              itemPath,\n                              proposal,\n                              itemData: (getProposedItemData(itemPath) ?? getCurrentItemData(itemPath))! ?? null,\n                              itemDataBefore: undefined,\n                              itemRef: itemPathToItemRef(subregisters !== undefined, itemPath),\n                            })).filter(item => item.itemData !== null)}\n                          popoverProps={{ minimal: true }}\n                          fill\n                          itemRenderer={ChangeProposalItemView}\n                          onItemSelect={(item) => selectProposal(item.itemPath)}>\n                        <Button rightIcon=\"chevron-down\" icon={getProposalIcon(proposals[selectedProposal])}>\n                          {selectedItemSummary}\n                        </Button>\n                      </Select>\n                    )}\n                  </ClassNames>\n                : <Button\n                      fill\n                      alignText=\"left\"\n                      icon={getProposalIcon(proposals[selectedProposal])}\n                      rightIcon=\"chevron-down\">\n                    {selectedItemSummary}\n                  </Button>}\n            </ButtonGroup>\n          </div>\n          <div css={css`position: relative; flex: 1;`}>\n            <BrowserCtx.Provider value={proposalBrowserCtx}>\n              <ProposalDetail\n                itemRef={selectedItemRef}\n                showDiff={showDiff}\n                showOnlyChanged={showOnlyChanged}\n                itemData={(selectedItemProposedData ?? selectedItemCurrentData)!}\n                itemDataBefore={selectedItemCurrentData ?? undefined}\n                proposal={proposals[selectedProposal]}\n              />\n            </BrowserCtx.Provider>\n          </div>\n        </div>\n      );\n    } else {\n      return <NonIdealState\n        icon='warning-sign'\n        className={className}\n        title=\"Unable to retrieve proposed item data\"\n        description={<div css={css`text-align: left;`}>\n          Attempted to retrieve data for <code>{selectedProposal}</code>,\n          but failed.\n          <br />\n          Perhaps selected item was removed, or there is a data integrity issue.\n          <br />\n          This might be caused by a problem in the application, or repository contents having been edited outside of the application.\n          <br />\n          The data should be recoverable by inspecting version control system commit history.\n          <br />\n          <br />\n          <ButtonGroup>\n            <Button onClick={() => selectProposal(firstProposal ?? null)}>\n              {firstProposal\n                ? \"Go to first proposed item\"\n                : \"Unselect proposal\"}\n            </Button>\n            <Button\n                intent=\"danger\"\n                onClick={() => selectProposal(firstProposal ?? null)}\n                title=\"This should help if there’s an addition or clarification proposal with missing proposed item data. NOTE: It removes the proposal, so you may need to create it again.\">\n              Delete phantom proposal item\n            </Button>\n          </ButtonGroup>\n        </div>}\n      />;\n    }\n  } else {\n    return <NonIdealState\n      icon='clean'\n      className={className}\n      title=\"Nothing is proposed here yet.\"\n    />;\n  }\n};\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\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  return (\n    <MenuItem\n      active={modifiers.active}\n      disabled={modifiers.disabled}\n      labelElement={<>\n        <ProposalTypeLabel {...item} />\n        {\" \"}\n        <HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />\n      </>}\n      key={item.itemPath}\n      onClick={handleClick}\n      icon={getProposalIcon(item.proposal)}\n      text={<ProposalSummary {...item} />} />\n  );\n}\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n  showDiff?: boolean\n  showOnlyChanged?: boolean\n  itemRef: InternalItemReference\n  itemData: Payload\n  itemDataBefore: P extends Clarification ? Payload : undefined\n  onChange?: (newProposal: P) => void\n}\nexport const ProposalDetail: React.FC<ProposalProps<ChangeProposal>> =\nfunction ({ proposal, showDiff, showOnlyChanged, itemRef, itemData, itemDataBefore, onChange }) {\n  const ItemView = registerItemDetailView.main;\n\n  const view: JSX.Element = showDiff\n    ? <MaximizedStructuredDiff\n        item1={itemDataBefore ?? {}}\n        item2={itemData}\n        showUnchanged={!showOnlyChanged}\n        css={css`background: white; border-radius: 2.5px; padding: 10px 0; margin: 10px 0;`}\n        className={Classes.ELEVATION_2}\n      />\n    : <ItemView uri={itemRefToItemPath(itemRef)} key={JSON.stringify(itemRef)} />\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, itemData, itemDataBefore, onChange }) {\n  const { itemClasses } = useContext(BrowserCtx);\n  const { classID } = itemRef;\n  const ListItemView = itemClasses[classID].views.listItemView;\n\n  return <ListItemView\n    itemRef={itemRef}\n    itemData={itemData}\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: ({ proposal, itemData, itemRef }) => <>Clarification</>,\n};\n\n\nconst addition: ProposalViewConfig<Addition> = {\n  hint: <>added to this register.</>,\n  summary: ({ proposal, itemData, itemRef }) => <>Addition</>,\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: ({ proposal, itemRef, itemData }) => <>Retirement</>,\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: ({ proposal, itemRef, itemData }) => <>Supersession</>,\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: ({ proposal, itemRef, itemData }) => <>Invalidation</>,\n}\n\n\nconst MaximizedStructuredDiff = styled(StructuredDiff)`\n  position: absolute;\n  inset: 0;\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};\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, useEffect, useState, useCallback, memo, useMemo } from 'react';\nimport { ClassNames, jsx, css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n  ControlGroup,\n  ButtonGroup,\n  Switch,\n  Button,\n  Classes,\n  MenuItem,\n  NonIdealState,\n  IconName,\n} from '@blueprintjs/core';\nimport { 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 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 StructuredDiff from '../diffing/StructuredDiff';\nimport { ItemDetail } from '../detail/RegisterItem';\n\n\ninterface ChangeProposalItem {\n  itemPath: string\n  itemRef: InternalItemReference\n  proposal: ChangeProposal\n  item: RegisterItem<Payload>\n  itemBefore: RegisterItem<Payload> | undefined\n}\nfunction stringifiedJSONEqual(i1: any, i2: any): boolean {\n  return JSON.stringify(i1) === JSON.stringify(i2);\n}\n\n\nconst Proposals: React.FC<{\n  proposals: Drafted['items']\n  className?: string\n}> = function ({ proposals, className }) {\n  const [ _selectedProposal, selectProposal ] = useState<string | null>(null);\n  const [ showDiff, setShowDiff ] = useState(false);\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  const firstProposal: string | undefined = Object.keys(proposals)[0];\n\n  // Effective selected proposal\n  const selectedProposal: string | undefined =\n    ((_selectedProposal && proposals[_selectedProposal]) ? _selectedProposal : null)\n    ?? firstProposal\n    ?? undefined;\n\n  // Force select available proposal\n  useEffect(() => {\n    if (firstProposal && (_selectedProposal === null || !proposals[_selectedProposal])) {\n      selectProposal(firstProposal ?? null);\n    }\n  }, [firstProposal, _selectedProposal, proposals]);\n\n  const selectedItemRef = useItemRef(subregisters !== undefined, selectedProposal);\n\n  // Data for proposed items\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  const proposedItemDataReq = useRegisterItemData({\n    itemPaths: proposedItemPaths,\n  });\n\n  // Data for pre-existing items\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  const selectedItemCurrent = getCurrentItem(selectedProposal);\n  const selectedItemProposed = getProposedItem(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    })).filter(cpi => cpi.item !== null)\n  ), [proposals, getCurrentItem, getProposedItem]);\n\n  if (\n    selectedProposal\n    && selectedItemRef\n    && proposals[selectedProposal]\n    && !currentItemDataReq.isUpdating\n    && !proposedItemDataReq.isUpdating\n  ) {\n    const selectedItemSummary = <ProposalSummary\n      itemRef={selectedItemRef}\n      item={(selectedItemProposed ?? selectedItemCurrent)!}\n      itemBefore={selectedItemCurrent ?? undefined}\n      proposal={proposals[selectedProposal]}\n    />;\n\n    return (\n      <div css={css`display: flex; flex-flow: column nowrap;`} className={className}>\n        <div>\n          <ControlGroup>\n            <Switch\n              checked={showDiff}\n              onChange={evt => setShowDiff(evt.currentTarget.checked)}\n              label=\"View source\"\n              css={css`margin-right: 1em !important`}\n            />\n            <Switch\n              checked={showDiff && showOnlyChanged}\n              disabled={!showDiff}\n              onChange={evt => setShowOnlyChanged(evt.currentTarget.checked)}\n              label=\"Show clarified properties only\"\n            />\n          </ControlGroup>\n          <ButtonGroup>\n            <Button\n                disabled={!jumpTo || proposals[selectedProposal]?.type === 'addition'}\n                icon='locate'\n                onClick={() => jumpTo?.(`${Protocols.ITEM_DETAILS}:${selectedProposal}`)}\n                title=\"Open selected item in a new tab (not applicable to proposed additions)\">\n              Reveal in registry\n            </Button>\n            {Object.keys(proposals).length > 1\n              ? <ClassNames>\n                  {(({ css: css2 }) =>\n                    <Select<ChangeProposalItem>\n                        filterable={false}\n                        itemsEqual={stringifiedJSONEqual}\n                        menuProps={{ className: css2(`height: 50vh; overflow-y: auto;`) }}\n                        activeItem={activeItem}\n                        items={allItems}\n                        popoverProps={{ minimal: true }}\n                        fill\n                        itemRenderer={ChangeProposalItemView}\n                        onItemSelect={handleItemSelect}>\n                      <Button rightIcon=\"chevron-down\" icon={getProposalIcon(proposals[selectedProposal])}>\n                        {selectedItemSummary}\n                      </Button>\n                    </Select>\n                  )}\n                </ClassNames>\n              : <Button\n                    fill\n                    alignText=\"left\"\n                    icon={getProposalIcon(proposals[selectedProposal])}\n                    rightIcon=\"chevron-down\">\n                  {selectedItemSummary}\n                </Button>}\n          </ButtonGroup>\n        </div>\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      </div>\n    );\n  } else {\n    return <NonIdealState\n      icon='clean'\n      className={className}\n      title=\"Nothing is proposed here yet.\"\n    />;\n  }\n};\n\n\nconst ChangeProposalItemView: ItemRenderer<ChangeProposalItem> =\n(item, { handleClick, modifiers, query }) => {\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  return (\n    <MenuItem\n      active={modifiers.active}\n      disabled={modifiers.disabled}\n      labelElement={<>\n        <ProposalTypeLabel {...item} />\n        {\" \"}\n        <HelpTooltip content={<>Proposed to be {proposalConfig.hint}</>} />\n      </>}\n      key={item.itemPath}\n      onClick={handleClick}\n      icon={getProposalIcon(item.proposal)}\n      text={<ProposalSummary {...item} />} />\n  );\n};\n\n\ninterface ProposalProps<P extends ChangeProposal> {\n  proposal: P\n  showDiff?: boolean\n  showOnlyChanged?: boolean\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    ? <MaximizedStructuredDiff\n        item1={itemBefore?.data ?? ITEM_DATA_PLACEHOLDER}\n        item2={item.data}\n        showUnchanged={!showOnlyChanged}\n        css={css`background: white; border-radius: 2.5px; padding: 10px 0; margin: 10px 0;`}\n        className={Classes.ELEVATION_2}\n      />\n    : <ItemDetail\n        itemRef={itemRef}\n        item={item}\n        itemClass={itemClass}\n        key={JSON.stringify(itemRef)}\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 ListItemView = itemClasses[classID].views.listItemView;\n\n  return <ListItemView\n    itemRef={itemRef}\n    itemData={item.data}\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\nconst MaximizedStructuredDiff = styled(StructuredDiff)`\n  position: absolute;\n  inset: 0;\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\n\nconst ITEM_DATA_PLACEHOLDER = {} as const;\n"]}

package/views/detail/ChangeRequest/index.d.ts

@@ -2,7 +2,7 @@
 /** @jsxFrag React.Fragment */
 import React from 'react';
 declare const _default: {
-    main: React.FC<{
+    main: React.VoidFunctionComponent<{
         uri: string;
     }>;
     title: React.FC<{