@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.0

package/views/SearchQuery.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _FilterCriteria = _interopRequireDefault(require("./FilterCriteria"));
+
+var _CRITERIA_CONFIGURATION = require("./FilterCriteria/CRITERIA_CONFIGURATION");
+
+var _criteriaGroupToQueryExpression = _interopRequireDefault(require("./FilterCriteria/criteriaGroupToQueryExpression"));
+
+var _BrowserCtx = require("./BrowserCtx");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+//import criteriaGroupToSummary from './FilterCriteria/criteriaGroupToSummary';
+const SearchQuery = function ({
+  rootCriteria,
+  onCriteriaChange,
+  quickSearchString,
+  onQuickSearchStringChange,
+  availableClassIDs,
+  className
+}) {
+  const {
+    itemClasses,
+    subregisters
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const [editingAdvanced, toggleEditingAdvanced] = (0, _react.useState)(false);
+  const classIDs = availableClassIDs ?? Object.keys(itemClasses);
+  const hasAdvancedQuery = rootCriteria.criteria.length > 0;
+
+  function makeDefaultCriteria() {
+    if (quickSearchString) {
+      return {
+        key: 'raw-substring',
+        query: _CRITERIA_CONFIGURATION.RAW_SUBSTRING.toQuery({
+          substring: quickSearchString
+        }, {
+          itemClasses,
+          subregisters
+        })
+      };
+    } else {
+      return {
+        key: 'custom',
+        query: _CRITERIA_CONFIGURATION.CUSTOM_CONDITION.toQuery({
+          customExpression: 'false'
+        }, {
+          itemClasses,
+          subregisters
+        })
+      };
+    }
+  }
+
+  return (0, _react2.jsx)(_core.ControlGroup, {
+    fill: true,
+    vertical: true,
+    className: className
+  }, (0, _react2.jsx)(_core.InputGroup, {
+    fill: true,
+    small: true,
+    disabled: !onQuickSearchStringChange || hasAdvancedQuery,
+    value: hasAdvancedQuery ? '' : quickSearchString,
+    leftIcon: "search",
+    placeholder: "Quick search",
+    title: !hasAdvancedQuery ? "Search for a substring occurring anywhere within serialized item data." : "Advanced query overrides quick search.",
+    css: (0, _react2.css)`width: 200px; ${quickSearchString !== '' && !hasAdvancedQuery ? 'input { font-weight: bold; }' : ''}`,
+    rightElement: (0, _react2.jsx)(_core.Button, {
+      disabled: !onQuickSearchStringChange || quickSearchString === '' || hasAdvancedQuery,
+      onClick: () => onQuickSearchStringChange === null || onQuickSearchStringChange === void 0 ? void 0 : onQuickSearchStringChange(''),
+      small: true,
+      minimal: true,
+      icon: "cross",
+      title: "Clear quick search"
+    }),
+    onChange: evt => onQuickSearchStringChange === null || onQuickSearchStringChange === void 0 ? void 0 : onQuickSearchStringChange(evt.currentTarget.value)
+  }), (0, _react2.jsx)(_core.ButtonGroup, {
+    fill: true
+  }, (0, _react2.jsx)(_core.Button, {
+    fill: true,
+    small: true,
+    title: "Edit advanced search query",
+    icon: 'filter',
+    onClick: !hasAdvancedQuery ? () => {
+      onCriteriaChange({
+        criteria: [makeDefaultCriteria()],
+        require: 'all'
+      });
+      toggleEditingAdvanced(true);
+    } : () => toggleEditingAdvanced(v => !v),
+    active: editingAdvanced && hasAdvancedQuery,
+    disabled: !hasAdvancedQuery && !onCriteriaChange,
+    rightIcon: rootCriteria.criteria.length > 0 ? (0, _react2.jsx)(_core.Tag, {
+      intent: "success",
+      round: true
+    }, "on") : (0, _react2.jsx)(_core.Tag, {
+      round: true
+    }, "off")
+  }, "Advanced")), hasAdvancedQuery && editingAdvanced ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_FilterCriteria.default, {
+    key: "tree",
+    criteria: rootCriteria,
+    onChange: onCriteriaChange,
+    itemClasses: itemClasses,
+    availableClassIDs: classIDs,
+    subregisters: subregisters,
+    css: (0, _react2.css)`max-height: 50vh; overflow-y: auto;`
+  }), (0, _react2.jsx)("div", {
+    key: "query",
+    css: (0, _react2.css)`
+                    margin-top: 5px;
+                    padding: 0 10px 10px 10px;
+                    color: ${_core.Colors.GRAY3};
+                    font-size: 90%;
+                    overflow-wrap: break-word;
+                  `
+  }, "Query used: ", (0, _react2.jsx)("code", null, (0, _criteriaGroupToQueryExpression.default)(rootCriteria)))) : null);
+};
+
+var _default = SearchQuery;
+exports.default = _default;

package/views/SearchQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQuery.js","sourceRoot":"","sources":["../../src/views/SearchQuery.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useState, useContext } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { Button, ControlGroup, Colors, InputGroup, Tag, ButtonGroup } from '@blueprintjs/core';\nimport CriteriaTree from './FilterCriteria';\nimport { CUSTOM_CONDITION, RAW_SUBSTRING } from './FilterCriteria/CRITERIA_CONFIGURATION';\nimport { CriteriaGroup, Criterion } from './FilterCriteria/models';\nimport criteriaGroupToQueryExpression from './FilterCriteria/criteriaGroupToQueryExpression';\n//import criteriaGroupToSummary from './FilterCriteria/criteriaGroupToSummary';\nimport { BrowserCtx } from './BrowserCtx';\n\n\n\nconst SearchQuery: React.FC<{\n  rootCriteria: CriteriaGroup;\n  onCriteriaChange?: (rootCriteria: CriteriaGroup) => void;\n\n  quickSearchString: string;\n  onQuickSearchStringChange?: (searchString: string) => void;\n\n  availableClassIDs?: string[];\n  className?: string;\n}> = function ({\n  rootCriteria,\n  onCriteriaChange,\n  quickSearchString,\n  onQuickSearchStringChange,\n  availableClassIDs,\n  className,\n}) {\n    const { itemClasses, subregisters } = useContext(BrowserCtx);\n\n    const [ editingAdvanced, toggleEditingAdvanced ] = useState<boolean>(false);\n\n    const classIDs = availableClassIDs ?? Object.keys(itemClasses);\n\n    const hasAdvancedQuery = rootCriteria.criteria.length > 0;\n\n    function makeDefaultCriteria(): Criterion {\n      if (quickSearchString) {\n        return {\n          key: 'raw-substring',\n          query: RAW_SUBSTRING.toQuery(\n            { substring: quickSearchString },\n            { itemClasses, subregisters },\n          ),\n        }\n      } else {\n        return {\n          key: 'custom',\n          query: CUSTOM_CONDITION.toQuery(\n            { customExpression: 'false' },\n            { itemClasses, subregisters },\n          ),\n        }\n      }\n    }\n\n    return (\n      <ControlGroup fill vertical className={className}>\n        <InputGroup\n          fill\n          small\n          disabled={!onQuickSearchStringChange || hasAdvancedQuery}\n          value={hasAdvancedQuery ? '' : quickSearchString}\n          leftIcon=\"search\"\n          placeholder=\"Quick search\"\n          title={!hasAdvancedQuery\n            ? \"Search for a substring occurring anywhere within serialized item data.\"\n            : \"Advanced query overrides quick search.\"}\n          css={css`width: 200px; ${quickSearchString !== '' && !hasAdvancedQuery ? 'input { font-weight: bold; }' : ''}`}\n          rightElement={<Button\n            disabled={!onQuickSearchStringChange || quickSearchString === '' || hasAdvancedQuery}\n            onClick={() => onQuickSearchStringChange?.('')}\n            small\n            minimal\n            icon=\"cross\"\n            title=\"Clear quick search\" />}\n          onChange={evt => onQuickSearchStringChange?.(evt.currentTarget.value)} />\n        <ButtonGroup fill>\n          <Button\n            fill\n            small\n            title=\"Edit advanced search query\"\n            icon='filter'\n            onClick={!hasAdvancedQuery\n              ? (() => {\n                  onCriteriaChange!({ criteria: [makeDefaultCriteria()], require: 'all' });\n                  toggleEditingAdvanced(true);\n                })\n              : () => toggleEditingAdvanced(v => !v)}\n            active={editingAdvanced && hasAdvancedQuery}\n            disabled={!hasAdvancedQuery && !onCriteriaChange}\n            rightIcon={rootCriteria.criteria.length > 0\n              ? <Tag intent=\"success\" round>on</Tag>\n              : <Tag round>off</Tag>}>\n            Advanced\n          </Button>\n        </ButtonGroup>\n        {hasAdvancedQuery && editingAdvanced\n          ? <>\n              <CriteriaTree\n                key=\"tree\"\n                criteria={rootCriteria}\n                onChange={onCriteriaChange}\n                itemClasses={itemClasses}\n                availableClassIDs={classIDs}\n                subregisters={subregisters}\n                css={css`max-height: 50vh; overflow-y: auto;`} />\n              <div\n                  key=\"query\"\n                  css={css`\n                    margin-top: 5px;\n                    padding: 0 10px 10px 10px;\n                    color: ${Colors.GRAY3};\n                    font-size: 90%;\n                    overflow-wrap: break-word;\n                  `}>\n                Query used: <code>{criteriaGroupToQueryExpression(rootCriteria)}</code>\n              </div>\n            </>\n          : null}\n      </ControlGroup>\n    );\n  };\n\nexport default SearchQuery;\n"]}

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

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { type SomeCR as CR } from '../../types/cr';
+export interface ChangeRequestContextSpec {
+    /**
+     * Change request object, undefined if not available/loading,
+     * null if not expected (i.e. changeRequestID is not given).
+     */
+    changeRequest?: CR | null;
+    /**
+     * Current user can edit the contents of this CR.
+     * Always false if `changeRequest` is not defined or `null`.
+     */
+    canEdit: boolean;
+}
+export declare const ChangeRequestContext: React.Context<ChangeRequestContextSpec>;
+export declare const ChangeRequestContextProvider: React.FC<{
+    changeRequestID: string | null;
+}>;

package/views/change-request/ChangeRequestContext.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChangeRequestContextProvider = exports.ChangeRequestContext = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+var _context = require("@riboseinc/paneron-extension-kit/context");
+
+var _cr = require("../../types/cr");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const ChangeRequestContext = _react2.default.createContext({
+  changeRequest: null,
+  canEdit: false
+});
+
+exports.ChangeRequestContext = ChangeRequestContext;
+
+const ChangeRequestContextProvider = function ({
+  changeRequestID,
+  children
+}) {
+  var _useObjectData$value;
+
+  const {
+    useObjectData
+  } = (0, _react2.useContext)(_context.DatasetContext);
+  const {
+    stakeholder
+  } = (0, _react2.useContext)(_BrowserCtx.BrowserCtx);
+  const crPath = changeRequestID ? `/proposals/${changeRequestID}/main.yaml` : null;
+  const changeRequest = ((_useObjectData$value = useObjectData({
+    objectPaths: crPath ? [crPath] : []
+  }).value) === null || _useObjectData$value === void 0 ? void 0 : _useObjectData$value.data[crPath ?? '']) ?? (crPath ? undefined : null);
+  return (0, _react.jsx)(ChangeRequestContext.Provider, {
+    value: {
+      changeRequest,
+      canEdit: changeRequest && stakeholder && (0, _cr.canBeEditedBy)(stakeholder, changeRequest) ? true : false
+    }
+  }, children);
+};
+
+exports.ChangeRequestContextProvider = ChangeRequestContextProvider;

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeRequestContext.js","sourceRoot":"","sources":["../../../src/views/change-request/ChangeRequestContext.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiB3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAChF,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,4BAA4B,GAEpC,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE;IAC1C,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAErD,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,eAAe;QAC5B,CAAC,CAAC,cAAc,eAAe,YAAY;QAC3C,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,aAAa,GAAG,aAAa,CAAC;QAClC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;KACpC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAElE,OAAO,CACL,IAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE;YACpC,aAAa;YACb,OAAO,EACL,aAAa;mBACV,WAAW;mBACX,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC;gBAC1C,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,KAAK;SACZ,IACE,QAAQ,CACqB,CACjC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { useContext } from 'react';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { type SomeCR as CR, canBeEditedBy } from '../../types/cr';\nimport { BrowserCtx } from '../BrowserCtx';\n\n\nexport interface ChangeRequestContextSpec {\n  /**\n   * Change request object, undefined if not available/loading,\n   * null if not expected (i.e. changeRequestID is not given).\n   */\n  changeRequest?: CR | null\n\n  /**\n   * Current user can edit the contents of this CR.\n   * Always false if `changeRequest` is not defined or `null`.\n   */\n  canEdit: boolean\n}\n\nexport const ChangeRequestContext = React.createContext<ChangeRequestContextSpec>({\n  changeRequest: null,\n  canEdit: false,\n});\n\nexport const ChangeRequestContextProvider: React.FC<{\n  changeRequestID: string | null\n}> = function ({ changeRequestID, children }) {\n  const { useObjectData } = useContext(DatasetContext);\n\n  const { stakeholder } = useContext(BrowserCtx);\n\n  const crPath = changeRequestID\n    ? `/proposals/${changeRequestID}/main.yaml`\n    : null;\n\n  const changeRequest = useObjectData({\n    objectPaths: crPath ? [crPath] : [],\n  }).value?.data[crPath ?? ''] as CR ?? (crPath ? undefined : null);\n\n  return (\n    <ChangeRequestContext.Provider value={{\n      changeRequest,\n      canEdit:\n        changeRequest\n        && stakeholder\n        && canBeEditedBy(stakeholder, changeRequest)\n          ? true\n          : false,\n    }}>\n      {children}\n    </ChangeRequestContext.Provider>\n  );\n};\n"]}

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

@@ -0,0 +1,21 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { ChangeProposal, Clarification, InternalItemReference, Payload } from '../../types';
+import type { Drafted } from '../../types/cr';
+declare const Proposals: React.FC<{
+    proposals: Drafted['items'];
+    className?: string;
+}>;
+interface ProposalProps<P extends ChangeProposal> {
+    proposal: P;
+    showDiff?: boolean;
+    showOnlyChanged?: boolean;
+    itemRef: InternalItemReference;
+    itemData: Payload;
+    itemDataBefore: P extends Clarification ? Payload : undefined;
+    onChange?: (newProposal: P) => void;
+}
+export declare const ProposalDetail: React.FC<ProposalProps<ChangeProposal>>;
+export declare const ProposalSummary: React.FC<ProposalProps<ChangeProposal>>;
+export default Proposals;

package/views/change-request/Proposals.js

@@ -0,0 +1,331 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProposalSummary = exports.ProposalDetail = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _core = require("@blueprintjs/core");
+
+var _select = require("@blueprintjs/select");
+
+var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
+
+var _protocolRegistry = require("../protocolRegistry");
+
+var _BrowserCtx = require("../BrowserCtx");
+
+var _itemPathUtils = require("../itemPathUtils");
+
+var _StructuredDiff = _interopRequireDefault(require("../diffing/StructuredDiff"));
+
+var _RegisterItem = _interopRequireDefault(require("../detail/RegisterItem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/** @jsx jsx */
+
+/** @jsxFrag React.Fragment */
+const Proposals = function ({
+  proposals,
+  className
+}) {
+  const [_selectedProposal, selectProposal] = (0, _react.useState)(null);
+  const [showDiff, setShowDiff] = (0, _react.useState)(false);
+  const [showOnlyChanged, setShowOnlyChanged] = (0, _react.useState)(true);
+  const outerBrowserCtx = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    jumpTo,
+    subregisters,
+    useRegisterItemData
+  } = outerBrowserCtx;
+  const proposalBrowserCtx = { ...outerBrowserCtx,
+    jumpTo: handleCRJump
+  };
+  /**
+   * When jumping to an item affected by current CR,
+   * jump in-CR instead of spawning tab.
+   */
+
+  function handleCRJump(uri) {
+    if (uri.startsWith(_protocolRegistry.Protocols.ITEM_DETAILS)) {
+      const itemPath = uri.split(':')[1];
+
+      if (proposals[itemPath]) {
+        selectProposal(itemPath);
+      } else {
+        jumpTo === null || jumpTo === void 0 ? void 0 : jumpTo(uri);
+      }
+    }
+  }
+
+  const firstProposal = Object.keys(proposals)[0]; // Effective selected proposal
+
+  const selectedProposal = (_selectedProposal && proposals[_selectedProposal] ? _selectedProposal : null) ?? firstProposal ?? undefined; // Force select available proposal
+
+  (0, _react.useEffect)(() => {
+    if (firstProposal && (_selectedProposal === null || !proposals[_selectedProposal])) {
+      selectProposal(firstProposal);
+    }
+  }, [firstProposal, _selectedProposal, JSON.stringify(proposals)]);
+  const selectedItemRef = selectedProposal ? (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, selectedProposal) : null; // Data for proposed items
+
+  const proposedItemPaths = Object.entries(proposals).map(([itemPath, proposal]) => {
+    if (proposal.type === 'clarification' || proposal.type === 'addition') {
+      return itemPath;
+    } else {
+      return undefined;
+    }
+  }).filter(s => s !== undefined);
+  const proposedItemDataReq = useRegisterItemData({
+    itemPaths: proposedItemPaths
+  }); // Data for pre-existing items
+
+  const currentItemDataReq = useRegisterItemData({
+    itemPaths: Object.keys(proposals),
+    ignoreActiveCR: true
+  });
+
+  const getCurrentItemData = itemPath => {
+    var _currentItemDataReq$v;
+
+    return ((_currentItemDataReq$v = currentItemDataReq.value[itemPath]) === null || _currentItemDataReq$v === void 0 ? void 0 : _currentItemDataReq$v.data) ?? null;
+  };
+
+  const getProposedItemData = itemPath => {
+    var _proposedItemDataReq$;
+
+    return ((_proposedItemDataReq$ = proposedItemDataReq.value[itemPath]) === null || _proposedItemDataReq$ === void 0 ? void 0 : _proposedItemDataReq$.data) ?? null;
+  };
+
+  const selectedItemCurrentData = getCurrentItemData(selectedProposal);
+  const selectedItemProposedData = getProposedItemData(selectedProposal);
+
+  if (selectedProposal && selectedItemRef && proposals[selectedProposal] && !currentItemDataReq.isUpdating && !proposedItemDataReq.isUpdating) {
+    if (selectedItemCurrentData || selectedItemProposedData) {
+      var _proposals$selectedPr;
+
+      const selectedItemSummary = (0, _react2.jsx)(ProposalSummary, {
+        itemRef: selectedItemRef,
+        itemData: selectedItemProposedData ?? selectedItemCurrentData,
+        itemDataBefore: 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 || ((_proposals$selectedPr = proposals[selectedProposal]) === null || _proposals$selectedPr === void 0 ? void 0 : _proposals$selectedPr.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)(_select.Select2, {
+        filterable: false,
+        itemsEqual: (i1, i2) => JSON.stringify(i1) === JSON.stringify(i2),
+        activeItem: {
+          itemPath: selectedProposal,
+          proposal: proposals[selectedProposal],
+          itemData: selectedItemProposedData ?? selectedItemCurrentData,
+          itemDataBefore: selectedItemCurrentData ?? undefined,
+          itemRef: (0, _itemPathUtils.itemPathToItemRef)(subregisters !== undefined, selectedProposal)
+        },
+        items: Object.entries(proposals).map(([itemPath, proposal]) => ({
+          itemPath,
+          proposal,
+          itemData: getProposedItemData(itemPath) ?? getCurrentItemData(itemPath) ?? 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 ?? selectedItemCurrentData,
+        itemDataBefore: 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;`
+        }, "There appears to be 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.")
+      });
+    }
+  } else {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: 'clean',
+      className: className,
+      title: "Nothing is proposed here yet."
+    });
+  }
+};
+
+const ChangeProposalItemView = (item, {
+  handleClick,
+  modifiers,
+  query
+}) => {
+  const proposalConfig = item.proposal.type === 'amendment' ? PROPOSAL_VIEWS[item.proposal.amendmentType] : PROPOSAL_VIEWS[item.proposal.type];
+  const ProposalTypeLabel = proposalConfig.summary;
+  return (0, _react2.jsx)(_core.MenuItem, {
+    active: modifiers.active,
+    disabled: modifiers.disabled,
+    labelElement: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(ProposalTypeLabel, { ...item
+    }), " ", (0, _react2.jsx)(_HelpTooltip.default, {
+      content: (0, _react2.jsx)(_react.default.Fragment, null, "Proposed to be ", proposalConfig.hint)
+    })),
+    key: item.itemPath,
+    onClick: handleClick,
+    icon: getProposalIcon(item.proposal),
+    text: (0, _react2.jsx)(ProposalSummary, { ...item
+    })
+  });
+};
+
+const ProposalDetail = function ({
+  proposal,
+  showDiff,
+  showOnlyChanged,
+  itemRef,
+  itemData,
+  itemDataBefore,
+  onChange
+}) {
+  const ItemView = _RegisterItem.default.main;
+  const view = showDiff ? (0, _react2.jsx)(MaximizedStructuredDiff, {
+    item1: itemDataBefore ?? {},
+    item2: itemData,
+    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),
+    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,
+  onChange
+}) {
+  const {
+    itemClasses
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    classID
+  } = itemRef;
+  const ListItemView = itemClasses[classID].views.listItemView;
+  return (0, _react2.jsx)(ListItemView, {
+    itemRef: itemRef,
+    itemData: itemData
+  });
+};
+
+exports.ProposalSummary = ProposalSummary;
+const clarification = {
+  hint: (0, _react2.jsx)(_react.default.Fragment, null, "altered to represent the same concept more clearly."),
+  summary: ({
+    proposal,
+    itemData,
+    itemRef
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Clarification")
+};
+const addition = {
+  hint: (0, _react2.jsx)(_react.default.Fragment, null, "added to this register."),
+  summary: ({
+    proposal,
+    itemData,
+    itemRef
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Addition")
+};
+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: ({
+    proposal,
+    itemRef,
+    itemData
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Retirement")
+};
+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: ({
+    proposal,
+    itemRef,
+    itemData
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Supersession")
+};
+const invalidation = {
+  hint: (0, _react2.jsx)(_react.default.Fragment, null, "marked as invalid. The exact semantics of invalidation depend on the register."),
+  summary: ({
+    proposal,
+    itemRef,
+    itemData
+  }) => (0, _react2.jsx)(_react.default.Fragment, null, "Invalidation")
+};
+const MaximizedStructuredDiff = (0, _styled.default)(_StructuredDiff.default)`
+  position: absolute;
+  inset: 0;
+`;
+const PROPOSAL_VIEWS = {
+  clarification,
+  addition,
+  retirement,
+  supersession,
+  invalidation
+};
+
+function getProposalIcon(proposal) {
+  return proposal.type === 'addition' ? 'add' : proposal.type === 'clarification' ? 'edit' : 'ban-circle';
+}
+
+var _default = Proposals;
+exports.default = _default;

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

@@ -0,0 +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 } from 'react';\nimport { 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  const proposalBrowserCtx: BrowserCtxType = {\n    ...outerBrowserCtx,\n    jumpTo: handleCRJump,\n  };\n\n  /**\n   * When jumping to an item affected by current CR,\n   * jump in-CR instead of spawning tab.\n   */\n  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  }\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);\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) {\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                ? <Select<ChangeProposalItem>\n                      filterable={false}\n                      itemsEqual={(i1, i2) => JSON.stringify(i1) === JSON.stringify(i2)}\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                : <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          There appears to be 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        </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"]}