@riboseinc/paneron-registry-kit 2.2.10 → 2.2.12

package/views/detail/ChangeRequest/index.js

@@ -13,10 +13,12 @@ var _core = require("@blueprintjs/core");
 
 var _context = require("@riboseinc/paneron-extension-kit/context");
 
-var _HelpTooltip = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/HelpTooltip"));
-
 var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
 
+var _util = require("@riboseinc/paneron-extension-kit/util");
+
+var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
+
 var _BrowserCtx = require("../../BrowserCtx");
 
 var _itemPathUtils = require("../../itemPathUtils");
@@ -25,15 +27,17 @@ var _ChangeRequestContext = require("../../change-request/ChangeRequestContext")
 
 var _Proposals = _interopRequireDefault(require("../../change-request/Proposals"));
 
-var _cr = require("../../../types/cr");
+var _TransitionOptions = _interopRequireWildcard(require("../../change-request/TransitionOptions"));
 
-var _RegisterStakeholder = require("../../RegisterStakeholder");
+var _TransitionHistory = _interopRequireWildcard(require("../../change-request/TransitionHistory"));
 
-var _protocolRegistry = require("../../protocolRegistry");
+var _Summary = _interopRequireDefault(require("../../change-request/Summary"));
+
+var _cr = require("../../../types/cr");
 
-var _util = require("../../util");
+var _protocolRegistry = require("../../protocolRegistry");
 
-var _transitions = require("./transitions");
+var _util2 = require("../../util");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -62,18 +66,24 @@ const MaybeChangeRequest = (0, _react.memo)(function ({
   } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
   const {
     changeRequest: cr,
-    canEdit
+    canTransition,
+    deleteCR
   } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
-  const handleAfterDelete = (0, _react.useCallback)(() => closeTabWithURI(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${uri}`), [closeTabWithURI]);
+  const handleDelete = (0, _react.useCallback)(async () => {
+    if (deleteCR) {
+      await deleteCR();
+      closeTabWithURI(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${uri}`);
+    }
+  }, [deleteCR, closeTabWithURI]);
   return cr ? (0, _react2.jsx)(ChangeRequestDetails, {
     cr: cr,
-    canEdit: canEdit,
+    canTransition: canTransition,
+    onDelete: deleteCR ? handleDelete : undefined,
     css: (0, _react2.css)`
           position: absolute;
           inset: 0;
           overflow-y: auto;
-        `,
-    afterDelete: handleAfterDelete
+        `
   }) : (0, _react2.jsx)(_core.NonIdealState, {
     icon: (0, _react2.jsx)(_core.Spinner, null),
     css: (0, _react2.css)`
@@ -86,157 +96,134 @@ const MaybeChangeRequest = (0, _react.memo)(function ({
 });
 const ChangeRequestDetails = (0, _react.memo)(function ({
   cr,
-  canEdit,
-  afterDelete,
+  canTransition,
+  onDelete,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f;
-
-  const {
-    performOperation,
-    updateTree
-  } = (0, _react.useContext)(_context.DatasetContext);
   const {
-    registerMetadata,
-    stakeholder,
     activeChangeRequestID,
-    setActiveChangeRequestID
+    setActiveChangeRequestID,
+    stakeholder,
+    registerMetadata
   } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
   const helmet = (0, _react.useMemo)(() => {
     var _a;
 
-    return (0, _react2.jsx)(_util.RegisterHelmet, null, (0, _react2.jsx)("title", null, "Viewing proposal: ", (_a = cr.justification) !== null && _a !== void 0 ? _a : "N/A"));
+    return (0, _react2.jsx)(_util2.RegisterHelmet, null, (0, _react2.jsx)("title", null, "Viewing proposal: ", (_a = cr.justification) !== null && _a !== void 0 ? _a : "N/A"));
   }, [cr.justification]);
   const isActive = activeChangeRequestID === cr.id;
   const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;
-  const canTransition = stakeholder && (0, _transitions.getTransitions)(cr, stakeholder).length > 0;
-  const crStakeholder = ((_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.stakeholders) !== null && _a !== void 0 ? _a : []).find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);
-  const authorIsCurrentUser = (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.gitServerUsername) && cr.submittingStakeholderGitServerUsername === stakeholder.gitServerUsername;
   const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));
   const hasItems = crItemEntries.length > 0;
-  const crItemMemo = crItemEntries.toString();
-  const handleDelete = (0, _react.useMemo)(() => authorIsCurrentUser && updateTree && !isActive && !hasItems && !cr.timeProposed ? performOperation('deleting proposal', async function handleDelete() {
-    const subtreeRoot = (0, _itemPathUtils.crIDToCRPath)(cr.id).replace('/main.yaml', '');
-    await updateTree({
-      subtreeRoot,
-      newSubtreeRoot: null,
-      commitMessage: 'remove CR draft'
-    });
-    afterDelete === null || afterDelete === void 0 ? void 0 : afterDelete();
-  }) : undefined, [isActive, hasItems, authorIsCurrentUser, cr.id, cr.timeProposed, afterDelete, updateTree]);
   const proposals = (0, _react.useMemo)(() => hasItems ? (0, _react2.jsx)(_Proposals.default, {
     proposals: cr.items,
     css: (0, _react2.css)`flex: 1;`
   }) : (0, _react2.jsx)(_core.NonIdealState, {
     icon: "clean",
     title: "Nothing is proposed here yet.",
-    description: handleDelete ? (0, _react2.jsx)(_core.Button, {
-      onClick: handleDelete
+    description: onDelete ? (0, _react2.jsx)(_core.Button, {
+      onClick: onDelete
     }, "Delete this CR draft") : undefined
-  }), [handleDelete, hasItems, crItemMemo]);
-  return (0, _react2.jsx)(_util.TabContentsWithActions, {
-    className: className,
-    actions: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_core.FormGroup, {
-      inline: true,
-      labelInfo: (0, _react2.jsx)(_HelpTooltip.default, {
+  }), [onDelete, hasItems]);
+  const classification = (0, _react.useMemo)(() => {
+    var _a;
+
+    const classification = [];
+    classification.push({
+      icon: 'lightbulb',
+      children: "Proposal",
+      tooltip: {
         icon: 'info-sign',
-        content: (0, _react2.jsx)(_core.UL, null, (0, _react2.jsx)("li", null, "Proposal ID: ", cr.id))
-      }),
-      label: (0, _react2.jsx)("strong", null, "Proposal"),
-      css: (0, _react2.css)`margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }`
-    }, (0, _react2.jsx)(CRActivation, {
-      isActive: isActive,
-      htmlTitle: anotherIsActive ? "You are in another proposal so you can’t enter this one. " : canEdit && !isActive ? "Enter proposal to preview or add to proposed changes. " : !isActive ? "Enter proposal to preview the register as proposed." : "You’re previewing the register with this proposal applied.",
-      onChangeActiveStatus: !anotherIsActive && setActiveChangeRequestID ? active => active ? setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(cr.id) : setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(null) : undefined
-    }))),
-    main: (0, _react2.jsx)("div", {
-      css: (0, _react2.css)`
-              display: flex;
-              flex-flow: row wrap;
-              padding: 10px;
-              gap: 10px;
-              align-content: flex-start;
-              align-items: flex-start;
-            `,
-      className: className
-    }, helmet, (0, _react2.jsx)(_core.Card, {
-      elevation: 0,
-      css: (0, _react2.css)`
-            flex: 100%;
-            background: ${_core.Colors.LIGHT_GRAY3};
-            padding: 11px;
-            display: flex;
-            min-height: 70vh;
-          `
-    }, proposals), (0, _react2.jsx)(_core.Card, {
-      elevation: 1,
-      css: (0, _react2.css)`flex: 30%; padding: 11px;`
-    }, crStakeholder ? (0, _react2.jsx)("div", null, "Author: ", (0, _react2.jsx)(_RegisterStakeholder.RegisterStakeholderListItem, {
-      stakeholder: crStakeholder,
-      isCurrentUser: authorIsCurrentUser || undefined
-    })) : null, (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Register\u00A0version before\u00A0proposal: ", (0, _react2.jsx)("strong", null, (_b = cr.registerVersion) !== null && _b !== void 0 ? _b : 'N/A'), "\u2002", cr.registerVersion === ((_c = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version) === null || _c === void 0 ? void 0 : _c.id) ? (0, _react2.jsx)(_core.Tag, {
-      css: (0, _react2.css)`display: inline;`,
-      intent: 'success',
-      minimal: true,
-      round: true
-    }, "current", " ", (0, _react2.jsx)(_HelpTooltip.default, {
-      intent: 'success',
-      content: (0, _react2.jsx)(_react.default.Fragment, null, "Published version of the register", " ", "had not changed since this proposal started.")
-    })) : (0, _react2.jsx)(_core.Tag, {
-      css: (0, _react2.css)`display: inline;`,
-      intent: 'warning',
-      minimal: true,
-      round: true
-    }, "not current", " ", (0, _react2.jsx)(_HelpTooltip.default, {
-      intent: 'warning',
-      icon: 'warning-sign',
-      content: (0, _react2.jsx)(_react.default.Fragment, null, "Register is currently at version ", (0, _react2.jsx)("strong", null, (_e = (_d = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : 'N/A'), ",", " ", "which is different from version proposal author may have had in mind.", " ", "It is recommended that proposed changes are reviewed to avoid unintentionally", " ", "undoing a prior change.")
-    }))), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Edited: ", (0, _react2.jsx)(_util.Datestamp, {
-      date: cr.timeEdited
-    })), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Proposed: ", (0, _cr.hadBeenProposed)(cr) ? (0, _react2.jsx)(_util.Datestamp, {
-      date: cr.timeProposed
-    }) : 'not yet'), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)("div", null, "Disposed: ", (0, _cr.isDisposed)(cr) ? (0, _react2.jsx)(_util.Datestamp, {
-      date: cr.timeDisposed
-    }) : 'not yet'), (0, _react2.jsx)(_core.Divider, null), (0, _react2.jsx)(_core.H5, null, ((_f = cr.state) === null || _f === void 0 ? void 0 : _f.replaceAll('-', ' ')) || 'N/A')), (0, _react2.jsx)(_core.Card, {
-      elevation: 1,
-      css: (0, _react2.css)`flex: 30%; padding: 11px;`
-    }, (0, _transitions.getPastTransitions)(cr).map(([key, el], idx) => (0, _react2.jsx)(_react.default.Fragment, {
-      key: key
-    }, idx !== 0 ? (0, _react2.jsx)(_core.Divider, null) : null, (0, _react2.jsx)(_core.FormGroup, {
-      label: `${key}:`
-    }, (0, _react2.jsx)("div", {
-      css: (0, _react2.css)`white-space: pre-wrap;`,
-      className: _core.Classes.RUNNING_TEXT
-    }, el))))), canTransition ? (0, _react2.jsx)(_core.Card, {
-      elevation: 3,
-      css: (0, _react2.css)`flex: 30%; padding: 11px;`
-    }, (0, _react2.jsx)(_transitions.TransitionOptions, {
-      cr: cr
-    })) : null)
-  });
+        content: (0, _react2.jsx)(_core.UL, {
+          css: (0, _react2.css)`margin: 0;`
+        }, (0, _react2.jsx)("li", null, "Proposal ID: ", cr.id))
+      }
+    });
+    classification.push({
+      children: ((_a = cr.state) === null || _a === void 0 ? void 0 : _a.replaceAll('-', ' ')) || 'N/A',
+      tooltip: {
+        icon: 'history',
+        content: (0, _react2.jsx)(_core.UL, {
+          css: (0, _react2.css)`margin: 0;`
+        }, (0, _react2.jsx)("li", null, "Edited: ", (0, _react2.jsx)(_util2.Datestamp, {
+          date: cr.timeEdited
+        })), (0, _react2.jsx)("li", null, "Proposed: ", (0, _cr.hadBeenProposed)(cr) ? (0, _react2.jsx)(_util2.Datestamp, {
+          date: cr.timeProposed
+        }) : 'not yet'), (0, _react2.jsx)("li", null, "Disposed: ", (0, _cr.isDisposed)(cr) ? (0, _react2.jsx)(_util2.Datestamp, {
+          date: cr.timeDisposed
+        }) : 'not yet'))
+      },
+      intent: cr.state === 'accepted' ? 'success' : cr.state === 'returned-for-clarification' ? 'warning' : cr.state === 'withdrawn' || cr.state === 'rejected' ? 'danger' : cr.state === 'draft' ? undefined : 'primary'
+    });
+    return classification;
+  }, [(0, _util.toJSONNormalized)(cr)]);
+  const actions = (0, _react.useMemo)(() => {
+    const actions = [];
+    const handleChangeActiveStatus = !anotherIsActive && setActiveChangeRequestID ? active => active ? setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(cr.id) : setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(null) : undefined; //const htmlTitle = anotherIsActive
+    //  ? "You are in another proposal so you can’t enter this one. "
+    //  : canEdit && !isActive
+    //    ? "Enter proposal to preview or add to proposed changes. "
+    //    : !isActive
+    //      ? "Enter proposal to preview the register as proposed."
+    //      : "You’re previewing the register with this proposal applied."
+
+    if (handleChangeActiveStatus && isActive) {
+      actions.push({
+        children: "Exit proposal",
+        intent: 'warning',
+        disabled: !handleChangeActiveStatus,
+        onClick: () => handleChangeActiveStatus === null || handleChangeActiveStatus === void 0 ? void 0 : handleChangeActiveStatus(false) //title: htmlTitle,
+
+      });
+    } else {
+      actions.push({
+        children: "Work on this proposal",
+        intent: 'primary',
+        disabled: !handleChangeActiveStatus,
+        onClick: () => handleChangeActiveStatus === null || handleChangeActiveStatus === void 0 ? void 0 : handleChangeActiveStatus(true) //title: htmlTitle,
+
+      });
+    }
+
+    return actions;
+  }, [isActive, anotherIsActive]);
+  return (0, _react2.jsx)(_util2.TabContentsWithHeader, {
+    className: className,
+    title: (0, _util2.maybeEllipsizeString)(cr.justification, 70),
+    classification: classification,
+    layout: "card-grid",
+    actions: actions
+  }, helmet, (0, _react2.jsx)(_core.Card, {
+    elevation: 0,
+    css: (0, _react2.css)`
+        flex: 100%;
+        background: ${_core.Colors.LIGHT_GRAY3};
+        padding: 0;
+        display: flex;
+        min-height: 70vh;
+      `
+  }, proposals), (0, _react2.jsx)(_core.Card, {
+    elevation: 1,
+    css: (0, _react2.css)`flex: 30%; padding: 11px;`
+  }, (0, _react2.jsx)(_DL.default, null, (0, _react2.jsx)(_Summary.default, {
+    cr: cr,
+    currentStakeholder: stakeholder,
+    registerMetadata: registerMetadata !== null && registerMetadata !== void 0 ? registerMetadata : undefined
+  }))), (0, _react2.jsx)(_core.Card, {
+    elevation: 1,
+    css: (0, _react2.css)`flex: 30%; padding: 11px;`
+  }, (0, _react2.jsx)(_TransitionHistory.default, {
+    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(cr),
+    isFinal: (0, _TransitionOptions.isFinalState)(cr.state)
+  })), canTransition ? (0, _react2.jsx)(_core.Card, {
+    elevation: 3,
+    css: (0, _react2.css)`flex: 30%; padding: 11px;`
+  }, (0, _react2.jsx)(_TransitionOptions.default, {
+    transitions: stakeholder ? (0, _TransitionOptions.getTransitions)(cr, stakeholder) : [],
+    stakeholder: stakeholder,
+    cr: cr
+  })) : null);
 });
-
-const CRActivation = function ({
-  isActive,
-  htmlTitle,
-  labels,
-  onChangeActiveStatus
-}) {
-  var _a, _b;
-
-  return onChangeActiveStatus && isActive ? (0, _react2.jsx)(_core.Button, {
-    title: htmlTitle,
-    intent: "warning",
-    disabled: !onChangeActiveStatus,
-    onClick: () => onChangeActiveStatus === null || onChangeActiveStatus === void 0 ? void 0 : onChangeActiveStatus(false)
-  }, (_a = labels === null || labels === void 0 ? void 0 : labels.deactivate) !== null && _a !== void 0 ? _a : "Exit proposal") : (0, _react2.jsx)(_core.Button, {
-    title: htmlTitle,
-    intent: onChangeActiveStatus ? 'primary' : undefined,
-    disabled: !onChangeActiveStatus,
-    onClick: () => onChangeActiveStatus === null || onChangeActiveStatus === void 0 ? void 0 : onChangeActiveStatus(true)
-  }, (_b = labels === null || labels === void 0 ? void 0 : labels.activate) !== null && _b !== void 0 ? _b : "Work on this proposal");
-};
-
 const CRTitle = (0, _react.memo)(function ({
   uri
 }) {
@@ -248,7 +235,7 @@ const CRTitle = (0, _react.memo)(function ({
   const justification = (_b = (_a = useObjectData({
     objectPaths: [uri]
   }).value.data) === null || _a === void 0 ? void 0 : _a[uri]) === null || _b === void 0 ? void 0 : _b.justification;
-  return (0, _react2.jsx)(_react.default.Fragment, null, "Proposal \u201C", (0, _util.maybeEllipsizeString)(justification !== null && justification !== void 0 ? justification : uri), "\u201D");
+  return (0, _react2.jsx)(_react.default.Fragment, null, "Proposal \u201C", (0, _util2.maybeEllipsizeString)(justification !== null && justification !== void 0 ? justification : uri), "\u201D");
 });
 var _default = {
   main: View,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\n  FormGroup,\n  Colors,\n  NonIdealState,\n  Spinner,\n  H5,\n  UL,\n  Tag,\n  Divider,\n  Classes,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport HelpTooltip from '@riboseinc/paneron-extension-kit/widgets/HelpTooltip';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { crPathToCRID, crIDToCRPath } from '../../itemPathUtils';\nimport {\n  ChangeRequestContextProvider,\n  ChangeRequestContext,\n} from '../../change-request/ChangeRequestContext';\nimport Proposals from '../../change-request/Proposals';\nimport { type SomeCR, type Proposed, hadBeenProposed, isDisposed } from '../../../types/cr';\nimport { RegisterStakeholderListItem } from '../../RegisterStakeholder';\nimport { Protocols } from '../../protocolRegistry';\nimport {\n  TabContentsWithActions,\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  Datestamp,\n} from '../../util';\nimport { TransitionOptions, getPastTransitions, getTransitions } from './transitions';\n\n\nconst View: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const crID = crPathToCRID(uri);\n  return (\n    <ChangeRequestContextProvider changeRequestID={crID}>\n      <MaybeChangeRequest uri={uri} />\n    </ChangeRequestContextProvider>\n  );\n});\n\n\nconst MaybeChangeRequest: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const { closeTabWithURI } = useContext(TabbedWorkspaceContext);\n  const { changeRequest: cr, canEdit } = useContext(ChangeRequestContext);\n  const handleAfterDelete = useCallback(\n    (() => closeTabWithURI(`${Protocols.CHANGE_REQUEST}:${uri}`)),\n    [closeTabWithURI]);\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canEdit={canEdit}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n        afterDelete={handleAfterDelete}\n      />\n    : <NonIdealState\n        icon={<Spinner />}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n        description={\"Unable to load proposal\"}\n      />\n  );\n});\n\n\nconst ChangeRequestDetails: React.VoidFunctionComponent<{\n  cr: SomeCR,\n  canEdit: boolean,\n  afterDelete?: () => void,\n  className?: string,\n}> = memo(function ({ cr, canEdit, afterDelete, className }) {\n  const { performOperation, updateTree } = useContext(DatasetContext);\n  const {\n    registerMetadata,\n    stakeholder,\n    activeChangeRequestID,\n    setActiveChangeRequestID,\n  } = useContext(BrowserCtx);\n\n  const helmet = useMemo((() =>\n    <Helmet>\n      <title>Viewing proposal: {cr.justification ?? \"N/A\"}</title>\n    </Helmet>\n  ), [cr.justification]);\n\n  const isActive = activeChangeRequestID === cr.id;\n  const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;\n  const canTransition = stakeholder && getTransitions(cr, stakeholder).length > 0;\n\n  const crStakeholder = (registerMetadata?.stakeholders ?? []).\n    find(s => s.gitServerUsername === cr.submittingStakeholderGitServerUsername);\n\n  const authorIsCurrentUser = (\n    stakeholder?.gitServerUsername &&\n    cr.submittingStakeholderGitServerUsername === stakeholder.gitServerUsername);\n\n  const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));\n  const hasItems = crItemEntries.length > 0;\n  const crItemMemo = crItemEntries.toString();\n\n  const handleDelete = useMemo((() =>\n    authorIsCurrentUser && updateTree && !isActive && !hasItems && !(cr as Proposed).timeProposed\n    ? performOperation('deleting proposal', async function handleDelete() {\n        const subtreeRoot = crIDToCRPath(cr.id).replace('/main.yaml', '');\n        await updateTree({ subtreeRoot, newSubtreeRoot: null, commitMessage: 'remove CR draft' });\n        afterDelete?.();\n      })\n    : undefined\n  ), [isActive, hasItems, authorIsCurrentUser, cr.id, (cr as Proposed).timeProposed, afterDelete, updateTree]);\n\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals proposals={cr.items} css={css`flex: 1;`} />\n      : <NonIdealState\n          icon=\"clean\"\n          title=\"Nothing is proposed here yet.\"\n          description={handleDelete\n            ? <Button onClick={handleDelete}>\n                Delete this CR draft\n              </Button>\n            : undefined}\n        />\n  ), [\n    handleDelete,\n    hasItems,\n    crItemMemo,\n  ]);\n\n  return (\n    <TabContentsWithActions\n      className={className}\n      actions={<>\n        <FormGroup\n            inline\n            labelInfo={<HelpTooltip\n              icon='info-sign'\n              content={<UL><li>Proposal ID: {cr.id}</li></UL>}\n            />}\n            label={<strong>Proposal</strong>}\n            css={css`margin: 0; .bp4-form-content { display: flex; flex-flow: row wrap; gap: 10px; }`}>\n          <CRActivation\n            isActive={isActive}\n            htmlTitle={anotherIsActive\n            ? \"You are in another proposal so you can’t enter this one. \"\n            : canEdit && !isActive\n              ? \"Enter proposal to preview or add to proposed changes. \"\n              : !isActive\n                ? \"Enter proposal to preview the register as proposed.\"\n                : \"You’re previewing the register with this proposal applied.\"}\n            onChangeActiveStatus={!anotherIsActive && setActiveChangeRequestID\n              ? ((active) => active\n                  ? setActiveChangeRequestID?.(cr.id)\n                  : setActiveChangeRequestID?.(null)\n                )\n              : undefined}\n          />\n        </FormGroup>\n      </>}\n      main={\n        <div\n            css={css`\n              display: flex;\n              flex-flow: row wrap;\n              padding: 10px;\n              gap: 10px;\n              align-content: flex-start;\n              align-items: flex-start;\n            `}\n            className={className}>\n          {helmet}\n\n          <Card elevation={0} css={css`\n            flex: 100%;\n            background: ${Colors.LIGHT_GRAY3};\n            padding: 11px;\n            display: flex;\n            min-height: 70vh;\n          `}>\n            {proposals}\n          </Card>\n\n          <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n\n            {crStakeholder\n              ? <div>\n                  Author: <RegisterStakeholderListItem\n                    stakeholder={crStakeholder}\n                    isCurrentUser={authorIsCurrentUser || undefined}\n                  />\n                </div>\n              : null}\n\n            <Divider />\n            <div>\n              Register&nbsp;version before&nbsp;proposal: <strong>{cr.registerVersion ?? 'N/A'}</strong>\n              &ensp;\n              {cr.registerVersion === registerMetadata?.version?.id\n                ? <Tag css={css`display: inline;`} intent='success' minimal round>\n                    current\n                    {\" \"}\n                    <HelpTooltip intent='success' content={<>\n                      Published version of the register\n                      {\" \"}\n                      had not changed since this proposal started.\n                    </>} />\n                  </Tag>\n                : <Tag css={css`display: inline;`} intent='warning' minimal round>\n                    not current\n                    {\" \"}\n                    <HelpTooltip intent='warning' icon='warning-sign' content={<>\n                      Register is currently at version <strong>{registerMetadata?.version?.id ?? 'N/A'}</strong>,\n                      {\" \"}\n                      which is different from version proposal author may have had in mind.\n                      {\" \"}\n                      It is recommended that proposed changes are reviewed to avoid unintentionally\n                      {\" \"}\n                      undoing a prior change.\n                    </>} />\n                  </Tag>}\n            </div>\n            <Divider />\n            <div>Edited: <Datestamp date={cr.timeEdited} /></div>\n            <Divider />\n            <div>Proposed: {hadBeenProposed(cr) ? <Datestamp date={cr.timeProposed} /> : 'not yet'}</div>\n            <Divider />\n            <div>Disposed: {isDisposed(cr) ? <Datestamp date={cr.timeDisposed} /> : 'not yet'}</div>\n            <Divider />\n\n            <H5>\n              {cr.state?.replaceAll('-', ' ') || 'N/A'}\n            </H5>\n          </Card>\n\n          <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n            {getPastTransitions(cr).map(([key, el], idx) =>\n              <React.Fragment key={key}>\n                {idx !== 0 ? <Divider /> : null}\n                <FormGroup label={`${key}:`}>\n                  <div\n                      css={css`white-space: pre-wrap;`}\n                      className={Classes.RUNNING_TEXT}>\n                    {el}\n                  </div>\n                </FormGroup>\n              </React.Fragment>\n            )}\n          </Card>\n\n          {canTransition\n            ? <Card elevation={3} css={css`flex: 30%; padding: 11px;`}>\n                <TransitionOptions cr={cr} />\n              </Card>\n            : null}\n        </div>}\n    />\n  );\n});\n\n\nconst CRActivation: React.FC<{\n  isActive: boolean;\n  htmlTitle?: string;\n\n  /** Labels for the “activate” and “deactivate” buttons. */\n  labels?: { activate?: string, deactivate?: string };\n\n  onChangeActiveStatus?: (newStatus: boolean) => void;\n}> = function ({ isActive, htmlTitle, labels, onChangeActiveStatus }) {\n  return onChangeActiveStatus && isActive\n    ? <Button\n          title={htmlTitle}\n          intent=\"warning\"\n          disabled={!onChangeActiveStatus}\n          onClick={() => onChangeActiveStatus?.(false)}>\n        {labels?.deactivate ?? \"Exit proposal\"}\n      </Button>\n    : <Button\n          title={htmlTitle}\n          intent={onChangeActiveStatus ? 'primary' : undefined}\n          disabled={!onChangeActiveStatus}\n          onClick={() => onChangeActiveStatus?.(true)}>\n        {labels?.activate ?? \"Work on this proposal\"}\n      </Button>;\n};\n\n\nconst CRTitle: React.FC<{ uri: string }> = memo(function ({ uri }) {\n  const { useObjectData } = useContext(DatasetContext);\n  const justification = useObjectData({ objectPaths: [uri] }).value.data?.[uri]?.justification;\n  return <>Proposal “{maybeEllipsizeString(justification ?? uri)}”</>;\n});\n\nexport default { main: View, title: CRTitle };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\n  Colors,\n  NonIdealState,\n  Spinner,\n  UL,\n} from '@blueprintjs/core';\nimport { DatasetContext } from '@riboseinc/paneron-extension-kit/context';\nimport { TabbedWorkspaceContext } from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context';\nimport { toJSONNormalized } from '@riboseinc/paneron-extension-kit/util';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport { BrowserCtx } from '../../BrowserCtx';\nimport { crPathToCRID } from '../../itemPathUtils';\nimport {\n  ChangeRequestContextProvider,\n  ChangeRequestContext,\n} from '../../change-request/ChangeRequestContext';\nimport Proposals from '../../change-request/Proposals';\nimport TransitionOptions, { isFinalState, getTransitions } from '../../change-request/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\nimport Summary from '../../change-request/Summary';\nimport { type SomeCR, hadBeenProposed, isDisposed } from '../../../types/cr';\nimport { Protocols } from '../../protocolRegistry';\nimport {\n  TabContentsWithHeader,\n  type TabContentsWithHeaderProps,\n  RegisterHelmet as Helmet,\n  maybeEllipsizeString,\n  Datestamp,\n} from '../../util';\n\n\nconst View: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const crID = crPathToCRID(uri);\n  return (\n    <ChangeRequestContextProvider changeRequestID={crID}>\n      <MaybeChangeRequest uri={uri} />\n    </ChangeRequestContextProvider>\n  );\n});\n\n\nconst MaybeChangeRequest: React.VoidFunctionComponent<{ uri: string }> =\nmemo(function ({ uri }) {\n  const { closeTabWithURI } = useContext(TabbedWorkspaceContext);\n  const { changeRequest: cr, canTransition, deleteCR } = useContext(ChangeRequestContext);\n  const handleDelete = useCallback(\n    (async () => {\n      if (deleteCR) {\n        await deleteCR();\n        closeTabWithURI(`${Protocols.CHANGE_REQUEST}:${uri}`);\n      }\n    }),\n    [deleteCR, closeTabWithURI]);\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canTransition={canTransition}\n        onDelete={deleteCR ? handleDelete : undefined}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n      />\n    : <NonIdealState\n        icon={<Spinner />}\n        css={css`\n          position: absolute;\n          inset: 0;\n          overflow-y: auto;\n        `}\n        description={\"Unable to load proposal\"}\n      />\n  );\n});\n\n\nconst ChangeRequestDetails: React.VoidFunctionComponent<{\n  cr: SomeCR,\n  canTransition: boolean,\n  onDelete?: () => void,\n  className?: string,\n}> = memo(function ({ cr, canTransition, onDelete, className }) {\n  const {\n    activeChangeRequestID,\n    setActiveChangeRequestID,\n    stakeholder,\n    registerMetadata,\n  } = useContext(BrowserCtx);\n\n  const helmet = useMemo((() =>\n    <Helmet>\n      <title>Viewing proposal: {cr.justification ?? \"N/A\"}</title>\n    </Helmet>\n  ), [cr.justification]);\n\n  const isActive = activeChangeRequestID === cr.id;\n  const anotherIsActive = activeChangeRequestID && activeChangeRequestID !== cr.id;\n\n  const crItemEntries = Object.entries(cr.items).map(i => JSON.stringify(i));\n  const hasItems = crItemEntries.length > 0;\n\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals proposals={cr.items} css={css`flex: 1;`} />\n      : <NonIdealState\n          icon=\"clean\"\n          title=\"Nothing is proposed here yet.\"\n          description={onDelete\n            ? <Button onClick={onDelete}>\n                Delete this CR draft\n              </Button>\n            : undefined}\n        />\n  ), [onDelete, hasItems]);\n\n  const classification = useMemo(() => {\n    const classification: TabContentsWithHeaderProps[\"classification\"] = [];\n    classification.push({\n      icon: 'lightbulb',\n      children: \"Proposal\",\n      tooltip: {\n        icon: 'info-sign',\n        content: <UL css={css`margin: 0;`}><li>Proposal ID: {cr.id}</li></UL>,\n      },\n    });\n    classification.push({\n      children: cr.state?.replaceAll('-', ' ') || 'N/A',\n      tooltip: {\n        icon: 'history',\n        content: <UL css={css`margin: 0;`}>\n          <li>Edited: <Datestamp date={cr.timeEdited} /></li>\n          <li>Proposed: {hadBeenProposed(cr) ? <Datestamp date={cr.timeProposed} /> : 'not yet'}</li>\n          <li>Disposed: {isDisposed(cr) ? <Datestamp date={cr.timeDisposed} /> : 'not yet'}</li>\n        </UL>,\n      },\n      intent: cr.state === 'accepted'\n        ? 'success'\n        : cr.state === 'returned-for-clarification'\n          ? 'warning'\n          : cr.state === 'withdrawn' || cr.state === 'rejected'\n            ? 'danger'\n            : cr.state === 'draft'\n              ? undefined\n              : 'primary',\n    });\n    return classification;\n  }, [toJSONNormalized(cr)]);\n\n  const actions = useMemo(() => {\n    const actions: TabContentsWithHeaderProps[\"actions\"] = [];\n    const handleChangeActiveStatus = !anotherIsActive && setActiveChangeRequestID\n      ? ((active: boolean) => active\n          ? setActiveChangeRequestID?.(cr.id)\n          : setActiveChangeRequestID?.(null)\n        )\n      : undefined;\n    //const htmlTitle = anotherIsActive\n    //  ? \"You are in another proposal so you can’t enter this one. \"\n    //  : canEdit && !isActive\n    //    ? \"Enter proposal to preview or add to proposed changes. \"\n    //    : !isActive\n    //      ? \"Enter proposal to preview the register as proposed.\"\n    //      : \"You’re previewing the register with this proposal applied.\"\n    if (handleChangeActiveStatus && isActive) {\n      actions.push({\n        children: \"Exit proposal\",\n        intent: 'warning',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(false)\n        //title: htmlTitle,\n      });\n    } else {\n      actions.push({\n        children: \"Work on this proposal\",\n        intent: 'primary',\n        disabled: !handleChangeActiveStatus,\n        onClick: () => handleChangeActiveStatus?.(true)\n        //title: htmlTitle,\n      });\n    }\n    return actions;\n  }, [isActive, anotherIsActive]);\n\n  return (\n    <TabContentsWithHeader\n        className={className}\n        title={maybeEllipsizeString(cr.justification, 70)}\n        classification={classification}\n        layout=\"card-grid\"\n        actions={actions}>\n\n      {helmet}\n\n      <Card elevation={0} css={css`\n        flex: 100%;\n        background: ${Colors.LIGHT_GRAY3};\n        padding: 0;\n        display: flex;\n        min-height: 70vh;\n      `}>\n        {proposals}\n      </Card>\n\n      <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n        <DL>\n          <Summary\n            cr={cr}\n            currentStakeholder={stakeholder}\n            registerMetadata={registerMetadata ?? undefined}\n          />\n        </DL>\n      </Card>\n\n      <Card elevation={1} css={css`flex: 30%; padding: 11px;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(cr)}\n          isFinal={isFinalState(cr.state)}\n        />\n      </Card>\n\n      {canTransition\n        ? <Card elevation={3} css={css`flex: 30%; padding: 11px;`}>\n            <TransitionOptions\n              transitions={stakeholder ? getTransitions(cr, stakeholder) : []}\n              stakeholder={stakeholder}\n              cr={cr}\n            />\n          </Card>\n        : null}\n    </TabContentsWithHeader>\n  );\n});\n\n\nconst CRTitle: React.FC<{ uri: string }> = memo(function ({ uri }) {\n  const { useObjectData } = useContext(DatasetContext);\n  const justification = useObjectData({ objectPaths: [uri] }).value.data?.[uri]?.justification;\n  return <>Proposal “{maybeEllipsizeString(justification ?? uri)}”</>;\n});\n\nexport default { main: View, title: CRTitle };\n"]}

package/views/detail/RegisterHome/ActiveProposalDetails.d.ts

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import type { Register, RegisterStakeholder } from '../../../types';
+import { type SomeCR as CR } from '../../../types/cr';
+declare const CurrentProposalBlock: React.VoidFunctionComponent<{
+    proposal: CR;
+    register: Register;
+    stakeholder?: RegisterStakeholder;
+    canDelete?: boolean;
+    onDelete?: () => (void | Promise<void>);
+    onOpen?: () => void;
+    className?: string;
+}>;
+export default CurrentProposalBlock;

package/views/detail/RegisterHome/ActiveProposalDetails.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
+
+var _Summary = _interopRequireDefault(require("../../change-request/Summary"));
+
+var _TransitionOptions = _interopRequireWildcard(require("../../change-request/TransitionOptions"));
+
+var _TransitionHistory = _interopRequireWildcard(require("../../change-request/TransitionHistory"));
+
+var _Block = _interopRequireDefault(require("./Block"));
+
+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 CurrentProposalBlock = function ({
+  proposal,
+  stakeholder,
+  register,
+  onDelete,
+  onOpen,
+  canDelete,
+  className
+}) {
+  const actions = (0, _react.useMemo)(() => {
+    const actions = stakeholder && (0, _TransitionOptions.canBeTransitionedBy)(stakeholder, proposal) ? [
+      /*{
+      // Action is taken from within the widget.
+      text: "Take action",
+      onClick: () => void 0,
+      icon: 'take-action',
+      intent: 'primary',
+      }*/
+    ] : canDelete ? [{
+      text: "Delete this proposal draft",
+      onClick: onDelete,
+      disabled: !onDelete,
+      icon: 'delete',
+      intent: 'danger'
+    }] : [];
+    actions.push({
+      text: "Open in new window",
+      disabled: !onOpen,
+      onClick: onOpen
+    });
+    return actions;
+  }, [onDelete, onOpen, stakeholder, proposal, canDelete]);
+  return (0, _react2.jsx)(_Block.default, {
+    View: CurrentProposal,
+    description: "Active proposal",
+    props: {
+      proposal,
+      stakeholder,
+      register
+    },
+    className: className,
+    actions: actions
+  });
+};
+
+var _default = CurrentProposalBlock;
+exports.default = _default;
+
+const CurrentProposal = function ({
+  stakeholder,
+  register,
+  proposal
+}) {
+  const transitions = stakeholder ? (0, _TransitionOptions.getTransitions)(proposal, stakeholder) : [];
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_DL.default, {
+    css: (0, _react2.css)`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`
+  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("dt", null, "Viewing\u00A0proposal:"), (0, _react2.jsx)("dd", {
+    css: (0, _react2.css)`max-height: 40px; overflow-y: auto;`
+  }, "\u201C", proposal.justification.trim() || '(justification N/A)', "\u201D")), (0, _react2.jsx)(_Summary.default, {
+    cr: proposal,
+    currentStakeholder: stakeholder,
+    registerMetadata: register
+  })), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`overflow-y: auto; flex-basis: min-content;`
+  }, (0, _react2.jsx)(_TransitionHistory.default, {
+    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(proposal),
+    isFinal: (0, _TransitionOptions.isFinalState)(proposal.state)
+  }), transitions.length > 0 ? (0, _react2.jsx)(_TransitionOptions.default, {
+    stakeholder: stakeholder,
+    transitions: transitions,
+    cr: proposal,
+    css: (0, _react2.css)`padding: 12px;`
+  }) : null));
+};

package/views/detail/RegisterHome/ActiveProposalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveProposalDetails.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/ActiveProposalDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useMemo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport { type MenuItemProps } from '@blueprintjs/core';\n\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\n\nimport Summary from '../../change-request/Summary';\nimport type { Register, RegisterStakeholder } from '../../../types';\nimport { type SomeCR as CR } from '../../../types/cr';\nimport TransitionOptions, { isFinalState, getTransitions, canBeTransitionedBy } from '../../change-request/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../change-request/TransitionHistory';\nimport HomeBlock from './Block';\n\n\nconst CurrentProposalBlock: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n  canDelete?: boolean\n  onDelete?: () => (void | Promise<void>)\n  onOpen?: () => void\n  className?: string\n}> = function ({ proposal, stakeholder, register, onDelete, onOpen, canDelete, className }) {\n  const actions = useMemo(() => {\n    const actions: MenuItemProps[] = stakeholder && canBeTransitionedBy(stakeholder, proposal)\n      ? [/*{\n          // Action is taken from within the widget.\n          text: \"Take action\",\n          onClick: () => void 0,\n          icon: 'take-action',\n          intent: 'primary',\n        }*/]\n      : canDelete\n        ? [{\n            text: \"Delete this proposal draft\",\n            onClick: onDelete,\n            disabled: !onDelete,\n            icon: 'delete',\n            intent: 'danger',\n          }]\n        : [];\n\n    actions.push({\n      text: \"Open in new window\",\n      disabled: !onOpen,\n      onClick: onOpen,\n    });\n\n    return actions;\n  }, [onDelete, onOpen, stakeholder, proposal, canDelete]);\n\n  return (\n    <HomeBlock\n      View={CurrentProposal}\n      description=\"Active proposal\"\n      props={{ proposal, stakeholder, register }}\n      className={className}\n      actions={actions}\n    />\n  );\n};\n\nexport default CurrentProposalBlock;\n\n\nconst CurrentProposal: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n}> = function ({ stakeholder, register, proposal }) {\n  const transitions = stakeholder\n    ? getTransitions(proposal, stakeholder)\n    : [];\n\n  return (\n    <>\n      <DL css={css`padding: 10px 12px 10px 12px; flex-grow: 1; flex-basis: max-content;`}>\n        <div>\n          <dt>Viewing&nbsp;proposal:</dt>\n          <dd css={css`max-height: 40px; overflow-y: auto;`}>\n            “{proposal.justification.trim() || '(justification N/A)'}”\n          </dd>\n        </div>\n        <Summary\n          cr={proposal}\n          currentStakeholder={stakeholder}\n          registerMetadata={register}\n        />\n      </DL>\n      <div css={css`overflow-y: auto; flex-basis: min-content;`}>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(proposal)}\n          isFinal={isFinalState(proposal.state)}\n        />\n        {transitions.length > 0\n          ? <TransitionOptions\n              stakeholder={stakeholder}\n              transitions={transitions}\n              cr={proposal}\n              css={css`padding: 12px;`}\n            />\n          : null}\n      </div>\n    </>\n  );\n};\n"]}

package/views/detail/RegisterHome/Block.d.ts

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { type MenuItemProps } from '@blueprintjs/core';
+interface HomeBlockProps<P extends Record<string, any>> {
+    description: string;
+    View: React.VoidFunctionComponent<P>;
+    /** Props to pass the `View`. */
+    props: P | null | undefined;
+    /** Shown if `props` is `null`. */
+    error?: string | JSX.Element;
+    /** Shown beneath `View`. */
+    actions?: MenuItemProps[];
+    /** Applies to wrapper card div. */
+    className?: string;
+}
+export default function HomeBlock<P extends Record<string, any>>({ View, description, props, error, actions, className }: HomeBlockProps<P>): jsx.JSX.Element;
+export {};

package/views/detail/RegisterHome/Block.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HomeBlock;
+
+var _react = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _util = require("../../util");
+
+//import { Helmet } from 'react-helmet';
+function HomeBlock({
+  View,
+  description,
+  props,
+  error,
+  actions,
+  className
+}) {
+  var _a;
+
+  return (0, _react.jsx)(_util.CardInGrid, {
+    css: (0, _react.css)`
+          padding: 5px;
+          display: flex; flex-flow: column nowrap;
+          overflow: hidden;
+          transition:
+            width .5s linear,
+            height .5s linear;
+        `,
+    description: description,
+    className: className
+  }, props ? (0, _react.jsx)(View, { ...props
+  }) : props === undefined ? (0, _react.jsx)(_core.NonIdealState, {
+    icon: (0, _react.jsx)(_core.Spinner, null)
+  }) : (0, _react.jsx)(_core.NonIdealState, {
+    icon: "heart-broken",
+    title: "Failed to load",
+    description: error
+  }), ((_a = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _a !== void 0 ? _a : 0) > 0 ? (0, _react.jsx)(_core.Menu, {
+    css: (0, _react.css)`background: none !important; flex-shrink: 0;`
+  }, actions.map((mip, idx) => (0, _react.jsx)(_core.MenuItem, {
+    key: idx,
+    ...mip
+  }))) : null);
+}