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

package/views/ChangeRequest.js

@@ -1,689 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangeRequestView = exports.CHANGE_REQUEST_OPTIONS = void 0;
-
-var _electronLog = _interopRequireDefault(require("electron-log"));
-
-var _jsYaml = _interopRequireDefault(require("js-yaml"));
-
-var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@emotion/core");
-
-var _core2 = require("@blueprintjs/core");
-
-var _context = require("@riboseinc/paneron-extension-kit/context");
-
-var _types = require("../types");
-
-var _MainView = require("./MainView");
-
-var _util = require("./util");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** @jsx jsx */
-
-/** @jsxFrag React.Fragment */
-const PROPOSAL_ICON = {
-  addition: 'add',
-  clarification: 'edit',
-  amendment: 'remove'
-};
-const CHANGE_REQUEST_OPTIONS = {
-  new: {
-    value: 'new',
-    label: "New change request…"
-  }
-};
-exports.CHANGE_REQUEST_OPTIONS = CHANGE_REQUEST_OPTIONS;
-
-const ChangeRequestView = function ({
-  itemClassConfiguration,
-  id,
-  useRegisterItemData,
-  onSave,
-  onDelete
-}) {
-  var _a, _b, _c, _d;
-
-  const {
-    useObjectData,
-    makeRandomID,
-    updateObjects
-  } = (0, _react.useContext)(_context.DatasetContext);
-  const [selectedItem, selectItem] = (0, _react.useState)('justification');
-  const objectPath = `change-requests/${id}.yaml`;
-  const crData = useObjectData({
-    objectPaths: [objectPath]
-  });
-  const dataAsString = (_c = (_b = (_a = crData.value.data) === null || _a === void 0 ? void 0 : _a[objectPath]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : undefined;
-  const maybeCR = dataAsString !== undefined ? _jsYaml.default.load(dataAsString) : undefined;
-  const itemPaths = Object.keys(((_d = maybeCR) === null || _d === void 0 ? void 0 : _d.proposals) || {}); //log.debug("Item data request", itemDataRequest);
-  //const itemData = useObjectData(itemDataRequest).value;
-
-  const itemData = useRegisterItemData({
-    itemPaths
-  }).value;
-  const [edited, updateEdited] = (0, _react.useState)(null);
-  let el;
-
-  if (maybeCR === undefined) {
-    el = (0, _core.jsx)(_core2.NonIdealState, {
-      title: (0, _core.jsx)(_core2.Spinner, null)
-    });
-  } else if (maybeCR.id) {
-    const originalCR = maybeCR;
-    const cr = edited || originalCR;
-
-    async function handleSave() {
-      if (!onSave) {
-        return;
-      }
-
-      if (edited === null) {
-        return;
-      }
-
-      await onSave(originalCR.id, edited, originalCR);
-      updateEdited(null);
-    }
-
-    function handlePropose() {
-      if (!onSave) {
-        return;
-      }
-
-      if (edited !== null) {
-        return;
-      }
-
-      onSave(originalCR.id, Object.assign(Object.assign({}, cr), {
-        status: 'pending',
-        disposition: undefined,
-        timeProposed: new Date()
-      }), originalCR);
-    }
-
-    function handleUpdateState(newStatus, newDisposition) {
-      if (!onSave) {
-        return;
-      }
-
-      if (edited !== null) {
-        return;
-      }
-
-      let extraProps;
-
-      if (newStatus === 'final') {
-        extraProps = {
-          timeDisposed: new Date()
-        };
-      } else {
-        if (newDisposition === 'withdrawn') {
-          extraProps = {
-            timeProposed: undefined
-          };
-        } else {
-          extraProps = {};
-        }
-      }
-
-      onSave(originalCR.id, Object.assign(Object.assign(Object.assign({}, cr), {
-        status: newStatus,
-        disposition: newDisposition
-      }), extraProps), originalCR);
-    }
-
-    async function handleAddProposal(id, defaults) {
-      updateEdited((0, _immutabilityHelper.default)(cr, {
-        proposals: {
-          [id]: {
-            $set: {
-              type: 'addition',
-              payload: defaults
-            }
-          }
-        }
-      }));
-    }
-
-    async function handleAcceptProposal(itemID, clsID, proposal) {
-      var _a;
-
-      if (!updateObjects) {
-        return;
-      }
-
-      const itemPath = `${clsID}/${itemID}`;
-      const itemFilePath = `${itemPath}.yaml`;
-      const existingItem = itemData[itemPath];
-
-      if (proposal.type === 'addition') {
-        if (existingItem) {
-          _electronLog.default.error("Cannot accept proposed addition: item already exists", clsID, itemID);
-
-          throw new Error("Cannot accept proposed addition: item already exists");
-        }
-
-        const newItem = {
-          id: itemID,
-          status: 'valid',
-          dateAccepted: new Date(),
-          data: proposal.payload
-        };
-        await updateObjects({
-          commitMessage: `CR: Accepted addition of ${clsID}/${itemID} (per CR ${id})`,
-          objectChangeset: {
-            [itemFilePath]: {
-              newValue: newItem,
-              oldValue: null
-            }
-          }
-        });
-      } else if (proposal.type === 'clarification') {
-        if (!existingItem) {
-          _electronLog.default.error("Cannot accept proposed clarification: item does not exist", clsID, itemID);
-
-          throw new Error("Cannot accept proposed clarification: item does not exist");
-        }
-
-        const clarifiedItem = Object.assign(Object.assign({}, existingItem), {
-          data: proposal.payload
-        });
-        await updateObjects({
-          commitMessage: `CR: Accepted clarification of ${clsID}/${itemID} (per CR ${id})`,
-          objectChangeset: {
-            [itemPath]: {
-              newValue: clarifiedItem,
-              oldValue: existingItem
-            }
-          }
-        });
-      } else if (proposal.type === 'amendment') {
-        if (!existingItem) {
-          _electronLog.default.error("Cannot accept proposed amendment: item does not exist", clsID, itemID);
-
-          throw new Error("Cannot accept proposed amendment: item does not exist");
-        }
-
-        if (existingItem.status !== 'valid') {
-          _electronLog.default.error("Cannot accept proposed amendment: item is not valid", clsID, itemID);
-
-          throw new Error("Cannot accept proposed amendment: item is not valid");
-        }
-
-        const amendedItem = Object.assign(Object.assign({}, existingItem), {
-          status: proposal.amendmentType === 'retirement' ? 'retired' : 'superseded'
-        });
-
-        if (proposal.amendmentType === 'supersession') {
-          if (((_a = cr.proposals[`${clsID}/${proposal.supersedingItemID}`]) === null || _a === void 0 ? void 0 : _a.type) !== 'addition') {
-            _electronLog.default.error("Cannot accept proposed amendment: superseding item is not specified or cannot be found", clsID, itemID);
-
-            throw new Error("Cannot accept proposed amendment: superseding item is not specified or cannot be found");
-          }
-        }
-
-        await updateObjects({
-          commitMessage: `CR: Accepted amendment of ${clsID}/${itemID} (per CR ${id})`,
-          objectChangeset: {
-            [itemPath]: {
-              newValue: amendedItem,
-              oldValue: existingItem
-            }
-          }
-        });
-      }
-    }
-
-    const tentativelyAccepted = cr.status === 'tentative' && cr.disposition === 'accepted';
-    const tentativelyNotAccepted = cr.status === 'tentative' && cr.disposition === 'notAccepted';
-    const actions = updateObjects !== undefined ? (0, _core.jsx)(_core2.ButtonGroup, null, (0, _core.jsx)(_core2.Button, {
-      disabled: edited === null,
-      onClick: handleSave
-    }, "Save"), (0, _core.jsx)(_core2.Button, {
-      intent: "danger",
-      disabled: edited !== null,
-      onClick: onDelete ? () => onDelete(originalCR.id, originalCR) : void 0
-    }, "Delete"), (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      intent: "success",
-      onClick: handlePropose
-    }, "Propose"), (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      intent: "warning",
-      onClick: () => handleUpdateState('pending', 'withdrawn')
-    }, "Withdraw"), (0, _core.jsx)(_react.default.Fragment, null, !tentativelyNotAccepted ? (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      active: cr.disposition === 'accepted',
-      onClick: () => handleUpdateState('tentative', 'accepted')
-    }, "Accept") : null, tentativelyAccepted ? (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      active: cr.status === 'final',
-      icon: "take-action",
-      onClick: () => handleUpdateState('final', 'accepted')
-    }, "Final") : null, !tentativelyAccepted ? (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      active: cr.disposition === 'notAccepted',
-      onClick: () => handleUpdateState('tentative', 'notAccepted')
-    }, "Do not accept") : null, tentativelyNotAccepted ? (0, _core.jsx)(_core2.Button, {
-      disabled: edited !== null,
-      active: cr.status === 'final',
-      icon: "take-action",
-      onClick: () => handleUpdateState('final', 'notAccepted')
-    }, "Final") : null)) : (0, _core.jsx)(_react.default.Fragment, null, "Status: ", (0, _core.jsx)("em", null, cr.status || '—'), "\u2003\u2022\u2003 Disposition: ", (0, _core.jsx)("em", null, cr.disposition || '—'));
-    let detailView;
-
-    if (selectedItem === 'justification') {
-      detailView = (0, _core.jsx)(CRJustification, {
-        value: cr.justification,
-        onChange: updateObjects ? justification => updateEdited(Object.assign(Object.assign({}, cr), {
-          justification
-        })) : undefined
-      });
-    } else if (selectedItem === 'control-body') {
-      detailView = (0, _core.jsx)(CRControlBodyInput, {
-        value: {
-          notes: cr.controlBodyNotes,
-          event: cr.controlBodyDecisionEvent
-        },
-        onChange: updateObjects ? (controlBodyNotes, controlBodyDecisionEvent) => updateEdited(Object.assign(Object.assign({}, cr), {
-          controlBodyNotes,
-          controlBodyDecisionEvent
-        })) : undefined
-      });
-    } else if (selectedItem === 'manager') {
-      detailView = (0, _core.jsx)(CRManagerNotes, {
-        value: cr.registerManagerNotes,
-        onChange: updateObjects ? registerManagerNotes => updateEdited(Object.assign(Object.assign({}, cr), {
-          registerManagerNotes
-        })) : undefined
-      });
-    } else if (selectedItem === 'proposals') {
-      detailView = (0, _core.jsx)(_core2.NonIdealState, {
-        description: updateObjects ? (0, _core.jsx)(_react.default.Fragment, null, (0, _core.jsx)(_core2.Callout, {
-          style: {
-            textAlign: 'left',
-            marginBottom: '1rem'
-          },
-          title: "Managing your proposals",
-          intent: "primary"
-        }, (0, _core.jsx)("p", null, "Select a proposed change on the left to\u00A0view or\u00A0edit\u00A0it."), (0, _core.jsx)("p", null, "To propose a change, close this CR, navigate to an item you want to change in item list, and\u00A0click \u201CPropose\u00A0a\u00A0change\u201D."), (0, _core.jsx)("p", null, "You won\u2019t be able to edit your change request once you have submitted it.")), (0, _core.jsx)(_core2.Menu, {
-          className: _core2.Classes.ELEVATION_1,
-          style: {
-            marginBottom: '1rem'
-          }
-        }, (0, _core.jsx)(_core2.Menu.Divider, {
-          title: "New item"
-        }), Object.entries(itemClassConfiguration).map(([classID, classCfg]) => (0, _core.jsx)(_core2.Menu.Item, {
-          key: classID,
-          icon: "add",
-          text: classCfg.meta.title,
-          disabled: !makeRandomID,
-          onClick: makeRandomID ? async () => handleAddProposal(`${classCfg.meta.id}/${await makeRandomID()}`, classCfg.defaults || {}) : undefined
-        })))) : (0, _core.jsx)(_core2.Callout, {
-          style: {
-            textAlign: 'left'
-          },
-          title: "Reviewing proposed changes",
-          intent: "primary"
-        }, "Select a proposed change on the left to view.")
-      });
-    } else if (cr.proposals[selectedItem] && (itemData[selectedItem] || cr.proposals[selectedItem].type === 'addition')) {
-      const proposal = cr.proposals[selectedItem];
-      const classID = selectedItem.split('/')[0];
-      const classConfig = Object.values(itemClassConfiguration).find(cls => cls.meta.id === classID);
-      const existingItemData = itemData[selectedItem];
-      const getRelatedClass = (0, _util._getRelatedClass)(itemClassConfiguration);
-
-      if (classConfig && (existingItemData || proposal.type === 'addition')) {
-        try {
-          detailView = (0, _core.jsx)(ProposalDetails, {
-            value: proposal,
-            classConfig: classConfig,
-            existingItemData: existingItemData || undefined,
-            getRelatedClass: getRelatedClass,
-            useRegisterItemData: useRegisterItemData,
-            onAccept: updateObjects ? (itemID, clsID) => handleAcceptProposal(itemID, clsID, proposal) : undefined,
-            ItemView: updateObjects && proposal.type !== 'amendment' ? classConfig.views.editView : classConfig.views.detailView,
-            onChange: updateObjects ? proposal => updateEdited((0, _immutabilityHelper.default)(cr, {
-              proposals: {
-                [selectedItem]: {
-                  $set: proposal
-                }
-              }
-            })) : undefined,
-            onDelete: updateObjects ? () => updateEdited((0, _immutabilityHelper.default)(cr, {
-              proposals: {
-                $unset: [selectedItem]
-              }
-            })) : undefined
-          });
-        } catch (e) {
-          detailView = (0, _core.jsx)(_core2.NonIdealState, {
-            icon: "heart-broken",
-            title: "Unable to load existing item data"
-          });
-        }
-      } else {
-        detailView = (0, _core.jsx)(_core2.NonIdealState, {
-          icon: "heart-broken",
-          title: "Unknown item class or missing item data!"
-        });
-      }
-    } else {
-      detailView = (0, _core.jsx)(_core2.NonIdealState, {
-        icon: "heart-broken",
-        title: "A strange thing happened",
-        description: `Unable to find selected item “${selectedItem}”`
-      });
-    }
-
-    el = (0, _core.jsx)(_MainView.MainView, {
-      actions: actions
-    }, (0, _core.jsx)("div", {
-      css: (0, _core.css)`flex-shrink: 0; width: 30vw; display: flex; flex-flow: column nowrap; background: ${_core2.Colors.WHITE}`
-    }, (0, _core.jsx)(CRNavigation, {
-      itemClassConfiguration: itemClassConfiguration,
-      useRegisterItemData: useRegisterItemData,
-      proposals: cr.proposals,
-      itemData: itemData,
-      onSelect: selectItem,
-      selectedItem: selectedItem,
-      enableControlBodyInput: updateObjects !== undefined || cr.controlBodyDecisionEvent !== undefined || cr.controlBodyNotes !== undefined,
-      enableManagerNotes: updateObjects !== undefined || cr.registerManagerNotes !== undefined
-    })), (0, _core.jsx)("div", {
-      css: (0, _core.css)`flex: 1; padding: 1rem;`,
-      className: _core2.Classes.ELEVATION_1
-    }, detailView));
-  } else {
-    el = (0, _core.jsx)(_core2.NonIdealState, {
-      icon: "heart-broken",
-      title: "Failed to load selected change request"
-    });
-  }
-
-  return el;
-};
-
-exports.ChangeRequestView = ChangeRequestView;
-
-const CRNavigation = function ({
-  itemData,
-  proposals,
-  itemClassConfiguration,
-  useRegisterItemData,
-  onSelect,
-  selectedItem,
-  enableControlBodyInput,
-  enableManagerNotes
-}) {
-  function handleSelect(node) {
-    onSelect(node.id);
-  }
-
-  const getRelatedClass = (0, _util._getRelatedClass)(itemClassConfiguration);
-  const nodes = [{
-    id: 'justification',
-    label: "Justification",
-    isSelected: selectedItem === 'justification'
-  }, {
-    id: 'control-body',
-    disabled: !enableControlBodyInput,
-    label: "Control body input",
-    isSelected: selectedItem === 'control-body'
-  }, {
-    id: 'manager',
-    disabled: !enableManagerNotes,
-    label: "Manager notes",
-    isSelected: selectedItem === 'manager'
-  }, {
-    id: 'proposals',
-    label: "Proposals",
-    isExpanded: true,
-    isSelected: selectedItem === 'proposals',
-    hasCaret: Object.keys(proposals).length > 0,
-    childNodes: [...Object.entries(proposals).map(([itemIDWithClass, proposal]) => {
-      var _a, _b;
-
-      const [classID, itemID] = itemIDWithClass.split('/');
-      const clsConfig = Object.values(itemClassConfiguration).find(cls => cls.meta.id === classID);
-      const View = clsConfig === null || clsConfig === void 0 ? void 0 : clsConfig.views.listItemView;
-      const data = ((_a = itemData[itemIDWithClass]) === null || _a === void 0 ? void 0 : _a.data) || undefined;
-      let label;
-
-      if (!View) {
-        label = (0, _core.jsx)("span", null, itemIDWithClass);
-      } else if (proposal.type === 'addition') {
-        label = (0, _core.jsx)(View, {
-          itemID: itemID,
-          css: (0, _core.css)`white-space: nowrap;`,
-          getRelatedItemClassConfiguration: getRelatedClass,
-          useRegisterItemData: useRegisterItemData,
-          itemData: proposal.payload
-        });
-      } else if (data !== undefined) {
-        label = (0, _core.jsx)(View, {
-          itemID: itemID,
-          css: (0, _core.css)`white-space: nowrap;`,
-          useRegisterItemData: useRegisterItemData,
-          getRelatedItemClassConfiguration: getRelatedClass,
-          itemData: data
-        });
-      } else {
-        label = (0, _core.jsx)("span", null, "Unable to read item");
-      }
-
-      return {
-        isSelected: selectedItem === itemIDWithClass,
-        id: itemIDWithClass,
-        icon: PROPOSAL_ICON[proposal.type],
-        secondaryLabel: (0, _core.jsx)(_core2.Tag, {
-          minimal: true,
-          css: (0, _core.css)`white-space: nowrap;`,
-          title: clsConfig === null || clsConfig === void 0 ? void 0 : clsConfig.meta.title
-        }, ((_b = Object.entries(itemClassConfiguration).find(([_, cfg]) => cfg.meta.id === classID)) === null || _b === void 0 ? void 0 : _b[0]) || (clsConfig === null || clsConfig === void 0 ? void 0 : clsConfig.meta.title)),
-        label
-      };
-    })]
-  }];
-  return (0, _core.jsx)(_core2.Tree, {
-    contents: nodes,
-    onNodeClick: handleSelect
-  });
-};
-
-const CRJustification = function ({
-  value,
-  onChange
-}) {
-  return (0, _core.jsx)(_core2.FormGroup, {
-    label: "Justification:"
-  }, (0, _core.jsx)(_core2.TextArea, {
-    fill: true,
-    disabled: !onChange,
-    value: value,
-    onChange: evt => onChange ? onChange(evt.currentTarget.value) : void 0
-  }));
-};
-
-const CRControlBodyInput = function ({
-  value,
-  onChange
-}) {
-  function handleNotesChange(evt) {
-    onChange ? onChange(evt.currentTarget.value || undefined, value.event) : void 0;
-  }
-
-  function handleEventChange(evt) {
-    onChange ? onChange(value.notes, evt.currentTarget.value || undefined) : void 0;
-  }
-
-  return (0, _core.jsx)(_react.default.Fragment, null, (0, _core.jsx)(_core2.FormGroup, {
-    label: "Control body notes"
-  }, (0, _core.jsx)(_core2.TextArea, {
-    fill: true,
-    disabled: !onChange,
-    value: value.notes || '',
-    onChange: handleNotesChange
-  })), (0, _core.jsx)(_core2.FormGroup, {
-    label: "Control body decision event"
-  }, (0, _core.jsx)(_core2.TextArea, {
-    fill: true,
-    disabled: !onChange,
-    value: value.event || '',
-    onChange: handleEventChange
-  })));
-};
-
-const CRManagerNotes = function ({
-  value,
-  onChange
-}) {
-  return (0, _core.jsx)(_core2.FormGroup, {
-    label: "Manager notes:"
-  }, (0, _core.jsx)(_core2.TextArea, {
-    fill: true,
-    disabled: !onChange,
-    value: value || '',
-    onChange: evt => onChange ? onChange(evt.currentTarget.value || undefined) : void 0
-  }));
-};
-
-const ProposalDetails = function ({
-  value,
-  onChange,
-  ItemView,
-  existingItemData,
-  classConfig,
-  getRelatedClass,
-  useRegisterItemData
-}) {
-  let itemView;
-  let proposalProperties;
-
-  if (value.type === 'amendment') {
-    proposalProperties = (0, _core.jsx)(_core2.FormGroup, {
-      inline: true,
-      label: "Supersede with:"
-    }, (0, _core.jsx)(_core2.InputGroup, {
-      value: value.amendmentType === 'supersession' ? value.supersedingItemID : '',
-      disabled: !onChange,
-      placeholder: "Item ID",
-      onChange: onChange ? evt => {
-        if (!onChange) {
-          return;
-        }
-
-        const itemID = evt.currentTarget.value;
-
-        if (itemID.trim() === '') {
-          const newVal = (0, _immutabilityHelper.default)(value, {
-            $unset: ['supersedingItemID']
-          });
-          onChange(Object.assign(Object.assign({}, newVal), {
-            amendmentType: 'retirement'
-          }));
-        } else {
-          onChange(Object.assign(Object.assign({}, value), {
-            amendmentType: 'supersession',
-            supersedingItemID: itemID
-          }));
-        }
-      } : undefined
-    }));
-  } else {
-    proposalProperties = null;
-  }
-
-  const itemData = value.type === 'addition' ? value.payload : existingItemData;
-
-  if (itemData === undefined) {
-    itemView = (0, _core.jsx)(_core2.NonIdealState, {
-      icon: "heart-broken",
-      title: "Unable to display this item"
-    });
-  } else if (onChange && value.type !== 'amendment') {
-    const View = ItemView;
-    itemView = (0, _core.jsx)(View, {
-      itemData: itemData,
-      getRelatedItemClassConfiguration: getRelatedClass,
-      useRegisterItemData: useRegisterItemData,
-      onChange: onChange ? payload => onChange ? onChange(Object.assign(Object.assign({}, value), {
-        payload
-      })) : void 0 : undefined
-    });
-  } else {
-    const View = ItemView;
-    itemView = (0, _core.jsx)(View, {
-      useRegisterItemData: useRegisterItemData,
-      getRelatedItemClassConfiguration: getRelatedClass,
-      itemData: itemData
-    });
-  }
-
-  const canChangeProposalType = value.type !== 'addition';
-
-  function handleTypeChange(type) {
-    const pt = type;
-
-    if (_types.PROPOSAL_TYPES.indexOf(pt) < 0) {
-      return;
-    }
-
-    if (!onChange || !canChangeProposalType || pt === 'addition' || existingItemData === undefined) {
-      return;
-    }
-
-    if (pt === 'amendment') {
-      onChange((0, _immutabilityHelper.default)(value, {
-        type: {
-          $set: pt
-        },
-        amendmentType: {
-          $set: 'retirement'
-        },
-        $unset: ['payload']
-      }));
-    } else {
-      onChange((0, _immutabilityHelper.default)(value, {
-        type: {
-          $set: pt
-        },
-        payload: existingItemData
-      }));
-    }
-  }
-
-  return (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex: 1; display: flex; flex-flow: column nowrap;`
-  }, (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 1rem;`
-  }, (0, _core.jsx)(_core2.HTMLSelect, {
-    options: _types.PROPOSAL_TYPES.map(pt => ({
-      value: pt,
-      label: pt
-    })),
-    iconProps: {
-      icon: PROPOSAL_ICON[value.type]
-    },
-    value: value.type,
-    disabled: !onChange || !canChangeProposalType || existingItemData === undefined,
-    onChange: onChange && canChangeProposalType && existingItemData !== undefined ? evt => handleTypeChange(evt.currentTarget.value) : undefined
-  }), "\u2002 of a \u2002", (0, _core.jsx)(_core2.H4, {
-    css: (0, _core.css)`margin: 0;`
-  }, classConfig.meta.title), proposalProperties), (0, _core.jsx)("div", {
-    css: (0, _core.css)`flex: 1; overflow-y: auto;`
-  }, itemView));
-};