@riboseinc/paneron-registry-kit 2.2.9 → 2.2.11

package/views/detail/RegisterHome/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _react2 = require("@emotion/react");
 
@@ -13,192 +13,482 @@ var _core = require("@blueprintjs/core");
 
 var _context = require("@riboseinc/paneron-extension-kit/context");
 
+var _util = require("@riboseinc/paneron-extension-kit/util");
+
 var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/context");
 
 var _BrowserCtx = require("../../BrowserCtx");
 
-var _RegisterStakeholder = require("../../RegisterStakeholder");
+var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+
+var _itemPathUtils = require("../../itemPathUtils");
 
 var _objectChangeset = require("../../change-request/objectChangeset");
 
 var _cr = require("../../../types/cr");
 
+var _TransitionOptions = require("../../change-request/TransitionOptions");
+
+var _stakeholder = require("../../../types/stakeholder");
+
 var _protocolRegistry = require("../../protocolRegistry");
 
-var _itemPathUtils = require("../../itemPathUtils");
+var _MetaSummary = _interopRequireDefault(require("./MetaSummary"));
 
-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); }
+var _util2 = require("../../util");
 
-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; }
+var _Proposal = require("./Proposal");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /** @jsx jsx */
 
 /** @jsxFrag React.Fragment */
 //import { Helmet } from 'react-helmet';
 const RegisterHome = function () {
-  var _a, _b, _c, _d;
+  var _a;
 
   const {
     spawnTab
   } = (0, _react.useContext)(_context2.TabbedWorkspaceContext);
   const {
-    customViews,
+    //customViews,
     registerMetadata,
     stakeholder,
-    offline,
-    itemClasses
+    // offline,
+    itemClasses,
+    setActiveChangeRequestID
   } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+  const {
+    changeRequest: activeCR,
+    canDelete,
+    deleteCR
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
   const {
     requestFileFromFilesystem,
     makeRandomID,
     getObjectData,
     updateObjects,
     performOperation,
-    getMapReducedData
+    isBusy,
+    getMapReducedData,
+    useMapReducedData
   } = (0, _react.useContext)(_context.DatasetContext);
-  const [newProposalIdea, setNewProposalIdea] = (0, _react.useState)('');
   const registerVersion = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version;
-  const canCreateCR = stakeholder && stakeholder.role && ((_a = stakeholder.gitServerUsername) === null || _a === void 0 ? void 0 : _a.trim()) !== '' && makeRandomID && updateObjects && ((_b = registerVersion === null || registerVersion === void 0 ? void 0 : registerVersion.id) !== null && _b !== void 0 ? _b : '').trim() !== '';
-
-  async function createCR(justification) {
-    if (canCreateCR) {
-      const id = await makeRandomID();
-      await updateObjects({
-        commitMessage: "start new proposal",
-        objectChangeset: (0, _objectChangeset.newCRObjectChangeset)(id, justification, registerVersion, stakeholder.gitServerUsername)
-      });
-      return id;
+  const getNewEmptyCRChangeset = (0, _react.useMemo)(() => {
+    if (makeRandomID && stakeholder && (0, _stakeholder.canCreateCR)(stakeholder)) {
+      return async function getNewEmptyCRChangeset(newIdea) {
+        const crID = await makeRandomID();
+        return [(0, _objectChangeset.newCRObjectChangeset)(crID, newIdea, registerVersion, stakeholder.gitServerUsername), crID];
+      };
     } else {
-      throw new Error("Unable to create proposal: read-only dataset");
+      return undefined;
     }
-  }
+  }, [makeRandomID, stakeholder, registerVersion]);
+  const getImportedCRChangeset = (0, _react.useMemo)(() => {
+    if (requestFileFromFilesystem && stakeholder && (0, _stakeholder.canImportCR)(stakeholder)) {
+      return async function getImportedCRChangeset() {
+        const data = await requestFileFromFilesystem({
+          prompt: "Select one register proposal JSON file",
+          filters: [{
+            name: "JSON files",
+            extensions: ['.json']
+          }]
+        });
+        const fileData = Object.values(data)[0];
 
-  async function handleNewProposal() {
-    if (newProposalIdea) {
-      const crID = await performOperation("creating proposal", createCR)(newProposalIdea);
-      setNewProposalIdea('');
-      spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${(0, _itemPathUtils.crIDToCRPath)(crID)}`);
-    }
-  }
+        if (!fileData) {
+          throw new Error("No file was selected");
+        }
 
-  async function getCRImportChangeset() {
-    if (!requestFileFromFilesystem) {
-      throw new Error("Cannot request file from filesystem");
-    }
+        if ((0, _cr.isImportableCR)(fileData)) {
+          try {
+            const [changeset, crID] = await (0, _objectChangeset.importedProposalToCRObjectChangeset)(fileData, itemClasses, stakeholder.gitServerUsername, getObjectData, async function findObjects(predicate) {
+              const result = await getMapReducedData({
+                chains: {
+                  _: {
+                    mapFunc: `
+                        const data = value.data;
+                        if (data && (${predicate})) {
+                          emit({ objectPath: key, objectData: value });
+                        }
+                      `
+                  }
+                }
+              }); // NOTE: map returns an empty object if there’re no items,
+              // but we promise to return a list.
 
-    const data = await requestFileFromFilesystem({
-      prompt: "Select one register proposal JSON file",
-      filters: [{
-        name: "JSON files",
-        extensions: ['.json']
-      }]
-    });
-    const fileData = Object.values(data)[0];
-
-    if (!fileData) {
-      throw new Error("No file was selected");
-    }
-
-    if ((0, _cr.isImportableCR)(fileData)) {
-      const crID = fileData.proposalDraft.id;
-
-      try {
-        const changeset = await (0, _objectChangeset.importedProposalToCRObjectChangeset)(fileData, itemClasses, stakeholder.gitServerUsername, getObjectData, async function findObjects(predicate) {
-          const result = await getMapReducedData({
-            chains: {
-              _: {
-                mapFunc: `
-                    const data = value.data;
-                    if (data && (${predicate})) {
-                      emit({ objectPath: key, objectData: value });
-                    }
-                  `
+              if (!Array.isArray(result._)) {
+                return [];
               }
-            }
-          }); // NOTE: map returns an empty object if there’re no items,
-          // but we promise to return a list.
 
-          if (!Array.isArray(result._)) {
-            return [];
+              return result._;
+            });
+            return [changeset, crID];
+          } catch (e) {
+            throw new Error("Error reading proposal data");
           }
+        } else {
+          throw new Error("Invalid proposal format");
+        }
+      };
+    } else {
+      return undefined;
+    }
+  }, [getMapReducedData, requestFileFromFilesystem, getObjectData, stakeholder]);
+  const [importCR, createCR] = (0, _react.useMemo)(() => {
+    if (updateObjects && setActiveChangeRequestID && !isBusy) {
+      return [getImportedCRChangeset ? performOperation('importing proposal', async function () {
+        const [objectChangeset, crID] = await getImportedCRChangeset();
+        await updateObjects({
+          commitMessage: 'import proposal',
+          objectChangeset
+        });
+        setActiveChangeRequestID(crID);
+      }) : undefined, getNewEmptyCRChangeset ? performOperation('creating blank proposal', async function (newIdea) {
+        const [objectChangeset, crID] = await getNewEmptyCRChangeset(newIdea);
+        await updateObjects({
+          commitMessage: `start new empty proposal ${newIdea}`,
+          objectChangeset
+        });
+        setActiveChangeRequestID(crID);
+      }) : undefined];
+    } else {
+      return [undefined, undefined];
+    }
+  }, [isBusy, performOperation, updateObjects, getImportedCRChangeset, getNewEmptyCRChangeset]); // Actionable proposals v2
 
-          return result._;
+  const proposalGroups = (0, _react.useMemo)(() => (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.role) ? getActionableProposalGroupsForRole(stakeholder.role) : null, [stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.role]);
+  const actionableProposalsResult = useMapReducedData({
+    chains: (proposalGroups !== null && proposalGroups !== void 0 ? proposalGroups : []).map(([label,, queryGetter]) => {
+      const query = queryGetter(stakeholder);
+      const predicateFunc = `
+          const objPath = key, obj = value;
+          return ((${CR_BASE_QUERY}) && (${query}));
+        `;
+      const mapFunc = `emit(value);`;
+      return {
+        [label]: {
+          mapFunc,
+          predicateFunc
+        }
+      };
+    }).reduce((prev, curr) => ({ ...prev,
+      ...curr
+    }), {})
+  });
+  const actionableProposals = (0, _react.useMemo)(() => Object.entries(actionableProposalsResult.value).map(([chainID, chainResult]) => [chainID, (Array.isArray(chainResult) ? chainResult : undefined) || undefined]), [actionableProposalsResult.value]);
+  const handleRefreshProposals = actionableProposalsResult.refresh; // Actionable proposals
+  // const [actionableProposals, setActionableProposals] =
+  // useState<[string, CR[] | undefined][]>([]);
+  // const [reqCounter, setReqCounter] = useState(1);
+  // useEffect(() => {
+  //   let cancelled = false;
+  //   if (stakeholder) {
+  //     const proposalGroups = getActionableProposalGroupsForRole(stakeholder.role);
+  //     setActionableProposals(proposalGroups.map(([groupLabel, ]) => [groupLabel, undefined]));
+  //     async function updateItems([ groupLabel, , queryGetter ]: ActionableProposalGroup) {
+  //       const query = queryGetter(stakeholder);
+  //       const mapFunc = `
+  //         const objPath = key, obj = value;
+  //         if ((${CR_BASE_QUERY}) && (${query})) {
+  //           emit(obj);
+  //         }
+  //       `;
+  //       const result = await getMapReducedData({
+  //         chains: { _: { mapFunc } },
+  //       });
+  //       if (!Array.isArray(result._)) {
+  //         console.error("Weird result", result);
+  //       }
+  //       if (!cancelled) {
+  //         setActionableProposals(previousGroups =>
+  //           previousGroups.map(([previousGroupLabel, previousProposals]) =>
+  //             previousGroupLabel === groupLabel
+  //               ? [previousGroupLabel, Array.isArray(result._) ? result._ : []]
+  //               : [previousGroupLabel, previousProposals]
+  //           )
+  //         );
+  //       }
+  //     };
+  //     proposalGroups.map(updateItems);
+  //   } else {
+  //     setActionableProposals([]);
+  //   }
+  //   return function cleanUp() { cancelled = true; };
+  // }, [stakeholder, reqCounter, getMapReducedData]);
+  // const handleRefreshProposals = useCallback(
+  //   (() => setReqCounter(c => c + 1)),
+  //   [setReqCounter]);
+  // TODO: Move to action bar
+  // const customActions = useMemo(() => customViews.map(cv => ({
+  //   key: cv.id,
+  //   text: cv.label,
+  //   title: cv.description,
+  //   icon: cv.icon,
+  //   onClick: () => spawnTab(`${Protocols.CUSTOM_VIEW}:${cv.id}/index`),
+  // })), [spawnTab, customViews]);
+
+  const [createMode, setCreateMode] = (0, _react.useState)(false); //const canStakeholderCreateCRs = stakeholder && canCreateCR(stakeholder);
+
+  const handleSelectProposal = (0, _react.useMemo)(() => {
+    return setActiveChangeRequestID && !isBusy ? function (crid) {
+      setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(crid);
+    } : undefined;
+  }, [setActiveChangeRequestID, isBusy]);
+  const proposalBlockActions = (0, _react.useMemo)(() => {
+    const actions = [];
+
+    if (activeCR) {
+      actions.push({
+        text: "Export proposal",
+        onClick: () => void 0,
+        icon: 'export',
+        disabled: true
+      });
+      actions.push({
+        text: "Exit proposal",
+        icon: 'log-out',
+        intent: 'danger',
+        disabled: isBusy,
+        onClick: setActiveChangeRequestID ? () => setActiveChangeRequestID === null || setActiveChangeRequestID === void 0 ? void 0 : setActiveChangeRequestID(null) : undefined
+      });
+    } else {
+      if (stakeholder && (0, _stakeholder.canCreateCR)(stakeholder)) {
+        actions.push({
+          text: "Create blank proposal",
+          onClick: !createMode ? () => setCreateMode(true) : undefined,
+          disabled: !createCR,
+          active: createMode,
+          selected: createMode,
+          icon: 'add',
+          intent: actionableProposals.length < 1 ? 'primary' : undefined
         });
-        return [changeset, crID];
-      } catch (e) {
-        throw new Error("Error reading proposal data");
       }
+
+      if (stakeholder && (0, _stakeholder.canImportCR)(stakeholder)) {
+        actions.push({
+          text: "Import proposal",
+          onClick: importCR,
+          disabled: !importCR || createMode,
+          icon: 'import',
+          intent: actionableProposals.length < 1 ? 'primary' : undefined
+        });
+      }
+    }
+
+    return actions;
+  }, [!activeCR, createMode, importCR, createCR, isBusy, actionableProposals.length < 1]);
+  const handleCreate = (0, _react.useMemo)(() => createCR && createMode ? async function (idea) {
+    if (idea && createCR) {
+      await createCR(idea);
+    }
+
+    setCreateMode(false);
+  } : undefined, [createMode, createCR]);
+  const proposalBlock = (0, _react.useMemo)(() => {
+    if (registerMetadata
+    /*&& actionableProposals.find(p => p[1] && p[1].length > 0)*/
+    ) {
+      return (0, _react2.jsx)(HomeBlock, {
+        View: _Proposal.Proposals,
+        key: "proposal dashboard",
+        description: "Actionable proposals",
+        css: (0, _react2.css)`
+            height: 300px;
+            flex-basis: calc(50% - 10px);
+            flex-grow: 1;
+          `,
+        props: {
+          register: registerMetadata,
+          actionableProposals,
+          createMode,
+          onCreate: handleCreate,
+          onRefreshProposals: handleRefreshProposals,
+          onSelectProposal: handleSelectProposal
+        },
+        actions: proposalBlockActions
+      });
     } else {
-      throw new Error("Invalid proposal format");
+      return null;
     }
-  }
+  }, [createMode, registerMetadata, proposalBlockActions, handleSelectProposal, handleCreate, (0, _util.toJSONNormalized)(actionableProposals)]);
+  const activeCRBlock = (0, _react.useMemo)(() => {
+    if (activeCR && registerMetadata) {
+      const actions = stakeholder && (0, _TransitionOptions.canBeTransitionedBy)(stakeholder, activeCR) ? [
+        /*{
+        // 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: deleteCR,
+        disabled: !deleteCR,
+        icon: 'delete',
+        intent: 'danger'
+      }] : [];
+      actions.push({
+        text: "Open in new window",
+        onClick: async () => spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${(0, _itemPathUtils.crIDToCRPath)(activeCR.id)}`)
+      });
+      return (0, _react2.jsx)(HomeBlock, {
+        View: _Proposal.CurrentProposal,
+        description: "Active proposal",
+        props: {
+          proposal: activeCR,
+          stakeholder,
+          register: registerMetadata
+        },
+        css: (0, _react2.css)`
+            height: 300px;
+            flex-basis: calc(50% - 10px);
+            flex-grow: 1;
+          `,
+        actions: actions
+      });
+    } else {
+      return null;
+    }
+  }, [activeCR, registerMetadata, canDelete, deleteCR, stakeholder]);
+  const registerMetaBlock = (0, _react.useMemo)(() => {
+    if (!activeCRBlock && stakeholder) {
+      return (0, _react2.jsx)(HomeBlock, {
+        View: _MetaSummary.default,
+        description: "Register summary",
+        props: registerMetadata ? {
+          register: registerMetadata,
+          style: {
+            padding: '10px 12px 0 12px',
+            flexGrow: 1,
+            flexShrink: 0
+          }
+        } : registerMetadata,
+        error: registerMetadata === null ? "Failed to load register metadata" : undefined,
+        css: (0, _react2.css)`
+            height: 300px;
+            flex-basis: calc(50% - 10px);
+            flex-grow: 1;
+          `,
+        actions: [{
+          text: "View or edit register metadata",
+          onClick: () => spawnTab(_protocolRegistry.Protocols.REGISTER_META),
+          icon: 'properties'
+        }]
+      });
+    } else {
+      return null;
+    }
+  }, [!activeCRBlock, registerMetadata, stakeholder]);
+  return (0, _react2.jsx)(_util2.TabContentsWithHeader, {
+    title: (_a = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.name) !== null && _a !== void 0 ? _a : 'Register',
+    layout: "card-grid"
+  }, activeCRBlock !== null && activeCRBlock !== void 0 ? activeCRBlock : registerMetaBlock, proposalBlock);
+};
 
-  async function handleImportProposal() {
-    const [objectChangeset, crID] = await performOperation('reading proposal data', getCRImportChangeset)();
-    await performOperation('creating proposal', updateObjects !== null && updateObjects !== void 0 ? updateObjects : async () => {
-      throw new Error("Read-only dataset");
-    })({
-      commitMessage: "import proposal",
-      objectChangeset
-    });
-    setNewProposalIdea('');
-    spawnTab(`${_protocolRegistry.Protocols.CHANGE_REQUEST}:${(0, _itemPathUtils.crIDToCRPath)(crID)}`);
-  }
+var _default = RegisterHome;
+exports.default = _default;
+
+function HomeBlock({
+  View,
+  description,
+  props,
+  error,
+  actions,
+  className
+}) {
+  var _a;
 
-  const menu = (0, _react2.jsx)(_core.Menu, {
-    css: (0, _react2.css)`margin: 10px;`
-  }, (0, _react2.jsx)(_core.MenuDivider, {
-    title: "Quick links"
-  }), customViews.map((cv, _) => (0, _react2.jsx)(_core.MenuItem, {
-    key: cv.id,
-    text: cv.label,
-    title: cv.description,
-    icon: cv.icon,
-    onClick: () => spawnTab(`${_protocolRegistry.Protocols.CUSTOM_VIEW}:${cv.id}/index`)
-  })), customViews.length > 0 ? (0, _react2.jsx)(_core.MenuDivider, null) : null, (0, _react2.jsx)(_core.MenuItem, {
-    text: `Propose a change to version ${(_d = (_c = registerMetadata === null || registerMetadata === void 0 ? void 0 : registerMetadata.version) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : '(missing)'}`,
-    disabled: !canCreateCR,
-    icon: "lightbulb",
-    title: canCreateCR ? "A blank proposal will be created and opened in a new tab." : undefined
-  }, (0, _react2.jsx)(_core.InputGroup, {
-    value: newProposalIdea || undefined,
-    placeholder: "Your idea\u2026",
-    title: "Justification draft (you can change this later)",
-    onChange: evt => setNewProposalIdea(evt.currentTarget.value),
-    rightElement: (0, _react2.jsx)(_core.Button, {
-      small: true,
-      intent: newProposalIdea ? 'primary' : undefined,
-      disabled: !newProposalIdea,
-      onClick: handleNewProposal,
-      icon: "tick"
-    })
-  })), (0, _react2.jsx)(_core.MenuItem, {
-    text: "Import proposal",
-    icon: "import",
-    disabled: !canCreateCR,
-    onClick: handleImportProposal
-  }), (0, _react2.jsx)(_core.MenuItem, {
-    text: "View register metadata",
-    icon: "properties",
-    onClick: () => spawnTab(_protocolRegistry.Protocols.REGISTER_META)
-  }));
-  const intro = (0, _react2.jsx)(_core.Callout, {
-    intent: "primary",
-    css: (0, _react2.css)`text-align: left;`
-  }, stakeholder ? (0, _react2.jsx)(_react.default.Fragment, null, "You can create proposals as ", (0, _RegisterStakeholder.registerStakeholderPlain)(stakeholder), ".") : offline ? (0, _react2.jsx)(_react.default.Fragment, null, "Because this repository is offline (no remote configured), and remote username is currently required for proposal, you cannot create proposals.") : (0, _react2.jsx)(_react.default.Fragment, null, "Since your remote username is not in the list of stakeholders, you cannot create proposals currently."));
-  const greeting = registerMetadata ? (0, _react2.jsx)(_core.NonIdealState, {
-    title: `Welcome to ${registerMetadata.name}`,
-    description: (0, _react2.jsx)(_react.default.Fragment, null, intro, menu)
-  }) : registerMetadata === undefined ? (0, _react2.jsx)(_core.NonIdealState, {
-    icon: (0, _react2.jsx)(_core.Spinner, null),
-    description: "Loading register information\u2026"
+  return (0, _react2.jsx)(_util2.CardInGrid, {
+    css: (0, _react2.css)`
+          padding: 5px;
+          display: flex; flex-flow: column nowrap;
+          overflow: hidden;
+          transition:
+            width .5s linear,
+            height .5s linear;
+        `,
+    description: description,
+    className: className
+  }, props ? (0, _react2.jsx)(View, { ...props
+  }) : props === undefined ? (0, _react2.jsx)(_core.NonIdealState, {
+    icon: (0, _react2.jsx)(_core.Spinner, null)
   }) : (0, _react2.jsx)(_core.NonIdealState, {
     icon: "heart-broken",
-    title: "Register metadata is missing or invalid.",
-    description: (0, _react2.jsx)(_react.default.Fragment, null, menu)
-  });
-  return greeting;
-};
+    title: "Failed to load",
+    description: error
+  }), ((_a = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _a !== void 0 ? _a : 0) > 0 ? (0, _react2.jsx)(_core.Menu, {
+    css: (0, _react2.css)`background: none !important; flex-shrink: 0;`
+  }, actions.map((mip, idx) => (0, _react2.jsx)(_core.MenuItem, {
+    key: idx,
+    ...mip
+  }))) : null);
+}
 
-var _default = RegisterHome;
-exports.default = _default;
+function getActionableProposalGroupsForRole(role) {
+  return CR_QUERIES_FOR_ROLES.filter(([, roles]) => roles.has(role));
+}
+
+const CR_BASE_QUERY = 'objPath.indexOf("/proposals/") === 0 && objPath.endsWith("main.yaml")';
+const CR_QUERIES_FOR_ROLES = [['My Drafts', new Set(['submitter', 'manager', 'control-body', 'owner']), function submitterProposals(stakeholder) {
+  if (stakeholder && stakeholder.gitServerUsername) {
+    const stakeholderCondition = `obj.submittingStakeholderGitServerUsername === "${stakeholder.gitServerUsername}"`;
+    const query = `(obj.state === "${_cr.State.DRAFT}" || obj.state === "${_cr.State.RETURNED_FOR_CLARIFICATION}") && (${stakeholderCondition})`;
+    return query;
+  } else {
+    return 'false';
+  }
+}], ['My Rejected', new Set(['submitter', 'manager', 'control-body', 'owner']), function submitterProposals(stakeholder) {
+  // Rejections are actionable because they can be appealed by the submitter.
+  if (stakeholder && stakeholder.gitServerUsername) {
+    const stakeholderCondition = `obj.submittingStakeholderGitServerUsername === "${stakeholder.gitServerUsername}"`;
+    const query = `(obj.state === "${_cr.State.REJECTED}") && (${stakeholderCondition})`;
+    return query;
+  } else {
+    return 'false';
+  }
+}], ['Everyone’s Drafts or Returned', new Set(['manager', 'control-body', 'owner']), function submitterProposals(stakeholder) {
+  if (stakeholder && stakeholder.gitServerUsername) {
+    const stakeholderCondition = `obj.submittingStakeholderGitServerUsername !== "${stakeholder.gitServerUsername}"`;
+    const query = `(obj.state === "${_cr.State.DRAFT}" || obj.state === "${_cr.State.RETURNED_FOR_CLARIFICATION}") && (${stakeholderCondition})`;
+    return query;
+  } else {
+    return 'false';
+  }
+}], // ['latest reviewed', new Set(['submitter', 'manager', 'control-body', 'owner']), function submitterProposals(stakeholder) {
+//   // TODO: Should filter only rejected perhaps?
+//   // Approved/accepted proposals can be shown in another (public) area.
+//   if (stakeholder && stakeholder.gitServerUsername) {
+//     const stakeholderCondition = stakeholder?.role !== 'submitter'
+//       ? 'true'
+//       : `obj.submittingStakeholderGitServerUsername === "${stakeholder.gitServerUsername}"`;
+//     // Don’t show drafts in the list of pending proposals, unless it’s user’s own drafts.
+//     const query = `(obj.state === "${State.ACCEPTED} || obj.state === "${State.REJECTED} || obj.state === "${State.REJECTION_UPHELD_ON_APPEAL}"") && ${stakeholderCondition}`;
+//     return query;
+//   } else {
+//     return 'false';
+//   }
+//   // TODO: Implement limit
+// }],
+// ['latest withdrawn', new Set(['submitter', 'manager', 'control-body', 'owner']), function submitterProposals(stakeholder) {
+//   if (stakeholder && stakeholder.gitServerUsername) {
+//     const stakeholderCondition = stakeholder?.role !== 'submitter'
+//       ? 'true'
+//       : `obj.submittingStakeholderGitServerUsername === "${stakeholder.gitServerUsername}"`;
+//     // Don’t show drafts in the list of pending proposals, unless it’s user’s own drafts.
+//     const query = `(obj.state === "${State.WITHDRAWN}" || obj.state === "${State.APPEAL_WITHDRAWN}") && ${stakeholderCondition}`;
+//     return query;
+//   } else {
+//     return 'false';
+//   }
+//   // TODO: Implement limit
+// }],
+['Pending Owner Appeal Review', new Set(['owner']), function ownerProposals() {
+  return `obj.state === "${_cr.State.APPEALED}"`;
+}], ['Pending Control Body Review', new Set(['control-body', 'owner']), function cbProposals() {
+  return `obj.state === "${_cr.State.SUBMITTED_FOR_CONTROL_BODY_REVIEW}"`;
+}], ['Pending Manager Review', new Set(['manager', 'control-body', 'owner']), function managerProposals() {
+  return `obj.state === "${_cr.State.PROPOSED}"`;
+}]];