@riboseinc/paneron-registry-kit 2.2.32 → 2.2.33

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, { useState, useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\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 {\n    changeRequest: cr,\n    canTransition,\n    deleteCR,\n    updateItemProposal,\n  } = useContext(ChangeRequestContext);\n\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  const handleDeleteProposalAtItemPath = useCallback(\n    async function handleDeleteProposalAtItemPath(itemPath: string) {\n      return await updateItemProposal?.(\"remove proposed change from proposal draft\", null, itemPath);\n    },\n    [updateItemProposal],\n  );\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canTransition={canTransition}\n        onDelete={deleteCR\n          ? handleDelete\n          : undefined}\n        onDeleteProposalForItemAtPath={updateItemProposal\n          ? handleDeleteProposalAtItemPath\n          : 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  onDeleteProposalForItemAtPath?: (itemPath: string) => void,\n  className?: string,\n}> = memo(function ({ cr, canTransition, onDelete, onDeleteProposalForItemAtPath, 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 [selectedProposal, selectProposal] = useState<string | null>(null);\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals\n          proposals={cr.items}\n          selectedItem={selectedProposal}\n          onSelectItem={selectProposal}\n          onDeleteProposalForItemAtPath={onDeleteProposalForItemAtPath}\n        />\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, onDeleteProposalForItemAtPath, selectedProposal, selectProposal, 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        layoutOptions={{ stretch: true }}\n        actions={actions}>\n\n      {helmet}\n\n      {proposals}\n\n      <Card elevation={1} css={css`flex: 100%; 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: calc(50% - 10px); flex-grow: 1; 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: calc(50% - 10px); flex-grow: 1; 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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/detail/ChangeRequest/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,MAAM,EACN,IAAI,EACJ,aAAa,EACb,OAAO,EACP,EAAE,GACH,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kEAAkE,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,oBAAoB,GACrB,MAAM,yCAAyC,CAAC;AACjD,OAAO,SAAS,MAAM,oCAAoC,CAAC;AAC3D,OAAO,iBAAiB,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACvG,OAAO,oBAAoB,EAAE,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAClG,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAe,eAAe,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EACL,qBAAqB,EAErB,cAAc,IAAI,MAAM,EACxB,oBAAoB,EACpB,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,MAAM,IAAI,GACV,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAC/B,OAAO,CACL,IAAC,4BAA4B,IAAC,eAAe,EAAE,IAAI;QACjD,IAAC,kBAAkB,IAAC,GAAG,EAAE,GAAG,GAAI,CACH,CAChC,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,MAAM,kBAAkB,GACxB,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/D,MAAM,EACJ,aAAa,EAAE,EAAE,EACjB,aAAa,EACb,QAAQ,EACR,kBAAkB,GACnB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAK,IAAI,EAAE;QACV,IAAI,QAAQ,EAAE;YACZ,MAAM,QAAQ,EAAE,CAAC;YACjB,eAAe,CAAC,GAAG,SAAS,CAAC,cAAc,IAAI,GAAG,EAAE,CAAC,CAAC;SACvD;IACH,CAAC,CAAC,EACF,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/B,MAAM,8BAA8B,GAAG,WAAW,CAChD,KAAK,UAAU,8BAA8B,CAAC,QAAgB;QAC5D,OAAO,MAAM,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,4CAA4C,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAA,CAAC;IAClG,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,EAAE;QACR,CAAC,CAAC,IAAC,oBAAoB,IACnB,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ;gBAChB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,SAAS,EACb,6BAA6B,EAAE,kBAAkB;gBAC/C,CAAC,CAAC,8BAA8B;gBAChC,CAAC,CAAC,SAAS,EACb,GAAG,EAAE,GAAG,CAAA;;;;SAIP,GACD;QACJ,CAAC,CAAC,IAAC,aAAa,IACZ,IAAI,EAAE,IAAC,OAAO,OAAG,EACjB,GAAG,EAAE,GAAG,CAAA;;;;SAIP,EACD,WAAW,EAAE,yBAAyB,GACtC,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,MAAM,oBAAoB,GAMrB,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,6BAA6B,EAAE,SAAS,EAAE;IAC3F,MAAM,EACJ,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,gBAAgB,GACjB,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAE3B,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE;;QAC3B,OAAA,IAAC,MAAM;YACL;sCAA0B,MAAA,EAAE,CAAC,aAAa,mCAAI,KAAK,CAAS,CACrD,CAAA;KAAA,CACV,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,qBAAqB,KAAK,EAAE,CAAC,EAAE,CAAC;IACjD,MAAM,eAAe,GAAG,qBAAqB,IAAI,qBAAqB,KAAK,EAAE,CAAC,EAAE,CAAC;IAEjF,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACzE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,CAC9B,QAAQ;QACN,CAAC,CAAC,IAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,KAAK,EACnB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,cAAc,EAC5B,6BAA6B,EAAE,6BAA6B,GAC5D;QACJ,CAAC,CAAC,IAAC,aAAa,IACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,+BAA+B,EACrC,WAAW,EAAE,QAAQ;gBACnB,CAAC,CAAC,IAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,2BAEhB;gBACX,CAAC,CAAC,SAAS,GACb,CACP,EAAE,CAAC,QAAQ,EAAE,6BAA6B,EAAE,gBAAgB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;;QAClC,MAAM,cAAc,GAAiD,EAAE,CAAC;QACxE,cAAc,CAAC,IAAI,CAAC;YAClB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE;gBACP,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,IAAC,EAAE,IAAC,GAAG,EAAE,GAAG,CAAA,YAAY;oBAAE;;wBAAkB,EAAE,CAAC,EAAE,CAAM,CAAK;aACtE;SACF,CAAC,CAAC;QACH,cAAc,CAAC,IAAI,CAAC;YAClB,QAAQ,EAAE,CAAA,MAAA,EAAE,CAAC,KAAK,0CAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,KAAI,KAAK;YACjD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,IAAC,EAAE,IAAC,GAAG,EAAE,GAAG,CAAA,YAAY;oBAC/B;;wBAAY,IAAC,SAAS,IAAC,IAAI,EAAE,EAAE,CAAC,UAAU,GAAI,CAAK;oBACnD;;wBAAe,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAC,SAAS,IAAC,IAAI,EAAE,EAAE,CAAC,YAAY,GAAI,CAAC,CAAC,CAAC,SAAS,CAAM;oBAC3F;;wBAAe,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAC,SAAS,IAAC,IAAI,EAAE,EAAE,CAAC,YAAY,GAAI,CAAC,CAAC,CAAC,SAAS,CAAM,CACnF;aACN;YACD,MAAM,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU;gBAC7B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,4BAA4B;oBACzC,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,WAAW,IAAI,EAAE,CAAC,KAAK,KAAK,UAAU;wBACnD,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,OAAO;4BACpB,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,SAAS;SACpB,CAAC,CAAC;QACH,OAAO,cAAc,CAAC;IACxB,CAAC,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,OAAO,GAA0C,EAAE,CAAC;QAC1D,MAAM,wBAAwB,GAAG,CAAC,eAAe,IAAI,wBAAwB;YAC3E,CAAC,CAAC,CAAC,CAAC,MAAe,EAAE,EAAE,CAAC,MAAM;gBAC1B,CAAC,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,EAAE,CAAC,EAAE,CAAC;gBACnC,CAAC,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,IAAI,CAAC,CACnC;YACH,CAAC,CAAC,SAAS,CAAC;QACd,mCAAmC;QACnC,iEAAiE;QACjE,0BAA0B;QAC1B,gEAAgE;QAChE,iBAAiB;QACjB,+DAA+D;QAC/D,sEAAsE;QACtE,IAAI,wBAAwB,IAAI,QAAQ,EAAE;YACxC,OAAO,CAAC,IAAI,CAAC;gBACX,QAAQ,EAAE,eAAe;gBACzB,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,wBAAwB;gBACnC,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,KAAK,CAAC;gBAChD,mBAAmB;aACpB,CAAC,CAAC;SACJ;aAAM;YACL,OAAO,CAAC,IAAI,CAAC;gBACX,QAAQ,EAAE,uBAAuB;gBACjC,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,wBAAwB;gBACnC,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,IAAI,CAAC;gBAC/C,mBAAmB;aACpB,CAAC,CAAC;SACJ;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,IAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,EACjD,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAC,WAAW,EAClB,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAChC,OAAO,EAAE,OAAO;QAEjB,MAAM;QAEN,SAAS;QAEV,IAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAA,4BAA4B;YACtD,IAAC,EAAE;gBACD,IAAC,OAAO,IACN,EAAE,EAAE,EAAE,EACN,kBAAkB,EAAE,WAAW,EAC/B,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,SAAS,GAC/C,CACC,CACA;QAEP,IAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAA,sDAAsD;YAChF,IAAC,oBAAoB,IACnB,eAAe,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACzC,OAAO,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,GAC/B,CACG;QAEN,aAAa;YACZ,CAAC,CAAC,IAAC,IAAI,IAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAA,sDAAsD;gBAChF,IAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EAC/D,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,GACN,CACG;YACT,CAAC,CAAC,IAAI,CACc,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,MAAM,OAAO,GAA8B,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;;IAC/D,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,MAAA,MAAA,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,0CAAG,GAAG,CAAC,0CAAE,aAAa,CAAC;IAC7F,OAAO;;QAAa,oBAAoB,CAAC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,GAAG,CAAC;iBAAK,CAAC;AACtE,CAAC,CAAC,CAAC;AAEH,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useState, useContext, useMemo, memo, useCallback } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  Card,\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 '../../../proposals/ChangeRequestContext';\nimport Proposals from '../../../proposals/ProposalBrowser';\nimport TransitionOptions, { isFinalState, getTransitions } from '../../../proposals/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../../proposals/TransitionHistory';\nimport Summary from '../../../proposals/MetaProperties';\nimport { type SomeCR, hadBeenProposed, isDisposed } from '../../../proposals/types';\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 {\n    changeRequest: cr,\n    canTransition,\n    deleteCR,\n    updateItemProposal,\n  } = useContext(ChangeRequestContext);\n\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  const handleDeleteProposalAtItemPath = useCallback(\n    async function handleDeleteProposalAtItemPath(itemPath: string) {\n      return await updateItemProposal?.(\"remove proposed change from proposal draft\", null, itemPath);\n    },\n    [updateItemProposal],\n  );\n\n  return (cr\n    ? <ChangeRequestDetails\n        cr={cr}\n        canTransition={canTransition}\n        onDelete={deleteCR\n          ? handleDelete\n          : undefined}\n        onDeleteProposalForItemAtPath={updateItemProposal\n          ? handleDeleteProposalAtItemPath\n          : 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  onDeleteProposalForItemAtPath?: (itemPath: string) => void,\n  className?: string,\n}> = memo(function ({ cr, canTransition, onDelete, onDeleteProposalForItemAtPath, 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 [selectedProposal, selectProposal] = useState<string | null>(null);\n  const proposals = useMemo((() =>\n    hasItems\n      ? <Proposals\n          proposals={cr.items}\n          selectedItem={selectedProposal}\n          onSelectItem={selectProposal}\n          onDeleteProposalForItemAtPath={onDeleteProposalForItemAtPath}\n        />\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, onDeleteProposalForItemAtPath, selectedProposal, selectProposal, 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        layoutOptions={{ stretch: true }}\n        actions={actions}>\n\n      {helmet}\n\n      {proposals}\n\n      <Card elevation={1} css={css`flex: 100%; 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: calc(50% - 10px); flex-grow: 1; 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: calc(50% - 10px); flex-grow: 1; 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/ProposalWork.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React from 'react';
+declare const _default: {
+    readonly main: React.VoidFunctionComponent<Record<never, never>>;
+    readonly title: React.VoidFunctionComponent<Record<never, never>>;
+};
+export default _default;

package/views/detail/ProposalWork.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@blueprintjs/core");
+
+var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
+
+var _Workspace = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/Workspace"));
+
+var _SuperSidebar = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/SuperSidebar"));
+
+var _BrowserCtx = require("../BrowserCtx");
+
+var _models = require("../FilterCriteria/models");
+
+var _stakeholder = require("../../types/stakeholder");
+
+var _MetaProperties = _interopRequireDefault(require("../../proposals/MetaProperties"));
+
+var _Search = _interopRequireDefault(require("../../proposals/Search"));
+
+var _Search2 = _interopRequireDefault(require("../../views/sidebar/Search"));
+
+var _util = require("../util");
+
+var _ChangeRequestContext = require("../../proposals/ChangeRequestContext");
+
+var _TransitionOptions = _interopRequireWildcard(require("../../proposals/TransitionOptions"));
+
+var _TransitionHistory = _interopRequireWildcard(require("../../proposals/TransitionHistory"));
+
+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 ProposalWork = (0, _react.memo)(function () {
+  const {
+    changeRequest: activeCR
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  const {
+    registerMetadata: register,
+    stakeholder
+  } = (0, _react.useContext)(_BrowserCtx.BrowserCtx);
+
+  if (!activeCR || !register || !stakeholder) {
+    return (0, _react2.jsx)(_core.NonIdealState, {
+      icon: "clean",
+      title: "Not working on any proposal",
+      description: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("p", null, "Choose an actionable proposal from the sidebar to the left and activate it by double-clicking"), register && stakeholder && (0, _stakeholder.canCreateCR)(stakeholder) ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("p", null, "\u2014or\u2014"), (0, _react2.jsx)(_core.Button, {
+        large: true,
+        intent: "primary"
+      }, "Start a new proposal")) : null)
+    });
+  } else {
+    return (0, _react2.jsx)(ActiveProposal, {
+      proposal: activeCR,
+      register: register,
+      stakeholder: stakeholder
+    });
+  }
+});
+
+const ProposalWorkTitle = function () {
+  const {
+    changeRequest: activeCR
+  } = (0, _react.useContext)(_ChangeRequestContext.ChangeRequestContext);
+  return (0, _react2.jsx)(_react.default.Fragment, null, activeCR ? (0, _react2.jsx)("strong", null, " Active proposal") : (0, _react2.jsx)(_react.default.Fragment, null, "Proposal dashboard"));
+};
+
+var _default = {
+  main: ProposalWork,
+  title: ProposalWorkTitle
+};
+exports.default = _default;
+
+const ActiveProposal = function ({
+  proposal,
+  register,
+  stakeholder
+}) {
+  var _a;
+
+  return (0, _react2.jsx)(_util.TabContentsWithHeader, {
+    title: (0, _react2.jsx)(_react.default.Fragment, null, proposal.justification),
+    classification: [{
+      children: (0, _react2.jsx)(_react.default.Fragment, null, proposal.state)
+    }]
+  }, (0, _react2.jsx)(_Workspace.default, {
+    sidebarPosition: "right",
+    sidebar: (0, _react2.jsx)(_SuperSidebar.default, {
+      sidebarIDs: ['meta'],
+      css: (0, _react2.css)`width: 30% !important; min-width: 300px;`,
+      selectedSidebarID: 'meta',
+      config: {
+        meta: {
+          icon: () => (0, _react2.jsx)(_core.Icon, {
+            icon: "document"
+          }),
+          title: "Meta",
+          blocks: [{
+            key: 'summary',
+            title: "Summary",
+            content: (0, _react2.jsx)("div", {
+              css: (0, _react2.css)`padding: 0 5px;`
+            }, "\u201C", (_a = proposal.justification) === null || _a === void 0 ? void 0 : _a.trim(), "\u201D", (0, _react2.jsx)("br", null), (0, _react2.jsx)(_DL.default, null, (0, _react2.jsx)(_MetaProperties.default, {
+              cr: proposal,
+              currentStakeholder: stakeholder,
+              registerMetadata: register
+            })))
+          }, {
+            key: 'transitions',
+            title: "Transitions",
+            content: (0, _react2.jsx)(TransitionBlockContents, {
+              proposal: proposal,
+              stakeholder: stakeholder
+            })
+          }]
+        }
+      }
+    })
+  }, (0, _react2.jsx)(_util.RegisterHelmet, null, (0, _react2.jsx)("title", null, "Working on proposal ", proposal.justification)), (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`padding: 10px; flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`
+  }, (0, _react2.jsx)(_Search2.default, {
+    css: (0, _react2.css)`flex: 1;`,
+    //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}
+    implicitCriteria: _models.MATCHES_ANY_CRITERIA,
+    stateName: `proposal-${proposal.id}-search`,
+    List: _Search.default,
+    extraData: {
+      proposal
+    }
+  }))));
+};
+
+const TransitionBlockContents = function ({
+  proposal,
+  stakeholder
+}) {
+  const transitions = (0, _react.useMemo)(() => stakeholder ? (0, _TransitionOptions.getTransitions)(proposal, stakeholder) : [], [proposal, stakeholder]);
+  const [showDetailedHistory, setShowDetailedHistory] = (0, _react.useState)(false);
+  const transitionsBlock = (0, _react.useMemo)(() => (0, _react2.jsx)("div", {
+    css: (0, _react2.css)`overflow-y: auto; max-height: 300px;`
+  }, (0, _react2.jsx)(_core.Checkbox // NOTE: left margin aligns with transition history bullets…
+  , {
+    // NOTE: left margin aligns with transition history bullets…
+    css: (0, _react2.css)`margin: 5px 15px;`,
+    checked: showDetailedHistory,
+    onChange: evt => setShowDetailedHistory(evt.currentTarget.checked)
+  }, "Show detailed history"), (0, _react2.jsx)(_TransitionHistory.default, {
+    pastTransitions: (0, _TransitionHistory.getTransitionHistory)(proposal),
+    isFinal: (0, _TransitionOptions.isFinalState)(proposal.state),
+    detailed: showDetailedHistory
+  }), !showDetailedHistory && transitions.length > 0 ? (0, _react2.jsx)(_TransitionOptions.default, {
+    stakeholder: stakeholder,
+    transitions: transitions,
+    cr: proposal,
+    css: (0, _react2.css)`padding: 12px;`
+  }) : null), [proposal, transitions, setShowDetailedHistory, showDetailedHistory]);
+  return transitionsBlock;
+};

package/views/detail/ProposalWork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProposalWork.js","sourceRoot":"","sources":["../../../src/views/detail/ProposalWork.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, { useMemo, useState, useContext, memo } from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  NonIdealState,\n  Icon,\n  Checkbox,\n} from '@blueprintjs/core';\nimport DL from '@riboseinc/paneron-extension-kit/widgets/DL';\nimport Workspace from '@riboseinc/paneron-extension-kit/widgets/Workspace';\nimport SuperSidebar from '@riboseinc/paneron-extension-kit/widgets/TabbedWorkspace/SuperSidebar';\nimport { BrowserCtx } from '../BrowserCtx';\nimport { MATCHES_ANY_CRITERIA } from '../FilterCriteria/models';\nimport type { Register, RegisterStakeholder } from '../../types';\nimport { canCreateCR } from '../../types/stakeholder';\nimport { type SomeCR as CR } from '../../proposals/types';\nimport MetaProperties from '../../proposals/MetaProperties';\nimport ProposalSearch from '../../proposals/Search';\nimport Search from '../../views/sidebar/Search';\nimport { RegisterHelmet as Helmet } from '../util';\nimport { ChangeRequestContext } from '../../proposals/ChangeRequestContext';\nimport { TabContentsWithHeader } from '../util';\nimport TransitionOptions, { getTransitions, isFinalState } from '../../proposals/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../proposals/TransitionHistory';\n\n\nconst ProposalWork: React.VoidFunctionComponent<Record<never, never>> =\nmemo(function () {\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const { registerMetadata: register, stakeholder, } = useContext(BrowserCtx);\n  if (!activeCR || !register || !stakeholder) {\n    return <NonIdealState\n      icon=\"clean\"\n      title=\"Not working on any proposal\"\n      description={<>\n        <p>\n          Choose an actionable proposal from the sidebar to the left\n          and activate it by double-clicking\n        </p>\n        {register && stakeholder && canCreateCR(stakeholder)\n          ? <>\n              <p>—or—</p>\n              <Button large intent=\"primary\">Start a new proposal</Button>\n            </>\n          : null}\n      </>}\n    />;\n  } else {\n    return <ActiveProposal\n      proposal={activeCR}\n      register={register}\n      stakeholder={stakeholder}\n    />;\n  }\n});\n\n\nconst ProposalWorkTitle: React.VoidFunctionComponent<Record<never, never>> = function () {\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  return <>{activeCR\n    ? <strong> Active proposal</strong>\n    : <>Proposal dashboard</>}</>;\n};\n\n\nexport default {\n  main: ProposalWork,\n  title: ProposalWorkTitle,\n} as const;\n\n\nconst ActiveProposal: React.VoidFunctionComponent<{\n  proposal: CR\n  register: Register\n  stakeholder?: RegisterStakeholder\n}> = function ({ proposal, register, stakeholder }) {\n  return (\n    <TabContentsWithHeader\n        title={<>{proposal.justification}</>}\n        classification={[{ children: <>{proposal.state}</> }]}>\n      <Workspace sidebarPosition=\"right\" sidebar={\n        <SuperSidebar\n          sidebarIDs={['meta']}\n          css={css`width: 30% !important; min-width: 300px;`}\n          selectedSidebarID='meta'\n          config={{\n            meta: {\n              icon: () => <Icon icon=\"document\" />,\n              title: \"Meta\",\n              blocks: [{\n                key: 'summary',\n                title: \"Summary\",\n                content: <div css={css`padding: 0 5px;`}>\n                  “{proposal.justification?.trim()}”\n                  <br />\n                  <DL>\n                    <MetaProperties\n                      cr={proposal}\n                      currentStakeholder={stakeholder}\n                      registerMetadata={register}\n                    />\n                  </DL>\n                </div>,\n              }, {\n                key: 'transitions',\n                title: \"Transitions\",\n                content: <TransitionBlockContents\n                  proposal={proposal}\n                  stakeholder={stakeholder}\n                />,\n              }],\n            },\n          }}\n        />\n      }>\n        <Helmet><title>Working on proposal {proposal.justification}</title></Helmet>\n        <div css={css`padding: 10px; flex: 1; display: flex; flex-flow: column nowrap; overflow: hidden;`}>\n          <Search\n            css={css`flex: 1;`}\n            //style={{ height: '100vh', width: '50vw', minWidth: '500px', maxWidth: '90vw' }}\n            implicitCriteria={MATCHES_ANY_CRITERIA}\n            stateName={`proposal-${proposal.id}-search`}\n            List={ProposalSearch as any}\n            extraData={{ proposal }}\n            //onOpenItem={onChooseItem ? handleOpenItem : undefined}\n          />\n        </div>\n      </Workspace>\n    </TabContentsWithHeader>\n  );\n};\n\n\nconst TransitionBlockContents: React.VoidFunctionComponent<{\n  proposal: CR\n  stakeholder?: RegisterStakeholder\n}> = function ({ proposal, stakeholder }) {\n  const transitions = useMemo(\n    (() => stakeholder\n      ? getTransitions(proposal, stakeholder)\n      : []),\n    [proposal, stakeholder]);\n\n  const [showDetailedHistory, setShowDetailedHistory] = useState(false);\n\n  const transitionsBlock = useMemo(\n    (() =>\n      <div css={css`overflow-y: auto; max-height: 300px;`}>\n        <Checkbox\n            // NOTE: left margin aligns with transition history bullets…\n            css={css`margin: 5px 15px;`}\n            checked={showDetailedHistory}\n            onChange={(evt) => setShowDetailedHistory(evt.currentTarget.checked)}>\n          Show detailed history\n        </Checkbox>\n        <TransitionsAndStatus\n          pastTransitions={getTransitionHistory(proposal)}\n          isFinal={isFinalState(proposal.state)}\n          detailed={showDetailedHistory}\n        />\n        {!showDetailedHistory && 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    [proposal, transitions, setShowDetailedHistory, showDetailedHistory]);\n\n  return transitionsBlock;\n}\n"]}

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

@@ -2,7 +2,7 @@
 /** @jsxFrag React.Fragment */
 import React from 'react';
 import type { Register, RegisterStakeholder } from '../../../types';
-import { type SomeCR as CR } from '../../../types/cr';
+import { type SomeCR as CR } from '../../../proposals/types';
 declare const CurrentProposalBlock: React.VoidFunctionComponent<{
     proposal: CR;
     register: Register;

package/views/detail/RegisterHome/ActiveProposalDetails.js

@@ -11,11 +11,11 @@ var _react2 = require("@emotion/react");
 
 var _DL = _interopRequireDefault(require("@riboseinc/paneron-extension-kit/widgets/DL"));
 
-var _Summary = _interopRequireDefault(require("../../change-request/Summary"));
+var _MetaProperties = _interopRequireDefault(require("../../../proposals/MetaProperties"));
 
-var _TransitionOptions = _interopRequireWildcard(require("../../change-request/TransitionOptions"));
+var _TransitionOptions = _interopRequireWildcard(require("../../../proposals/TransitionOptions"));
 
-var _TransitionHistory = _interopRequireWildcard(require("../../change-request/TransitionHistory"));
+var _TransitionHistory = _interopRequireWildcard(require("../../../proposals/TransitionHistory"));
 
 var _Block = _interopRequireDefault(require("./Block"));
 
@@ -92,7 +92,7 @@ const CurrentProposal = function ({
     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, {
+  }, "\u201C", proposal.justification.trim() || '(justification N/A)', "\u201D")), (0, _react2.jsx)(_MetaProperties.default, {
     cr: proposal,
     currentStakeholder: stakeholder,
     registerMetadata: register

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

@@ -1 +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      : [];\n\n    if (canDelete) {\n      actions.push({\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: \"View proposal in a new tab\",\n      icon: 'open-application',\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"]}
+{"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 MetaProperties from '../../../proposals/MetaProperties';\nimport type { Register, RegisterStakeholder } from '../../../types';\nimport { type SomeCR as CR } from '../../../proposals/types';\nimport TransitionOptions, { isFinalState, getTransitions, canBeTransitionedBy } from '../../../proposals/TransitionOptions';\nimport TransitionsAndStatus, { getTransitionHistory } from '../../../proposals/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      : [];\n\n    if (canDelete) {\n      actions.push({\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: \"View proposal in a new tab\",\n      icon: 'open-application',\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        <MetaProperties\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/Proposal.d.ts

@@ -2,7 +2,7 @@
 /** @jsxFrag React.Fragment */
 import React from 'react';
 import type { Register } from '../../../types';
-import { type SomeCR as CR } from '../../../types/cr';
+import { type SomeCR as CR } from '../../../proposals/types';
 export declare const Proposals: React.VoidFunctionComponent<{
     register: Register;
     actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][];

package/views/detail/RegisterHome/Proposal.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 
 var _core = require("@blueprintjs/core");
 
-var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+var _ChangeRequestContext = require("../../../proposals/ChangeRequestContext");
 
 var _util = require("../../util");
 
@@ -135,17 +135,13 @@ const Proposals = function ({
   onRefreshProposals,
   className
 }) {
-  //const [creating, setCreating] = useState(false);
   const hasActionable = actionableProposals && actionableProposals.find(p => p[1] && p[1].length > 0);
   const proposalMenuItems = (0, _react.useMemo)(() => {
     return hasActionable || onCreate ? (0, _react2.jsx)(ActionableProposalItems, {
       actionableProposals: actionableProposals !== null && actionableProposals !== void 0 ? actionableProposals : [],
       onSelect: onSelectProposal
     }) : null;
-  }, [onSelectProposal, onCreate, hasActionable, actionableProposals]); // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>
-  //   {proposalMenuItems}
-  // </Menu>
-
+  }, [onSelectProposal, onCreate, hasActionable, actionableProposals]);
   const stack = (0, _react.useMemo)(() => {
     const stack = [];
     const proposalMenu = proposalMenuItems ? (0, _react2.jsx)(_core.Menu, {

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

@@ -1 +1 @@
-{"version":3,"file":"Proposal.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/Proposal.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, {\n  useState,\n  useContext,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  FormGroup,\n  ControlGroup,\n  TextArea,\n  PanelStack2 as PanelStack, type Panel,\n  Menu, MenuDivider, MenuItem,\n  Spinner,\n  NonIdealState,\n} from '@blueprintjs/core';\n\nimport { ChangeRequestContext } from '../../change-request/ChangeRequestContext';\nimport { maybeEllipsizeString } from '../../util';\nimport type { Register } from '../../../types';\nimport { type SomeCR as CR } from '../../../types/cr';\n\n\nconst NewProposal: React.VoidFunctionComponent<{\n  register: Register\n  onCreateBlank?: (idea: string) => Promise<void>\n  className?: string\n}> = function ({ register, onCreateBlank, className }) {\n  const [ newProposalIdea, setNewProposalIdea ] = useState('');\n\n  const handleNewProposal = useCallback(async function handleNewProposal () {\n    if (newProposalIdea.trim()) {\n      await onCreateBlank?.(newProposalIdea);\n      setNewProposalIdea('');\n    } else {\n      throw new Error(\"Cannot create proposal: need some initial motivation for the change\");\n    }\n  }, [newProposalIdea, onCreateBlank]);\n\n  return (\n    <FormGroup\n        className={className}\n        css={css`overflow-y: auto;`}\n        label={<>Propose a change to version {register.version?.id ?? '(N/A)'}:</>}>\n      <ControlGroup vertical>\n        <TextArea\n          value={newProposalIdea ?? ''}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n        />\n        <Button\n            fill\n            intent={newProposalIdea ? 'primary': undefined}\n            disabled={!newProposalIdea.trim() || !onCreateBlank}\n            title=\"A blank proposal will be created and opened in a new tab.\"\n            onClick={handleNewProposal}\n            icon=\"tick\">\n          Create\n        </Button>\n      </ControlGroup>\n    </FormGroup>\n  );\n};\n\n\n/**\n * A list of menu items for given actionable proposals,\n * grouped by label.\n */\nconst ActionableProposalItems: React.VoidFunctionComponent<{\n  actionableProposals: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onSelect?: (proposalID: string) => void\n}> = function ActionableProposalItems ({ actionableProposals, onSelect }) {\n  return <>{\n    actionableProposals?.\n    filter(([, proposals]) => proposals && proposals.length > 0).\n    map(([groupLabel, proposals], idx) =>\n      <React.Fragment key={idx}>\n        <MenuDivider title={groupLabel} />\n        {proposals !== undefined && proposals.length > 0\n          ? proposals.map(cr =>\n              <ActionableProposalItem\n                key={cr.id}\n                cr={cr}\n                onClick={onSelect}\n              />)\n          : proposals === undefined\n            ? <MenuItem disabled text=\"Loading…\" icon={<Spinner />} />\n            : <MenuItem disabled text=\"No pending proposals\" icon=\"clean\" />}\n      </React.Fragment>)\n  }</>;\n};\n\n\nconst ActionableProposalItem: React.VoidFunctionComponent<{\n  cr: CR\n  onClick?: (crID: string) => void\n}> = function ({ cr, onClick }) {\n  // TODO: Try to avoid useContext here.\n  // Originally activeCR was passed via prop, need to try again.\n  // Switch to context was done to avoid rerendering the entire list\n  // & losing scroll position.\n  // We want(?) active CR to determine if this item is active\n  // and keep it in viewport after user switches back.\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const selectedMenuItem = useRef<HTMLLIElement | null>(null);\n  const isActive = activeCR && cr.id === activeCR?.id\n    ? true\n    : false;\n  useEffect(() => {\n    selectedMenuItem.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n  const handleClick = useCallback(() => {\n    return onClick?.(cr.id);\n  }, [onClick, cr.id]);\n  return (\n    <MenuItem\n      key={cr.id}\n      elementRef={isActive ? selectedMenuItem : undefined}\n      selected={isActive}\n      active={isActive}\n      text={maybeEllipsizeString(cr.justification?.trim() || cr.id, 120)}\n      htmlTitle={cr.justification}\n      disabled={!onClick}\n      onClick={onClick ? handleClick : undefined}\n    />\n  );\n};\n\n\nexport const Proposals: React.VoidFunctionComponent<{\n  register: Register\n  actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onCreate?: (idea: string | false) => Promise<void>\n  createMode?: boolean\n  onSelectProposal?: (id: string) => void\n  onRefreshProposals?: () => void\n  className?: string\n}> = function ({\n  register,\n  actionableProposals,\n  onCreate,\n  createMode,\n  onSelectProposal,\n  onRefreshProposals,\n  className,\n}) {\n  //const [creating, setCreating] = useState(false);\n  const hasActionable = (actionableProposals && actionableProposals.find(p => p[1] && p[1].length > 0));\n  const proposalMenuItems = useMemo(() => {\n    return hasActionable || onCreate\n      ? <ActionableProposalItems\n          actionableProposals={actionableProposals ?? []}\n          onSelect={onSelectProposal}\n        />\n      : null;\n  }, [onSelectProposal, onCreate, hasActionable, actionableProposals]);\n\n  // return <Menu css={css`overflow-y: auto; background: none !important`} className={className}>\n  //   {proposalMenuItems}\n  // </Menu>\n\n  const stack: Panel<any>[] = useMemo(() => {\n    const stack = [];\n    const proposalMenu = proposalMenuItems\n      ? <Menu css={css`overflow-y: auto; background: none !important;`}>\n          {proposalMenuItems}\n        </Menu>\n      : null;\n    if (proposalMenu) {\n      stack.push({\n        title: createMode\n          ? \"Proposals\"\n          : <>\n              Proposals\n              {hasActionable || (onCreate && onRefreshProposals)\n                ? <>\n                    &nbsp;\n                    <Button\n                      minimal\n                      small\n                      onClick={onRefreshProposals}\n                      disabled={!onRefreshProposals}\n                      icon=\"refresh\"\n                    />\n                  </>\n                : null}\n            </>,\n        renderPanel: () => proposalMenu,\n      });\n    }\n    if (createMode) {\n      stack.push({\n        title: \"Start proposal\",\n        renderPanel: () =>\n          <NewProposal\n            onCreateBlank={onCreate}\n            register={register}\n            css={css`padding: 5px;`}\n          />,\n      });\n    }\n    return stack;\n  }, [\n    onCreate, createMode,\n    onRefreshProposals,\n    hasActionable,\n    register, proposalMenuItems,\n  ]);\n\n  return <PanelStack\n    css={css`flex: 1; .bp4-panel-stack-view { background: none; }`}\n    className={className}\n    onClose={() => onCreate?.(false)}\n    stack={stack.length > 0\n      ? stack\n      : [{ title: '', renderPanel: () => <NonIdealState title=\"Nothing to show\" /> }]}\n  />;\n};\n"]}
+{"version":3,"file":"Proposal.js","sourceRoot":"","sources":["../../../../src/views/detail/RegisterHome/Proposal.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport React, {\n  useState,\n  useContext,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { jsx, css } from '@emotion/react';\nimport {\n  Button,\n  FormGroup,\n  ControlGroup,\n  TextArea,\n  PanelStack2 as PanelStack, type Panel,\n  Menu, MenuDivider, MenuItem,\n  Spinner,\n  NonIdealState,\n} from '@blueprintjs/core';\n\nimport { ChangeRequestContext } from '../../../proposals/ChangeRequestContext';\nimport { maybeEllipsizeString } from '../../util';\nimport type { Register } from '../../../types';\nimport { type SomeCR as CR } from '../../../proposals/types';\n\n\nconst NewProposal: React.VoidFunctionComponent<{\n  register: Register\n  onCreateBlank?: (idea: string) => Promise<void>\n  className?: string\n}> = function ({ register, onCreateBlank, className }) {\n  const [ newProposalIdea, setNewProposalIdea ] = useState('');\n\n  const handleNewProposal = useCallback(async function handleNewProposal () {\n    if (newProposalIdea.trim()) {\n      await onCreateBlank?.(newProposalIdea);\n      setNewProposalIdea('');\n    } else {\n      throw new Error(\"Cannot create proposal: need some initial motivation for the change\");\n    }\n  }, [newProposalIdea, onCreateBlank]);\n\n  return (\n    <FormGroup\n        className={className}\n        css={css`overflow-y: auto;`}\n        label={<>Propose a change to version {register.version?.id ?? '(N/A)'}:</>}>\n      <ControlGroup vertical>\n        <TextArea\n          value={newProposalIdea ?? ''}\n          placeholder=\"Your idea…\"\n          title=\"Justification draft (you can change this later)\"\n          onChange={evt => setNewProposalIdea(evt.currentTarget.value)}\n        />\n        <Button\n            fill\n            intent={newProposalIdea ? 'primary': undefined}\n            disabled={!newProposalIdea.trim() || !onCreateBlank}\n            title=\"A blank proposal will be created and opened in a new tab.\"\n            onClick={handleNewProposal}\n            icon=\"tick\">\n          Create\n        </Button>\n      </ControlGroup>\n    </FormGroup>\n  );\n};\n\n\n/**\n * A list of menu items for given actionable proposals,\n * grouped by label.\n */\nconst ActionableProposalItems: React.VoidFunctionComponent<{\n  actionableProposals: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onSelect?: (proposalID: string) => void\n}> = function ActionableProposalItems ({ actionableProposals, onSelect }) {\n  return <>{\n    actionableProposals?.\n    filter(([, proposals]) => proposals && proposals.length > 0).\n    map(([groupLabel, proposals], idx) =>\n      <React.Fragment key={idx}>\n        <MenuDivider title={groupLabel} />\n        {proposals !== undefined && proposals.length > 0\n          ? proposals.map(cr =>\n              <ActionableProposalItem\n                key={cr.id}\n                cr={cr}\n                onClick={onSelect}\n              />)\n          : proposals === undefined\n            ? <MenuItem disabled text=\"Loading…\" icon={<Spinner />} />\n            : <MenuItem disabled text=\"No pending proposals\" icon=\"clean\" />}\n      </React.Fragment>)\n  }</>;\n};\n\n\nconst ActionableProposalItem: React.VoidFunctionComponent<{\n  cr: CR\n  onClick?: (crID: string) => void\n}> = function ({ cr, onClick }) {\n  // TODO: Try to avoid useContext here.\n  // Originally activeCR was passed via prop, need to try again.\n  // Switch to context was done to avoid rerendering the entire list\n  // & losing scroll position.\n  // We want(?) active CR to determine if this item is active\n  // and keep it in viewport after user switches back.\n  const { changeRequest: activeCR } = useContext(ChangeRequestContext);\n  const selectedMenuItem = useRef<HTMLLIElement | null>(null);\n  const isActive = activeCR && cr.id === activeCR?.id\n    ? true\n    : false;\n  useEffect(() => {\n    selectedMenuItem.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [isActive]);\n  const handleClick = useCallback(() => {\n    return onClick?.(cr.id);\n  }, [onClick, cr.id]);\n  return (\n    <MenuItem\n      key={cr.id}\n      elementRef={isActive ? selectedMenuItem : undefined}\n      selected={isActive}\n      active={isActive}\n      text={maybeEllipsizeString(cr.justification?.trim() || cr.id, 120)}\n      htmlTitle={cr.justification}\n      disabled={!onClick}\n      onClick={onClick ? handleClick : undefined}\n    />\n  );\n};\n\n\nexport const Proposals: React.VoidFunctionComponent<{\n  register: Register\n  actionableProposals?: [groupLabel: JSX.Element | string, proposals: CR[] | undefined][]\n  onCreate?: (idea: string | false) => Promise<void>\n  createMode?: boolean\n  onSelectProposal?: (id: string) => void\n  onRefreshProposals?: () => void\n  className?: string\n}> = function ({\n  register,\n  actionableProposals,\n  onCreate,\n  createMode,\n  onSelectProposal,\n  onRefreshProposals,\n  className,\n}) {\n  const hasActionable = (actionableProposals && actionableProposals.find(p => p[1] && p[1].length > 0));\n  const proposalMenuItems = useMemo(() => {\n    return hasActionable || onCreate\n      ? <ActionableProposalItems\n          actionableProposals={actionableProposals ?? []}\n          onSelect={onSelectProposal}\n        />\n      : null;\n  }, [onSelectProposal, onCreate, hasActionable, actionableProposals]);\n\n  const stack: Panel<any>[] = useMemo(() => {\n    const stack = [];\n    const proposalMenu = proposalMenuItems\n      ? <Menu css={css`overflow-y: auto; background: none !important;`}>\n          {proposalMenuItems}\n        </Menu>\n      : null;\n    if (proposalMenu) {\n      stack.push({\n        title: createMode\n          ? \"Proposals\"\n          : <>\n              Proposals\n              {hasActionable || (onCreate && onRefreshProposals)\n                ? <>\n                    &nbsp;\n                    <Button\n                      minimal\n                      small\n                      onClick={onRefreshProposals}\n                      disabled={!onRefreshProposals}\n                      icon=\"refresh\"\n                    />\n                  </>\n                : null}\n            </>,\n        renderPanel: () => proposalMenu,\n      });\n    }\n    if (createMode) {\n      stack.push({\n        title: \"Start proposal\",\n        renderPanel: () =>\n          <NewProposal\n            onCreateBlank={onCreate}\n            register={register}\n            css={css`padding: 5px;`}\n          />,\n      });\n    }\n    return stack;\n  }, [\n    onCreate, createMode,\n    onRefreshProposals,\n    hasActionable,\n    register, proposalMenuItems,\n  ]);\n\n  return <PanelStack\n    css={css`flex: 1; .bp4-panel-stack-view { background: none; }`}\n    className={className}\n    onClose={() => onCreate?.(false)}\n    stack={stack.length > 0\n      ? stack\n      : [{ title: '', renderPanel: () => <NonIdealState title=\"Nothing to show\" /> }]}\n  />;\n};\n"]}

package/views/detail/RegisterHome/index.js

@@ -19,17 +19,13 @@ var _context2 = require("@riboseinc/paneron-extension-kit/widgets/TabbedWorkspac
 
 var _BrowserCtx = require("../../BrowserCtx");
 
-var _ChangeRequestContext = require("../../change-request/ChangeRequestContext");
+var _ChangeRequestContext = require("../../../proposals/ChangeRequestContext");
 
-var _itemPathUtils = require("../../itemPathUtils");
-
-var _objectChangeset = require("../../change-request/objectChangeset");
+var _proposals = require("../../../proposals");
 
-var _Proposals = require("../../change-request/Proposals");
+var _types = require("../../../proposals/types");
 
-var _cr = require("../../../types/cr");
-
-var _queries = require("../../../proposals/actionableGroups/queries");
+var _itemPathUtils = require("../../itemPathUtils");
 
 var _stakeholder = require("../../../types/stakeholder");
 
@@ -94,7 +90,7 @@ const RegisterHome = function () {
     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];
+        return [(0, _proposals.newCRObjectChangeset)(crID, newIdea, registerVersion, stakeholder.gitServerUsername), crID];
       };
     } else {
       return undefined;
@@ -116,9 +112,9 @@ const RegisterHome = function () {
           throw new Error("No file was selected");
         }
 
-        if ((0, _cr.isImportableCR)(fileData)) {
+        if ((0, _types.isImportableCR)(fileData)) {
           try {
-            const [changeset, crID] = await (0, _objectChangeset.importedProposalToCRObjectChangeset)(fileData, itemClasses, stakeholder.gitServerUsername, getObjectData, async function resolvePredicates(predicates) {
+            const [changeset, crID] = await (0, _proposals.importedProposalToCRObjectChangeset)(fileData, itemClasses, stakeholder.gitServerUsername, getObjectData, async function resolvePredicates(predicates) {
               const mapReduceChains = [...predicates.values()].map(predicate => ({
                 [predicate]: {
                   mapFunc: `
@@ -187,13 +183,13 @@ const RegisterHome = function () {
     }
   }, [isBusy, performOperation, updateObjects, getImportedCRChangeset, getNewEmptyCRChangeset]); // Actionable proposals v2
 
-  const proposalGroups = (0, _react.useMemo)(() => (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles[0]) ? stakeholder.roles.flatMap(_queries.getActionableProposalGroupsForRole) : null, [stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles.join(',')]);
+  const proposalGroups = (0, _react.useMemo)(() => (stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles[0]) ? stakeholder.roles.flatMap(_proposals.getActionableProposalGroupsForRole) : null, [stakeholder === null || stakeholder === void 0 ? void 0 : stakeholder.roles.join(',')]);
   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 ((${_queries.CR_BASE_QUERY}) && (${query}));
+          return ((${_proposals.CR_BASE_QUERY}) && (${query}));
         `;
       const mapFunc = `emit(value);`;
       return {
@@ -352,7 +348,7 @@ const RegisterHome = function () {
   const [selectedProposal, selectProposal] = (0, _react.useState)(null);
   const proposedChangeBlocks = (0, _react.useMemo)(() => {
     if (activeCR) {
-      return (0, _react2.jsx)(_Proposals.Proposals, {
+      return (0, _react2.jsx)(_proposals.ProposalBrowser, {
         proposals: activeCR.items,
         selectedItem: selectedProposal,
         onSelectItem: selectProposal,